:root{--bg:#060d15;--bg2:#0a1826;--ocean:#08131f;--land:#22384a;--stroke:#3a5c76;--gold:#ffc061;--gold-2:#ffd98a;--accent:#2fe6d6;--accent-2:#7cf7ea;--good:#36e29a;--bad:#ff5d73;--fire:#ff8a3c;--text:#e9f4f8;--muted:#89a1b2;--dim:#5f7688;--panel:rgba(11,23,35,.72);--brd:rgba(120,200,220,.16);--display:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,"Cascadia Code","Segoe UI Mono",Consolas,"Roboto Mono",monospace;--body:system-ui,"Segoe UI",-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--body);color:var(--text);overflow:hidden;-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 700px at 78% -10%,#123049 0,transparent 55%),radial-gradient(1000px 800px at 8% 108%,#0c2136 0,transparent 55%),var(--bg)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.5;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 65% 15%,rgba(180,240,255,.7),transparent),radial-gradient(1px 1px at 82% 62%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 42% 78%,rgba(200,255,250,.6),transparent),radial-gradient(1px 1px at 12% 85%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 55% 45%,rgba(255,255,255,.35),transparent),radial-gradient(1px 1px at 90% 25%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 30% 55%,rgba(255,255,255,.4),transparent)}#app{position:relative;z-index:1;height:100%;width:100%;overflow:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.muted{color:var(--muted)}.gold{color:var(--gold)}.aqua{color:var(--accent)}.fire{color:var(--fire)}#start,#result{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:22px;overflow-y:auto}#start.on,#result.on{display:flex}#play{position:absolute;inset:0;display:none;flex-direction:column}#play.on{display:flex}.acct{position:absolute;top:16px;right:16px;z-index:8}.acct-profile{display:none;align-items:center;gap:9px;background:var(--panel);border:1px solid var(--brd);border-radius:999px;padding:5px 6px 5px 12px;backdrop-filter:blur(8px)}.acct-profile img{width:30px;height:30px;border-radius:50%;object-fit:cover}.acct-profile .nm{font-size:13px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-profile button{font-size:12px;color:var(--muted);border:1px solid var(--brd);border-radius:999px;padding:5px 10px}.acct-profile button:hover{color:var(--text);border-color:var(--accent)}.acct-signin{display:none}.brandmark{display:flex;flex-direction:column;align-items:center;gap:12px}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.42em;color:var(--accent);text-transform:uppercase;opacity:.85;padding-left:.42em}.wordmark{font-family:var(--display);font-weight:800;letter-spacing:-.02em;line-height:.9;font-size:clamp(40px,9vw,102px);text-transform:uppercase;white-space:nowrap}.wordmark .g1{background:linear-gradient(180deg,var(--gold-2),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 26px rgba(255,192,97,.35))}.wordmark .g2{background:linear-gradient(180deg,var(--accent-2),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 26px rgba(47,230,214,.35))}.tagline{font-family:var(--body);font-size:clamp(14px,2.2vw,18px);color:var(--muted);max-width:38ch;line-height:1.5}.tagline b{color:var(--text);font-weight:600}.rowlabel{font-family:var(--mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--dim);margin-bottom:-14px}.diffrow{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.catsel{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;max-width:min(760px,94vw)}.catc{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border:1px solid var(--brd);border-radius:999px;padding:7px 12px;background:#ffffff05;transition:.18s}.catc:hover{color:var(--text);border-color:var(--gold)}.catc.sel{color:#1a1206;background:linear-gradient(135deg,var(--gold-2),var(--gold));border-color:transparent;font-weight:700}.poolnote.warn{color:var(--bad)}.play-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;transform:none}.diff{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--brd);border-radius:999px;padding:9px 16px;background:#ffffff05;transition:.18s}.diff:hover{color:var(--text);border-color:var(--accent-2)}.diff.sel{color:#04121a;background:linear-gradient(135deg,var(--accent-2),var(--accent));border-color:transparent;font-weight:700}.poolnote{font-family:var(--mono);font-size:11px;color:var(--dim);letter-spacing:.04em}.play-btn{position:relative;font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(19px,3vw,25px);color:#04121a;padding:17px 44px;border-radius:16px;background:linear-gradient(135deg,var(--accent-2),var(--accent));box-shadow:0 12px 40px #2fe6d659,0 0 0 1px #ffffff1f inset;transition:transform .15s,box-shadow .3s}.play-btn:hover{transform:translateY(-3px);box-shadow:0 18px 54px #2fe6d680,0 0 0 1px #fff3 inset}.play-btn:active{transform:translateY(0)}.start-foot{display:flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:center;font-family:var(--mono);font-size:12px;color:var(--dim)}.start-foot b{color:var(--gold)}.linkbtn{font-family:var(--mono);font-size:12px;color:var(--muted);border:1px solid var(--brd);border-radius:10px;padding:8px 14px;transition:.18s}.linkbtn:hover{color:var(--text);border-color:var(--accent)}.resumebar{display:none;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--brd);border-radius:14px;padding:10px 14px;backdrop-filter:blur(8px)}.resumebar .ri{font-family:var(--mono);font-size:12px;color:var(--accent-2)}.resumebar button{font-family:var(--mono);font-size:12px;padding:7px 13px;border-radius:9px;border:1px solid var(--brd);color:var(--text)}.resumebar .go{background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#04121a;border:none;font-weight:700}.globe-deco{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1;opacity:.5}.ring{position:absolute;border:1px solid var(--brd);border-radius:50%;left:50%;top:46%;translate:-50% -50%;animation:spin 60s linear infinite}.ring.r1{width:520px;height:520px}.ring.r2{width:760px;height:760px;border-style:dashed;animation-duration:90s;animation-direction:reverse}.ring.r3{width:1040px;height:1040px;opacity:.5}@keyframes spin{to{transform:rotate(360deg)}}.hud{position:relative;z-index:6;display:flex;align-items:center;gap:14px;padding:12px 16px;flex-wrap:wrap}.hud .stat{display:flex;flex-direction:column;line-height:1.05}.hud .stat .k{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}.hud .stat .v{font-family:var(--mono);font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.hud .v.score{color:var(--gold)}.hud .v.streak{color:var(--fire)}.hud .spacer{flex:1}.progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#ffffff0f}.progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--gold));width:0;transition:width .5s}.icon-btn{width:38px;height:38px;border-radius:11px;border:1px solid var(--brd);background:var(--panel);display:grid;place-items:center;font-size:16px;color:var(--muted);transition:.2s;backdrop-filter:blur(8px)}.icon-btn:hover{color:var(--text);border-color:var(--accent)}.icon-btn.off{opacity:.45}.map-wrap{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;cursor:grab}.map-wrap.grabbing{cursor:grabbing}#map{position:absolute;inset:0;width:100%;height:100%;display:block}#grid line{stroke:#5abed214;stroke-width:.7}#lands path{fill:var(--land);stroke:var(--stroke);stroke-width:.5;stroke-linejoin:round;transition:fill .4s}#lands path.target{fill:var(--gold);stroke:var(--gold-2);stroke-width:.8;filter:drop-shadow(0 0 8px rgba(255,192,97,.9)) drop-shadow(0 0 22px rgba(255,192,97,.5))}#lands path.target.two{fill:var(--accent);stroke:var(--accent-2);filter:drop-shadow(0 0 8px rgba(47,230,214,.9)) drop-shadow(0 0 22px rgba(47,230,214,.5))}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 200px 40px #03080ed9;z-index:2}.zoomctl{position:absolute;right:14px;bottom:14px;z-index:5;display:flex;flex-direction:column;gap:8px}.zoomctl button{width:42px;height:42px;border-radius:12px;border:1px solid var(--brd);background:var(--panel);color:var(--text);font-size:20px;display:grid;place-items:center;backdrop-filter:blur(8px);transition:.18s}.zoomctl button:hover{border-color:var(--accent);color:var(--accent-2)}.zoomctl .rst{font-size:15px}.zoomhint{position:absolute;left:14px;bottom:14px;z-index:5;font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--dim);background:#060e1680;border:1px solid var(--brd);border-radius:8px;padding:5px 9px;pointer-events:none}.overlay{position:absolute;inset:0;pointer-events:none;z-index:3}.pin{position:absolute;translate:-50% -50%;display:flex;flex-direction:column;align-items:center;will-change:left,top}.pin .reticle{position:absolute;left:50%;top:50%;translate:-50% -50%;width:120px;height:120px}.pin .reticle:before,.pin .reticle:after{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--accent)}.pin .reticle:before{animation:lock 2.4s ease-out infinite}.pin .reticle:after{inset:22%;border-color:var(--accent-2);opacity:.6;animation:spin 8s linear infinite}.pin .cross{position:absolute;left:50%;top:50%;translate:-50% -50%;width:150px;height:150px}.pin .cross i{position:absolute}.pin .cross i.h{left:50%;top:0;width:1px;height:100%;translate:-50% 0;background:linear-gradient(180deg,transparent,var(--accent) 45%,var(--accent) 55%,transparent);opacity:.5}.pin .cross i.v{top:50%;left:0;height:1px;width:100%;translate:0 -50%;background:linear-gradient(90deg,transparent,var(--accent) 45%,var(--accent) 55%,transparent);opacity:.5}.pin .dot{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #2fe6d633,0 0 18px 4px #2fe6d6b3;z-index:2;animation:pulse 1.8s ease-in-out infinite}.pin .emoji{font-size:34px;line-height:1;margin-bottom:2px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6));z-index:2;animation:bob 3s ease-in-out infinite}.pin .tag{margin-top:6px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--accent-2);background:#060e16c7;border:1px solid var(--brd);border-radius:6px;padding:3px 8px;white-space:nowrap;z-index:2}.pin.reveal .dot{background:var(--gold);box-shadow:0 0 0 4px #ffc06133,0 0 18px 4px #ffc061b3}.pin.reveal .reticle:before,.pin.reveal .reticle:after{border-color:var(--gold)}@keyframes lock{0%{transform:scale(1.7);opacity:0}12%{opacity:1}60%{transform:scale(1);opacity:.9}to{transform:scale(1);opacity:.5}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.vcard{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:4;pointer-events:none}.vcard[hidden]{display:none}.vcard-inner{background:linear-gradient(180deg,#0e1c2ae0,#08121ce0);border:1px solid var(--brd);border-radius:22px;padding:24px;backdrop-filter:blur(12px);box-shadow:0 30px 80px #0000008c,0 0 0 1px #ffffff0a inset,0 0 60px #2fe6d614;animation:cardIn .55s cubic-bezier(.2,.9,.3,1.2);transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .6s}.vcard.mini .vcard-inner{transform:scale(.42) translateY(-115%);opacity:.92}@keyframes cardIn{0%{transform:scale(.6) translateY(34px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.flagbox svg{width:min(52vw,380px);max-height:38vh;height:auto;display:block;border-radius:10px;box-shadow:0 12px 44px #0000008c}.curbox{display:flex;flex-direction:column;align-items:center;gap:12px;padding:6px 26px}.cursym{font-family:var(--display);font-weight:800;font-size:clamp(84px,16vw,150px);line-height:1.05;background:linear-gradient(180deg,var(--gold-2),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 30px rgba(255,192,97,.35))}.curcode{font-family:var(--mono);font-size:15px;letter-spacing:.34em;text-indent:.34em;color:var(--accent);border:1px solid var(--brd);border-radius:999px;padding:6px 16px}.dock{position:relative;z-index:6;padding:12px 16px 18px;display:flex;flex-direction:column;align-items:center;gap:11px}.prompt{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;min-height:50px}.prompt .kind{font-family:var(--mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--accent)}.prompt .q{font-family:var(--display);font-weight:700;font-size:clamp(19px,3.2vw,28px);letter-spacing:-.01em;text-wrap:balance}.feedback{min-height:20px;font-family:var(--mono);font-size:13px;letter-spacing:.02em;text-align:center;max-width:90vw}.feedback.hint{color:var(--accent-2)}.feedback.good{color:var(--good)}.feedback.bad{color:var(--bad)}.feedback.reveal{color:var(--gold-2)}.attempts{display:flex;gap:7px;align-items:center}.attempts .life{width:9px;height:9px;border-radius:50%;background:var(--good);box-shadow:0 0 10px var(--good);transition:.3s}.attempts .life.lost{background:transparent;box-shadow:none;border:1px solid var(--dim)}.inputrow{display:flex;gap:10px;width:min(680px,94vw);align-items:stretch}.field{position:relative;flex:1;display:flex;align-items:center}.field input{width:100%;font-family:var(--body);font-size:18px;color:var(--text);background:var(--panel);border:1.5px solid var(--brd);border-radius:14px;padding:15px 18px;outline:none;backdrop-filter:blur(10px);transition:.2s}.field input::placeholder{color:var(--dim)}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #2fe6d624}.field.good input{border-color:var(--good);box-shadow:0 0 0 4px #36e29a2e}.field.bad input{border-color:var(--bad);animation:shake .4s}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}.submit{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:15px;color:#04121a;padding:0 26px;border-radius:14px;background:linear-gradient(135deg,var(--accent-2),var(--accent));box-shadow:0 8px 26px #2fe6d64d;transition:transform .15s,filter .2s}.submit:hover{filter:brightness(1.08)}.submit:active{transform:scale(.97)}.minirow{display:flex;gap:10px}.ghost{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--brd);border-radius:10px;padding:9px 16px;transition:.2s;background:#ffffff05}.ghost:hover{color:var(--text);border-color:var(--accent)}.ghost:disabled{opacity:.3;cursor:not-allowed}.res-rank{font-family:var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--accent);font-size:13px}.res-title{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(28px,6vw,56px)}.scoreboard{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.sb{min-width:118px;background:var(--panel);border:1px solid var(--brd);border-radius:16px;padding:16px 22px;backdrop-filter:blur(10px)}.sb .k{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}.sb .v{font-family:var(--mono);font-size:34px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:4px}.res-line{font-family:var(--body);color:var(--muted);max-width:46ch;line-height:1.55}.res-btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.sharerow{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center}.sharelabel{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);width:100%}.sbtn{display:inline-flex;align-items:center;gap:7px;font-family:var(--body);font-size:13px;font-weight:600;color:var(--text);border:1px solid var(--brd);border-radius:11px;padding:10px 15px;background:#ffffff05;transition:.18s}.sbtn:hover{border-color:var(--accent);transform:translateY(-2px)}.sbtn .ic{font-size:15px}.modal{position:fixed;inset:0;z-index:30;display:none;align-items:center;justify-content:center;padding:20px;background:#03080eb8;backdrop-filter:blur(4px)}.modal.on{display:flex}.modal-card{width:min(560px,96vw);max-height:86vh;overflow-y:auto;background:linear-gradient(180deg,#0c1a28,#081420);border:1px solid var(--brd);border-radius:20px;padding:24px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-head h3{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:.02em;font-size:20px}.modal-head button{width:34px;height:34px;border-radius:9px;border:1px solid var(--brd);color:var(--muted);font-size:16px}.modal-head button:hover{color:var(--text);border-color:var(--accent)}.histstats{display:flex;gap:12px;margin-bottom:16px}.hs{flex:1;background:var(--panel);border:1px solid var(--brd);border-radius:12px;padding:12px;text-align:center}.hs .k{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.hs .v{font-family:var(--mono);font-size:24px;font-weight:700;margin-top:3px}.histlist{display:flex;flex-direction:column;gap:6px}.hrow{display:grid;grid-template-columns:64px 1fr auto auto auto;gap:10px;align-items:center;font-family:var(--mono);font-size:13px;padding:9px 12px;background:#ffffff05;border:1px solid var(--brd);border-radius:10px}.hrow .hd{color:var(--muted)}.hrow .hcat{color:var(--dim);text-transform:capitalize;font-size:11px}.hrow .hsc{font-weight:700}.hrow .hcor{color:var(--accent-2)}.histsource{font-family:var(--mono);font-size:11px;color:var(--dim);text-align:center;margin-top:14px}#confetti{position:fixed;inset:0;pointer-events:none;z-index:50}.flash{position:fixed;inset:0;pointer-events:none;z-index:40;opacity:0;background:radial-gradient(circle at 50% 55%,rgba(54,226,154,.25),transparent 60%)}.flash.show{animation:flashk .6s ease-out}@keyframes flashk{0%{opacity:1}to{opacity:0}}@media(max-width:620px){.hud{gap:9px;padding:9px 11px}.hud .stat .v{font-size:17px}.pin .emoji{font-size:28px}.dock{padding:9px 11px 14px}.submit{padding:0 17px}.acct{top:10px;right:10px}.hrow{grid-template-columns:54px 1fr auto auto;font-size:12px}.hrow .hstk{display:none}}@media(prefers-reduced-motion:reduce){*{animation-duration:1ms!important}}