:root{--bg: #080e1a;--bg-2: #0e1728;--surface: #14203a;--surface-2: #1b2a49;--line: #24365c;--ink: #eaf1fb;--muted: #8ea4c6;--t1: #38bdf8;--t2: #fbbf24;--serve: #34d399;--danger: #f87171;--r: 16px;--pad: clamp(10px, 1.4vw, 20px);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{background:radial-gradient(120% 100% at 50% 0%,#12203a 0%,var(--bg) 60%);color:var(--ink);font:400 16px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;touch-action:manipulation}#app{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}h1,h2,h3{margin:0;letter-spacing:-.02em}.btn{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;padding:12px 18px;font:inherit;font-weight:600;cursor:pointer;transition:transform .08s ease,background .15s ease,border-color .15s ease;min-height:48px}.btn:active{transform:scale(.97)}.btn.primary{background:linear-gradient(180deg,#2f7ef8,#1f5fd0);border-color:#4b93ff;color:#fff}.btn.big{padding:18px 30px;font-size:19px;border-radius:14px;min-height:60px}.btn.ghost{background:transparent;color:var(--muted)}.btn.ghost:hover{color:var(--ink)}.btn.danger{color:var(--danger);border-color:#4a2733}.btn.spent{opacity:.42}.btn.wide{width:100%}.seg{display:flex;gap:6px;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:5px}.seg button{flex:1;appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-weight:600;padding:11px 10px;border-radius:8px;cursor:pointer;min-height:44px}.seg button.on{background:var(--surface-2);color:var(--ink);box-shadow:0 1px #ffffff0f inset}.seg.sm button{padding:9px 8px;font-size:14px;min-height:40px}.setup{height:100%;overflow-y:auto;padding:clamp(16px,3vw,40px);max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:22px}.setup-head .logo{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:700;letter-spacing:-.03em}.setup-head .dot{width:15px;height:15px;border-radius:50%;background:var(--t2);box-shadow:0 0 0 4px #fbbf2429}.setup-head .sub{color:var(--muted);margin-top:4px}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:900px){.setup-grid{grid-template-columns:1fr}}.card{background:linear-gradient(180deg,#ffffff09,#fff0);border:1px solid var(--line);border-radius:var(--r);padding:20px;display:flex;flex-direction:column;gap:14px}.card h2{font-size:19px}.card h3{font-size:13px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-top:4px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted);font-weight:600}label i{font-style:normal;opacity:.6;font-weight:400}input{appearance:none;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:13px 14px;color:var(--ink);font:inherit;min-height:48px}input:focus{outline:2px solid #2f7ef8;outline-offset:1px}.row3{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:10px}.formats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fmt{text-align:left;appearance:none;border:1px solid var(--line);background:var(--bg-2);border-radius:12px;padding:12px 14px;color:var(--ink);font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:2px;min-height:60px}.fmt small{color:var(--muted);font-size:12px}.fmt.on{border-color:#4b93ff;background:#2f7ef824}.team-setup{border:1px solid var(--line);border-left:3px solid var(--t1);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}.team-setup.t2{border-left-color:var(--t2)}.team-tag{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700}.mini{font-size:13px;color:var(--muted);font-weight:600;display:flex;flex-direction:column;gap:6px}.mini b{color:var(--ink)}.setup-foot{display:flex;gap:12px;align-items:center;padding-bottom:20px}.court-view{height:100%;display:flex;flex-direction:column;gap:var(--pad);padding:var(--pad)}.court-view .stage{flex:1}.court-view .top,.court-view .banner,.court-view .actions{flex:0 0 auto}.top{display:flex;align-items:center;gap:14px;min-height:44px}.crumbs{display:flex;gap:12px;align-items:baseline;min-width:0;flex:1;overflow:hidden;white-space:nowrap}.crumbs b{font-size:17px;overflow:hidden;text-overflow:ellipsis}.crumbs span{color:var(--muted);font-size:14px}.chips{display:flex;gap:8px}.chip{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 13px;font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap}.chip.alt{color:var(--serve);border-color:#1d4b3c}.top-btns{display:flex;gap:8px}.top-btns .btn{padding:10px 16px;min-height:44px}.banner{border-radius:12px;padding:12px 18px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:14px;letter-spacing:.02em}.banner.switch{background:#34d39924;border:1px solid #1d4b3c;color:#7ff0c4}.banner.point{background:#fbbf2421;border:1px solid #5c4715;color:var(--t2);justify-content:center;letter-spacing:.14em;font-size:15px}.banner.point.mp{background:#f8717124;border-color:#5e2a2a;color:#ffb4b4}.stage{display:grid;grid-template-columns:minmax(160px,1fr) minmax(0,2.5fr) minmax(160px,1fr);gap:var(--pad);min-height:0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden}.panel:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--t1)}.panel.t2:before{background:var(--t2)}.panel.serving{border-color:var(--serve);box-shadow:0 0 0 1px #34d39959,0 10px 40px -20px #34d39999}.p-name{font-weight:700;font-size:17px;letter-spacing:-.01em}.p-players{color:var(--muted);font-size:13px;min-height:18px}.p-score{font-size:clamp(56px,8vw,104px);font-weight:800;line-height:.95;letter-spacing:-.05em;margin-top:8px}.panel.t1 .p-score{color:var(--t1)}.panel.t2 .p-score{color:var(--t2)}.p-games{color:var(--muted);font-size:12px;letter-spacing:.08em}.btn.to{width:100%;font-size:14px;padding:12px;margin-top:auto}.btn.to b{color:var(--muted);font-weight:700}.middle{display:grid;grid-template-rows:auto 1fr;gap:var(--pad);min-height:0}.call-wrap{text-align:center}.call{font-size:clamp(60px,11vw,132px);font-weight:800;line-height:1;letter-spacing:-.055em}.call-sub{color:var(--muted);font-size:clamp(13px,1.5vw,17px);margin-top:6px}.call-sub b{color:var(--serve);text-transform:uppercase;letter-spacing:.06em}.court{display:grid;grid-template-columns:1fr 34px 1fr;gap:0;background:#0d2b23;border:2px solid #2e5f4f;border-radius:14px;overflow:hidden;min-height:0}.court-side{display:grid;grid-template-rows:1fr 1fr;gap:2px;padding:6px;background:#10362c}.net{background:repeating-linear-gradient(180deg,#cbd5e1 0 6px,#64748b 6px 12px);display:grid;place-items:center;opacity:.75}.net span{writing-mode:vertical-rl;font-size:10px;letter-spacing:.3em;color:#0b1220;font-weight:800}.q{border:1.5px dashed rgba(255,255,255,.22);border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px;text-align:center;min-height:0}.q.empty{border-style:dotted;opacity:.3}.q-tag{font-size:10px;letter-spacing:.12em;color:#ffffff6b;font-weight:700}.q-name{font-size:clamp(15px,1.9vw,22px);font-weight:700;line-height:1.1}.q-role{font-size:10px;letter-spacing:.14em;font-weight:800;color:var(--bg);background:var(--muted);border-radius:999px;padding:2px 8px}.q.server{background:#34d3992e;border:2px solid var(--serve);box-shadow:0 0 30px -6px #34d3998c}.q.server .q-role{background:var(--serve)}.q.receiver{background:#ffffff0d;border-style:solid;border-color:#fff6}.actions{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--pad)}.rally{appearance:none;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;padding:14px 20px;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:clamp(86px,12vh,116px);justify-content:center;transition:transform .08s ease,filter .15s ease}.rally:active{transform:scale(.985);filter:brightness(1.15)}.rally .r-team{font-size:clamp(17px,2.2vw,26px);font-weight:800;letter-spacing:-.02em;text-align:center}.rally .r-what{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;opacity:.85}.rally.t1{border-color:#38bdf873;background:linear-gradient(180deg,#38bdf833,#38bdf812)}.rally.t2{border-color:#fbbf2473;background:linear-gradient(180deg,#fbbf2433,#fbbf2412)}.rally.point .r-what{color:var(--serve)}.rally.side-out .r-what,.rally.second-server .r-what{color:var(--muted)}.btn.undo{display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;min-width:clamp(120px,15vw,190px);background:transparent}.btn.undo small{font-weight:500;color:var(--muted);font-size:11px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.interlude{height:100%;display:grid;place-items:center;padding:var(--pad);overflow-y:auto}.card.wide{width:min(760px,100%);text-align:center;align-items:center;gap:16px;background:var(--surface)}.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700}.card.wide h1{font-size:clamp(26px,4vw,42px)}.winner-players{color:var(--muted);font-size:17px}.tally{display:flex;gap:10px}.tally span{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:8px 16px;font-weight:700;font-size:17px}.tally.big span{font-size:24px;padding:12px 22px}.notice{color:var(--serve);font-weight:700;letter-spacing:.04em}.card.wide .mini{width:100%;text-align:left}.btn-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.hist{width:100%;display:flex;flex-direction:column;gap:8px;max-height:55vh;overflow-y:auto}.hist-row{display:grid;grid-template-columns:1fr auto auto auto auto;gap:12px;align-items:center;text-align:left;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:14px}.hist-row small{display:block;color:var(--muted);font-size:12px}.hist-row .vs{color:var(--muted);margin:0 6px}.hist-score{color:var(--muted)}.hist-win{color:var(--serve);font-weight:700}.muted{color:var(--muted)}.menu-scrim{position:fixed;inset:0;background:#040810b8;backdrop-filter:blur(6px);display:grid;place-items:center;z-index:40;padding:var(--pad)}.menu{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px;width:min(700px,100%);display:flex;flex-direction:column;gap:12px;max-height:90dvh;overflow-y:auto}.menu h2{font-size:20px}.menu hr{border:0;border-top:1px solid var(--line);margin:4px 0;width:100%}.menu-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center}.menu-row.wrap{grid-template-columns:1fr}.menu-row.wrap .btn{width:100%}.menu-row>span{font-size:14px;font-weight:600}.menu-row i{font-style:normal;color:var(--muted);font-weight:400}#overlay{position:fixed;inset:0;display:none;z-index:60}#overlay.on{display:grid;place-items:center;background:#040810e6;backdrop-filter:blur(10px)}.timer{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.timer-label{font-size:15px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:700}.timer-clock{font-size:clamp(90px,20vw,200px);font-weight:800;line-height:1;letter-spacing:-.05em}.timer.warn .timer-clock{color:var(--t2)}.timer.done .timer-clock{color:var(--danger)}.timer-note{color:var(--muted)}.top.slim{padding:var(--pad);justify-content:space-between}.sheet-view{height:100%;display:grid;grid-template-rows:auto 1fr}.sheet-scroll{overflow:auto;padding:0 var(--pad) var(--pad);display:grid;justify-items:center}.sheet{background:#fff;color:#12233f;width:210mm;min-height:297mm;padding:12mm;font-family:Helvetica Neue,Arial,sans-serif;font-size:11px;display:flex;flex-direction:column;gap:5mm}.sheet-head{display:flex;justify-content:space-between;align-items:flex-start}.brand{display:flex;align-items:center;gap:6px;position:relative}.brand .star{color:#f5c518;font-size:30px;line-height:1}.brand .epf{font-size:30px;font-weight:900;font-style:italic;color:#12356b;letter-spacing:-.04em}.brand .ball{width:20px;height:20px;border-radius:50%;background:#f5c518;box-shadow:inset 0 0 0 2px #ffffff8c}.brand small{position:absolute;bottom:-9px;left:30px;font-size:6px;letter-spacing:.06em;color:#12356b;font-weight:700}.meta{display:flex;flex-direction:column;gap:2px;font-size:12px}.meta div{display:grid;grid-template-columns:62px 1fr;gap:6px}.meta span{text-align:right;color:#3b5378}.meta b{border-bottom:1px solid #12233f;min-width:120px;font-weight:600;padding:0 3px}.event-line,.team-line{display:grid;grid-template-columns:58px 1fr;gap:8px;align-items:end;font-size:12px}.event-line .lbl,.team-line .lbl{color:#3b5378}.event-line .names,.team-line .names{border-bottom:1px solid #12233f;font-weight:700;padding:0 4px 1px;min-height:16px}.mt-line{display:flex;gap:26px;padding-left:66px;margin-top:3px;font-size:9px;color:#3b5378}.mt-line .mt{display:flex;align-items:center;gap:4px}.mt-line i{width:11px;height:11px;border:1px solid #12233f;display:inline-block}.mt-line i.on{background:#12233f}.team-block{display:flex;flex-direction:column;gap:2px}.grid-wrap{display:flex;align-items:flex-start;gap:5px;margin-top:4px}.col{display:flex;flex-direction:column}.col .hdr{font-size:8px;color:#3b5378;height:10px;line-height:10px}.col-serve{width:32px}.col-boxes{flex:1;min-width:0}.serve-cell{height:17px;display:grid;place-items:center;font-weight:700;border-top:1px solid #12233f}.col-serve .serve-cell:last-child{border-bottom:1px solid #12233f}.boxes{display:grid;grid-template-columns:repeat(var(--n),1fr);border:1px solid #12233f;border-bottom:0}.col-boxes .boxes:last-child{border-bottom:1px solid #12233f}.bx{height:17px;border-right:1px dotted #7b8ca8;display:grid;place-items:center;font-size:10px;position:relative}.bx:last-child{border-right:0}.bx .n{position:relative;z-index:2}.bx .slash{position:absolute;inset:1px;z-index:1}.bx.sv1 .slash{background:linear-gradient(to top right,transparent 47.5%,#1c4f8f 47.5%,#1c4f8f 52.5%,transparent 52.5%)}.bx.sv2 .slash{background:linear-gradient(to bottom right,transparent 47.5%,#1c4f8f 47.5%,#1c4f8f 52.5%,transparent 52.5%)}.bx.circled{font-weight:800}.bx.circled:after{content:"";position:absolute;inset:-2px 0;border:1.6px solid #1c4f8f;border-radius:50%;z-index:3}.bx.void{color:#b9c4d4}.bx.void:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid #6b7c98}.box-grid{display:grid;grid-template-columns:repeat(var(--cols),26px);border:1px solid #12233f}.box-grid .cell{height:17px;border:.5px solid #12233f;display:grid;place-items:center;font-size:7px;font-weight:700}.tri-row{display:flex;align-items:center;gap:5px;padding-left:38px;font-size:10px;font-weight:700}.tri{color:#12233f}.results{display:flex;gap:14px;justify-content:center;margin:4mm 0}.res{border-bottom:1px solid #12233f;min-width:74px;text-align:center;font-size:15px;font-weight:700;padding-bottom:2px}.flip{transform:rotate(180deg)}.sheet-foot{margin-top:auto;display:flex;justify-content:space-between;font-size:10px;color:#3b5378;border-top:1px solid #c3cede;padding-top:3mm}@media print{@page{size:A4;margin:0}html,body{overflow:visible;background:#fff}.no-print,#overlay{display:none!important}.sheet-view,.sheet-scroll,#app{display:block;height:auto;overflow:visible;padding:0}.sheet{width:100%;min-height:auto;box-shadow:none}.sheet,.sheet *{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media(orientation:portrait)and (min-width:700px){.court-view:after{content:"Rotate to landscape for the full court view";position:fixed;bottom:12px;left:50%;transform:translate(-50%);background:var(--surface-2);border:1px solid var(--line);color:var(--muted);padding:8px 16px;border-radius:999px;font-size:13px;z-index:5}}