@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lilita-one-latin-400-normal-87r-Z-Re.woff2) format("woff2"),url(/assets/lilita-one-latin-400-normal-DXkechA3.woff) format("woff")}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.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,:root[data-theme=dark]{--bg-1: #121c45;--bg-2: #26397e;--glow-1: rgb(255 194 51 / .16);--glow-2: rgb(90 140 255 / .26);--panel: rgb(255 255 255 / .08);--panel-line: rgb(255 255 255 / .14);--text: #fff6ee;--muted: #b9c6f0;--field: rgb(0 0 0 / .28);--modal: #1f2c63;--backdrop: rgb(6 10 30 / .78);--shadow: rgb(0 0 0 / .3);--edge-soft: rgb(0 0 0 / .35);--ghost-face: rgb(255 255 255 / .1);--track-off: rgb(255 255 255 / .06);--title-from: #fff1c2;--title-to: #ffc233;--title-shadow: rgb(0 0 0 / .35);--accent-text: #ffc233;--ct-mix: 0%;color-scheme:dark}:root[data-theme=light]{--bg-1: #eef3ff;--bg-2: #d3e0ff;--glow-1: rgb(255 194 51 / .32);--glow-2: rgb(90 140 255 / .22);--panel: rgb(255 255 255 / .78);--panel-line: rgb(20 33 74 / .16);--text: #14214a;--muted: #4d5d8f;--field: #ffffff;--modal: #f7f9ff;--backdrop: rgb(20 33 74 / .45);--shadow: rgb(20 33 74 / .22);--edge-soft: rgb(20 33 74 / .28);--ghost-face: #ffffff;--track-off: rgb(255 255 255 / .7);--title-from: #f0a800;--title-to: #a05a00;--title-shadow: rgb(20 33 74 / .22);--accent-text: #8a5200;--ct-mix: 52%;color-scheme:light}:root{--amber: #ffc233;--amber-dark: #b27d00;--teal: #8fb2ff;--teal-dark: #3f63c4;--red: #ff5d5d;--red-dark: #b32b2b;--spring: cubic-bezier(.34, 1.56, .64, 1);--display: "Lilita One", "Nunito Variable", system-ui, sans-serif;--body: "Nunito Variable", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--bg-1)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.modal:focus{outline:none}body{margin:0;min-height:100vh;min-height:100dvh;color:var(--text);font:700 1.0625rem/1.35 var(--body);background:radial-gradient(60rem 36rem at 85% -10%,var(--glow-1),transparent 60%),radial-gradient(50rem 40rem at -10% 110%,var(--glow-2),transparent 60%),linear-gradient(160deg,var(--bg-1),var(--bg-2));background-attachment:fixed;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:color .3s}h1,h2{margin:0;font-family:var(--display);font-weight:400;line-height:1.05;letter-spacing:.01em}button,input{font:inherit;color:inherit}button{cursor:pointer}p{margin:0}ul,ol{list-style:none;margin:0;padding:0}svg{flex:none}.app{width:100%;max-width:62rem;margin:0 auto;padding:1rem 1.1rem 0}.screen{display:flex;flex-direction:column;gap:1.1rem;padding-bottom:calc(7.5rem + env(safe-area-inset-bottom));animation:rise .35s ease-out backwards;position:relative}.setup{padding-bottom:calc(2rem + env(safe-area-inset-bottom));max-width:32rem;margin:0 auto}.corner{position:absolute;top:0;right:0;z-index:2;display:flex;gap:.55rem;padding-bottom:4px}.final .corner{position:static;align-self:flex-end}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.panel{background:var(--panel);border:2px solid var(--panel-line);border-radius:24px;padding:1rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.field{flex:1;min-width:0;height:56px;padding:0 1.1rem;border-radius:18px;border:2px solid var(--panel-line);background:var(--field);font-size:1.15rem;transition:border-color .2s,box-shadow .2s}.field::placeholder{color:var(--muted);opacity:.6}.field:focus,.bonus-input:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 4px #ffc23347}:focus-visible{outline:3px solid var(--amber);outline-offset:2px}.btn{--face: var(--teal);--edge: var(--teal-dark);--ink: #0f1a45;min-height:60px;padding:0 1.4rem;border:0;border-radius:20px;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-family:var(--display);font-size:1.3rem;letter-spacing:.02em;background-color:var(--face);background-image:linear-gradient(105deg,transparent 35%,rgb(255 255 255 / .5) 50%,transparent 65%);background-repeat:no-repeat;background-size:250% 100%;background-position:160% 0;color:var(--ink);box-shadow:0 6px 0 var(--edge),0 12px 20px var(--shadow);transition:transform .22s var(--spring),box-shadow .22s var(--spring),filter .2s,background-position .7s ease,opacity .2s}.btn svg,.round-btn svg{transition:transform .25s var(--spring)}.btn.primary{--face: var(--amber);--edge: var(--amber-dark);--ink: #3a2400}.btn.gold{--face: #ffd43b;--edge: #c79a00;--ink: #3a2c00;position:relative}.btn.gold:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:26px;border:3px solid #ffd43b;opacity:0;animation:ring 1.8s ease-out infinite;pointer-events:none}.btn.danger{--face: var(--red);--edge: var(--red-dark);--ink: #3d0a0a}.btn.ghost{--face: var(--ghost-face);--edge: var(--edge-soft);--ink: var(--text);border:2px solid var(--panel-line)}.btn.big{min-height:72px;font-size:1.6rem;border-radius:24px;width:100%}.btn.small{min-height:48px;font-size:1.05rem;padding:0 1rem;border-radius:16px;box-shadow:0 4px 0 var(--edge),0 8px 14px var(--shadow)}.btn:disabled{opacity:.35;filter:grayscale(.4);pointer-events:none}@keyframes ring{0%{opacity:.9;transform:scale(.96)}to{opacity:0;transform:scale(1.08)}}.round-btn{--face: var(--ghost-face);--edge: var(--edge-soft);width:72px;height:72px;flex:none;border:2px solid var(--panel-line);border-radius:24px;display:grid;place-items:center;background:var(--face);color:var(--text);box-shadow:0 6px 0 var(--edge);transition:transform .22s var(--spring),box-shadow .22s var(--spring),background-color .2s,filter .2s,opacity .2s}.round-btn.small{width:52px;height:52px;border-radius:18px;box-shadow:0 4px 0 var(--edge)}.round-btn.minus{--face: #ff7b7b;--edge: #b83c3c;color:#3d0a0a;border-color:transparent}.round-btn.plus{--face: #5fe08a;--edge: #2c9a53;color:#07351a;border-color:transparent}.round-btn:disabled{opacity:.3;pointer-events:none}@media (hover: hover){.btn:hover{transform:translateY(-4px);filter:brightness(1.07);background-position:-60% 0;box-shadow:0 10px 0 var(--edge),0 18px 26px var(--shadow)}.btn.small:hover{box-shadow:0 8px 0 var(--edge),0 14px 20px var(--shadow)}.btn:hover svg{transform:scale(1.2) rotate(-8deg)}.btn.next:hover svg{transform:translate(5px) scale(1.1)}.btn.prev:hover svg{transform:translate(-5px) scale(1.1)}.round-btn:hover{transform:translateY(-4px) scale(1.07);box-shadow:0 10px 0 var(--edge),0 16px 22px var(--shadow);filter:brightness(1.08)}.round-btn.small:hover{box-shadow:0 8px 0 var(--edge),0 12px 18px var(--shadow)}.round-btn:hover svg{transform:scale(1.2)}.round-btn.plus:hover svg{transform:scale(1.2) rotate(90deg)}.round-btn.minus:hover svg{transform:scale(1.25)}.theme-toggle:hover svg{transform:rotate(35deg) scale(1.2)}.settings-btn:hover svg{transform:rotate(70deg) scale(1.2)}.swatch:hover{transform:scale(1.12)}.avatar-btn:hover .avatar{transform:scale(1.1) rotate(-6deg)}.mover button:not(:disabled):hover{background:var(--amber);color:#3a2400}.podium-slot:hover .avatar{transform:scale(1.1) rotate(-6deg)}}.btn:active{transform:translateY(5px) scale(.98);filter:none;box-shadow:0 1px 0 var(--edge),0 4px 8px var(--shadow);transition-duration:.06s}.round-btn:active{transform:translateY(4px) scale(.95);box-shadow:0 1px 0 var(--edge);transition-duration:.06s}.hero{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.2rem 0 .4rem;text-align:center}.logo{border-radius:28%;object-fit:cover;box-shadow:0 0 0 3px var(--amber),0 10px 18px var(--shadow);animation:bob 3.2s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-6px) rotate(-3deg)}}.title{font-size:clamp(3rem,12vw,4.6rem);background:linear-gradient(180deg,var(--title-from),var(--title-to));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 var(--title-shadow))}.title.small{font-size:clamp(2.4rem,8vw,3.4rem);text-align:center}.tagline{color:var(--muted);font-size:1.25rem}.names{display:flex;flex-direction:column;gap:.8rem}.name-row{display:flex;align-items:center;gap:.7rem}.error{display:flex;align-items:center;gap:.8rem;color:var(--red-dark);background:#ff5d5d29;border-radius:20px;padding:.6rem 1rem .6rem .6rem;font-size:1.05rem}:root[data-theme=dark] .error{color:#ffb3b3}.avatar{flex:none;display:grid;place-items:center;border-radius:50%;background:var(--c);color:#000000a6;font-family:var(--display);box-shadow:inset 0 -4px #0000002e,0 3px 8px var(--shadow);transition:transform .25s var(--spring)}.tab,.podium-slot,.rest-row,.standing,tbody tr{--ct: color-mix(in srgb, var(--c) calc(100% - var(--ct-mix)), #000)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.brand{display:flex;align-items:center;gap:.5rem;min-width:0}.brand .logo{animation:none;box-shadow:0 0 0 2px var(--amber)}.brand-name{font-family:var(--display);font-size:1.6rem;color:var(--accent-text)}.toolbar{display:flex;gap:.55rem;padding-bottom:4px}.actionbar{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;gap:.8rem;justify-content:center;padding:.9rem 1.1rem calc(.9rem + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg-1) 55%,transparent)}.actionbar .btn{flex:1;max-width:18rem;white-space:nowrap}.podium{display:flex;align-items:flex-end;justify-content:center;gap:.6rem;padding-top:1rem}.podium-slot{flex:1;max-width:12rem;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.3rem;position:relative;animation:rise .6s ease-out backwards}.podium-slot.place-1{animation-delay:.25s}.podium-slot.place-2{animation-delay:.1s}.crown{color:#ffd43b;filter:drop-shadow(0 3px 0 rgb(0 0 0 / .35));animation:bob 2.4s ease-in-out infinite}.podium-name{font-family:var(--display);font-size:1.35rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-score{font-family:var(--display);font-size:2.2rem;color:var(--ct);line-height:1}.podium-block{width:100%;border-radius:18px 18px 0 0;display:grid;place-items:start center;padding-top:.5rem;background:linear-gradient(180deg,var(--c),color-mix(in srgb,var(--c) 55%,#000));font-family:var(--display);font-size:2.4rem;color:#00000073}.place-1 .podium-block{height:9rem}.place-2 .podium-block{height:6.5rem}.place-3 .podium-block{height:4.8rem}.place-4 .podium-block,.place-5 .podium-block{height:3.5rem}.rest{display:flex;flex-direction:column;gap:.2rem;padding:.5rem 1rem}.rest-row,.standing{display:flex;align-items:center;gap:.8rem;padding:.6rem 0}.rest-row+.rest-row,.standing+.standing{border-top:2px solid var(--panel-line)}.rank{width:2.2rem;text-align:center;font-family:var(--display);font-size:1.5rem;color:var(--muted)}.rest-score{font-family:var(--display);font-size:1.8rem;color:var(--ct)}.table-wrap{overflow-x:auto;padding:.6rem}table{width:100%;border-collapse:collapse}th,td{padding:.55rem .6rem;text-align:center}thead th{color:var(--muted);font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}th[scope=row]{text-align:left;white-space:nowrap;max-width:9rem;overflow:hidden;text-overflow:ellipsis}.dot{display:inline-block;width:.8rem;height:.8rem;border-radius:50%;background:var(--c);margin-right:.5rem}tbody tr+tr{border-top:2px solid var(--panel-line)}.sum{color:var(--accent-text);font-family:var(--display);font-size:1.2rem}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.confetti i{position:absolute;top:-5vh;width:10px;height:16px;border-radius:3px;animation:fall linear 1 both}@keyframes fall{to{top:105vh;margin-left:30px;opacity:.85}}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--backdrop);display:flex;padding:1.2rem;animation:fade .2s both;overflow-y:auto}@keyframes fade{0%{opacity:0}}.modal{width:100%;max-width:24rem;margin:auto;flex:none;display:flex;flex-direction:column;gap:1rem;background:var(--modal);padding:1.4rem;animation:pop .3s var(--spring) backwards}@keyframes pop{0%{opacity:0;transform:scale(.9) translateY(10px)}}.modal h2{font-size:1.9rem}.modal-head{display:flex;align-items:center;gap:.9rem}.modal-mascot{width:72px;height:72px;flex:none;border-radius:24%;object-fit:cover;box-shadow:0 0 0 3px var(--amber),0 6px 14px var(--shadow);animation:wobble .5s var(--spring) .15s backwards}@keyframes wobble{0%{transform:scale(.6) rotate(-12deg);opacity:0}}.modal p{color:var(--muted)}.modal-sub{margin-top:-.6rem}.modal-actions{display:flex;gap:.8rem}.modal-actions .btn{flex:1;padding:0 .8rem}.standings{display:flex;flex-direction:column}.modal.wide{max-width:30rem;max-height:calc(100dvh - 2.4rem);overflow-y:auto}.count{min-width:1.9rem;height:1.9rem;padding:0 .5rem;display:inline-grid;place-items:center;border-radius:999px;background:var(--amber);color:#3a2400;font-size:1rem}.games{display:flex;flex-direction:column;gap:.8rem}.game{background:var(--field);border:2px solid var(--panel-line);border-radius:20px;padding:.7rem .9rem}.game-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding-bottom:.4rem}.game-date{display:block;font-family:var(--display);font-size:1.15rem}.game-date:first-letter{text-transform:uppercase}.game-meta{display:block;color:var(--muted);font-size:.9rem}.game-row{display:flex;align-items:center;gap:.6rem;padding:.35rem 0}.game-row+.game-row{border-top:2px solid var(--panel-line)}.game-row .rank{width:1.8rem;font-size:1.2rem}.game-row .player-name{font-size:1.15rem}.game-row .rest-score{font-size:1.4rem;color:var(--ct)}.mini-crown{color:var(--amber)}.game-row{--ct: color-mix(in srgb, var(--c) calc(100% - var(--ct-mix)), #000)}.avatar-btn{position:relative;flex:none;padding:0;border:0;background:none;border-radius:50%}.avatar-btn:active .avatar{transform:scale(.92)}.avatar-badge{position:absolute;right:-4px;bottom:-4px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--modal);color:var(--text);border:2px solid var(--panel-line);pointer-events:none}.mover{flex:none;display:flex;flex-direction:column;gap:4px}.mover button{width:44px;height:28px;padding:0;border:2px solid var(--panel-line);border-radius:10px;display:grid;place-items:center;background:var(--ghost-face);color:var(--text);transition:transform .15s var(--spring),background-color .2s,opacity .2s}.mover button:active:not(:disabled){transform:scale(.9)}.mover button:disabled{opacity:.3;cursor:default}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;justify-items:center;padding:.2rem 0 .4rem}.swatch{width:64px;height:64px;border-radius:50%;border:3px solid transparent;background:var(--c);display:grid;place-items:center;color:#000000a6;box-shadow:inset 0 -5px #0000002e,0 4px 10px var(--shadow);transition:transform .22s var(--spring)}.swatch.on{border-color:var(--text)}.swatch:active{transform:scale(.92)}.setting{display:flex;flex-direction:column;gap:.5rem}.setting-hint{color:var(--muted);font-size:.85rem;font-weight:700;line-height:1.25}.setting-label{font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.segmented{display:flex;gap:.4rem;padding:.3rem;border-radius:20px;background:var(--field);border:2px solid var(--panel-line)}.segmented button{flex:1;min-height:48px;border:0;border-radius:15px;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-family:var(--display);font-size:1.1rem;letter-spacing:.02em;transition:background-color .2s,color .2s,transform .15s var(--spring)}.segmented button.on{background:var(--amber);color:#3a2400;box-shadow:0 3px 0 var(--amber-dark)}.segmented button:active{transform:scale(.96)}.switch-row{width:100%;min-height:64px;display:flex;align-items:center;gap:.8rem;padding:.5rem .8rem;border:2px solid var(--panel-line);border-radius:20px;background:var(--field);text-align:left;transition:border-color .2s}.switch-row.on{border-color:var(--teal)}.switch-icon{flex:none;display:grid;place-items:center;width:40px;color:var(--muted)}.switch-row.on .switch-icon{color:var(--teal)}.switch-text{flex:1;min-width:0;display:flex;flex-direction:column}.switch-label{font-family:var(--display);font-size:1.2rem}.switch-text small{color:var(--muted);font-size:.85rem;font-weight:700;line-height:1.25}.switch{flex:none;width:54px;height:32px;border-radius:999px;background:var(--track-off);border:2px solid var(--panel-line);padding:2px;transition:background-color .2s}.switch i{display:block;width:24px;height:24px;border-radius:50%;background:var(--muted);transition:transform .25s var(--spring),background-color .2s}.switch-row.on .switch{background:var(--teal);border-color:var(--teal)}.switch-row.on .switch i{transform:translate(22px);background:#fff}.share-btn{align-self:center}.install{position:relative;display:flex;align-items:center;gap:.9rem;margin-bottom:1rem;padding:.8rem 3.2rem .8rem .8rem;animation:rise .35s ease-out backwards}.install .logo{flex:none;animation:none;box-shadow:0 0 0 2px var(--amber)}.install-body{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem}.install-title{font-family:var(--display);font-size:1.2rem;line-height:1.1}.install-sub{color:var(--muted);font-size:.9rem;line-height:1.25;margin-bottom:.45rem}.install-close{position:absolute;top:.25rem;right:.25rem;width:44px;height:44px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--muted);transition:background-color .2s,color .2s}.install-close:hover{background:var(--ghost-face);color:var(--text)}.steps{display:flex;flex-direction:column;gap:.7rem}.step{display:flex;align-items:center;gap:.8rem}.step-n{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--amber);color:#3a2400;font-family:var(--display);font-size:1.2rem}.step-text{flex:1;min-width:0;color:var(--text)}.step-icon{flex:none;width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--field);border:2px solid var(--panel-line);color:var(--accent-text)}.modal .step-text{color:var(--text)}.red{--rc: #e5322d;--rt: #a51d19;--tint: #fde3e1}.yellow{--rc: #f7c21b;--rt: #6f5200;--tint: #fff3c4}.green{--rc: #2ea35a;--rt: #136a35;--tint: #def5e5}.blue{--rc: #2d62c8;--rt: #1b449a;--tint: #dbe6fb}.play>:not(.topbar){width:100%;max-width:44rem;margin-inline:auto}.tabs{display:grid;grid-template-columns:repeat(var(--n, 2),minmax(0,1fr));gap:.5rem}.tab{min-width:0;min-height:4.8rem;padding:.45rem .25rem .35rem;display:flex;flex-direction:column;align-items:center;gap:.05rem;border:2px solid var(--panel-line);border-bottom-width:5px;border-radius:18px;background:var(--panel);color:var(--text);transition:transform .22s var(--spring),border-color .2s,background-color .2s,box-shadow .2s}.tab:active{transform:scale(.96)}.tab.current{border-color:var(--c);background:color-mix(in srgb,var(--c) 22%,var(--panel));box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 35%,transparent);transform:translateY(-2px)}.tab-name{max-width:100%;font-family:var(--display);font-size:1rem;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-total{font-family:var(--display);font-size:1.2rem;line-height:1;color:var(--ct)}.over{display:flex;align-items:center;gap:.7rem;padding:.7rem 1rem;border-radius:20px;background:#ffc2332e;border:2px solid var(--amber);font-family:var(--display);font-size:1.15rem;line-height:1.2}.over svg{color:var(--amber)}html[data-theme=light] .over svg{color:var(--amber-dark)}.sheet{display:flex;flex-direction:column;gap:.8rem;padding:.7rem;border-top:8px solid var(--c);animation:rise .35s ease-out backwards}.sheet-rows{display:flex;flex-direction:column;gap:.45rem}.qrow{display:grid;grid-template-columns:repeat(11,minmax(0,1fr)) 1.3fr;gap:3px;padding:5px;border-radius:14px;background:var(--rc);box-shadow:0 4px color-mix(in srgb,var(--rc) 60%,#000);transition:filter .3s}.qrow.closed{filter:saturate(.55) brightness(.8)}.qcell,.qlock{position:relative;height:3.1rem;min-width:0;padding:0;border:0;border-radius:8px;display:grid;place-items:center;background:var(--tint);color:var(--rt);font-family:var(--display);font-size:1.1rem;line-height:1;box-shadow:0 2px #00000040;transition:transform .15s var(--spring),opacity .2s,background-color .2s}.qcell:disabled,.qlock:disabled{cursor:default;color:var(--rt)}.qcell.open:active,.qlock:not(:disabled):active{transform:translateY(2px) scale(.93);box-shadow:none}.qcell.crossed{background:color-mix(in srgb,var(--tint) 55%,#fff);box-shadow:none;transform:translateY(2px)}.qcell.crossed{font-size:1rem;color:color-mix(in srgb,var(--rt) 55%,transparent)}.qcell.skipped,.qcell.closed{opacity:.4;box-shadow:none}.qcell.blocked{opacity:.65}.qx{position:absolute;top:10%;right:10%;bottom:10%;left:10%;width:80%;height:80%;color:#151a33;pointer-events:none;animation:stamp .28s var(--spring) backwards}@keyframes stamp{0%{opacity:0;transform:scale(1.8) rotate(-18deg)}}.qlock{background:#fff;border-radius:999px}.qlock:disabled{opacity:.6}.qlock.on{background:#fff;transform:translateY(2px);box-shadow:none}.qrow.closed .qlock{background:#20243d;color:#fff;opacity:1}.qcell:focus-visible,.qlock:focus-visible{outline:3px solid #151a33;outline-offset:1px;box-shadow:0 0 0 5px #fff;z-index:1}.sheet-hint{color:var(--muted);font-size:.82rem;font-weight:700;line-height:1.3;text-align:center;padding:0 .2rem}.sums{display:flex;align-items:stretch}.sum-part{flex:1;min-width:0;display:flex;align-items:center}.op{flex:none;width:.95rem;text-align:center;font-family:var(--display);font-size:1.25rem;color:var(--muted)}.sum-box{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:.35rem .1rem .3rem;border:3px solid var(--rc);border-radius:14px;background:var(--tint);color:var(--rt);line-height:1}.sum-box strong{font-family:var(--display);font-weight:400;font-size:1.6rem}.sum-box small{font-size:.7rem;font-weight:800;white-space:nowrap}.extras{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.8rem 1.2rem}.extras-label{display:block;margin-bottom:.3rem;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.miss-boxes{display:flex;align-items:center;gap:.4rem}.miss-boxes .penalty{flex:none}.miss{flex:0 1 3rem;min-width:2.2rem;height:3rem;padding:0;display:grid;place-items:center;border:3px solid var(--muted);border-radius:12px;background:var(--field);color:var(--red);transition:transform .15s var(--spring),border-color .2s,background-color .2s}.miss.on{border-color:var(--red);background:#ff5d5d29}.miss:active{transform:scale(.92)}.penalty{min-width:2.6rem;text-align:right;font-family:var(--display);font-size:1.5rem;color:var(--red)}html[data-theme=light] .penalty,html[data-theme=light] .miss{color:var(--red-dark)}.bonus-stepper{display:flex;align-items:center;gap:.4rem}.bonus-input{width:4rem;height:3.25rem;text-align:center;border-radius:14px;border:2px solid var(--panel-line);background:var(--field);font-family:var(--display);font-size:1.7rem;transition:border-color .2s,box-shadow .2s}.bonus-input:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 4px #ffc23347}.sheet{--ct: color-mix(in srgb, var(--c) calc(100% - var(--ct-mix)), #000)}.sheet-total{display:flex;align-items:center;gap:.7rem;padding-top:.7rem;border-top:2px solid var(--panel-line)}.sheet-total-name{flex:1;min-width:0;font-family:var(--display);font-size:1.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-total-label{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.sheet-total strong{min-width:2.4ch;text-align:right;font-family:var(--display);font-weight:400;font-size:3rem;line-height:1;color:var(--ct)}.dice-banner{display:block;width:100%;max-width:30rem;height:auto;margin:0 auto;overflow:visible;animation:rise .6s ease-out backwards}.die{transform-box:fill-box;transform-origin:center;animation:hop 1.8s ease-in-out infinite}@keyframes hop{50%{transform:translateY(-9px)}}.rowhead i{display:inline-block;width:1rem;height:1rem;border-radius:4px;background:var(--rc);vertical-align:middle}.error-icon{flex:none;margin-left:.3rem}.option{margin-top:-.2rem}html[data-large]{font-size:118%}html[data-large] .qrow{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}html[data-large] .qcell,html[data-large] .qlock{height:3.4rem;font-size:1.45rem}html[data-large] .qcell.crossed{font-size:1.3rem}html[data-large] .sum-box strong{font-size:2rem}html[data-large] .tab-name{font-size:1.1rem}html[data-large] .sheet-total strong{font-size:3.6rem}html[data-rotate]{overflow:hidden;height:100%}html[data-rotate] body{position:fixed;top:0;left:0;width:var(--rh);height:var(--rw);min-height:0;overflow:hidden;transform-origin:0 0}html[data-rotate=ccw] body{transform:translateY(var(--rh)) rotate(-90deg)}html[data-rotate=cw] body{transform:translate(var(--rw)) rotate(90deg)}html[data-rotate] #root{height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}html[data-landscape] .app{padding-top:.6rem}html[data-landscape] .screen{gap:.7rem}html[data-landscape] .play>:not(.topbar){max-width:54rem}html[data-landscape] .sheet-hint{display:none}html[data-landscape] .qcell,html[data-landscape] .qlock{height:2.7rem}html[data-landscape] .tab{min-height:3.2rem;flex-direction:row;justify-content:center;gap:.5rem;padding-block:.3rem}html[data-landscape] .tab .avatar{width:30px!important;height:30px!important;font-size:15px!important}@media (min-width: 720px){.app{padding-top:1.6rem}.podium{gap:1rem}.place-1 .podium-block{height:11rem}.place-2 .podium-block{height:8rem}.place-3 .podium-block{height:6rem}}@media (max-width: 520px){.actionbar .btn{font-size:1.15rem;padding:0 .6rem;gap:.35rem}.table-wrap{padding:.3rem}th,td{padding:.5rem .25rem;font-size:.95rem}th[scope=row]{max-width:5.2rem}.sum{font-size:1.05rem}.toolbar{gap:.4rem}.brand-name{font-size:1.4rem}}@media (max-width: 440px){.brand-name{display:none}}@media (max-width: 380px){.round-btn.small{width:48px;height:48px}.name-row{gap:.5rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}.confetti{display:none}}