:root,[data-theme=proto]{--bg: #030509;--panel: #070b11;--panel-2: #0d141e;--line: #243142;--ink: #f8fafc;--muted: #8d99a8;--player-a: #1688ff;--player-b: #ff6a00;--good: #19d36f;--danger: #ff4655;--accent: #ff6a00;--shadow: 0 18px 70px rgba(0, 0, 0, .45);--a-glow: rgba(22, 136, 255, .45);--b-glow: rgba(255, 106, 0, .45)}[data-theme=sm]{--bg: #0a0f0d;--panel: #0d1512;--panel-2: #121d18;--line: #2a3a33;--ink: #f4f7f5;--muted: #8fa39a;--player-a: #19c37d;--player-b: #5a7bd8;--good: #19c37d;--danger: #e5544b;--accent: #f0a830;--shadow: 0 18px 70px rgba(0, 0, 0, .5);--a-glow: rgba(25, 195, 125, .45);--b-glow: rgba(90, 123, 216, .45)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-user-select:none;user-select:none}.app{width:min(1366px,100vw);min-height:100vh;margin:0 auto;padding:22px 26px;background:radial-gradient(circle at 12% 16%,var(--a-glow),transparent 30%),radial-gradient(circle at 86% 16%,var(--b-glow),transparent 30%),linear-gradient(180deg,var(--panel),var(--bg));position:relative;overflow:hidden}.topbar{height:52px;display:flex;align-items:center;gap:12px;color:#cbd5e1;margin-bottom:14px}.hamburger{width:42px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:#d8dee8;font-size:24px;font-weight:950;display:grid;place-items:center;cursor:pointer}.logo,.meta{height:34px;padding:0 12px;border:1px solid var(--line);background:var(--bg);border-radius:10px;display:flex;align-items:center;font-weight:900}.logo{font-weight:950;padding:0 14px}.spacer{flex:1}.courtPicker{position:relative}.courtBtn{gap:6px;cursor:pointer;color:#cbd5e1}.courtBtn .caret{font-size:11px;color:var(--muted)}.courtBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:24}.courtMenu{position:absolute;left:0;top:40px;z-index:25;min-width:132px;display:flex;flex-direction:column;gap:4px;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);box-shadow:var(--shadow)}.courtMenu button{height:38px;border:1px solid transparent;border-radius:9px;background:transparent;color:#cbd5e1;font-weight:900;font-size:14px;cursor:pointer;text-align:left;padding:0 12px}.courtMenu button.active{border-color:var(--good);color:var(--good);background:color-mix(in srgb,var(--good) 12%,transparent)}.live{color:var(--good);font-weight:950}.header{display:grid;grid-template-columns:1fr 360px 1fr;gap:24px;align-items:start}.playerBlock{min-width:0}.playerTitle{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.rightPlayer{justify-content:space-between}.name{display:flex;flex-direction:column;gap:6px;font-size:48px;line-height:.98;font-weight:950;letter-spacing:-.055em;text-shadow:0 8px 20px rgba(0,0,0,.45)}.name.right{align-items:flex-end;text-align:right}.setCounter{width:86px;height:116px;border-radius:18px;display:grid;place-items:center;font-size:60px;font-weight:950;line-height:1;margin-top:0;flex:none;background:#ffffff09}.counterA{border:2px solid var(--player-a);color:var(--player-a)}.counterB{border:2px solid var(--player-b);color:var(--player-b)}.setHistory{margin-top:18px;display:flex;gap:8px;flex-wrap:wrap;min-height:30px}.rightHistory{justify-content:flex-end}.setPill{min-width:52px;height:28px;border-radius:999px;display:grid;place-items:center;padding:0 10px;font-size:14px;font-weight:950;border:1px solid var(--line);background:#ffffff09;color:var(--muted)}.setPill.a{border-color:var(--player-a);color:var(--player-a);background:#ffffff0a}.setPill.b{border-color:var(--player-b);color:var(--player-b);background:#ffffff0a}.rulesHeader{min-height:116px;align-self:start;border:1px solid var(--line);border-radius:22px;background:#03060cb8;display:grid;place-items:center;text-align:center;padding:18px 22px}.rulesHeader small{display:block;color:var(--muted);font-size:13px;font-weight:950;letter-spacing:.11em;text-transform:uppercase;margin-bottom:8px}.rulesHeader b{display:block;color:var(--ink);font-size:19px;line-height:1.3;font-weight:950}.ribbon{margin:16px auto 0;max-width:520px;min-height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:950;letter-spacing:.04em;font-size:18px;border:1px solid var(--accent);color:var(--accent);background:#ffa83012}.ribbon.match{box-shadow:0 0 26px #f0a83040}.serviceRow{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:18px}.serviceCard{border:3px solid var(--player-a);border-radius:24px;padding:16px;min-height:230px}.serviceCard.b{border-color:var(--player-b)}.serviceCard.active{border-color:var(--good);background:color-mix(in srgb,var(--good) 20%,transparent);box-shadow:0 0 42px #19d36f47}.serviceInner{display:grid;grid-template-columns:1fr 1fr;gap:16px;height:100%}.serviceTile{position:relative;min-height:196px;border:2px solid rgba(90,110,135,.55);border-radius:22px;background:linear-gradient(180deg,#0e151e,#0a0f15);cursor:pointer;overflow:hidden}.serviceCard:not(.b) .serviceTile{border-color:color-mix(in srgb,var(--player-a) 60%,transparent)}.serviceCard.b .serviceTile{border-color:color-mix(in srgb,var(--player-b) 60%,transparent)}.serviceTile.disabled{cursor:not-allowed;background:linear-gradient(180deg,#0a0f15,#070b10)}.serviceTile.switch{cursor:pointer;background:#0e1825;border-color:#44597350}.serviceTile.switch .actionCircle{background:#ffffff0d;border-color:#ffffff6b;color:#fff}.serviceTile.switch .tileTimer{font-size:15px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#fff9}.serviceTile.disabled .sideLetter,.serviceTile.disabled .actionCircle,.serviceTile.disabled .tileTimer{opacity:.38}.serviceCard .serviceTile.running,.serviceCard .serviceTile.armed{background:color-mix(in srgb,var(--good) 30%,transparent);border-color:var(--good);box-shadow:0 0 0 2px #19d36f33,0 0 26px #19d36f38}.serviceCard .serviceTile.ready{background:color-mix(in srgb,var(--player-a) 25%,rgba(255,255,255,.02));border-color:color-mix(in srgb,var(--player-a) 75%,transparent)}.serviceCard.b .serviceTile.ready{background:color-mix(in srgb,var(--player-b) 25%,rgba(255,255,255,.02));border-color:color-mix(in srgb,var(--player-b) 75%,transparent)}.serviceCard.active .serviceTile.ready{background:color-mix(in srgb,var(--good) 25%,rgba(255,255,255,.02));border-color:var(--good);box-shadow:0 0 0 2px #19d36f29}.sideLetter{position:absolute;top:22px;font-size:46px;font-weight:950;line-height:1}.sideLetter.left{left:24px}.sideLetter.right{right:24px}.serviceCard:not(.b) .sideLetter{color:var(--player-a)}.serviceCard.b .sideLetter{color:var(--player-b)}.serviceTile.running .sideLetter,.serviceTile.armed .sideLetter{color:var(--good)}.actionCircle{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:90px;height:90px;border-radius:50%;border:5px solid rgba(255,255,255,.5);display:grid;place-items:center;background:#ffffff09;color:#ffffff8c;font-size:44px}.serviceTile.running .actionCircle,.serviceTile.armed .actionCircle{background:linear-gradient(180deg,#25e883,#08b653);color:#fff;border-color:#fff}.tileTimer{position:absolute;left:0;right:0;bottom:22px;text-align:center;font-size:32px;font-weight:950;color:#ffffff57}.serviceTile.running .tileTimer{color:var(--good)}.statusStrip{max-width:1020px;min-height:56px;margin:20px auto 0;border:1px solid var(--line);background:#02060cb8;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 22px;color:#d6dee9;font-size:21px;font-weight:900;text-align:center}.statusStrip .em{color:var(--good)}.statusStrip .hl{color:var(--accent)}.pointRow{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:18px}.pointPad{height:150px;border-radius:22px;border:2px solid var(--player-a);background:radial-gradient(circle at center,color-mix(in srgb,var(--player-a) 18%,transparent),#04101ebd);display:grid;place-items:center;cursor:pointer}.pointPad.b{border-color:var(--player-b);background:radial-gradient(circle at center,color-mix(in srgb,var(--player-b) 18%,transparent),#220d03bd)}.pointPad.disabled{opacity:.4;cursor:not-allowed}.pointPad .num{font-size:100px;font-weight:950;line-height:.8;color:#fff}.playCol{display:grid;gap:12px}.decisionRow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;background:#ffffff06;border:1px solid var(--line);border-radius:16px;padding:6px}.decisionBtn{min-height:58px;border-radius:12px;background:color-mix(in srgb,var(--good) 20%,transparent);border:1px solid color-mix(in srgb,var(--good) 40%,transparent);color:#eafff4;font-size:17px;font-weight:950;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.decisionBtn:active{background:var(--good);border-color:var(--good);color:#fff}.decisionBtn .sub{font-size:11px;font-weight:800;color:#ffffffc7;letter-spacing:.02em}.decisionBtn:disabled{background:transparent;border-color:transparent;color:var(--muted);cursor:not-allowed}.decisionBtn:disabled .sub{color:var(--muted);opacity:.7}.decisionBtn.used{background:var(--good);border-color:var(--good);color:#fff}.decisionBtn.used .sub{color:#ffffffd9;opacity:1}.controls{display:grid;grid-template-columns:240px 1fr 240px;gap:22px;margin:20px auto 0;max-width:920px}.control{min-height:70px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,var(--panel-2),var(--panel));color:#cbd5e1;font-size:18px;font-weight:950;cursor:pointer}.control:disabled{opacity:.4;cursor:not-allowed}.control.undo{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.control.danger{color:var(--danger)}.timerResetRow{display:grid;grid-template-columns:minmax(280px,360px) minmax(160px,220px);gap:16px;justify-content:center;align-items:center;margin:16px auto 0}.footerRow{display:grid;grid-template-columns:minmax(160px,220px) minmax(260px,340px) minmax(140px,200px);gap:16px;justify-content:center;align-items:center;margin:16px auto 0}.footerBtn{height:46px;border:1px solid var(--line);border-radius:15px;background:var(--bg);color:#cbd5e1;font-weight:950;font-size:17px;cursor:pointer}.clockBox{height:46px;border:1px solid var(--line);border-radius:15px;background:var(--bg);display:flex;align-items:center;justify-content:center;gap:14px;color:#b7c0cb;font-weight:900}.clockBox b{font-size:26px;color:#fff}.resetInline{height:46px;border:1px solid var(--line);border-radius:15px;background:var(--bg);color:var(--danger);font-weight:950;font-size:17px;cursor:pointer}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:18}.drawer{position:fixed;top:22px;bottom:22px;width:390px;z-index:20;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:20px;overflow:auto}.leftDrawer{left:22px}.rightDrawer{right:22px}.drawerTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.drawer h2{margin:0;font-size:22px}.closeBtn{position:absolute;top:12px;right:14px;z-index:5;width:34px;height:34px;border:0;background:transparent;color:#cbd5e1;font-size:28px;line-height:1;cursor:pointer;display:grid;place-items:center}.ruleCard label{display:block;color:var(--muted);font-size:12px;font-weight:900;margin-bottom:7px}.ruleCard select{width:100%;height:44px;border:1px solid var(--line);border-radius:11px;background:var(--panel-2);font-weight:900;color:var(--ink);padding:0 10px}.infoCard,.matchItem{border:1px solid var(--line);border-radius:14px;padding:9px 13px;background:var(--panel);margin:10px 0}.infoCard{font-weight:900;display:flex;justify-content:space-between}.matchItem{display:flex;flex-direction:column;gap:3px;background:#18222f}.miRow{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:22px}.miName{font-weight:950;font-size:15px;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.miChip{flex:none;min-width:22px;height:21px;padding:0 6px;border-radius:7px;display:grid;place-items:center;font-size:14px;font-weight:950;background:var(--bg);border:1px solid var(--line);color:#cbd5e1}.miChip.win{background:color-mix(in srgb,var(--good) 22%,transparent);border-color:var(--good);color:#eafff3}.matchItem.active,.matchItem.live{border-color:var(--good)}.matchItem.todo{border-color:#4a5d7a}.matchItem.done{background:transparent;border-color:color-mix(in srgb,var(--line) 45%,transparent);margin:6px 0}.matchItem.done .miName{opacity:.5}.matchItem.done .miChip{background:transparent;color:#aeb8c4}.matchItem.done .miChip.win{background:color-mix(in srgb,var(--good) 14%,transparent);border-color:color-mix(in srgb,var(--good) 55%,transparent);color:#cfeede}.accordion{border:1px solid var(--line);border-radius:15px;background:var(--panel);overflow:hidden;margin-bottom:14px}.accHead{width:100%;display:flex;align-items:center;gap:10px;padding:13px 14px;background:transparent;border:0;cursor:pointer;color:var(--ink);text-align:left}.accTitle{font-size:16px;font-weight:950;white-space:nowrap}.accSummary{flex:1;color:var(--muted);font-weight:850;font-size:12px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accChevron{font-size:18px;font-weight:900;color:var(--muted);transition:transform .15s}.accChevron.open{transform:rotate(180deg)}.accBody{padding:0 14px 14px}.accNote{margin:0 0 10px;color:var(--muted);font-size:12px;font-weight:800}.schedHead{display:flex;align-items:center;gap:10px;margin-top:2px;position:relative}.schedHead h2{font-size:18px}.rulesPicker{position:relative}.counterInline{margin-left:auto}.groupChip{display:flex;align-items:center;gap:5px;padding:6px 11px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--ink);font-size:15px;cursor:pointer}.caret{font-size:12px;color:var(--muted)}.groupPicker{position:relative}.hamburger{display:grid;place-items:center;width:44px;height:40px;white-space:nowrap;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);color:var(--ink);font-size:18px;cursor:pointer}.groupMenu{position:absolute;right:0;top:46px;z-index:30;min-width:160px;display:flex;flex-direction:column;gap:4px;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);box-shadow:var(--shadow)}.groupMenu button{height:40px;border:1px solid transparent;border-radius:9px;background:transparent;color:#cbd5e1;font-size:14px;cursor:pointer;text-align:left;padding:0 12px}.groupMenu button.active{border-color:var(--good);color:var(--good);background:color-mix(in srgb,var(--good) 12%,transparent)}.popover{position:absolute;z-index:30;background:var(--panel-2);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:14px}.rulesMenu{left:0;top:48px;width:320px;max-width:84vw}.popTitle{font-size:16px;color:var(--ink);margin-bottom:6px}.popSummary{margin-top:12px;padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);text-align:center;font-size:14px}.searchBox{display:flex;align-items:center;gap:8px;margin:14px 0 6px;height:46px;padding:0 8px 0 12px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.searchIcon{display:grid;place-items:center;color:var(--muted)}.searchInput{flex:1;min-width:0;height:100%;border:0;background:transparent;color:var(--ink);font-size:15px;outline:none}.searchInput::placeholder{color:var(--muted)}.micBtn{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);color:#cbd5e1;cursor:pointer;display:grid;place-items:center}.micBtn.on{border-color:var(--good);color:var(--good);background:color-mix(in srgb,var(--good) 14%,transparent)}.emptyHint{color:var(--muted);font-size:14px;padding:14px 4px}.schedCounter{margin:12px 0 6px;padding:9px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.scNums{display:flex;align-items:baseline;gap:7px}.scNum{font-size:22px;color:var(--good)}.scTotal{color:#cbd5e1}.scNums em{font-style:normal;font-size:13px;color:var(--muted)}.ruleGroup{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.ruleGroup button{flex:1 1 auto;min-width:88px;height:40px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:#cbd5e1;font-weight:900;font-size:13px;cursor:pointer;padding:0 8px}.ruleGroup button.active{border-color:var(--good);color:var(--good);background:color-mix(in srgb,var(--good) 12%,transparent)}.ruleSummaryBig{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);font-weight:950;text-align:center;font-size:15px}.logHead,.logRow{display:grid;grid-template-columns:36px 1fr 1fr}.logHead{background:var(--panel-2);border:1px solid var(--line);border-radius:12px 12px 0 0;color:#dce3ec;font-weight:950}.logHead div,.logRow div{padding:9px 10px}.logRow{border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:38px}.idx{color:#6f7d8c;text-align:center;border-right:1px solid var(--line)}.cellA{border-right:1px solid var(--line)}.ptA{color:var(--player-a);font-size:19px;font-weight:950}.ptB{color:var(--player-b);font-size:19px;font-weight:950}.ptime{color:#c4ccd8;margin-left:8px}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:24px}.modalCard{width:min(560px,92vw);background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:30px;text-align:center}.modalCard h2{font-size:31px;margin:0 0 10px;letter-spacing:-.03em}.modalCard p{color:#a9b5c4;font-weight:850;line-height:1.55;margin:0 0 18px}.modalResult{display:flex;justify-content:center;gap:18px;align-items:center;margin:14px 0;font-size:42px;font-weight:950}.modalResult .a{color:var(--player-a)}.modalResult .b{color:var(--player-b)}.breakTimer{font-size:84px;font-weight:950;letter-spacing:-.06em;color:var(--good);margin:8px 0 16px}.modalActions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.modalBtn{min-height:60px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,var(--panel-2),var(--panel));color:#cbd5e1;font-size:17px;font-weight:950;cursor:pointer}.modalBtn.primary{background:linear-gradient(180deg,#25e883,#08b653);border-color:var(--good);color:#fff}.modalBtn.save{background:var(--player-a);border-color:var(--player-a);color:#fff}@media (max-width: 900px){.app{padding:16px}.header,.serviceRow,.pointRow,.controls{grid-template-columns:1fr}.playerTitle,.rightPlayer,.setHistory,.rightHistory{justify-content:center}.name,.name.right{text-align:center;font-size:38px}.timerResetRow,.footerRow{grid-template-columns:1fr}.drawer{top:0;bottom:0;width:100vw;border-radius:0;left:0;right:0}}.letRow .letLabel{grid-column:2 / 4;padding:9px 10px;color:var(--muted);font-weight:900;font-style:italic}.playerView{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#04060a;display:grid;place-items:center;cursor:pointer}.pvRotate{width:100%;height:100%;display:flex;flex-direction:column;gap:8px;padding:12px;box-sizing:border-box}.pvRotate.flipped{transform:rotate(180deg)}.pvBanner{text-align:center;font-size:clamp(18px,3vh,26px);font-weight:800;letter-spacing:.04em;color:#fffc}.pvRow{flex:1;display:flex;gap:14px;min-height:0}.pvCard{flex:1;border-radius:22px;border:5px solid;box-sizing:border-box;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.pvScore{font-size:clamp(163px,70vh,700px);font-weight:950;line-height:.78;color:#fff;text-shadow:0 3px 22px rgba(0,0,0,.5)}.pvCard.pv-score{background:#1a2a5e;border-color:#3a52a0}.pvCard.pv-serve{background:#d98a0c;border-color:#fff3da}.pvCard.pv-free{background:#14a956;border-color:#ddfff0}.leftDrawer,.leftDrawer h2,.leftDrawer p,.leftDrawer span,.leftDrawer em,.leftDrawer b,.leftDrawer label,.leftDrawer small,.leftDrawer button,.leftDrawer input,.leftDrawer div,.leftDrawer .miName,.leftDrawer .miChip,.leftDrawer .scNum,.leftDrawer .groupChip{font-weight:400}.loginScreen{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 30%,#0b1320,#04060a 70%)}.loginCard{width:100%;max-width:420px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:24px}.loginBrand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.loginLogo{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--bg);border:1px solid var(--line);font-weight:950;color:#fff}.loginTitle{font-size:20px;font-weight:950;color:var(--ink)}.loginSub{font-size:13px;color:var(--muted);font-weight:800}.loginLabel{display:block;color:var(--muted);font-size:12px;font-weight:900;margin:12px 0 6px}.loginInput{width:100%;height:48px;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font-size:17px;font-weight:800;padding:0 14px;outline:none}.loginInput:focus{border-color:var(--good)}.loginInput.code{letter-spacing:.32em;text-transform:uppercase;font-family:ui-monospace,monospace}.loginAdv{margin-top:12px}.loginAdv summary{color:var(--muted);font-size:12px;font-weight:900;cursor:pointer}.loginAdv .loginInput{margin-top:8px;height:42px;font-size:14px}.loginError{margin-top:12px;padding:10px 12px;border-radius:10px;font-weight:800;font-size:14px;color:#ffd7d7;background:color-mix(in srgb,var(--danger, #ff5a5a) 16%,transparent);border:1px solid color-mix(in srgb,var(--danger, #ff5a5a) 45%,transparent)}.loginBtn{width:100%;height:50px;margin-top:18px;border:0;border-radius:13px;cursor:pointer;background:var(--good);color:#04130b;font-size:17px;font-weight:950}.loginBtn:disabled{opacity:.6;cursor:default}.loginOffline{width:100%;margin-top:12px;padding:11px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--muted);font-size:13px;font-weight:800;cursor:pointer}.loginNotice{margin-top:12px;padding:10px 12px;border-radius:10px;font-weight:800;font-size:13px;color:#ffe6b8;background:color-mix(in srgb,#d98a0c 16%,transparent);border:1px solid color-mix(in srgb,#d98a0c 45%,transparent)}.brandLogo{display:block}.loginScan{width:100%;height:48px;margin-top:16px;border:1px solid var(--good);border-radius:13px;background:color-mix(in srgb,var(--good) 14%,transparent);color:#eafff3;font-size:16px;font-weight:950;cursor:pointer}.app{height:100vh;min-height:0;padding:8px 18px;display:flex;flex-direction:column;gap:6px;overflow:hidden}.topbar{height:50px;margin-bottom:0;flex:none}.header{gap:20px;flex:none}.name{font-size:38px;gap:4px}.setCounter{width:78px;height:94px;font-size:46px}.rulesHeader{min-height:94px;padding:12px 16px}.rulesHeader small{margin-bottom:4px;font-size:12px}.rulesHeader b{font-size:16px;line-height:1.25}.setHistory{margin-top:8px;min-height:22px}.setPill{height:24px;font-size:13px}.ribbon{margin:0 auto;min-height:30px;font-size:15px;align-self:center;width:100%;flex:none}.serviceRow{margin-top:0;gap:18px;flex:1 1 auto;min-height:120px}.serviceCard{min-height:0;height:100%;padding:10px;border-width:2px;border-radius:18px}.serviceInner{gap:10px}.serviceTile{min-height:0;height:100%;border-radius:16px}.sideLetter{top:14px;font-size:34px}.sideLetter.left{left:16px}.sideLetter.right{right:16px}.actionCircle{width:60px;height:60px;font-size:30px;border-width:4px}.tileTimer{bottom:14px;font-size:24px}.controls{margin:0;align-self:center;width:100%;flex:none}.control{min-height:50px;font-size:16px}.pointRow{margin-top:0;gap:18px;flex:none}.pointPad{height:100px}.pointPad .num{font-size:62px}.playCol{gap:8px}.decisionBtn{min-height:46px;font-size:15px}.statusStrip{margin:0;align-self:center;width:100%;min-height:40px;font-size:16px;padding:6px 18px;flex:none}.footerRow{margin:0;flex:none}.footerBtn,.clockBox,.resetInline{height:42px;font-size:16px}.clockBox b{font-size:22px}.buildTag{font-size:12px;font-weight:800;color:var(--muted);opacity:.75;padding:4px 9px;border:1px solid var(--line);border-radius:8px;background:var(--bg);font-family:ui-monospace,monospace;letter-spacing:.02em}.serviceTile{display:flex;align-items:center;justify-content:center;gap:14px}.serviceTile .actionCircle{position:static;left:auto;top:auto;transform:none;margin:0}.serviceTile .tileTimer{position:static;left:auto;right:auto;bottom:auto;width:auto;text-align:left}.serviceTile.tileL{flex-direction:row}.serviceTile.tileR{flex-direction:row-reverse}.meta.modeChip{cursor:pointer;border-color:color-mix(in srgb,var(--good) 45%,var(--line));color:#eafff3;background:color-mix(in srgb,var(--good) 15%,var(--panel-2))}.menuWrap{position:relative}.rightMenu{position:absolute;right:0;top:46px;z-index:40;min-width:240px;padding:8px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px}.rmItem{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;background:var(--bg);border:1px solid var(--line);color:var(--ink);font-weight:850;font-size:15px;cursor:pointer}.rmLabel{color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:4px 4px 0}.rmSeg{display:flex;gap:6px;padding:6px;background:var(--bg);border:1px solid var(--line);border-radius:12px}.rmSeg button{flex:1;padding:9px;border-radius:8px;border:0;cursor:pointer;font-weight:950;font-size:14px;background:transparent;color:var(--muted)}.rmSeg button.on{background:var(--good);color:#04130b}.statusStrip{min-height:34px;font-size:15px;padding:4px 16px}.pointPad{height:150px}.pointPad .num{font-size:84px}.decRow{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;flex:none}.decRow .decisionRow{margin:0}.decGroup.left{max-width:560px}.decGroup.right{max-width:560px;margin-left:auto}.undoCenter{align-self:center;min-width:150px;height:52px;border-radius:13px;cursor:pointer;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-weight:950;font-size:16px}.app.light .serviceTile .actionCircle,.app.light .serviceTile .tileTimer{display:none}.app.light .serviceTile{justify-content:center}.app.light .serviceTile .sideLetter{position:static;left:auto;right:auto;top:auto;font-size:46px}.app.light .decRow{display:none}.app.light .pointPad{height:240px}.app.light .pointPad .num{font-size:120px}.pauseIcn{width:30px;height:30px;fill:currentColor;display:block}.topbar{position:relative}.leagueCenter{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0}.decRow .decGroup{width:100%;max-width:420px}.decRow .decGroup.left{justify-self:start;margin:0}.decRow .decGroup.right{justify-self:end;margin:0}.decRow .undoCenter{min-width:280px;height:58px;font-size:18px}.logHead .logName{font-weight:400;font-size:13px;line-height:1.15;white-space:normal}.rightHistory{flex-direction:row-reverse;justify-content:flex-start}.gameTabs{display:flex;gap:6px;margin-left:auto;margin-right:10px}.gameTab{min-width:36px;height:34px;padding:0 10px;border-radius:9px;background:var(--bg);border:1px solid var(--line);color:var(--muted);font-weight:900;font-size:15px;cursor:pointer}.gameTab.active{background:var(--good);border-color:var(--good);color:#04130b}