@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-vietnamese-400-normal-CkBxLiRJ.woff2)format("woff2"),url(/assets/anton-vietnamese-400-normal-2FfR1wHA.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-ext-400-normal-SyiqE2Jt.woff2)format("woff2"),url(/assets/anton-latin-ext-400-normal-BMODBQc6.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-400-normal-Byf51wtH.woff2)format("woff2"),url(/assets/anton-latin-400-normal-AUNGEG_V.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:oklch(16% .03 305);--surface:oklch(21% .04 305);--surface-2:oklch(26% .05 305);--line:oklch(34% .05 305);--ink:oklch(96% .01 305);--ink-mute:oklch(76% .03 305);--brand:oklch(42% .16 305);--brand-deep:oklch(30% .11 305);--gold:oklch(85% .155 85);--gold-bright:oklch(90% .17 90);--gold-ink:oklch(24% .06 85);--hit:oklch(72% .17 150);--hit-ink:oklch(20% .06 150);--close:var(--gold);--close-ink:var(--gold-ink);--miss:oklch(38% .02 305);--miss-ink:oklch(88% .01 305);--danger:oklch(68% .19 25);--font-display:"Anton", "Arial Narrow", system-ui, sans-serif;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--fs-xs:.8125rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.1875rem;--fs-xl:1.4375rem;--fs-2xl:1.75rem;--fs-display:2.5rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--r-panel:10px;--r-ctl:8px;--r-pill:999px;--z-dropdown:10;--z-sticky:20;--z-backdrop:30;--z-modal:40;--z-toast:50;--ease-out:cubic-bezier(.22, 1, .36, 1);--t-fast:.15s;--t-med:.22s}@media (width>=720px){:root{--fs-display:3.5rem}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:var(--fs-md);margin:0;line-height:1.5}h1,h2,h3{text-wrap:balance;margin:0}p{margin:0}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}::placeholder{color:var(--ink-mute);opacity:1}a{color:var(--gold)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.shell{flex-direction:column;min-height:100dvh;display:flex}.masthead{background:linear-gradient(170deg, var(--brand-deep), oklch(20% .06 305) 70%);border-bottom:1px solid var(--line);padding:var(--sp-5) var(--sp-4) var(--sp-4);text-align:center}.masthead-title{font-family:var(--font-display);font-size:var(--fs-display);letter-spacing:.01em;text-transform:uppercase;font-weight:400;line-height:1.05}.masthead-gold{color:var(--gold)}.masthead-sub{color:var(--ink-mute);font-size:var(--fs-sm);margin-top:var(--sp-1)}.tabbar{z-index:var(--z-sticky);gap:var(--sp-1);scrollbar-width:none;background:var(--bg);border-bottom:1px solid var(--line);padding:var(--sp-2) var(--sp-3) 0;display:flex;position:sticky;top:0;overflow-x:auto}.tabbar::-webkit-scrollbar{display:none}.tab{padding:var(--sp-2) var(--sp-3);color:var(--ink-mute);font-size:var(--fs-sm);white-space:nowrap;border-radius:var(--r-ctl) var(--r-ctl) 0 0;transition:color var(--t-fast) var(--ease-out);border-bottom:3px solid #0000;flex:none;font-weight:600;text-decoration:none}.tab:hover{color:var(--ink);background:var(--surface)}.tab[aria-current=page]{color:var(--ink);background:var(--surface-2);border-bottom-color:var(--gold)}.content{width:100%;max-width:640px;padding:var(--sp-5) var(--sp-4) var(--sp-7);flex:1;margin:0 auto}.panel-title{font-family:var(--font-display);font-size:var(--fs-2xl);letter-spacing:.01em;text-transform:uppercase;font-weight:400}.panel-note{color:var(--ink-mute);margin-top:var(--sp-2)}.footer{border-top:1px solid var(--line);padding:var(--sp-4);text-align:center;color:var(--ink-mute);font-size:var(--fs-xs)}.game-head{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.mode-toggle,.filter-pills{gap:var(--sp-1);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);padding:3px;display:inline-flex}.pill{padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);color:var(--ink-mute);font-size:var(--fs-sm);cursor:pointer;transition:background var(--t-fast) var(--ease-out);background:0 0;border:none;font-weight:600}.pill:hover{color:var(--ink)}.pill.is-on{background:var(--gold);color:var(--gold-ink)}.endless-bar{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.scoreboard{gap:var(--sp-2);display:flex}.score-chip{min-width:52px;padding:var(--sp-1) var(--sp-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-ctl);flex-direction:column;align-items:center;display:flex}.score-chip.is-best{border-color:var(--gold)}.score-num{font-variant-numeric:tabular-nums;font-weight:700;line-height:1.2}.score-label{color:var(--ink-mute);font-size:var(--fs-xs)}.giveup-line{margin-top:var(--sp-4);align-items:baseline;gap:var(--sp-2);display:flex}.giveup{color:var(--ink-mute);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.giveup:hover{color:var(--ink)}.giveup-note{color:var(--ink-mute);font-size:var(--fs-xs)}.btn-next{margin-top:var(--sp-2)}.run-share{margin-top:var(--sp-4)}.game-kicker{color:var(--ink-mute);font-size:var(--fs-sm);margin-bottom:var(--sp-3);font-weight:600}.clues{margin:0 0 var(--sp-4);padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel);gap:var(--sp-2);flex-direction:column;list-style:none;display:flex}.clue{padding-left:var(--sp-4);font-size:var(--fs-sm);position:relative}.clue:before{content:"›";color:var(--gold);font-weight:700;position:absolute;left:0}.clue:last-child{color:var(--ink)}.clue:not(:last-child){color:var(--ink-mute)}.autocomplete{position:relative}.autocomplete-input{width:100%;padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-ctl);color:var(--ink);font-size:var(--fs-md)}.autocomplete-input:focus{border-color:var(--gold);outline:none}.autocomplete-list{z-index:var(--z-dropdown);padding:var(--sp-1);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-ctl);max-height:320px;margin:0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px oklch(8% .02 305/.6)}.autocomplete-option{justify-content:space-between;align-items:baseline;gap:var(--sp-3);width:100%;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-ctl);cursor:pointer;text-align:left;background:0 0;border:none;font-weight:600;display:flex}.autocomplete-option.is-highlighted{background:var(--brand)}.autocomplete-meta{color:var(--ink-mute);font-size:var(--fs-xs);white-space:nowrap;font-weight:400}.board-count{color:var(--ink-mute);font-size:var(--fs-xs);margin:var(--sp-2) 0 var(--sp-4);text-align:right}.rows{gap:var(--sp-3);flex-direction:column;display:flex}.col-heads,.guess-row{gap:var(--sp-1);grid-template-columns:1fr 1fr 1fr 1.6fr 1.2fr;display:grid}.col-heads{color:var(--ink-mute);font-size:var(--fs-xs);padding:0 var(--sp-1);font-weight:600}.guess-name{font-weight:700;font-size:var(--fs-sm);margin-bottom:var(--sp-1)}.cell{min-height:52px;padding:var(--sp-1);border-radius:var(--r-ctl);text-align:center;font-variant-numeric:tabular-nums;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex}.cell-value{font-size:var(--fs-xs);overflow-wrap:anywhere;font-weight:700;line-height:1.2}.cell-glyph{font-size:var(--fs-xs);opacity:.85;line-height:1}.cell.is-hit{background:var(--hit);color:var(--hit-ink)}.cell.is-close{background:var(--close);color:var(--close-ink)}.cell.is-miss{background:var(--miss);color:var(--miss-ink)}.cell-reveal{animation:cell-flip var(--t-med) var(--ease-out) backwards}@keyframes cell-flip{0%{opacity:0;transform:rotateX(90deg)}to{opacity:1;transform:rotateX(0)}}.result{margin-top:var(--sp-5);padding:var(--sp-5) var(--sp-4);border-radius:var(--r-panel);border:1px solid var(--line);background:var(--surface);text-align:center}.result.is-won{border-color:var(--gold)}.result-heading{font-family:var(--font-display);font-size:var(--fs-xl);text-transform:uppercase;letter-spacing:.01em;font-weight:400}.result-answer{margin-top:var(--sp-2)}.result-stats{justify-content:center;gap:var(--sp-5);margin:var(--sp-4) 0;display:flex}.stat{flex-direction:column;display:flex}.stat-num{font-size:var(--fs-xl);font-variant-numeric:tabular-nums;font-weight:700}.stat-label{color:var(--ink-mute);font-size:var(--fs-xs)}.result-note{margin-top:var(--sp-3);color:var(--ink-mute);font-size:var(--fs-xs)}.result-fact{margin-top:var(--sp-2);color:var(--ink-mute);font-size:var(--fs-sm);max-width:48ch;margin-inline:auto;font-style:italic}.countdown{font-variant-numeric:tabular-nums;color:var(--ink)}.dist{gap:var(--sp-1);margin:0 auto var(--sp-4);text-align:left;flex-direction:column;max-width:340px;display:flex}.dist-row{align-items:center;gap:var(--sp-2);display:flex}.dist-label{width:1ch;color:var(--ink-mute);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;font-weight:600}.dist-track{flex:1}.dist-bar{background:var(--miss);border-radius:0 4px 4px 0;justify-content:flex-end;align-items:center;min-width:18px;height:18px;padding-right:5px;display:flex}.dist-bar.is-current{background:var(--gold)}.dist-count{font-size:var(--fs-xs);font-variant-numeric:tabular-nums;color:var(--miss-ink);font-weight:700}.dist-bar.is-current .dist-count{color:var(--gold-ink)}.share-actions{justify-content:center;gap:var(--sp-3);display:flex}.share-actions .btn{align-items:center;text-decoration:none;display:inline-flex}.btn{padding:var(--sp-3) var(--sp-5);border-radius:var(--r-ctl);font-weight:700;font-size:var(--fs-md);cursor:pointer;transition:background var(--t-fast) var(--ease-out), transform var(--t-fast) var(--ease-out);border:1px solid #0000}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gold);color:var(--gold-ink)}.btn-primary:hover{background:var(--gold-bright)}.btn-secondary{background:var(--surface-2);border-color:var(--line);color:var(--ink)}.btn-secondary:hover{background:var(--brand-deep)}.pcard{align-items:center;gap:var(--sp-4);margin:var(--sp-4) auto;padding:var(--sp-3) var(--sp-4);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-panel);text-align:left;max-width:420px;display:flex}.pcard-photo,.pcard-avatar{border-radius:var(--r-panel);object-fit:cover;object-position:top;border:2px solid var(--gold);background:var(--brand-deep);flex:0 0 72px;width:72px;height:72px}.pcard-avatar{font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--gold);justify-content:center;align-items:center;display:flex}.pcard-body{gap:var(--sp-1);flex-direction:column;min-width:0;display:flex}.pcard-line{font-size:var(--fs-sm);color:var(--ink-mute)}.pcard-line strong{color:var(--ink)}.pcard-chips{gap:var(--sp-1);flex-wrap:wrap;display:flex}.pcard-chip{padding:1px var(--sp-2);border-radius:var(--r-pill);background:var(--brand-deep);border:1px solid var(--line);font-size:var(--fs-xs);white-space:nowrap;font-weight:600}.tab-intro{color:var(--ink-mute);margin-bottom:var(--sp-4);max-width:65ch}.entry-form{gap:var(--sp-2);margin-bottom:var(--sp-5);flex-direction:column;display:flex}.field-label{font-size:var(--fs-sm);font-weight:600}.field-input,.field-textarea{width:100%;padding:var(--sp-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-ctl);color:var(--ink);resize:vertical}.field-input:focus,.field-textarea:focus{border-color:var(--gold);outline:none}.entry-actions{gap:var(--sp-3);flex-wrap:wrap;display:flex}.record-line{margin-bottom:var(--sp-3);color:var(--ink-mute);font-size:var(--fs-sm)}.empty-note{color:var(--ink-mute);padding:var(--sp-5) 0;text-align:center}.entry-list{gap:var(--sp-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.entry{padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel)}.entry.is-right{border-color:var(--hit)}.entry.is-wrong{border-color:var(--danger);opacity:.8}.entry-text{overflow-wrap:anywhere}.entry-meta{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-top:var(--sp-2);color:var(--ink-mute);font-size:var(--fs-xs);display:flex}.entry-buttons{gap:var(--sp-2);display:flex}.chip{padding:2px var(--sp-2);border-radius:var(--r-pill);border:1px solid var(--line);color:var(--ink-mute);font-size:var(--fs-xs);cursor:pointer;background:0 0;font-weight:600}.chip:hover{color:var(--ink);background:var(--surface-2)}.chip.is-on.chip-right{background:var(--hit);color:var(--hit-ink);border-color:var(--hit)}.chip.is-on.chip-wrong{background:var(--danger);color:var(--ink);border-color:var(--danger)}.sleeper-grid{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.sleeper-field{gap:var(--sp-1);flex-direction:column;display:flex}.entry-sub{color:var(--ink-mute)}.note-area{background:0 0;border:none;border-radius:0;padding:0}.note-area:focus{outline:none}.rank-list{margin:var(--sp-4) 0 0;gap:var(--sp-2);flex-direction:column;padding:0;list-style:none;display:flex}.rank-row{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel);display:flex}.rank-row.is-dragging{z-index:var(--z-dropdown);border-color:var(--gold);position:relative;box-shadow:0 12px 32px oklch(8% .02 305/.6)}.rank-num{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--gold);text-align:center;font-variant-numeric:tabular-nums;min-width:1.6em}.rank-body{flex-direction:column;flex:1;min-width:0;display:flex}.rank-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.rank-meta{color:var(--ink-mute);font-size:var(--fs-xs)}.rank-actions{gap:var(--sp-1);display:flex}.icon-btn{border:1px solid var(--line);border-radius:var(--r-ctl);width:34px;height:34px;color:var(--ink-mute);cursor:pointer;font-size:var(--fs-sm);background:0 0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover:not(:disabled){color:var(--ink);background:var(--surface-2)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.drag-handle{touch-action:none;cursor:grab}.drag-handle:active{cursor:grabbing}.ranked-full{color:var(--ink-mute);font-size:var(--fs-sm)}.ranked-share{margin-top:var(--sp-4)}@media (width<=419px){.rank-actions{grid-template-columns:repeat(2,34px);display:grid}}.video-slot{aspect-ratio:16/9;border-radius:var(--r-panel);border:1px solid var(--line);margin-bottom:var(--sp-5);background:var(--surface);overflow:hidden}.video-frame{border:0;width:100%;height:100%;display:block}.video-facade{justify-content:center;align-items:center;gap:var(--sp-2);background:linear-gradient(170deg, var(--brand-deep), var(--surface));cursor:pointer;border:none;flex-direction:column;width:100%;height:100%;display:flex}.video-play{border-radius:var(--r-pill);background:var(--gold);width:64px;height:64px;color:var(--gold-ink);font-size:var(--fs-xl);transition:transform var(--t-fast) var(--ease-out);justify-content:center;align-items:center;padding-left:5px;display:flex}.video-facade:hover .video-play{transform:scale(1.08)}.video-label{font-weight:700;font-size:var(--fs-lg)}.video-note{color:var(--ink-mute);font-size:var(--fs-xs)}.platform-list{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.platform-link{justify-content:space-between;align-items:baseline;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel);transition:background var(--t-fast) var(--ease-out);text-decoration:none;display:flex}.platform-link:hover{background:var(--surface-2)}.platform-name{color:var(--gold);white-space:nowrap;font-weight:700}.platform-detail{color:var(--ink-mute);font-size:var(--fs-sm);text-align:right}
