:root{
  --bg:#020817;--bg2:#06142b;--panel:rgba(6,20,43,.78);--panel2:rgba(9,29,58,.72);
  --line:rgba(128,185,255,.18);--line2:rgba(128,196,255,.34);--text:#f4f8ff;--muted:#8ea8c8;
  --blue:#4ca7ff;--cyan:#7ce7ff;--soft:#c8e9ff;--correct:#538d4e;--present:#b59f3b;--absent:#3a3a3c;
  --shadow:0 28px 80px rgba(0,0,0,.42)
}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg);color-scheme:dark}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 50% -10%,#0e3162 0,rgba(8,31,66,.66) 22rem,transparent 48rem),linear-gradient(180deg,#020817 0%,#041027 52%,#020817 100%);overflow-x:hidden}a,button{font:inherit}a{color:inherit}.science-bg{position:fixed;inset:0;z-index:-5;overflow:hidden;pointer-events:none}.stars,.gridfield,.scan,.contours,.orbit{position:absolute;inset:0}.stars{opacity:.58;background-image:radial-gradient(circle at 8% 16%,rgba(255,255,255,.86) 0 1px,transparent 1.4px),radial-gradient(circle at 26% 74%,rgba(124,231,255,.7) 0 1px,transparent 1.5px),radial-gradient(circle at 42% 27%,rgba(255,255,255,.55) 0 1px,transparent 1.3px),radial-gradient(circle at 63% 61%,rgba(76,167,255,.8) 0 1px,transparent 1.5px),radial-gradient(circle at 81% 21%,rgba(255,255,255,.62) 0 1px,transparent 1.3px),radial-gradient(circle at 93% 77%,rgba(124,231,255,.55) 0 1px,transparent 1.4px);background-size:240px 210px,310px 280px,270px 330px,360px 260px,220px 300px,390px 350px;animation:starDrift 110s linear infinite}.gridfield{opacity:.18;background-image:linear-gradient(rgba(103,178,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(103,178,255,.14) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 82%)}.scan{opacity:.16;background:linear-gradient(180deg,transparent 0 44%,rgba(124,231,255,.18) 49%,rgba(124,231,255,.04) 51%,transparent 56%);animation:scan 18s ease-in-out infinite}.contours{left:-15vw;top:48vh;width:780px;height:500px;opacity:.13;background-repeat:no-repeat;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 760 480'%3E%3Cg fill='none' stroke='%235db5ff' stroke-width='1.2'%3E%3Cpath d='M18 286c74-118 155-183 271-204 105-19 213 8 296 78 85 71 116 162 87 231-29 69-117 106-219 93-118-15-235-76-325-157C68 274 4 246 18 286Z'/%3E%3Cpath d='M79 290c61-89 128-138 221-154 86-15 173 6 241 61 69 56 96 125 73 179-23 53-94 82-177 72-96-12-191-59-264-121-48-41-106-61-94-37Z'/%3E%3Cpath d='M141 297c48-61 100-94 171-106 67-11 133 5 184 45 53 42 73 92 56 131-17 39-69 60-130 53-72-8-143-42-197-88-36-30-92-49-84-35Z'/%3E%3Cpath d='M207 305c34-38 71-58 121-66 47-7 93 4 128 31 37 28 51 62 39 89-12 27-48 41-91 36-49-5-98-29-135-60-24-20-68-37-62-30Z'/%3E%3C/g%3E%3C/svg%3E")}.orbit{inset:auto -170px 44vh auto;width:560px;height:260px;border:1px solid rgba(124,231,255,.17);border-radius:50%;transform:rotate(-23deg);animation:orbitFloat 24s ease-in-out infinite}.orbit:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px rgba(124,231,255,.95);left:74px;top:46px}.orbit:after{content:"";position:absolute;inset:28px 46px;border:1px solid rgba(76,167,255,.09);border-radius:50%}@keyframes starDrift{to{transform:translate3d(-90px,55px,0)}}@keyframes scan{0%,100%{transform:translateY(-38vh)}50%{transform:translateY(42vh)}}@keyframes orbitFloat{0%,100%{transform:rotate(-23deg) translateY(0)}50%{transform:rotate(-20deg) translateY(-18px)}}
button{color:inherit}.topbar{position:sticky;top:0;z-index:20;height:62px;border-bottom:1px solid rgba(118,184,255,.13);background:rgba(2,8,23,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.topbar-inner{height:100%;width:min(1040px,calc(100% - 24px));margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;width:max-content}.brandmark{width:30px;height:30px;border:1px solid rgba(124,231,255,.3);border-radius:50%;position:relative;box-shadow:inset 0 0 20px rgba(76,167,255,.05)}.brandmark:before,.brandmark:after{content:"";position:absolute;border-radius:50%}.brandmark:before{inset:6px;border:1px solid rgba(124,231,255,.38)}.brandmark:after{width:5px;height:5px;background:var(--cyan);right:1px;top:6px;box-shadow:0 0 11px rgba(124,231,255,.9)}.brand strong{font-size:14px;letter-spacing:-.02em}.modebar{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:999px;background:rgba(7,23,48,.76)}.mode{position:relative;min-width:108px;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 13px;border-radius:999px;text-decoration:none;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.06em}.mode small{font-weight:500;letter-spacing:0;font-size:8px;opacity:.8}.mode.is-active{background:linear-gradient(180deg,rgba(67,150,255,.26),rgba(30,100,190,.18));color:#fff;box-shadow:inset 0 0 0 1px rgba(112,192,255,.12)}.mode i{width:5px;height:5px;border-radius:50%;background:transparent}.mode i.complete{background:#65d98a;box-shadow:0 0 9px rgba(101,217,138,.7)}.toolbar{justify-self:end;display:flex;gap:5px}.icon{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:rgba(8,25,52,.68);cursor:pointer;color:var(--soft);display:grid;place-items:center}.icon:hover{background:rgba(20,56,104,.72);border-color:var(--line2)}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.page{width:min(720px,calc(100% - 20px));margin:0 auto;padding:14px 0 52px}.game-shell{position:relative;border:1px solid var(--line);border-radius:20px;padding:13px 18px 20px;background:linear-gradient(180deg,rgba(5,20,44,.82),rgba(3,13,31,.86));box-shadow:var(--shadow);overflow:hidden}.game-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(76,167,255,.05),transparent 34%,rgba(124,231,255,.025));}.statusline{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.13em}.statusline .left{display:flex;align-items:center;gap:8px}.statusline .dot{width:3px;height:3px;border-radius:50%;background:var(--blue)}.statusline .release{letter-spacing:.06em;text-transform:none;font-size:9px}.theme-card{position:relative;display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border:1px solid rgba(111,183,255,.18);border-radius:10px;background:rgba(13,40,78,.45)}.theme-card small,.clue-line small,.result small,.below-grid small,dialog>small{display:block;text-transform:uppercase;letter-spacing:.15em;font-size:7px;color:var(--muted);font-weight:800}.theme-card strong{display:block;margin-top:2px;font-size:12px}.theme-card>span{font-size:18px;color:var(--cyan)}.clues{position:relative}.clue-line{margin-top:6px;padding:8px 11px;border-left:2px solid rgba(76,167,255,.62);background:rgba(35,95,161,.12);border-radius:0 8px 8px 0}.clue-line.final{border-left-color:rgba(124,231,255,.8)}.clue-line p{margin:4px 0 0;color:#c8dbf2;font-size:11px;line-height:1.42}.board-wrap{position:relative;width:min(100%,340px);margin:12px auto 9px;padding:0 4px}.board{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.tile{aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(116,166,218,.32);border-radius:7px;background:linear-gradient(145deg,rgba(18,43,77,.86),rgba(8,25,53,.94));font-size:clamp(23px,4.6vw,30px);font-weight:800;text-transform:uppercase;transition:transform .12s ease,border-color .12s ease,background .12s ease}.tile.fill{border-color:rgba(124,231,255,.72);box-shadow:0 0 0 1px rgba(124,231,255,.05)}.tile.correct{background:var(--correct);border-color:var(--correct)}.tile.present{background:var(--present);border-color:var(--present)}.tile.absent{background:var(--absent);border-color:var(--absent)}.tile.correct,.tile.present,.tile.absent{color:#fff}.tile.extra{outline:1px dashed rgba(124,231,255,.14);outline-offset:-2px}.axis{position:absolute;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:6px;letter-spacing:.08em;color:rgba(124,231,255,.28)}.axis-x{right:-26px;top:50%;transform:rotate(90deg)}.axis-y{left:-26px;top:49%}.toast{text-align:center;min-height:18px;font-size:9px;color:var(--cyan)}.keys{position:relative;display:flex;flex-direction:column;gap:4px}.keyrow{display:flex;gap:4px;justify-content:center}.key{height:43px;flex:1;max-width:47px;border:1px solid rgba(119,169,221,.12);border-radius:6px;background:linear-gradient(180deg,#173458,#102945);color:#e5f1ff;font-size:11px;font-weight:780;cursor:pointer}.key:hover{background:#1c416d}.key.wide{max-width:69px;font-size:8px}.key.correct{background:var(--correct);border-color:var(--correct)}.key.present{background:var(--present);border-color:var(--present)}.key.absent{background:var(--absent);border-color:var(--absent);color:#aeb2b7}.extend{position:relative;text-align:center;margin-top:11px;padding:10px;border:1px dashed var(--line2);border-radius:9px;background:rgba(7,26,54,.45)}.extend p{margin:0 0 8px;color:var(--muted);font-size:10px}.primary,.secondary{border-radius:7px;padding:9px 12px;font-size:9px;font-weight:800;cursor:pointer}.primary{border:1px solid #59b4ff;background:#59b4ff;color:#021025}.secondary{border:1px solid var(--line2);background:rgba(13,42,80,.34)}.text-button{border:0;background:transparent;color:var(--muted);text-decoration:underline;font-size:9px;cursor:pointer}.result{position:relative;text-align:center;margin-top:13px;padding:14px 8px 2px;border-top:1px solid var(--line)}.result h2{margin:5px 0 3px;font-size:19px}.result p{margin:0 0 11px;color:var(--muted);font-size:10px}.result-actions{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.other-game{display:flex;width:max-content;margin:10px auto 0;padding:7px 10px;border:1px solid var(--line);border-radius:7px;text-decoration:none;font-size:9px;color:var(--soft)}.below-grid{display:flex;justify-content:center;gap:7px;margin:9px auto 0;flex-wrap:wrap}.micro-card{display:flex;align-items:center;gap:9px;min-height:38px;border:1px solid var(--line);border-radius:999px;padding:7px 12px;background:rgba(5,19,41,.58);color:var(--muted);font-size:8px;text-decoration:none}.micro-card strong{font-size:9px;color:var(--soft);font-weight:700}.count{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--cyan);font-size:10px}.micro-card.link:hover{border-color:var(--line2);background:rgba(15,47,89,.65)}footer{width:min(720px,calc(100% - 20px));margin:0 auto 20px;padding-top:12px;border-top:1px solid rgba(115,177,235,.1);display:flex;justify-content:center;gap:12px;flex-wrap:wrap;color:#617b9e;font-size:8px}footer a{text-decoration:none;color:#7397bd}
dialog{width:min(450px,calc(100% - 24px));border:1px solid var(--line2);border-radius:16px;padding:22px;background:#071a37;color:var(--text);box-shadow:var(--shadow)}dialog::backdrop{background:rgba(1,5,15,.76);backdrop-filter:blur(4px)}dialog h2{margin:6px 0 11px}dialog p{color:var(--muted);font-size:11px;line-height:1.5}.close{float:right;border:0;background:transparent;font-size:19px;cursor:pointer}.legend{display:flex;gap:6px}.legend span{width:40px;height:40px;display:grid;place-items:center;border-radius:6px;font-weight:800}.legend .correct{background:var(--correct)}.legend .present{background:var(--present)}.legend .absent{background:var(--absent)}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.stats-grid div{text-align:center;border:1px solid var(--line);border-radius:7px;padding:9px 4px;background:rgba(8,29,59,.48)}.stats-grid b{display:block}.stats-grid span{font-size:7px;color:var(--muted)}
@media(max-width:650px){.topbar{height:auto;min-height:58px}.topbar-inner{min-height:58px;grid-template-columns:1fr auto;gap:7px;padding:7px 0}.brand strong{font-size:13px}.modebar{grid-column:1/-1;grid-row:2;width:100%;justify-self:center;order:3}.mode{flex:1;min-width:0;padding:6px 9px}.mode small{display:none}.toolbar{grid-column:2;grid-row:1}.page{padding-top:8px}.game-shell{padding:10px 9px 15px;border-radius:15px}.statusline .release{display:none}.board-wrap{margin-top:9px;width:min(100%,326px)}.key,.key.wide{max-width:none}.key.wide{flex:1.35}.axis{display:none}.below-grid{align-items:stretch}.micro-card{flex:1 1 160px;justify-content:center}footer{padding-bottom:6px}.contours{opacity:.09}.orbit{opacity:.65}}
@media(max-width:390px){.brandmark{width:27px;height:27px}.icon{width:31px;height:31px}.board-wrap{width:min(100%,304px)}.tile{font-size:23px}.key{height:40px}.statusline{font-size:7px}}
@media(prefers-reduced-motion:reduce){.stars,.scan,.orbit{animation:none!important}.tile{transition:none!important}}

.app-actions{display:flex;gap:8px;justify-content:center;align-items:center;margin:10px auto 0;max-width:720px}.app-action{border:1px solid var(--line);background:rgba(8,25,52,.72);color:var(--soft);border-radius:999px;padding:8px 13px;font-size:9px;font-weight:750;cursor:pointer}.app-action:hover{border-color:var(--line2);background:rgba(20,56,104,.78)}.app-action[hidden]{display:none!important}
@media(max-width:680px){.topbar-inner{grid-template-columns:auto 1fr auto;gap:7px}.brand strong{font-size:12px}.brandmark{width:25px;height:25px}.mode{min-width:78px;padding:7px 9px}.toolbar{gap:3px}.icon{width:31px;height:31px}.app-actions{margin-top:8px}.app-action{padding:8px 11px}}