@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f4effb;--muted:#a99db9;--violet:#8f3cff;--violet-bright:#b879ff;--gold:#f2cf69;--panel:#160d21e0;--line:#ccacff2e}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--ink);background:#09060e;margin:0;font:16px/1.5 Inter,system-ui,sans-serif;overflow-x:hidden}.ambient{z-index:-1;background:radial-gradient(circle at 50% -15%,#7721d259,#0000 39rem),radial-gradient(circle at 8% 66%,#501a7729,#0000 32rem),linear-gradient(#100718 0%,#09060e 58%,#060409 100%);position:fixed;inset:0}.ambient:after{content:"";opacity:.08;pointer-events:none;background-image:repeating-linear-gradient(0deg,#0000 0 3px,#fff 4px);position:absolute;inset:0}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0510db;border-bottom:1px solid #9d4cff59}.brand-banner{width:min(100%,706px);height:auto;margin:0 auto;display:block}main{width:min(1240px,100% - 32px);margin:0 auto;padding:48px 0 72px}.board-shell{border:1px solid var(--line);background:linear-gradient(145deg,#1d112beb,#0d0814f0);border-radius:22px;padding:clamp(18px,3vw,34px);box-shadow:0 30px 90px #0000007a,inset 0 1px #ffffff0a}.board-heading{justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px;display:flex}.eyebrow{color:var(--violet-bright);letter-spacing:.16em;text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:700}h1{letter-spacing:-.04em;margin:0;font:800 clamp(2rem,5vw,3.7rem)/1 Cinzel,Georgia,serif}.hint{color:var(--muted);margin:10px 0 0}.progress-wrap{min-width:min(100%,260px)}.progress-copy{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.progress-copy strong{font:700 1.15rem Cinzel,serif}.progress-copy span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.82rem}.progress-track{background:#09060e;border-radius:999px;width:100%;height:7px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.progress-track span{background:linear-gradient(90deg,#6f22d1,#c377ff);width:0;height:100%;transition:width .35s;display:block;box-shadow:0 0 16px #ae5bffcc}#reset-button{color:#a99db9;cursor:pointer;background:0 0;border:0;margin-top:12px;padding:0;font:600 .78rem Inter,sans-serif}#reset-button:hover{color:#fff}.bingo-board{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(6px,1vw,12px);display:grid}.tile{aspect-ratio:1;cursor:pointer;isolation:isolate;background:radial-gradient(circle at 50% 44%,#9147da42,#0000 56%),linear-gradient(145deg,#30213e,#17101f);border:1px solid #cbabf53d;border-radius:9px;padding:0;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:visible}.tile:before{content:"";z-index:2;border-radius:inherit;background:linear-gradient(#0000 54%,#050308e0);position:absolute;inset:0}:is(.tile:hover,.tile:focus-visible){z-index:10;border-color:var(--violet-bright);outline:none;transform:translateY(-5px)scale(1.025);box-shadow:0 16px 38px #0000008f,0 0 0 2px #9741ff29}.tile-art{border-radius:inherit;place-items:center;padding:10% 10% 22%;display:grid;position:absolute;inset:0;overflow:hidden}.tile-art:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff14,#0000 38%);position:absolute;inset:0}.tile-art img{object-fit:contain;filter:saturate(1.08)contrast(1.04)drop-shadow(0 10px 12px #00000080);image-rendering:auto;width:100%;height:100%}.tile-title{z-index:3;text-align:left;color:#fff;text-shadow:0 2px 5px #000;font:700 clamp(.62rem,1.15vw,.82rem)/1.15 Cinzel,serif;position:absolute;inset:auto 8px 7px}.tile-check{z-index:4;color:#0000;background:#0a060fb8;border:1px solid #ffffff85;border-radius:50%;place-items:center;width:25px;height:25px;font-weight:800;transition:all .2s;display:grid;position:absolute;top:7px;right:7px}.tile.completed{border-color:#f2cf69b8;box-shadow:inset 0 0 0 2px #f2cf6924}.tile.completed:before{background:linear-gradient(#280c3e26,#1a0829c2)}.tile.completed .tile-art{opacity:.64}.tile.completed .tile-check{color:#1b1321;border-color:var(--gold);background:var(--gold);box-shadow:0 0 16px #f2cf6973}.tile[aria-busy=true]{cursor:progress;opacity:.72}.tooltip{z-index:20;text-align:left;opacity:0;visibility:hidden;pointer-events:none;background:#0c0712fa;border:1px solid #b776ff85;border-radius:10px;width:min(310px,72vw);padding:14px 15px;transition:all .18s;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%,8px);box-shadow:0 18px 48px #000000a6}.tooltip:after{content:"";background:#0c0712;border-bottom:1px solid #b776ff85;border-right:1px solid #b776ff85;width:10px;height:10px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.tooltip strong{color:#fff;margin-bottom:5px;font:700 1rem Cinzel,serif;display:block}.tooltip span{color:#c9bfd5;font-size:.79rem;line-height:1.45;display:block}:is(.tile:hover .tooltip,.tile:focus-visible .tooltip){opacity:1;visibility:visible;transform:translate(-50%)}.tile:nth-child(-n+6) .tooltip{top:calc(100% + 12px);bottom:auto}.tile:nth-child(-n+6) .tooltip:after{border:0;border-top:1px solid #b776ff85;border-left:1px solid #b776ff85;top:-6px;bottom:auto}.save-note{color:#8f829d;text-align:center;margin:20px 0 0;font-size:.8rem}.save-note span{color:var(--violet-bright);margin-right:6px}.wiki-credit{color:#6f657a;text-align:center;margin:7px 0 0;font-size:.72rem}.wiki-credit a{color:#9787a9;text-decoration:none}.wiki-credit a:hover{color:#c7a6ee;text-decoration:underline}.detail-card,.backdrop{display:none}@media (max-width:800px){main{width:min(100% - 20px,650px);padding:24px 0 48px}.board-heading{flex-direction:column;align-items:stretch;gap:20px}.progress-wrap{width:100%}.bingo-board{gap:5px}.tile{border-radius:6px}.tile-title{font-size:clamp(.48rem,2.3vw,.7rem);inset:auto 4px 5px}.tile-check{width:20px;height:20px;font-size:.72rem;top:4px;right:4px}.tooltip{display:none}.detail-card{z-index:50;background:#160d21;border:1px solid #b776ff85;border-radius:18px;padding:24px;display:block;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 30px 90px #000}.detail-card[hidden],.backdrop[hidden]{display:none}.backdrop{z-index:40;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#040207b8;display:block;position:fixed;inset:0}.detail-close{color:#c9bfd5;cursor:pointer;background:0 0;border:0;font-size:1.8rem;position:absolute;top:10px;right:14px}.detail-kicker{color:var(--violet-bright);letter-spacing:.14em;text-transform:uppercase;margin:0 0 4px;font-size:.72rem;font-weight:700}.detail-card h2{margin:0 28px 9px 0;font:700 1.45rem Cinzel,serif}.detail-summary{color:#fff;margin:0 0 8px;font-weight:600}.detail-items{color:#bdb2ca;margin:0 0 20px;font-size:.9rem}.detail-toggle{color:#fff;cursor:pointer;background:#7928d6;border:1px solid #a657ff;border-radius:9px;width:100%;padding:12px 16px;font:700 .9rem Inter,sans-serif}}@media (max-width:460px){.site-header{padding:0}.board-shell{border-radius:14px;padding:14px 10px 18px}h1{font-size:2rem}.hint{font-size:.85rem}.bingo-board{gap:3px}.tile-title{max-height:2.3em;overflow:hidden}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}