:root{--bg: #0a1410;--bg-2: #0e1c16;--panel: #122620;--panel-2: #16302708;--line: #1f3a30;--line-bright: #2c4d40;--ink: #eafff4;--ink-dim: #9bb3a8;--ink-faint: #5c7468;--pitch: #b4ff39;--pitch-deep: #8ce000;--gold: #ffcf4d;--coral: #ff5d73;--sky: #4dc3ff;--radius: 16px;--radius-sm: 10px;--shadow: 0 18px 40px -18px rgba(0, 0, 0, .7);--display: "Anton", system-ui, sans-serif;--body: "Hanken Grotesk", system-ui, sans-serif;--mono: "Spline Sans Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;min-height:100%}body{background:radial-gradient(110% 60% at 50% -10%,rgba(180,255,57,.1),transparent 60%),radial-gradient(80% 50% at 100% 100%,rgba(77,195,255,.06),transparent 55%),linear-gradient(180deg,var(--bg),var(--bg-2));background-attachment:fixed}#root{max-width:560px;margin:0 auto;padding:36px 18px 64px;min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit}.flag-img{display:inline-block;vertical-align:middle;width:24px;height:18px;object-fit:cover;border-radius:2px}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--pitch)}.brand{font-family:var(--display);letter-spacing:.02em;line-height:.88;text-transform:uppercase}.panel{background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.tag{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--ink-dim);text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:var(--radius-sm);font-weight:800;letter-spacing:.01em;background:var(--panel);border:1px solid var(--line-bright);color:var(--ink);transition:transform .08s ease,border-color .15s ease,background .15s ease}.btn:hover{border-color:var(--pitch)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--pitch);color:#07140b;border-color:var(--pitch)}.btn-primary:hover{background:var(--pitch-deep);border-color:var(--pitch-deep)}.btn-ghost{background:transparent}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.topbar .logo{display:flex;align-items:baseline;gap:10px}.wc-logo{font-family:var(--display);font-size:24px;letter-spacing:.02em;color:var(--ink)}.wc-logo b{color:var(--pitch)}.wc-logo-hero{font-family:var(--display);font-size:clamp(48px,14vw,80px);line-height:.88;letter-spacing:.01em;color:var(--ink);display:block}.wc-logo-hero b{color:var(--pitch)}.back{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);display:inline-flex;align-items:center;gap:6px}.back:hover{color:var(--pitch)}.hero{margin-bottom:26px}.hero h1{margin-top:10px}.hero-sub{font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--pitch);margin-top:10px}.hero p{margin-top:10px;color:var(--ink-dim);font-size:15px;max-width:38ch}.mode-grid{display:grid;gap:14px}.mode-card{position:relative;display:block;width:100%;text-align:left;padding:20px;border-radius:var(--radius);background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line);overflow:hidden;transition:transform .12s ease,border-color .15s ease}.mode-card:hover{transform:translateY(-2px);border-color:var(--line-bright)}.mode-card .num{font-family:var(--display);font-size:13px;color:var(--ink-faint);letter-spacing:.1em}.mode-card h3{font-family:var(--display);font-size:30px;text-transform:uppercase;letter-spacing:.02em;margin-top:4px}.mode-card p{color:var(--ink-dim);font-size:13.5px;margin-top:6px;max-width:34ch}.mode-card .chev{position:absolute;right:18px;bottom:16px;color:var(--pitch);font-family:var(--display);font-size:24px}.mode-card .stripe{position:absolute;inset:0 auto 0 0;width:5px}.mode-card.c1 .stripe{background:var(--pitch)}.mode-card.c2 .stripe{background:var(--sky)}.mode-card.c3 .stripe{background:var(--gold)}.foot{margin-top:30px;font-family:var(--mono);font-size:11px;color:var(--ink-faint);letter-spacing:.06em;line-height:1.7}.bmc-btn{display:inline-flex;align-items:center;gap:7px;margin-top:16px;padding:10px 18px;border-radius:999px;border:1px solid var(--line-bright);font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--ink-dim);text-decoration:none;transition:border-color .15s,color .15s}.bmc-btn:hover{border-color:var(--gold);color:var(--gold)}.game-head{margin-bottom:18px}.game-head h2{font-family:var(--display);font-size:34px;text-transform:uppercase;letter-spacing:.02em}.game-head .sub{color:var(--ink-dim);font-size:13.5px;margin-top:4px}.scorebar{display:flex;gap:10px;margin-bottom:16px}.score-chip{flex:1;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px}.score-chip .k{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.score-chip .v{font-family:var(--display);font-size:24px;line-height:1;margin-top:4px}.score-chip .v.pitch{color:var(--pitch)}.score-chip .v.gold{color:var(--gold)}.grid-wrap{width:100%}.gg{display:grid;grid-template-columns:max-content repeat(3,1fr);gap:7px}.gg-cell{aspect-ratio:1 / 1;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;text-align:center}.gg-corner{background:transparent}.gg-head{background:var(--panel);border:1px solid var(--line);flex-direction:column;gap:3px;padding:6px}.gg-head .label{font-family:var(--body);font-weight:800;font-size:12.5px;line-height:1.1;text-transform:uppercase;letter-spacing:.01em;word-wrap:break-word}.gg-head .kind{font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;color:var(--ink-faint);text-transform:uppercase}.gg-rowhead{aspect-ratio:auto}.gg-play{background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line);transition:border-color .15s ease,background .15s ease;padding:6px;flex-direction:column;gap:3px}.gg-play:not(.filled):hover{border-color:var(--pitch)}.gg-play.filled{cursor:default}.gg-play.correct{border-color:var(--pitch);background:#b4ff3914}.gg-play.wrong{border-color:var(--coral);background:#ff5d7314}.gg-play .plus{font-family:var(--display);font-size:26px;color:var(--ink-faint)}.gg-play .pname{font-weight:800;font-size:12px;line-height:1.15;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.gg-play .pmeta{font-family:var(--mono);font-size:9px;color:var(--ink-dim)}.gg-play .prarity{display:flex;align-items:baseline;gap:2px;margin-top:3px}.prarity-icon{font-size:9px;line-height:1}.prarity-score{font-family:var(--display);font-size:15px;line-height:1}.prarity-unit{font-family:var(--mono);font-size:7px;letter-spacing:.05em;opacity:.8}.prarity.rarity-gem{color:var(--gold)}.prarity.rarity-star{color:var(--sky)}.prarity.rarity-mid{color:var(--ink-dim)}.prarity.rarity-low{color:var(--ink-faint)}.rarity-headline{font-size:.55em;color:var(--gold);vertical-align:middle}.picker-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#040907b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:14vh 16px 16px;z-index:30}.picker{width:100%;max-width:460px;background:var(--panel);border:1px solid var(--line-bright);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.picker .phead{padding:14px 16px;border-bottom:1px solid var(--line)}.picker .phead .pclue{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--ink-dim);text-transform:uppercase}.picker input{width:100%;margin-top:10px;background:var(--bg);border:1px solid var(--line-bright);color:var(--ink);border-radius:var(--radius-sm);padding:12px 14px;font-size:16px;outline:none}.picker input:focus{border-color:var(--pitch)}.picker .plist{max-height:46vh;overflow-y:auto}.picker .pitem{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:11px 16px;border-bottom:1px solid var(--line)}.picker .pitem:hover{background:var(--bg-2)}.picker .pitem .flag-img{width:28px;height:21px;flex-shrink:0}.picker .pitem .nm{font-weight:700}.picker .pitem .mt{font-family:var(--mono);font-size:10.5px;color:var(--ink-dim)}.picker .pempty{padding:20px 16px;color:var(--ink-faint);font-size:13px}.picker .pclose{width:100%;padding:12px;border-top:1px solid var(--line);color:var(--ink-dim);font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.guess-board-wrap{overflow-x:auto}.guess-board{display:grid;gap:6px;min-width:460px}.guess-row{display:grid;grid-template-columns:1.3fr .6fr .85fr .55fr .55fr .6fr .5fr;gap:5px;animation:pop .25s ease}@keyframes pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.guess-hdr{display:grid;grid-template-columns:1.3fr .6fr .85fr .55fr .55fr .6fr .5fr;gap:5px;margin-bottom:2px;min-width:460px}.guess-hdr span{font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);text-align:center}.gcell{border-radius:9px;padding:7px 3px;text-align:center;border:1px solid var(--line);background:var(--panel);min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.gcell .big{font-weight:800;font-size:11.5px;line-height:1.05}.gcell .arrow{font-family:var(--display);font-size:15px}.gcell .flag-img{width:32px;height:24px}.gcell.hit{border-color:var(--pitch);background:#b4ff391f}.gcell.near{border-color:var(--gold);background:#ffcf4d1a}.gcell.miss{border-color:var(--line)}.gcell.name{background:var(--bg-2)}.guess-prompt{margin-top:16px}.win-banner,.lose-banner{margin-top:16px;padding:18px;border-radius:var(--radius);text-align:center}.win-banner{border:1px solid var(--pitch);background:#b4ff3914}.lose-banner{border:1px solid var(--coral);background:#ff5d7314}.win-banner h3,.lose-banner h3{font-family:var(--display);font-size:30px;text-transform:uppercase}.win-banner .answer,.lose-banner .answer{font-family:var(--mono);font-size:13px;color:var(--ink-dim);margin-top:4px}.hl-stat{text-align:center;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:14px}.hl-stat b{color:var(--gold)}.hl-pair{display:grid;gap:12px}@media (min-width: 440px){.hl-pair{grid-template-columns:1fr 1fr}}.hl-card{position:relative;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--bg-2));padding:22px 18px;text-align:center;overflow:hidden}.hl-card .hl-flag{width:56px;height:42px;display:block;margin:0 auto}.hl-card .nm{font-family:var(--display);font-size:24px;text-transform:uppercase;line-height:.95;margin-top:8px}.hl-card .mt{font-family:var(--mono);font-size:11px;color:var(--ink-dim);margin-top:6px}.hl-card .value{font-family:var(--display);font-size:40px;color:var(--gold);margin-top:12px;min-height:44px}.hl-btns{display:flex;gap:8px;justify-content:center;margin-top:14px}.hl-btn{padding:9px 16px;border-radius:999px;border:1px solid var(--line-bright);font-weight:800;font-size:13px}.hl-btn:hover{border-color:var(--pitch);color:var(--pitch)}.hl-vs{text-align:center;font-family:var(--display);font-size:18px;color:var(--ink-faint);letter-spacing:.1em}.hl-feedback{text-align:center;margin-top:16px;min-height:26px;font-family:var(--display);font-size:22px;text-transform:uppercase}.hl-feedback.good{color:var(--pitch)}.hl-feedback.bad{color:var(--coral)}.btn-row{display:flex;gap:10px;margin-top:18px}.btn-row .btn{flex:1}.game-hidden{display:none}.game-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.htp-trigger{flex-shrink:0;margin-top:18px;padding:6px 12px;border-radius:999px;border:1px solid var(--line-bright);font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);display:inline-flex;align-items:center;gap:5px;transition:border-color .15s,color .15s}.htp-trigger:hover{border-color:var(--pitch);color:var(--pitch)}.htp-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#040907c7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px 16px;z-index:40}.htp{width:100%;max-width:440px;background:var(--panel);border:1px solid var(--line-bright);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.htp-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}.htp-title{font-weight:800;font-size:15px}.htp-close{font-size:16px;color:var(--ink-faint);line-height:1;padding:4px}.htp-close:hover{color:var(--ink)}.htp-body{padding:16px 18px;display:flex;flex-direction:column;gap:14px;max-height:60vh;overflow-y:auto;font-size:14px;line-height:1.5}.htp-section{display:flex;flex-direction:column;gap:6px}.htp-section strong{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-family:var(--mono)}.htp-section ul{padding-left:18px;display:flex;flex-direction:column;gap:3px}.htp-hints{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:6px 10px}.htp-sq{width:18px;height:18px;border-radius:4px;display:inline-block;flex-shrink:0}.htp-sq.hit{background:#b4ff394d;border:1px solid var(--pitch)}.htp-sq.near{background:#ffcf4d4d;border:1px solid var(--gold)}.htp-sq.miss{background:var(--panel);border:1px solid var(--line)}.htp-note{font-size:12px;color:var(--ink-faint);font-family:var(--mono)}.htp-rarity-key{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--ink-dim);font-family:var(--mono)}.htp-got-it{width:100%;padding:12px;border-top:1px solid var(--line);font-weight:800;font-size:13px;letter-spacing:.04em;color:var(--pitch);background:transparent;transition:background .15s}.htp-got-it:hover{background:#b4ff390f}.leaderboard{margin-top:28px;border:1px solid var(--line-bright);border-radius:var(--radius);overflow:hidden}.lb-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--panel);border-bottom:1px solid var(--line)}.lb-title{display:flex;align-items:center;gap:8px;font-weight:800;font-size:14px}.lb-icon{font-size:16px}.lb-meta{font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--ink-faint);text-transform:uppercase}.lb-cols{display:grid;grid-template-columns:32px 1fr 48px 52px 54px;gap:6px;padding:6px 14px;background:var(--bg-2);border-bottom:1px solid var(--line)}.lb-cols span{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.lb-rows{background:var(--bg-2)}.lb-row{display:grid;grid-template-columns:32px 1fr 48px 52px 54px;gap:6px;align-items:center;padding:9px 14px;border-bottom:1px solid var(--line);transition:background .12s ease}.lb-row:last-child{border-bottom:none}.lb-row:hover{background:#ffffff08}.lb-row.lb-top{background:#ffcf4d0a}.lb-rank{font-size:16px;line-height:1;text-align:center}.lb-rank-num{font-family:var(--mono);font-size:12px;color:var(--ink-faint);display:block;text-align:center}.lb-player{display:flex;align-items:center;gap:8px;min-width:0}.lb-flag{width:20px!important;height:15px!important;flex-shrink:0}.lb-name{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-score{font-family:var(--display);font-size:15px;color:var(--ink-dim);text-align:center}.lb-score.lb-perfect{color:var(--pitch)}.lb-rarity{font-family:var(--display);font-size:15px;text-align:center;font-weight:900}.lb-rarity-gem{color:var(--gold)}.lb-rarity-star{color:var(--sky)}.lb-rarity-mid{color:var(--ink-dim)}.lb-time{font-family:var(--mono);font-size:10px;color:var(--ink-faint);text-align:right;letter-spacing:.04em}.submit-form{margin-top:16px;display:flex;flex-direction:column;gap:8px;padding:14px 16px;border:1px solid var(--line-bright);border-radius:var(--radius-sm);background:var(--panel)}.submit-form>.submit-label{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.submit-row{display:flex;gap:8px}.submit-name-input{flex:1;background:var(--bg);border:1px solid var(--line-bright);color:var(--ink);border-radius:var(--radius-sm);padding:10px 12px;font-size:14px;outline:none}.submit-name-input:focus{border-color:var(--pitch)}.submit-error{font-family:var(--mono);font-size:11px;color:var(--coral)}.submit-result{margin-top:16px;display:flex;align-items:baseline;gap:8px;padding:14px 16px;border:1px solid var(--pitch);border-radius:var(--radius-sm);background:#b4ff390f}.submit-rank{font-family:var(--display);font-size:28px;color:var(--pitch);line-height:1}.submit-result>.submit-label{font-family:var(--mono);font-size:11px;color:var(--ink-dim)}.lb-coming-soon{padding:28px 20px;text-align:center;color:var(--ink-dim);font-size:13.5px;line-height:1.7;background:var(--bg-2)}.lb-coming-soon p+p{margin-top:4px;color:var(--ink-faint);font-size:12px}.countdown{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel)}.countdown-label{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.countdown-time{font-family:var(--display);font-size:32px;letter-spacing:.05em;color:var(--pitch);line-height:1}.game-links{display:flex;align-items:center;gap:8px;margin-top:24px;flex-wrap:wrap}.game-links span{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.game-link-btn{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);border:1px solid var(--line-bright);border-radius:999px;padding:5px 12px;transition:color .15s ease,border-color .15s ease}.game-link-btn:hover{color:var(--pitch);border-color:var(--pitch)}.share-out{margin-top:12px;font-family:var(--mono);font-size:12px;color:var(--ink-dim);white-space:pre-wrap;background:var(--bg);border:1px dashed var(--line-bright);border-radius:var(--radius-sm);padding:12px}