:root{font-family:'DM Sans',sans-serif;color:#20251f;background:#f5f6f3;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#f5f6f3;--surface:#fff;--surface-2:#f2f4ef;--text:#20251f;--muted:#7a8178;--line:#e7eae3;--green:#416b4b;--green-dark:#31553a;--lime:#d6f078;--red:#d85e50;--shadow:0 16px 48px #25341b0d}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh;transition:background .2s,color .2s}button,input{font:inherit}button{cursor:pointer}.shell{max-width:1050px;margin:auto;padding:0 26px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-family:Manrope,sans-serif;font-size:18px;font-weight:800;letter-spacing:-.7px}.brand-light{font-weight:500;color:var(--muted)}.brand-mark{width:30px;height:30px;display:grid;place-items:center;background:var(--green);color:#fff;border-radius:10px;font-size:17px}.top-actions{display:flex;align-items:center;gap:19px}.saved{color:var(--muted);font-size:12px}.saved i{display:inline-block;width:7px;height:7px;background:#78aa68;border-radius:50%;margin-right:7px}.icon-btn{border:1px solid var(--line);color:var(--text);background:var(--surface);width:38px;height:38px;border-radius:12px;font-size:18px}.main-wrap{padding:50px 0 70px}.eyebrow{text-transform:uppercase;letter-spacing:1.4px;font-size:10px;font-weight:800;color:var(--green);display:flex;align-items:center;gap:8px}.eyebrow:before{content:'';width:16px;height:1px;background:currentColor}.hero{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.hero h1{font:800 clamp(30px,5vw,42px)/1.15 Manrope,sans-serif;letter-spacing:-2px;margin:13px 0 8px}.subtitle{color:var(--muted);font-size:14px;margin:0}.hero-actions{display:flex;gap:10px;align-items:center}.btn{border:0;border-radius:12px;padding:12px 17px;font-weight:700;font-size:13px;display:inline-flex;gap:9px;align-items:center;justify-content:center;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:var(--green-dark)}.btn-secondary{background:var(--surface);border:1px solid var(--line);color:var(--text)}.btn-soft{background:#eef4e4;color:var(--green)}.btn-danger{color:var(--red);background:#fff0ee}.game-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.game-head{padding:21px 25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.game-title{display:flex;align-items:center;gap:12px}.game-symbol{width:42px;height:42px;display:grid;place-items:center;background:var(--surface-2);border-radius:14px;font-size:19px}.game-title h2{font:700 16px Manrope,sans-serif;margin:0 0 4px}.meta{font-size:11px;color:var(--muted)}.head-actions{display:flex;gap:8px}.quiet-btn{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:10px;padding:9px 12px;font-size:11px;font-weight:700}.quiet-btn:hover{color:var(--text);background:var(--surface-2)}.score-grid{padding:18px 24px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.player-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:15px;position:relative;min-width:0}.player-top{display:flex;align-items:center;justify-content:space-between}.player-name-wrap{display:flex;align-items:center;gap:9px;min-width:0}.avatar{width:29px;height:29px;border-radius:10px;display:grid;place-items:center;font-size:13px;font-weight:800;color:#35583c;background:#e9f0de;flex:none}.avatar.c2{background:#f9e9d9;color:#9d6332}.avatar.c3{background:#e8e7fa;color:#655ca2}.avatar.c4{background:#f7e2e4;color:#ad5861}.avatar.c5{background:#dff0ef;color:#367b78}.player-name{font-weight:700;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-menu{border:0;background:transparent;color:var(--muted);font-size:18px;padding:2px 5px}.score{font:800 40px/1 Manrope,sans-serif;letter-spacing:-2px;margin:19px 0 5px;font-variant-numeric:tabular-nums}.score.negative{color:var(--red)}.score-caption{color:var(--muted);font-size:10px}.score-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:17px}.score-btn{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px;height:35px;font-size:12px;font-weight:700}.score-btn:hover{background:var(--surface-2)}.score-btn.plus{color:var(--green)}.custom-score{margin-top:8px;display:flex;gap:6px}.custom-score input{width:100%;min-width:0;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:9px;padding:8px 9px;font-size:12px;outline:none}.custom-score input:focus,.field input:focus{border-color:#85a888;box-shadow:0 0 0 3px #416b4b18}.custom-score button{border:0;border-radius:9px;background:var(--surface-2);color:var(--green);font-weight:800;width:35px}.divider{height:1px;background:var(--line);margin:0 24px}.rounds{padding:20px 24px 24px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.section-heading h3{font:700 13px Manrope,sans-serif;margin:0}.section-heading span{font-size:10px;color:var(--muted)}.round-row{display:grid;grid-template-columns:68px 1fr auto;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;margin-top:8px}.round-no{font-size:11px;font-weight:700;color:var(--muted)}.round-changes{display:flex;gap:13px;flex-wrap:wrap}.change{font-size:11px;color:var(--muted)}.change strong{color:var(--text);margin-left:4px}.change strong.neg{color:var(--red)}.round-tools{display:flex;gap:4px}.round-tool{border:0;background:transparent;color:var(--muted);border-radius:7px;padding:6px;font-size:12px}.round-tool:hover{background:var(--surface-2);color:var(--text)}.empty-rounds{text-align:center;color:var(--muted);font-size:12px;padding:22px 10px}.empty{max-width:520px;margin:58px auto 80px;text-align:center}.empty-illustration{width:72px;height:72px;border-radius:24px;background:#e9f0de;margin:0 auto 22px;display:grid;place-items:center;font-size:30px}.empty h1{font:800 32px Manrope,sans-serif;letter-spacing:-1.5px;margin:0 0 10px}.empty p{color:var(--muted);font-size:14px;line-height:1.7;margin:0 auto 23px;max-width:390px}.empty .btn{margin:0 auto}.setup{max-width:560px;margin:38px auto 70px}.setup-top{display:flex;gap:12px;align-items:center;margin-bottom:22px}.back-btn{width:38px;height:38px;border:1px solid var(--line);background:var(--surface);border-radius:11px;color:var(--text);font-size:18px}.setup h1{font:800 27px Manrope,sans-serif;letter-spacing:-1px;margin:0}.setup-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:23px;box-shadow:var(--shadow)}.field{display:grid;gap:8px;margin-bottom:20px}.field label,.label{font-size:11px;font-weight:700}.field input,.player-input input{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:11px;padding:12px 13px;font-size:13px;outline:none;width:100%}.setup .btn{width:100%;margin-top:8px}.player-inputs{display:grid;gap:8px}.player-input{display:flex;gap:8px}.player-input input{flex:1}.remove-player{width:42px;border:1px solid var(--line);background:transparent;border-radius:10px;color:var(--muted)}.add-player{margin:11px 0 20px;border:0;background:transparent;color:var(--green);font-weight:700;font-size:12px;padding:5px 0}.modal-backdrop{position:fixed;inset:0;background:#13191272;display:grid;place-items:center;padding:20px;z-index:10}.modal{width:min(420px,100%);background:var(--surface);border-radius:18px;padding:23px;box-shadow:0 25px 80px #0003}.modal h2{font:800 19px Manrope,sans-serif;margin:0 0 8px}.modal p{font-size:13px;color:var(--muted);line-height:1.6;margin:0 0 20px}.modal .field{margin-bottom:14px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.modal .btn{padding:10px 14px}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,15px);opacity:0;background:#20251f;color:white;padding:11px 17px;border-radius:11px;font-size:12px;pointer-events:none;transition:.2s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}footer{text-align:center;font-size:10px;color:var(--muted);padding:20px 0 28px}footer span{color:var(--green);margin-left:4px}.finished-banner{background:#eff5e6;color:var(--green);font-size:12px;padding:12px 15px;border-radius:11px;margin:16px 24px 0;display:flex;justify-content:space-between}.rank{font:800 11px Manrope;color:var(--green);margin-right:5px}
body.dark{--bg:#171b17;--surface:#212721;--surface-2:#2b332a;--text:#edf1e9;--muted:#9aa396;--line:#343d33;--green:#9bc478;--green-dark:#729957;--lime:#d6f078;--shadow:0 16px 48px #0002}body.dark .btn-soft{background:#303a2b;color:#badd8e}body.dark .avatar{background:#344332;color:#d0edb8}body.dark .avatar.c2{background:#47392c;color:#efc293}body.dark .avatar.c3{background:#38364f;color:#ccc7ff}body.dark .avatar.c4{background:#493137;color:#ffbec3}body.dark .avatar.c5{background:#2e4442;color:#a2e0dd}body.dark .finished-banner{background:#2a3527;color:#badd8e}body.dark .empty-illustration{background:#303a2b}body.dark .btn-danger{background:#482e2b}body.dark .saved i{background:#9bc478}
.mode-page{padding:52px 0 75px;max-width:820px;margin:auto}.mode-page h1{font:800 clamp(32px,6vw,46px)/1.1 Manrope,sans-serif;letter-spacing:-2px;margin:12px 0}.mode-page>p{color:var(--muted);font-size:14px;margin:0 0 30px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mode-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:23px;text-align:left;color:var(--text);box-shadow:var(--shadow);transition:.16s;min-height:205px;display:flex;flex-direction:column;align-items:flex-start}.mode-card:hover{transform:translateY(-3px);border-color:#b9c9b5}.mode-icon{width:43px;height:43px;border-radius:14px;background:var(--surface-2);display:grid;place-items:center;font-size:21px;margin-bottom:20px}.mode-card strong{font:800 18px Manrope,sans-serif}.mode-card p{margin:7px 0 16px;color:var(--muted);font-size:12px;line-height:1.5}.mode-cta{margin-top:auto;color:var(--green);font-size:12px;font-weight:800}.mode-playing{display:flex;align-items:center;justify-content:space-between;margin-top:23px;padding:14px 17px;border:1px solid var(--line);background:var(--surface);border-radius:13px;font-size:12px}.mode-playing span{color:var(--muted)}.flip-panel{margin:0 24px 22px;padding:18px;background:var(--surface-2);border-radius:14px}.flip-panel h3{font:800 14px Manrope,sans-serif;margin:0 0 5px}.flip-panel>p{font-size:11px;color:var(--muted);margin:0 0 13px}.flip-select-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:8px}.flip-select{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:10px;text-align:left;color:var(--text)}.flip-select.active{border:2px solid var(--green);padding:9px;background:#f5f8ed}.flip-select strong{display:block;font-size:12px}.flip-select small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.flip-keyboard{margin-top:15px;padding-top:14px;border-top:1px solid var(--line)}.flip-keyboard-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.flip-keyboard-top strong{font-size:12px}.flip-keyboard-top span{font:800 18px Manrope;color:var(--green)}.flip-keys{display:grid;grid-template-columns:repeat(7,minmax(35px,1fr));gap:7px}.flip-key{height:43px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font-weight:800;font-size:14px}.flip-key.selected{background:#e8f1dc;border-color:#9bb488;color:var(--green-dark)}.flip-specials{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.flip-special{border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:9px 11px;color:var(--text);font-size:11px;font-weight:700}.flip-special.selected{background:#e8f1dc;border-color:#9bb488;color:var(--green-dark)}.flip-selection{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:12px}.flip-selection small{color:var(--muted);font-size:10px}.flip-ready{font-size:10px;color:var(--green);font-weight:800}.flip-finish-row{display:flex;justify-content:flex-end;margin-top:14px}.flip-finish-row .btn{padding:10px 13px}.mode-chip{display:inline-block;background:var(--surface-2);border-radius:6px;padding:4px 7px;color:var(--green);font-size:9px;font-weight:800}body.dark .flip-select.active,body.dark .flip-key.selected,body.dark .flip-special.selected{background:#344332}
@media(max-width:640px){.top-actions{gap:9px}.modes-btn{padding:8px 9px;font-size:10px}.mode-page{padding:34px 0 55px}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:175px;padding:19px}.flip-panel{margin:0 13px 15px;padding:13px}.flip-keys{gap:5px}.flip-key{height:40px}.flip-select-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mode-description{display:block;margin:7px 0 16px;color:var(--muted);font-size:12px;line-height:1.5}
.flip-key:disabled{opacity:.4;cursor:not-allowed}
.flip-breakdown{flex:1;min-width:0;display:grid;gap:6px;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.flip-breakdown>div{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted)}.flip-breakdown strong{color:var(--text);font-variant-numeric:tabular-nums}.flip-breakdown-total{border-top:1px solid var(--line);padding-top:7px;margin-top:2px;font-weight:800}.flip-breakdown-total span,.flip-breakdown-total strong{color:var(--green)}
.player-card[data-action="flip-select-player"]{cursor:pointer}.player-card[data-action="flip-select-player"].selected{border-color:var(--green);box-shadow:0 0 0 2px color-mix(in srgb,var(--green) 18%,transparent)}
@media(max-width:640px){.flip-selection{align-items:stretch;flex-direction:column}.flip-selection .btn{width:100%}}
.flip-keys{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.flip-key{height:auto;min-height:58px;aspect-ratio:.72;display:grid;place-items:center;border-radius:12px;font-size:17px;box-shadow:0 2px 5px #20251f0b}.flip-key:not(:disabled):hover,.flip-special:hover{transform:translateY(-2px);box-shadow:0 5px 12px #20251f12}.flip-specials{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px}.flip-special{min-width:0;min-height:78px;aspect-ratio:.72;display:grid;place-items:center;text-align:center;line-height:1.25;padding:7px 5px;border-radius:12px;box-shadow:0 2px 5px #20251f0b;transition:transform .14s,box-shadow .14s}.flip-key,.flip-special{position:relative;overflow:hidden}
@media(max-width:640px){.flip-keys{gap:5px}.flip-key{min-height:50px}.flip-specials{grid-template-columns:repeat(auto-fit,minmax(55px,1fr));gap:6px}.flip-special{min-height:68px;font-size:10px}}
.flip-score-overlay{position:fixed;inset:0;z-index:30;overflow:auto;background:#202126;color:#f4f2eb;padding:clamp(14px,4vw,42px);display:flex;justify-content:center;align-items:flex-start}.flip-score-sheet{width:min(100%,940px);margin:auto}.flip-score-sheet>header{display:flex;align-items:center;justify-content:space-between;margin:0 0 22px;font:800 16px Manrope,sans-serif}.flip-done{border:0;border-radius:12px;padding:12px 24px;background:#f3efdf;color:#30313a;font-weight:800;font-size:14px;min-width:90px}.flip-score-sheet .flip-keys{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(7px,1.5vw,16px)}.flip-score-sheet .flip-key,.flip-score-sheet .flip-special{height:auto;min-height:0;aspect-ratio:.78;border-radius:clamp(12px,2vw,22px);font-size:clamp(19px,3.5vw,38px);font-weight:800;border:5px solid #f7f3e8;background:#f5f0df;color:var(--card-accent);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--card-accent) 48%,#fff),0 2px 4px #0002;padding:8px;transition:transform .12s,filter .12s}.flip-score-sheet .flip-key.selected,.flip-score-sheet .flip-special.selected{filter:saturate(1.35);transform:scale(.96);box-shadow:inset 0 0 0 4px var(--card-accent),0 0 0 2px var(--card-accent)}.number-n0{--card-accent:#d62e86}.number-n1{--card-accent:#85838a}.number-n2{--card-accent:#83c930}.number-n3{--card-accent:#e6385d}.number-n4{--card-accent:#22a8b1}.number-n5{--card-accent:#31a958}.number-n6{--card-accent:#8741b3}.number-n7{--card-accent:#ed718a}.number-n8{--card-accent:#55b997}.number-n9{--card-accent:#ef851f}.number-n10{--card-accent:#dc314b}.number-n11{--card-accent:#438fd7}.number-n12{--card-accent:#80604c}.flip-score-sheet .bonus-card,.flip-score-sheet .x2-control{--card-accent:#ee9730;background:#f7a52e;color:#df4b55}.flip-score-sheet .flip-controls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(7px,1.5vw,16px);margin-top:clamp(12px,2vw,22px)}.flip-control{aspect-ratio:.78;border:0;border-radius:clamp(12px,2vw,22px);background:#e5eaf4;color:#768095;font-size:clamp(25px,4vw,44px);font-weight:800;display:grid;place-items:center;cursor:pointer}.flip-control.clear-control{grid-column:1;color:#e84c70}.flip-control.x2-control{grid-column:2;border:5px solid #f7f3e8;box-shadow:inset 0 0 0 3px #ffd27c;background:#f7a52e;color:#df4b55;font-size:clamp(20px,3.3vw,36px)}.flip-control.manual-control{grid-column:5;color:#1eb8a5}.flip-control.delete-control{grid-column:6}.flip-control svg{width:42%;height:42%;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.flip-manual-form{margin:18px 0;padding:16px;background:#2c2e35;border-radius:14px;display:grid;gap:10px}.flip-manual-form label{font-size:12px;font-weight:700}.flip-manual-form>div{display:flex;gap:9px}.flip-manual-form input{width:100%;border:1px solid #53545a;border-radius:10px;background:#202126;color:white;padding:12px;font-size:18px}.flip-score-sheet .flip-breakdown{margin-top:18px;background:#2c2e35;border-color:#43454c}.flip-score-sheet .flip-breakdown strong,.flip-score-sheet .flip-breakdown-total span,.flip-score-sheet .flip-breakdown-total strong{color:#f2efdf}.flip-score-sheet .flip-breakdown>div{font-size:12px;color:#c6c4bc}
.flip-score-sheet .number-n0{--card-accent:#d62e86}.flip-score-sheet .number-n1{--card-accent:#85838a}.flip-score-sheet .number-n2{--card-accent:#83c930}.flip-score-sheet .number-n3{--card-accent:#e6385d}.flip-score-sheet .number-n4{--card-accent:#22a8b1}.flip-score-sheet .number-n5{--card-accent:#31a958}.flip-score-sheet .number-n6{--card-accent:#8741b3}.flip-score-sheet .number-n7{--card-accent:#ed718a}.flip-score-sheet .number-n8{--card-accent:#55b997}.flip-score-sheet .number-n9{--card-accent:#ef851f}.flip-score-sheet .number-n10{--card-accent:#dc314b}.flip-score-sheet .number-n11{--card-accent:#438fd7}.flip-score-sheet .number-n12{--card-accent:#80604c}
@media(max-width:620px){.flip-score-overlay{padding:14px 12px}.flip-score-sheet>header{margin-bottom:14px}.flip-score-sheet .flip-keys,.flip-score-sheet .flip-controls{gap:6px}.flip-score-sheet .flip-key,.flip-score-sheet .flip-special{border-width:3px;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--card-accent) 48%,#fff),0 2px 4px #0002}.flip-score-sheet .flip-controls{grid-template-columns:repeat(6,minmax(0,1fr))}.flip-control{min-height:62px}.flip-control.x2-control{border-width:3px}}
@media(max-width:640px){.shell{padding:0 16px}.topbar{height:65px}.saved{font-size:0}.saved i{margin:0}.top-actions{gap:12px}.main-wrap{padding:34px 0 45px}.hero{display:block;margin-bottom:22px}.hero-actions{margin-top:19px}.hero-actions .btn{flex:1}.game-head{padding:16px}.head-actions .quiet-btn{font-size:0;padding:9px 10px}.head-actions .quiet-btn span{font-size:14px}.score-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:13px;gap:9px}.player-card{padding:12px}.score{font-size:35px;margin:16px 0 5px}.player-name{font-size:12px}.divider{margin:0 16px}.rounds{padding:17px 15px 20px}.round-row{grid-template-columns:50px 1fr auto;gap:7px;padding:10px 8px}.round-changes{gap:6px 10px}.change{font-size:10px}.round-tool{padding:5px 3px}.round-tools{gap:0}.setup-card{padding:18px}.hero h1{font-size:34px}.game-title h2{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

@media(max-width:620px){.flip-score-sheet .flip-keys{grid-template-columns:repeat(3,minmax(0,1fr))}.flip-score-sheet .flip-key,.flip-score-sheet .flip-special{aspect-ratio:.76}.flip-score-sheet .flip-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.flip-control.clear-control{grid-column:1}.flip-control.x2-control{grid-column:2}.flip-control.manual-control{grid-column:3}.flip-control.delete-control{grid-column:4}}

.flip-score-sheet .x2-control.selected{background:#d97816;color:#fff5d8;box-shadow:inset 0 0 0 4px #ffd27c,0 0 0 2px #ffd27c;transform:scale(.94)}
.flip-player-list{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:100%}.flip-player-row{min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);cursor:pointer;transition:border-color .15s,box-shadow .15s}.flip-player-row.selected{border-color:var(--green);box-shadow:0 0 0 2px color-mix(in srgb,var(--green) 18%,transparent)}.flip-player-info{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px}.flip-player-label{min-width:0;display:grid;gap:4px}.flip-player-label>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.flip-player-label>span{font-size:11px;color:var(--muted)}.flip-player-label b{color:var(--text);font-size:12px;font-variant-numeric:tabular-nums}.flip-player-label b.negative{color:var(--red)}.flip-player-row .player-menu{font-size:18px}.flip-round-box{min-width:62px;padding:7px 9px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);display:grid;justify-items:center;gap:3px}.flip-round-box>span{font-size:9px;color:var(--muted);white-space:nowrap}.flip-round-box>strong{font:800 16px/1 Manrope,sans-serif;color:var(--green);font-variant-numeric:tabular-nums}.flip-mini-cards{display:flex;align-items:center;gap:5px;min-height:34px;margin:9px 0 0 39px;overflow:hidden}.mini-card{width:25px;height:34px;flex:0 0 auto;display:grid;place-items:center;border:2px solid #f7f3e8;border-radius:6px;background:#f5f0df;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--card-accent) 48%,#fff);color:var(--card-accent);font-size:10px;font-weight:800}.mini-card.number-n0{--card-accent:#d62e86}.mini-card.number-n1{--card-accent:#85838a}.mini-card.number-n2{--card-accent:#83c930}.mini-card.number-n3{--card-accent:#e6385d}.mini-card.number-n4{--card-accent:#22a8b1}.mini-card.number-n5{--card-accent:#31a958}.mini-card.number-n6{--card-accent:#8741b3}.mini-card.number-n7{--card-accent:#ed718a}.mini-card.number-n8{--card-accent:#55b997}.mini-card.number-n9{--card-accent:#ef851f}.mini-card.number-n10{--card-accent:#dc314b}.mini-card.number-n11{--card-accent:#438fd7}.mini-card.number-n12{--card-accent:#80604c}.mini-card.bonus-card,.mini-card.flip7-mini{--card-accent:#ee9730;background:#f7a52e;color:#df4b55}.flip-no-cards{font-size:10px;color:var(--muted)}
.score-grid.flip-score-grid{grid-template-columns:minmax(0,1fr)}

@media(max-width:620px){.flip-score-overlay{inset:auto 0 0;height:min(52dvh,460px);min-height:280px;padding:8px 10px max(8px,env(safe-area-inset-bottom));overflow:hidden;align-items:center}.flip-score-sheet{width:100%;margin:0 auto}.flip-score-sheet>header{font-size:12px;margin:0 0 6px}.flip-done{min-width:0;padding:6px 14px;font-size:12px;border-radius:9px}.flip-score-sheet .flip-keys{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.flip-score-sheet .flip-key,.flip-score-sheet .flip-special{aspect-ratio:.95;border-width:2px;border-radius:9px;padding:2px;font-size:clamp(13px,4vw,18px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--card-accent) 48%,#fff),0 1px 2px #0002}.flip-score-sheet .flip-controls{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin-top:6px}.flip-control{aspect-ratio:.95;min-height:0;border-radius:9px;font-size:clamp(20px,6vw,27px)}.flip-control.x2-control{border-width:2px;font-size:18px}.flip-score-sheet .flip-breakdown{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:5px;margin-top:6px;border-radius:8px}.flip-score-sheet .flip-breakdown>div{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;font-size:8px;line-height:1.15}.flip-score-sheet .flip-breakdown>div span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flip-score-sheet .flip-breakdown>div strong{font-size:9px}.flip-score-sheet .flip-breakdown-total{grid-column:3;border-top:0;border-left:1px solid #555;padding:0 0 0 5px;margin:0}.flip-manual-form{margin:6px 0;padding:8px;gap:5px}.flip-manual-form label{font-size:10px}.flip-manual-form>div{gap:5px}.flip-manual-form input{padding:7px;font-size:14px}.flip-manual-form .btn{padding:7px 10px;font-size:11px}}

.flip-player-info:has(.rank){grid-template-columns:auto auto minmax(0,1fr) auto auto}@media(max-width:640px){.flip-player-list{gap:8px}.flip-player-row{padding:10px}.flip-player-info{gap:7px}.flip-player-label>strong{font-size:13px}.flip-player-label>span{font-size:10px}.flip-round-box{min-width:56px;padding:6px}.flip-mini-cards{margin-left:35px;margin-top:7px;min-height:30px}.mini-card{width:22px;height:30px;font-size:9px}}

.flip-history-page{padding-top:38px}.flip-history-heading{margin:22px 0 24px}.flip-history-heading h1{font:800 clamp(30px,5vw,40px)/1.1 Manrope,sans-serif;letter-spacing:-1.5px;margin:10px 0 7px}.flip-history-heading p{margin:0;color:var(--muted);font-size:13px}.flip-history-round{padding:14px 2px;border-bottom:1px solid var(--line)}.flip-history-round:last-child{border-bottom:0}.flip-history-round-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.flip-history-round-head>strong{font-size:13px}.flip-history-round .round-changes{gap:8px 15px}.flip-history-button{margin-top:12px}.flip-history-page .game-card .rounds{padding-top:8px}@media(max-width:640px){.flip-history-page{padding-top:25px}.flip-history-heading{margin:18px 0}.flip-history-round{padding:12px 0}.flip-history-round .round-changes{gap:7px 10px}}

@media(max-width:640px){.hero-actions:has(.flip-history-button){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hero-actions:has(.flip-history-button) .btn{flex:initial;min-width:0;padding:10px 8px;font-size:11px}.flip-history-button{margin:0}}
.pili-player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;padding:22px 0}.pili-player-card{min-width:0;aspect-ratio:1/1;border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:16px;display:flex;flex-direction:column;box-shadow:0 8px 24px #1111}.pili-player-top{display:flex;align-items:center;gap:9px;min-width:0}.pili-player-top>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.pili-player-top .player-menu{flex:0 0 auto}.pili-count{display:grid;place-content:center;justify-items:center;flex:1}.pili-count strong{font:800 clamp(42px,8vw,66px)/1 Manrope,sans-serif;font-variant-numeric:tabular-nums}.pili-count span{font-size:12px;color:var(--muted);margin-top:5px}.pili-controls{display:grid;grid-template-columns:1fr 1.3fr;gap:8px}.pili-controls button{min-height:42px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--text);font:700 13px Manrope,sans-serif;cursor:pointer}.pili-controls button:last-child{background:var(--accent);color:white;border-color:var(--accent)}.pili-controls button:disabled{opacity:.4;cursor:not-allowed}.pili-round{padding:14px 2px;border-bottom:1px solid var(--line)}.pili-round-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.pili-round-heading>strong{font-size:13px}.pili-round-heading>span,.pili-bet-note{font-size:11px;color:var(--muted)}.pili-bet-summary{padding:10px 12px;border-radius:10px;background:var(--surface-2);font-weight:700;font-size:13px}.pili-bet-summary.invalid{color:var(--red);background:color-mix(in srgb,var(--red) 10%,var(--surface))}.pili-bet-note{line-height:1.5}.modal select{width:100%;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);font:inherit}@media(max-width:520px){.pili-player-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:16px 0}.pili-player-card{padding:11px;border-radius:15px}.pili-player-top{gap:6px}.pili-player-top .avatar{width:30px;height:30px;font-size:12px}.pili-controls{gap:5px}.pili-controls button{min-height:38px;font-size:11px}.pili-round-heading{align-items:flex-start;flex-direction:column;gap:3px}}
.pili-count strong{color:#d92d20}.pili-count .pili-pepper{font-size:25px;line-height:1;margin:0 0 5px;filter:saturate(1.25)}.pili-player-card .pili-controls button:last-child{background:#d92d20!important;border-color:#d92d20!important;color:#fff!important;text-shadow:0 1px 1px #0003}.pili-player-card .pili-controls button:last-child:active{background:#b42318!important}
.dino-roster{padding:18px 0}.dino-roster h3{font-size:13px;margin:0 0 12px}.dino-roster>div{display:flex;flex-wrap:wrap;gap:8px}.dino-player-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);font-size:12px;font-weight:700}.dino-player-chip .avatar{width:28px;height:28px;font-size:11px}.dino-race{padding:15px 2px;border-bottom:1px solid var(--line)}.dino-race:last-child{border-bottom:0}.dino-race-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dino-race-head strong{font-size:14px}.dino-race-head span{font-size:11px;color:var(--muted)}.dino-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.dino-place{display:grid;gap:6px;padding:13px 10px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}.dino-place>span{font-size:11px;color:var(--muted);font-weight:800}.dino-place strong{font-size:13px}.dino-place.place-1{border-color:#e9bd43;background:color-mix(in srgb,#facc15 13%,var(--surface))}.dino-place.place-2{border-color:#aab5c2;background:color-mix(in srgb,#94a3b8 12%,var(--surface))}.dino-place.place-3{border-color:#c88755;background:color-mix(in srgb,#c88755 12%,var(--surface))}.dino-modal-hint{font-size:12px;color:var(--muted)}@media(max-width:520px){.dino-podium{gap:5px}.dino-place{padding:10px 7px}.dino-place strong{font-size:11px}}
.dino-card-entry-list{max-height:min(55vh,480px);overflow:auto;display:grid;gap:12px;padding:2px}.dino-card-entry{padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}.dino-card-entry h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:13px}.dino-card-count-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.dino-card-count-grid label{display:grid;gap:5px;font-size:9px;font-weight:800;text-align:center;color:var(--muted)}.dino-card-count-grid input{width:100%;min-width:0;padding:8px 3px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font:700 14px Manrope,sans-serif;text-align:center}.dino-cards-saved{margin-top:13px;padding:10px;border-radius:10px;background:var(--surface-2);font-size:11px}.dino-cards-saved>strong{font-size:12px}.dino-cards-saved p{margin:7px 0 0;color:var(--muted)}.dino-enter-cards{margin-top:12px}@media(max-width:520px){.dino-card-entry-list{max-height:48vh}.dino-card-count-grid{gap:4px}.dino-card-count-grid label{font-size:8px}.dino-card-count-grid input{font-size:13px;padding:7px 2px}}
.dino-standings{padding:16px 0}.dino-standings h3{font-size:13px;margin:0 0 9px}.dino-standing{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 2px;border-bottom:1px solid var(--line);font-size:13px}.dino-standing:last-child{border-bottom:0}.dino-standing>span{color:var(--muted);font-weight:800}.dino-standing>b,.dino-race-score{font-variant-numeric:tabular-nums;color:var(--accent)}.dino-race-scores{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.dino-race-scores>span{padding:6px 9px;border-radius:8px;background:var(--surface-2);font-size:11px}.dino-race-score{display:block;margin-top:4px;font-size:11px}
.dino-finish-toggle{display:flex;align-items:center;gap:9px;margin-top:12px;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);font-size:12px;font-weight:700}.dino-finish-toggle input{width:18px;height:18px;accent-color:var(--accent)}.finished-banner small{display:block;margin-top:6px;font-size:11px;opacity:.8}
.dino-visual{position:relative;display:grid;place-items:center;width:100%;height:72px;overflow:hidden;border-radius:10px;background:color-mix(in srgb,var(--surface) 82%,var(--line))}.dino-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1}.dino-visual-fallback{font-size:34px;line-height:1}.dino-choice-content{display:grid;gap:13px;max-height:min(58vh,520px);overflow:auto;padding:2px}.dino-place-select h3{margin:0 0 7px;font-size:12px}.dino-choice-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.dino-choice{min-width:0;padding:6px 4px;display:grid;justify-items:center;gap:5px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:var(--text);cursor:pointer}.dino-choice strong{font-size:9px;white-space:nowrap}.dino-choice .dino-visual{height:54px}.dino-choice .dino-visual-fallback{font-size:25px}.dino-choice.selected{border:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent)}.dino-choice:disabled{opacity:.35;cursor:not-allowed}.dino-place .dino-visual{height:62px}.dino-place .dino-visual-fallback{font-size:30px}@media(max-width:480px){.dino-choice-grid{gap:4px}.dino-choice{padding:5px 2px}.dino-choice strong{font-size:8px}.dino-choice .dino-visual{height:48px}}
.dino-choice-grid-step{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dino-choice-grid-step .dino-choice{padding:9px 6px}.dino-choice-grid-step .dino-visual{height:84px}.dino-choice-grid-step .dino-visual-fallback{font-size:42px}.dino-choice-grid-step .dino-choice strong{font-size:12px}.dino-step-progress{display:flex;justify-content:center;gap:8px;margin:4px 0 14px}.dino-step-progress span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--muted);font-size:11px;font-weight:800}.dino-step-progress span.active{background:var(--accent);color:white}.dino-step-title{text-align:center;margin:0 0 12px;font-size:16px}.dino-step-back{display:block;margin:12px auto 2px;padding:8px 12px;border:0;background:transparent;color:var(--accent);font:700 12px Manrope,sans-serif;cursor:pointer}.dino-choice-summary h3{margin:0 0 9px;font-size:13px}.dino-summary-row{display:grid;grid-template-columns:55px 56px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--line)}.dino-summary-row .dino-visual{height:50px}.dino-summary-row>b{font-size:12px}.dino-summary-row button{padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--text);font-size:10px;cursor:pointer}
.dino-card-entry>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.dino-card-entry h3{margin:0}.dino-live-score{flex:0 0 auto;padding:7px 10px;border-radius:9px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent);font:800 13px Manrope,sans-serif;font-variant-numeric:tabular-nums}.dino-card-entry-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.dino-card-counter{min-width:0;padding:7px 5px;display:flex;flex-direction:column;align-items:center;gap:5px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.dino-card-counter .dino-visual{height:57px}.dino-card-counter .dino-visual-fallback{font-size:29px}.dino-counter-name{font-size:9px}.dino-card-value{min-height:22px;text-align:center;color:var(--muted);font-size:8px;line-height:1.2}.dino-counter-controls{display:grid;grid-template-columns:24px minmax(16px,1fr) 24px;align-items:center;gap:3px;width:100%}.dino-counter-controls button{width:24px;height:27px;padding:0;border:1px solid var(--line);border-radius:7px;background:var(--surface-2);color:var(--text);font-size:17px;font-weight:800;cursor:pointer}.dino-counter-controls button:disabled{opacity:.35;cursor:not-allowed}.dino-counter-controls>strong{text-align:center;font-size:12px;font-variant-numeric:tabular-nums}@media(max-width:520px){.dino-card-entry-grid{gap:4px}.dino-card-counter{padding:6px 2px;gap:4px}.dino-card-counter .dino-visual{height:48px}.dino-card-counter .dino-visual-fallback{font-size:24px}.dino-counter-name{font-size:8px}.dino-card-value{font-size:7px}.dino-counter-controls{grid-template-columns:21px minmax(13px,1fr) 21px;gap:1px}.dino-counter-controls button{width:21px;height:25px}}
.dino-card-entry-grid{align-items:stretch}.dino-card-counter{width:100%;overflow:hidden}.dino-counter-controls{grid-template-columns:minmax(0,1fr) minmax(14px,.8fr) minmax(0,1fr);gap:3px;width:100%;min-width:0}.dino-counter-controls button{width:100%;min-width:0;height:28px;display:grid;place-items:center;padding:0;font-size:16px;line-height:1}.dino-counter-controls>strong{min-width:0;overflow:hidden;font-size:12px}@media(max-width:520px){.dino-counter-controls{grid-template-columns:minmax(0,1fr) minmax(13px,.8fr) minmax(0,1fr);gap:2px}.dino-counter-controls button{width:100%;height:26px;font-size:15px}.dino-card-counter{padding-left:3px;padding-right:3px}}
:root{--accent:#416b4b}
body.dark{--bg:#080d18;--surface:#101827;--surface-2:#17243a;--text:#edf3ff;--muted:#9aa9c2;--line:#273650;--green:#75a7ff;--green-dark:#4d82e6;--lime:#9fc4ff;--accent:#75a7ff;--shadow:0 18px 55px #0008}
body.dark .btn-soft{background:#1d2c47;color:#b5d0ff}body.dark .avatar{background:#213653;color:#bfdbff}body.dark .avatar.c2{background:#493a2d;color:#f1c99f}body.dark .avatar.c3{background:#393451;color:#d0c6ff}body.dark .avatar.c4{background:#482c3a;color:#ffc1d3}body.dark .avatar.c5{background:#1e4144;color:#9be7e7}body.dark .finished-banner{background:#172b49;color:#c3dcff}body.dark .empty-illustration{background:#17243a}body.dark .btn-danger{background:#492936}body.dark .saved i{background:#75a7ff}body.dark .flip-select.active,body.dark .flip-key.selected,body.dark .flip-special.selected{background:#20365a;border-color:#527dbb;color:#c4dbff}body.dark .mode-card:hover{border-color:#527dbb}body.dark .flip-ready{color:#9bc1ff}
.clear-saves-btn{border:1px solid color-mix(in srgb,var(--red) 35%,var(--line));border-radius:9px;background:transparent;color:var(--red);padding:8px 10px;font-size:11px;font-weight:700}.clear-saves-btn:hover{background:color-mix(in srgb,var(--red) 9%,var(--surface))}@media(max-width:520px){.mode-playing{flex-wrap:wrap;gap:10px}.clear-saves-btn{margin-left:auto}}