@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #121213;--panel: #1c1c1e;--tile: #2c2c2e;--text: #f4f4f5;--muted: #8b8b92;--green: #3f9b4b;--on-green: #fff;--grey: #3a3a3c;--grey-text: #8b8b92;--accent: #e8b931;--on-accent: #1a1a1a;--danger: #e05a5a;--overlay: rgba(0, 0, 0, .7);font-family:Inter Variable,system-ui,-apple-system,Segoe UI,sans-serif;font-feature-settings:"cv11","ss01";color-scheme:dark}:root[data-theme=white]{--bg: #ffffff;--panel: #f1f1f1;--tile: #e4e4e4;--text: #111111;--muted: #6b6b6b;--green: #111111;--on-green: #ffffff;--grey: #cfcfcf;--grey-text: #808080;--accent: #111111;--on-accent: #ffffff;--danger: #c0262d;--overlay: rgba(255, 255, 255, .8);color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.app{position:relative;z-index:1;max-width:460px;margin:0 auto;padding:24px 16px 48px;text-align:center}h1{margin:4px 0 6px;font-size:clamp(44px,14vw,64px);font-weight:800;letter-spacing:-.05em;line-height:1;background:linear-gradient(135deg,var(--text) 30%,var(--muted));-webkit-background-clip:text;background-clip:text;color:transparent}.sub{color:var(--muted);font-size:15px;line-height:1.5;margin:0 auto 20px;max-width:380px}.stats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-bottom:16px;color:var(--muted)}.stats b{color:var(--text)}.boxes{display:flex;flex-direction:column;gap:10px}.box{background:var(--panel);border-radius:12px;padding:10px 0 12px}.box.locked{opacity:.45}.label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:6px}.placeholder{height:56px;display:grid;place-items:center;color:var(--muted);font-size:14px}.strip{display:flex;justify-content:safe center;overflow-x:auto;gap:8px;padding:2px 16px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.tile{flex:0 0 56px;height:56px;display:grid;place-items:center;border-radius:8px;background:var(--tile);color:var(--text);font-size:28px;font-weight:700;text-transform:uppercase}.tile.grey{background:var(--grey);color:var(--grey-text);text-decoration:line-through}.tile.green{background:var(--green);color:var(--on-green)}.row{display:flex;justify-content:center;gap:6px}.slot{display:grid;place-items:center;width:48px;height:48px;padding:0;line-height:1;border-radius:10px;background:var(--tile);color:var(--text);font-size:26px;font-weight:700;text-transform:uppercase}.slot.green{background:var(--green);color:var(--on-green)}.slot.grey{background:var(--grey);color:var(--grey-text)}.primary{background:var(--accent);color:var(--on-accent);border:0;border-radius:10px;padding:12px 28px;font-size:16px;font-weight:700;cursor:pointer;text-transform:uppercase}.primary:disabled{opacity:.4;cursor:not-allowed}.warn{color:var(--danger);font-size:14px;margin:0 0 10px}.overlay{z-index:20;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:grid;place-items:center;padding:16px}.modal{position:relative;background:var(--panel);border-radius:16px;padding:28px 32px;width:100%;max-width:340px}.modal h2{margin:0 0 12px}.modal .answer{display:inline-block;background:var(--green);color:var(--on-green);border-radius:8px;padding:8px 16px;font-size:28px;font-weight:700;letter-spacing:.2em;margin-bottom:12px}.modal p{margin:0 0 8px}.modal .best{color:var(--accent);font-weight:700;margin-bottom:18px}.start{margin-top:20px}.start-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.ghost.start{padding:12px 22px;font-size:16px;border-radius:12px}.modal-actions{display:flex;justify-content:center;gap:10px}.modal-actions .ghost{padding:12px 22px;font-size:16px;border-radius:12px}.modal .score{font-size:56px;font-weight:800;line-height:1;margin:4px 0 6px}.breakdown{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin:0 0 18px;text-align:left;color:var(--muted);font-size:14px}.breakdown dt,.breakdown dd{margin:0}.breakdown dd{color:var(--text);font-weight:700}.breakdown dt:last-of-type,.breakdown dd:last-of-type{border-top:1px solid var(--grey);padding-top:4px}.modeinfo{color:var(--muted);font-size:13px;margin:8px 0 16px}.stats .danger{color:var(--danger)}.modal .next{color:var(--muted);font-size:14px;margin-bottom:14px}.modal .answer.lose{background:var(--danger);color:#fff}body{transition:background .2s,color .2s}.transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--overlay);pointer-events:none;animation:tfade 1.8s ease both}.tcap{font-size:20px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.tnum{font-size:min(48vw,260px);font-weight:900;line-height:1;color:var(--accent);animation:tnum 1.8s cubic-bezier(.2,.9,.2,1) both}.tsub{font-size:16px;font-weight:700;color:var(--text);margin-top:8px}@keyframes tnum{0%{transform:scale(.2);opacity:0}30%{transform:scale(1.1);opacity:1}45%{transform:scale(1)}75%{transform:scale(1);opacity:1}to{transform:scale(2.4);opacity:0}}@keyframes tfade{0%{opacity:0}15%{opacity:1}80%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.tnum{animation:none}}.edge-glow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;box-shadow:inset 0 0 calc(40px + 120px * var(--L)) calc(10px + 30px * var(--L)) rgba(255,120,0,calc(.7 * var(--L))),inset 0 0 calc(20px + 80px * var(--L)) calc(4px + 14px * var(--L)) rgba(225,20,0,calc(.85 * var(--L)))}.app.panic .stats b.danger{animation:pulse .5s ease-in-out infinite alternate;display:inline-block}.app.panic .boxes{animation:shake .25s linear infinite}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.3)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-1.5px,1px)}75%{transform:translate(1.5px,-1px)}}@media (prefers-reduced-motion: reduce){.app.panic .boxes,.app.panic .stats b.danger{animation:none}}.app.survival .primary{background:linear-gradient(#ff8a2a,#e8340c);color:#fff}.app.survival .modal .best{color:#ff8a2a}.app.survival .primary:disabled{opacity:.4}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.icons{display:flex;gap:2px}.icon{display:grid;place-items:center;width:36px;height:36px;border:0;background:transparent;color:var(--muted);border-radius:50%;cursor:pointer}.icon:hover{color:var(--text);background:var(--panel)}.chip{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--text);padding:4px 10px 4px 4px;border-radius:999px;cursor:pointer;font-size:14px;font-weight:600}.chip:hover{background:var(--panel)}.chip-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{display:inline-grid;place-items:center;border-radius:50%;color:#fff;font-weight:700;flex:none}.sheet-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sheet{background:var(--panel);border-radius:16px;width:100%;max-width:420px;max-height:86vh;overflow-y:auto;padding:18px 20px 22px;text-align:left}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sheet h2{margin:0;font-size:20px}.sheet h3{margin:18px 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.sheet p{margin:0 0 8px;font-size:14px;line-height:1.5}.sheet .muted,.muted{color:var(--muted)}.howto{margin:0;padding-left:20px;font-size:14px;line-height:1.5}.howto li{margin-bottom:6px}.profile-top{display:flex;gap:14px;align-items:center;margin-bottom:16px}.field{display:flex;flex-direction:column;gap:6px;flex:1;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.field input{padding:10px 12px;border-radius:10px;border:2px solid var(--grey);background:var(--bg);color:var(--text);font-size:16px;text-transform:none;letter-spacing:0}.field input:focus{outline:none;border-color:var(--accent)}.swatches{display:flex;gap:10px}.swatch{width:30px;height:30px;border-radius:50%;border:2px solid transparent;cursor:pointer}.swatch.on{border-color:var(--text)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{background:var(--bg);border-radius:10px;padding:10px 8px;text-align:center}.stat-value{font-size:20px;font-weight:800}.stat-label{font-size:11px;color:var(--muted);margin-top:2px}.recent{list-style:none;margin:0;padding:0}.recent li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--grey);font-size:14px}.recent .grow{flex:1;color:var(--muted)}.recent .tag{font-size:11px;text-transform:uppercase;letter-spacing:.06em;background:var(--bg);padding:2px 8px;border-radius:999px}.setting{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--grey)}.setting-label{font-size:15px;font-weight:600}.setting-hint{font-size:12px;color:var(--muted);margin-top:2px}.switch{width:42px;height:24px;border-radius:999px;border:0;background:var(--grey);padding:2px;cursor:pointer;flex:none}.switch span{display:block;width:20px;height:20px;border-radius:50%;background:var(--panel);transition:transform .15s}.switch.on{background:var(--accent)}.switch.on span{transform:translate(18px);background:var(--on-accent)}.seg{display:inline-flex;background:var(--bg);border-radius:8px;padding:3px;gap:2px}.seg button{border:0;background:transparent;color:var(--muted);padding:5px 12px;border-radius:6px;font-size:13px;font-weight:700;cursor:pointer}.seg button.on{background:var(--accent);color:var(--on-accent)}.ghost{border:1px solid var(--grey);background:transparent;color:var(--text);padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.ghost.danger-btn{border-color:var(--danger);color:var(--danger)}.confirm{display:flex;gap:6px}.about{text-align:center;margin-top:16px;font-size:12px}:root[data-calm=on] .transition,:root[data-calm=on] .tnum,:root[data-calm=on] .app.panic .boxes,:root[data-calm=on] .app.panic .stats b.danger{animation:none}.stats b,.score,.stat-value,.recent b{font-variant-numeric:tabular-nums}.stats b{font-weight:700}.box{border-radius:16px}.tile,.slot{border-radius:10px}.primary{border-radius:12px;text-transform:none;letter-spacing:0;font-weight:700}.modal,.sheet{border-radius:20px}.guess{display:flex;flex-direction:column;align-items:center;gap:0;margin-top:14px}.guess-row{display:flex;gap:6px;justify-content:center}.slot.cur{outline:2px solid var(--accent);outline-offset:-2px}.guess .warn{margin:8px 0;min-height:1.4em;font-size:13px}.keyboard{width:100%;display:flex;flex-direction:column;gap:6px;user-select:none;-webkit-user-select:none}.krow{display:flex;gap:5px;justify-content:center}.kspacer{flex:.5}.key{flex:1;min-width:0;height:48px;border:0;border-radius:8px;background:var(--tile);color:var(--text);font:inherit;font-size:15px;font-weight:700;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:0}.key:active{filter:brightness(1.2);transform:scale(.97)}.key.wide{flex:1.5;font-size:13px}.key.enter{background:var(--accent);color:var(--on-accent)}.app.survival .key.enter{background:linear-gradient(#ff8a2a,#e8340c);color:#fff}@media (max-width: 520px){.app{padding-top:12px}.app.live .sub,.app.live .modeinfo{display:none}.app.live .stats{margin-bottom:8px}.boxes{gap:6px}.box{padding:6px 0 8px}.box .label{margin-bottom:4px}.tile{flex-basis:46px;height:46px;font-size:24px}.placeholder{height:46px}.slot{width:min(44px,12vw);height:min(44px,12vw)}}.replay{width:100%;margin-bottom:14px}.tutorial{text-align:center}.tutorial .sheet-head{text-align:left}.t-step{animation:tin .35s ease both}.t-title{margin:6px 0 8px;font-size:20px;text-transform:none;letter-spacing:-.01em;color:var(--text)}.t-body{color:var(--muted);min-height:66px}.t-body b{color:var(--text)}.t-chip{display:inline-block;padding:1px 8px;border-radius:6px;font-weight:700;font-size:13px}.t-chip.green{background:var(--green);color:var(--on-green)}.t-chip.grey{background:var(--grey);color:var(--grey-text);text-decoration:line-through}.t-stage{background:var(--bg);border-radius:14px;padding:12px 8px;min-height:250px;display:grid;place-items:center}.t-board{display:flex;flex-direction:column;gap:5px;align-items:center}.t-box{display:flex;gap:4px;align-items:center;animation:tin .4s ease both}.t-label{width:14px;font-size:11px;font-weight:700;color:var(--muted)}.t-tile{width:36px;height:30px;display:grid;place-items:center;border-radius:7px;background:var(--tile);font-size:16px;font-weight:700;transition:background .3s,color .3s,transform .25s}.t-tile.pick{outline:2px solid var(--accent);outline-offset:-2px;transform:scale(1.12)}.t-tile.secret{background:var(--accent);color:var(--on-accent);animation:tsecret .6s ease both}.t-tile.green{background:var(--green);color:var(--on-green);animation:tpop .4s ease both}.t-tile.grey{background:var(--grey);color:var(--grey-text);text-decoration:line-through}.t-guess{display:flex;gap:5px;align-items:center;margin-top:8px}.t-slot{width:40px;height:40px;display:grid;place-items:center;border-radius:9px;background:var(--tile);font-size:22px;font-weight:700;color:var(--text)}.t-slot:empty{outline:2px dashed var(--grey);outline-offset:-2px;background:transparent}.t-slot.pop{animation:tpop .25s ease both}.t-slot.flip{animation:tflip .5s ease both}.t-slot.green{background:var(--green);color:var(--on-green)}.t-slot.grey{background:var(--grey);color:var(--grey-text)}.t-slot.win{animation:tflip .5s ease both,twin .6s ease .9s both}.t-enter{margin-left:6px;padding:6px 10px;border-radius:8px;background:var(--tile);color:var(--muted);font-size:12px;font-weight:700;transition:all .15s}.t-enter.on{background:var(--accent);color:var(--on-accent);transform:scale(.92)}.t-clock-demo{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.t-clock{position:relative;padding:4px 18px}.t-time{font-size:44px;font-weight:800;font-variant-numeric:tabular-nums;animation:tshake 2.4s ease infinite;display:inline-block}.t-plus{position:absolute;right:-14px;top:0;font-weight:800;color:var(--danger);animation:tplus 2.4s ease infinite;opacity:0}.t-clock-note{margin:0 0 10px;font-size:12px;color:var(--muted)}.t-modes{display:flex;gap:8px;width:100%;padding:0 6px}.t-mode{flex:1;background:var(--panel);border-radius:12px;padding:10px 8px;display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);animation:tin .5s ease both}.t-mode b{font-size:15px;color:var(--text)}.t-mode.surv{animation-delay:.12s;box-shadow:inset 0 0 0 1px #e8340c88}.t-mode.surv b{color:#ff8a2a}.t-dots{display:flex;justify-content:center;gap:8px;margin:16px 0 12px}.t-dot{width:8px;height:8px;border-radius:50%;border:0;padding:0;background:var(--grey);cursor:pointer;transition:all .25s}.t-dot.on{width:22px;border-radius:4px;background:var(--accent)}.t-nav{display:flex;justify-content:space-between;align-items:center}.t-nav .ghost:disabled{opacity:.3;cursor:default}@keyframes tin{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes tpop{0%{transform:scale(.5)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes tsecret{0%{transform:scale(1);box-shadow:0 0 0 0 var(--accent)}50%{transform:scale(1.25);box-shadow:0 0 0 6px transparent}to{transform:scale(1.08)}}@keyframes tflip{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes twin{0%,to{transform:translateY(0)}40%{transform:translateY(-12px)}70%{transform:translateY(2px)}}@keyframes tplus{0%,20%{opacity:0;transform:translateY(8px)}35%{opacity:1;transform:translateY(-4px)}75%{opacity:1;transform:translateY(-14px)}to{opacity:0;transform:translateY(-22px)}}@keyframes tshake{0%,30%,to{transform:none;color:var(--text)}35%{transform:translate(-4px);color:var(--danger)}45%{transform:translate(4px);color:var(--danger)}55%{transform:translate(-2px);color:var(--danger)}65%{transform:none;color:var(--danger)}}:root[data-calm=on] .t-step,:root[data-calm=on] .t-box,:root[data-calm=on] .t-mode,:root[data-calm=on] .t-time,:root[data-calm=on] .t-plus,:root[data-calm=on] .t-slot,:root[data-calm=on] .t-tile{animation:none}:root[data-calm=on] .t-plus{opacity:1;transform:translateY(-10px)}@media (prefers-reduced-motion: reduce){.t-step,.t-box,.t-mode,.t-time,.t-slot,.t-tile{animation:none}}.seg2{position:relative;display:grid;grid-template-columns:repeat(var(--n),1fr);background:var(--bg);border-radius:12px;padding:3px;margin-bottom:12px}.seg2-thumb{position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px) / var(--n));background:var(--accent);border-radius:9px;transform:translate(calc(var(--i) * 100%));transition:transform .28s cubic-bezier(.3,.9,.3,1)}.seg2 button{position:relative;border:0;background:transparent;color:var(--muted);padding:8px 6px;border-radius:9px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:color .2s}.seg2 button.on{color:var(--on-accent)}.sheet{animation:sheetin .28s cubic-bezier(.2,.9,.3,1) both}.sheet-overlay{animation:fadein .2s ease both}@keyframes sheetin{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes rowin{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.tab-fade{animation:rowin .25s ease both}.small{font-size:12px!important}.notice{font-size:13px;color:var(--muted);margin:8px 0!important}.notice.err{color:var(--danger)}.notice.ok{color:var(--accent)}code{background:var(--bg);padding:1px 5px;border-radius:5px;font-size:12px}.ghost.accent{border-color:var(--accent);color:var(--accent)}.ghost:disabled,.primary:disabled{opacity:.45;cursor:default}.ghost{transition:background .15s,transform .1s}.ghost:hover:not(:disabled){background:var(--bg)}.ghost:active:not(:disabled),.primary:active:not(:disabled){transform:scale(.97)}.pill{font-size:12px;font-weight:700;color:var(--muted);background:var(--bg);padding:4px 10px;border-radius:999px}.icon{position:relative}.badge{position:absolute;top:1px;right:0;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:10px;font-weight:800;line-height:16px;text-align:center;animation:tpop .4s ease both}.icon.tiny{width:28px;height:28px;font-size:18px;line-height:1}.skel-list{display:flex;flex-direction:column;gap:8px}.skel{height:52px;border-radius:12px;background:linear-gradient(90deg,var(--bg) 25%,var(--tile) 50%,var(--bg) 75%);background-size:200% 100%;animation:shimmer 1.3s linear infinite;animation-delay:calc(var(--i) * .08s)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:26px 12px;text-align:center;color:var(--muted);font-size:14px}.empty b{color:var(--text);font-size:15px}.account{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.account.auth{align-items:stretch}.account .seg2{margin-bottom:0}.auth-fields{display:flex;flex-direction:column;gap:10px}.idcard{display:grid;grid-template-columns:1fr;gap:12px;width:100%;background:var(--bg);border-radius:14px;padding:14px}.idlabel{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:4px}.idcode{display:flex;align-items:baseline;gap:10px;border:0;background:transparent;color:var(--text);padding:0;font:inherit;font-size:28px;font-weight:800;letter-spacing:.08em;cursor:pointer;font-variant-numeric:tabular-nums}.copied{font-size:12px;font-weight:600;letter-spacing:0;color:var(--muted);transition:color .2s}.copied.on{color:var(--accent)}.handle{border:0;background:transparent;color:var(--text);font:inherit;font-size:17px;font-weight:700;padding:0;cursor:pointer}.handle span{margin-left:6px;font-size:12px;font-weight:600;color:var(--muted)}.handle-edit{display:flex;align-items:center;gap:6px;font-weight:700}.handle-edit input{flex:1;min-width:0;padding:6px 8px;border-radius:8px;border:2px solid var(--accent);background:var(--panel);color:var(--text);font:inherit;font-size:15px}.handle-edit input:focus{outline:none}.lb{margin-top:4px}.lb-filters{display:grid;grid-template-columns:1fr;gap:0}.lb-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.lb-list li,.person{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--bg);animation:rowin .35s cubic-bezier(.2,.9,.3,1) both;animation-delay:calc(var(--i) * 40ms)}.lb-list li.me{box-shadow:inset 0 0 0 2px var(--accent)}.rank{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--tile);font-size:12px;font-weight:800;flex:none;font-variant-numeric:tabular-nums}.who{display:flex;flex-direction:column;min-width:0;flex:1}.who b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.who b em{font-style:normal;font-size:10px;font-weight:800;background:var(--accent);color:var(--on-accent);border-radius:999px;padding:1px 6px;margin-left:6px;vertical-align:1px}.who small{color:var(--muted);font-size:12px}.pts{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}.mycode{display:flex;align-items:baseline;gap:10px;background:var(--bg);border-radius:14px;padding:12px 14px;margin-bottom:12px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.mycode b{font-size:22px;letter-spacing:.08em;color:var(--text)}.mycode .muted{margin-left:auto;text-transform:none;letter-spacing:0;font-size:13px}.addbar{display:flex;gap:8px}.addbar input{flex:1;min-width:0;padding:10px 12px;border-radius:12px;border:2px solid var(--grey);background:var(--bg);color:var(--text);font-size:16px}.addbar input:focus{outline:none;border-color:var(--accent)}.addbar .primary{padding:10px 18px}.people{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.people.found .person{box-shadow:inset 0 0 0 2px var(--accent)}.bests{display:flex;gap:12px}.bests span{display:flex;flex-direction:column;align-items:flex-end}.bests small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.bests b{font-size:15px;font-variant-numeric:tabular-nums}:root[data-calm=on] .sheet,:root[data-calm=on] .sheet-overlay,:root[data-calm=on] .lb-list li,:root[data-calm=on] .person,:root[data-calm=on] .tab-fade,:root[data-calm=on] .skel,:root[data-calm=on] .badge{animation:none}:root[data-calm=on] .seg2-thumb{transition:none}@media (prefers-reduced-motion: reduce){.sheet,.sheet-overlay,.lb-list li,.person,.tab-fade,.skel,.badge{animation:none}.seg2-thumb{transition:none}}.seg2.pick{max-width:320px;margin:0 auto 8px}.seg2.pick.sub{max-width:240px;margin-bottom:4px}.seg2.pick.sub button{padding:6px;font-size:12px}.seg2.pick button{padding:9px 6px;font-size:14px}.seg2 button:active:not(:disabled){transform:scale(.95)}.seg2 button{transition:color .2s,transform .12s}.seg2.disabled button:not(.on){opacity:.45}.seg2 button:disabled{cursor:default}.mc-check{display:inline-grid;place-items:center;width:18px;height:18px;margin-left:8px;border-radius:50%;background:var(--on-accent);color:var(--accent);font-size:11px;font-style:normal;vertical-align:1px}.avatar.guest{background:var(--tile);color:var(--muted)}.avatar.guest svg{width:16px;height:16px}.gate-note{color:var(--muted)}.empty .primary{margin-top:6px}@media (max-width: 520px){.app.live .seg2.pick{display:none}}.stat-grid.two{grid-template-columns:repeat(2,1fr)}.pts small{font-size:11px;font-weight:600;color:var(--muted)}.google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 14px;border:1px solid var(--grey);border-radius:12px;background:var(--bg);color:var(--text);font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s,transform .12s}.google:hover:not(:disabled){background:var(--tile)}.google:active:not(:disabled){transform:scale(.97)}.google:disabled{opacity:.5;cursor:default}.or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--grey)}.sheet.fixed{height:min(640px,86vh)}.lb-gap{justify-content:center;color:var(--muted);letter-spacing:.3em;padding:0;background:none!important;animation:none!important}.lb-list li.pinned{position:sticky;bottom:0;z-index:1}.rank{min-width:26px;width:auto;padding:0 7px;border-radius:999px}.player{animation:rowin .25s ease both}.back{border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:600;padding:4px 0;margin-bottom:8px;cursor:pointer}.back:hover{color:var(--text)}.player-head{display:flex;align-items:center;gap:12px;margin-bottom:4px}.player-head .who{flex:1}.player-name{font-size:18px!important}.lb-list li.tap,.person-open{cursor:pointer}.lb-list li.tap{transition:background .15s,transform .12s}.lb-list li.tap:hover{background:var(--tile)}.lb-list li.tap:active{transform:scale(.98)}.lb-list li.tap:focus-visible,.person-open:focus-visible,.back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.person-open{display:flex;align-items:center;gap:10px;flex:1;min-width:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;padding:0}:root[data-calm=on] .player{animation:none}.modal .save-btn{width:100%;margin-bottom:8px}.modal-close{position:absolute;top:10px;right:10px}.avatar.animal{overflow:hidden}.avatar.animal svg{display:block}.picker{animation:rowin .25s ease both}.picker-preview{display:flex;justify-content:center;margin:4px 0 8px}.picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;justify-items:center}.pick{padding:3px;border:2px solid transparent;border-radius:50%;background:transparent;cursor:pointer;transition:transform .12s,border-color .15s}.pick:hover{transform:scale(1.06)}.pick:active{transform:scale(.94)}.pick.on{border-color:var(--accent)}.pick:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:root[data-calm=on] .picker{animation:none}.avatar-edit{position:relative;flex:none;width:64px;height:64px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}.avatar-edit .pencil{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:50%;background:#0000008c;color:#fff;opacity:0;transition:opacity .15s}.avatar-edit:hover .pencil,.avatar-edit:focus-visible .pencil{opacity:1}.avatar-edit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.avatar-edit:active{transform:scale(.96)}@media (hover: none){.avatar-edit .pencil{inset:auto;right:-2px;bottom:-2px;width:24px;height:24px;opacity:1;background:var(--accent);color:var(--on-accent);border:2px solid var(--panel)}.avatar-edit .pencil svg{width:12px;height:12px}}.field .seg2{margin-bottom:8px}.dot{position:absolute;top:2px;right:2px;width:10px;height:10px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 2px var(--bg);animation:tpop .4s ease both}.chip{position:relative}.chip .dot{top:3px;right:auto;left:24px;box-shadow:0 0 0 2px var(--bg)}.avatar-edit .dot{top:0;right:0;box-shadow:0 0 0 2px var(--panel)}.pick{position:relative}.pick.locked>.avatar{filter:grayscale(1) brightness(.55)}.pick .lock{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;pointer-events:none}.pick .new-dot{position:absolute;top:2px;right:2px;width:10px;height:10px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 2px var(--panel)}.picker-hint{min-height:2.8em;margin:0 0 4px;text-align:center;font-size:13px;line-height:1.4;color:var(--text)}.picker-hint svg{vertical-align:-2px}.unlock{text-align:center;padding:4px 0 2px}.unlock-stage{position:relative;display:grid;place-items:center;height:190px}.unlock-glow{position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 55%,transparent),transparent 70%);animation:unlockglow 1.8s ease-out .3s infinite}.unlock-avatar{position:relative;animation:unlockpop .85s cubic-bezier(.2,1.4,.3,1) both}.spark{position:absolute;width:8px;height:8px;border-radius:2px;background:var(--accent);opacity:0;transform:rotate(var(--a)) translateY(-60px);animation:spark 1.1s ease-out var(--d) both}.spark:nth-child(3n){background:var(--text)}.unlock-title{margin:6px 0 2px!important;font-size:21px!important;text-transform:none!important;letter-spacing:-.01em!important;color:var(--text)!important;animation:tin .5s ease .35s both}.unlock-name{font-size:18px!important;font-weight:800;margin:0 0 4px!important;animation:tin .5s ease .45s both}.unlock .muted{animation:tin .5s ease .55s both}.unlock-actions{display:flex;gap:10px;justify-content:center;margin-top:16px;animation:tin .5s ease .65s both}.unlock-actions .ghost{padding:12px 20px;font-size:15px;border-radius:12px}@keyframes unlockpop{0%{transform:scale(0) rotate(-28deg);opacity:0}55%{transform:scale(1.25) rotate(7deg);opacity:1}80%{transform:scale(.94) rotate(-2deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes unlockglow{0%{transform:scale(.6);opacity:.9}to{transform:scale(1.7);opacity:0}}@keyframes spark{0%{opacity:0;transform:rotate(var(--a)) translateY(-44px) scale(.2)}35%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(-100px) scale(1)}}:root[data-calm=on] .unlock-glow,:root[data-calm=on] .unlock-avatar,:root[data-calm=on] .spark,:root[data-calm=on] .unlock-title,:root[data-calm=on] .unlock-name,:root[data-calm=on] .unlock .muted,:root[data-calm=on] .unlock-actions,:root[data-calm=on] .dot{animation:none}:root[data-calm=on] .spark{opacity:0}@media (prefers-reduced-motion: reduce){.unlock-glow,.unlock-avatar,.spark,.unlock-title,.unlock-name,.unlock .muted,.unlock-actions,.dot{animation:none}.spark{opacity:0}}.preview-wrap{position:relative;display:grid}.picker-preview.locked .avatar{filter:grayscale(1) brightness(.55)}.lock.big{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;pointer-events:none}.lock.big svg{width:26px;height:26px}.pick.previewing{border-color:var(--muted)}.gsi-wrap{position:relative;width:100%;max-width:400px;margin:0 auto}.gsi-wrap .google{pointer-events:none}.gsi-wrap:hover .google{background:var(--tile)}.gsi-wrap:active .google{transform:scale(.97)}.gsi-hit{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;overflow:hidden;opacity:.01;transform:scaleY(1.1)}.gsi-hit.off{pointer-events:none}.gsi-hit iframe{color-scheme:normal}.boxes.blurred{filter:blur(6px);opacity:.8;pointer-events:none;-webkit-user-select:none;user-select:none}.boxes-wrap{position:relative}.done-card{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.done-inner{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px 30px;border-radius:18px;background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.done-inner b{font-size:22px;font-weight:800;letter-spacing:-.01em}.done-inner span{color:var(--muted);font-size:14px;margin-bottom:12px}.share-green{border:0;border-radius:12px;padding:12px 34px;background:#3fae5a;color:#fff;font:inherit;font-size:16px;font-weight:700;cursor:pointer;transition:filter .15s,transform .12s;display:inline-flex;align-items:center;gap:9px}.share-green:hover{filter:brightness(1.08)}.share-green:active{transform:scale(.96)}.share-row{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.share-status{font-size:13px;font-weight:600;color:var(--muted);animation:tin .3s ease both}.share-status.copied,.share-status.shared{color:#3fae5a}.share-status.failed{color:var(--danger)}:root[data-calm=on] .share-status{animation:none}.delete-confirm p{margin:0 0 10px}.delete-confirm ul{margin:0 0 12px;padding-left:20px;font-size:14px;line-height:1.6}.delete-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:16px}.delete-actions .ghost{padding:11px 20px;font-size:15px;border-radius:12px}.danger-solid{border:0;border-radius:12px;padding:11px 20px;background:var(--danger);color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:filter .15s,transform .12s}.danger-solid:hover:not(:disabled){filter:brightness(1.08)}.danger-solid:active:not(:disabled){transform:scale(.97)}.danger-solid:disabled{opacity:.5;cursor:default}