@font-face{font-family:DM Serif Display;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-serif-display-latin-ext-400-normal-p18AlW_x.woff2)format("woff2"),url(/assets/dm-serif-display-latin-ext-400-normal-B1toqZab.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:DM Serif Display;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-serif-display-latin-400-normal-C5_t9oOD.woff2)format("woff2"),url(/assets/dm-serif-display-latin-400-normal-_kVFYEpx.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}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-ext-400-normal-BtiwyxMk.woff2)format("woff2"),url(/assets/dm-sans-latin-ext-400-normal-BjWJ59Pq.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:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.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}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-ext-600-normal-4vooXBpG.woff2)format("woff2"),url(/assets/dm-sans-latin-ext-600-normal-DRtaDpgU.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:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2)format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.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}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-ext-700-normal-CJIcxD6K.woff2)format("woff2"),url(/assets/dm-sans-latin-ext-700-normal-BLI3TTWz.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:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2)format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.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}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-vietnamese-400-normal-BNOj0Qhp.woff2)format("woff2"),url(/assets/space-mono-vietnamese-400-normal-B0PMp_xB.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:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-ext-400-normal-DTLbW2xa.woff2)format("woff2"),url(/assets/space-mono-latin-ext-400-normal-D4cJI_B-.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:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-400-normal-Rg4St2Dn.woff2)format("woff2"),url(/assets/space-mono-latin-400-normal-_3DlpgIW.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}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-mono-vietnamese-700-normal-DWQgDHuA.woff2)format("woff2"),url(/assets/space-mono-vietnamese-700-normal-D-KrLuLr.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:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-mono-latin-ext-700-normal-B2s3bDs2.woff2)format("woff2"),url(/assets/space-mono-latin-ext-700-normal-B_E7P90g.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:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-mono-latin-700-normal-mWgeinG7.woff2)format("woff2"),url(/assets/space-mono-latin-700-normal-D7A851RN.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:#f0ece6;--bg-card:#f8f5ef;--bg-card-hover:#fcfaf6;--bg-used:#e9e4da;--ink:#17150f;--text:#17150f;--text-2:#4a443d;--muted:#968d81;--green:#2e6b3f;--score-green:#43593e;--yellow:#b0892b;--orange:#bf6926;--red:#8c3a3a;--border:#17150f;--border-soft:#ddd7cc;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--font-display:"DM Serif Display", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif;--font-mono:"Space Mono", ui-monospace, monospace;--shadow-sm:0 1px 3px #2a21180f;--shadow-md:0 2px 8px #2a211812, 0 1px 2px #2a21180a;--shadow-lg:0 6px 20px #2a211817, 0 2px 5px #2a21180d;--ease-bounce:cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--text);font-family:var(--font-body);border-top:4px solid var(--green);margin:0}.shell{max-width:520px;margin:0 auto;padding:20px 16px 48px}.muted{color:var(--muted)}.small{font-size:.78rem}.center{text-align:center}.error{color:var(--red);text-align:center}header{text-align:center;margin-bottom:16px}h1{font-family:var(--font-display);letter-spacing:.01em;margin:6px 0 2px;font-size:2rem;font-weight:400}.ball{vertical-align:2px;margin-right:4px;font-size:1.5rem}.tagline{color:var(--text-2);margin:4px 0 14px;font-size:.9rem}.hud{justify-content:center;align-items:center;gap:16px;display:flex}.dots{gap:7px;display:flex}.dot{background:var(--bg-card);border:1.5px solid var(--border-soft);width:11px;height:11px;transition:transform .2s var(--ease-bounce), background .2s;border-radius:50%}.dot.now{border-color:var(--ink);transform:scale(1.3)}.dot.done.b0{background:var(--score-green);border-color:var(--score-green)}.dot.done.b1{background:var(--yellow);border-color:var(--yellow)}.dot.done.b2{background:var(--orange);border-color:var(--orange)}.dot.done.b3{background:var(--red);border-color:var(--red)}.score{font-family:var(--font-mono);color:var(--score-green);text-align:left;min-width:48px;font-size:1.05rem;font-weight:700}.player{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);animation:pop-in .35s var(--ease-bounce);align-items:center;gap:16px;margin-bottom:14px;padding:16px;display:flex}@keyframes pop-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.player-img{flex:0 0 88px}.player-img img{object-fit:cover;border-radius:var(--radius-sm);background:var(--bg-used);border:1.5px solid var(--border);outline-offset:-4.5px;outline:3px solid #fff;width:88px;height:114px;display:block}.player-info h2{font-family:var(--font-display);margin:0 0 8px;font-size:1.5rem;font-weight:400;line-height:1.1}.chips{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.chip{border:1px solid var(--border-soft);color:var(--text-2);background:var(--bg);border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:600}.player-info p{margin:0}.cats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cat{border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm);color:var(--text);font-family:var(--font-body);cursor:pointer;transition:transform .15s var(--ease-bounce), box-shadow .15s, background .15s;padding:14px 10px;font-size:.92rem;font-weight:600}.cat:not(:disabled):hover{background:var(--bg-card-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.cat:not(:disabled):active{box-shadow:var(--shadow-sm);transform:translateY(0)}.cat.used{background:var(--bg-used);border-color:var(--border-soft);color:var(--muted);box-shadow:none;cursor:default;text-decoration:line-through}.cat.picked{background:var(--ink);border-color:var(--ink);color:var(--bg-card);text-decoration:none}.reveal{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;animation:pop-in .3s var(--ease-bounce);margin-top:14px;padding:18px 16px}.reveal-rank{margin:2px 0;font-size:1rem}.reveal-rank strong{font-family:var(--font-mono)}.reveal-points{font-family:var(--font-mono);margin:10px 0 4px;font-size:1.6rem;font-weight:700}.reveal-points.p0{color:var(--score-green)}.reveal-points.p1{color:var(--yellow)}.reveal-points.p2{color:var(--orange)}.reveal-points.p3{color:var(--red)}.perfect{font-family:var(--font-body);font-size:.95rem;font-weight:700}.reveal .small{margin:0 0 6px}.next{border:1.5px solid var(--ink);border-radius:var(--radius-md);background:var(--ink);color:var(--bg-card);font-family:var(--font-body);cursor:pointer;box-shadow:var(--shadow-md);transition:transform .15s var(--ease-bounce), box-shadow .15s;margin-top:12px;padding:13px 32px;font-size:.98rem;font-weight:700}.next:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.next:active{transform:translateY(0)}.final{text-align:center;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:14px;padding:24px 20px 20px}.final-score{font-family:var(--font-mono);color:var(--score-green);font-size:3rem;font-weight:700;line-height:1}.final-score span{color:var(--muted);font-size:1.1rem}.final-grid{letter-spacing:3px;margin:12px 0 6px;font-size:1.3rem}.stats{color:var(--text-2);justify-content:center;gap:18px;margin:6px 0 14px;font-size:.85rem;font-weight:600;display:flex}.recap{flex-direction:column;gap:9px;margin-bottom:18px;display:flex}.recap-row{background:var(--bg-card);border:1.5px solid var(--border-soft);border-left:5px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:10px 14px 10px 12px;display:flex}.recap-row.b0{border-left-color:var(--score-green)}.recap-row.b1{border-left-color:var(--yellow)}.recap-row.b2{border-left-color:var(--orange)}.recap-row.b3{border-left-color:var(--red)}.recap-img{flex:0 0 44px}.recap-img img{object-fit:cover;background:var(--bg-used);border:1px solid var(--border-soft);border-radius:7px;width:44px;height:57px;display:block}.recap-body{flex:1;min-width:0}.recap-name{font-family:var(--font-display);margin-bottom:4px;font-size:1.05rem}.recap-pick{color:var(--text-2);align-items:baseline;gap:7px;font-size:.82rem;line-height:1.5;display:flex}.recap-pick.good{color:var(--score-green)}.recap-pick.best{color:var(--text);font-weight:600}.recap-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);flex:0 0 36px;font-size:.65rem;font-weight:700}.recap-pick.good .recap-tag{color:var(--score-green)}.recap-pts{font-family:var(--font-mono);white-space:nowrap;font-size:1rem;font-weight:700}.recap-pts.p0{color:var(--score-green)}.recap-pts.p1{color:var(--yellow)}.recap-pts.p2{color:var(--orange)}.recap-pts.p3{color:var(--red)}.optimal-bar{border:1px solid var(--border-soft);background:var(--bg-used);border-radius:999px;max-width:260px;height:8px;margin:14px auto 6px;overflow:hidden}.optimal-fill{background:var(--score-green);height:100%;transition:width .6s var(--ease-bounce);border-radius:999px}.optimal-note{color:var(--text-2);margin:0 0 4px;font-size:.82rem}.player-avatar{border:1.5px solid var(--border);background:var(--bg-used);height:84px;font-family:var(--font-display);color:var(--text-2);border-radius:50%;flex:0 0 84px;justify-content:center;align-items:center;font-size:1.7rem;display:flex}.recap-avatar{border:1px solid var(--border-soft);background:var(--bg-used);height:40px;font-family:var(--font-display);color:var(--text-2);border-radius:50%;flex:0 0 40px;justify-content:center;align-items:center;font-size:.95rem;display:flex}.modal-overlay{z-index:10;background:#17150f73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-lg);max-width:400px;box-shadow:var(--shadow-lg);text-align:center;animation:pop-in .3s var(--ease-bounce);padding:22px 22px 20px}.modal h2{font-family:var(--font-display);margin:0 0 12px;font-size:1.5rem;font-weight:400}.help-steps{text-align:left;flex-direction:column;gap:8px;margin:0 0 12px;padding-left:22px;font-size:.92rem;line-height:1.45;display:flex}.help-fab{border:1.5px solid var(--border);background:var(--bg-card);width:40px;height:40px;color:var(--text);font-family:var(--font-display);cursor:pointer;box-shadow:var(--shadow-md);border-radius:50%;font-size:1.15rem;position:fixed;bottom:16px;right:16px}.help-fab:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}