:root{--ink:#f7fbf8;--muted:#9fb4ad;--bg:#071310;--surface:#0e211c;--surface-2:#142d26;--line:#ffffff17;--lime:#c8ff3d;--lime-dark:#91c900;--teal:#53e5bf;--danger:#ff6d73;--shadow:0 20px 60px #00000047}*{box-sizing:border-box}html{background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:radial-gradient(circle at 60% -10%, #194a3d 0, var(--bg) 38rem);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{width:100%;max-width:760px;min-height:100dvh;padding-bottom:calc(96px + env(safe-area-inset-bottom));margin:0 auto;position:relative}.topbar{padding:calc(22px + env(safe-area-inset-top)) 18px 18px;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.brand-line{color:var(--lime);letter-spacing:.18em;font-size:.7rem;font-weight:900}.brand-ball{text-shadow:0 0 18px var(--lime);margin-right:5px;font-size:.85rem}.topbar h1{letter-spacing:-.04em;margin:8px 0 4px;font-size:clamp(1.55rem,7vw,2.25rem);line-height:1}.status-line{color:var(--muted);align-items:center;gap:7px;margin:0;font-size:.82rem;display:flex}.live-dot,.soft-dot{background:var(--lime);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #c8ff3d1a}.soft-dot{box-shadow:none;background:#688078}.profile-button{color:var(--ink);background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;max-width:82px;padding:0;display:flex}.profile-button>span{color:#132307;background:linear-gradient(145deg, var(--lime), #84e849);border-radius:15px;place-items:center;width:45px;height:45px;font-size:1.15rem;font-weight:900;display:grid;box-shadow:0 9px 30px #aff52e2e}.profile-button small{white-space:nowrap;text-overflow:ellipsis;max-width:82px;color:var(--muted);font-size:.64rem;overflow:hidden}.content{padding:0 14px}.offline-banner{color:#ffe7ad;background:#4a3613;border-radius:12px;margin:0 14px 10px;padding:10px 12px;font-size:.8rem}.install-nudge{background:#c8ff3d12;border:1px solid #c8ff3d2e;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:10px;margin:0 14px 10px;padding:10px 39px 10px 12px;display:grid;position:relative}.install-nudge>div{gap:3px;display:grid}.install-nudge strong{font-size:.76rem}.install-nudge span{color:var(--muted);font-size:.64rem}.install-nudge button{color:#162307;background:var(--lime);border:0;border-radius:10px;min-height:34px;padding:6px 10px;font-size:.7rem;font-weight:800}.install-nudge button.install-close{width:28px;min-height:28px;color:var(--muted);background:0 0;padding:0;font-size:1rem;position:absolute;top:6px;right:6px}.update-banner{z-index:200;top:calc(12px + env(safe-area-inset-top));width:min(100% - 28px,732px);color:var(--ink);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e211cf7;border:1px solid #c8ff3d6b;border-radius:15px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:11px 12px;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 18px 55px #0000007a}.update-banner>div{gap:3px;display:grid}.update-banner strong{color:var(--lime);font-size:.78rem}.update-banner span{color:var(--muted);font-size:.64rem}.update-banner button{color:#162307;background:var(--lime);white-space:nowrap;border:0;border-radius:11px;min-height:40px;padding:8px 12px;font-size:.7rem;font-weight:850}.message{text-align:left;width:calc(100% - 28px);color:var(--ink);border:1px solid;border-radius:13px;margin:0 14px 10px;padding:11px 13px;display:block}.message.error{background:#ff6d7321;border-color:#ff6d7373}.message.success{background:#53e5bf1c;border-color:#53e5bf66}.card,.score-card{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(145deg,#142d26f7,#0b1c17f7);border-radius:20px}.card{padding:17px}.game-stack,.signup-stack,.stats-stack{gap:12px;display:grid}.court-hero{background:linear-gradient(145deg,#c8ff3d3b,#1a5542a6),repeating-linear-gradient(90deg,#0000 0 49%,#ffffff14 49% 51%,#0000 51% 100%);border:1px solid #c8ff3d33;border-radius:24px;justify-content:space-between;align-items:flex-end;min-height:145px;padding:22px;display:flex;position:relative;overflow:hidden}.court-hero:after{content:"";pointer-events:none;border:1px solid #ffffff1f;border-radius:12px;position:absolute;inset:15px}.court-hero h2{letter-spacing:-.06em;z-index:1;margin:5px 0 0;font-size:2.45rem;position:relative}.eyebrow{color:var(--lime);text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;font-weight:850}.court-chip{z-index:1;background:var(--lime);color:#172108;border-radius:999px;padding:8px 10px;font-size:.72rem;font-weight:850;position:relative}.partner-card{grid-template-columns:1fr auto;align-items:center;display:grid}.partner-card>span{color:var(--muted);font-size:.74rem}.partner-card strong{grid-row:span 2;font-size:1.15rem}.partner-card small{color:var(--muted);margin-top:3px}.pairing-prompt{gap:5px;display:grid}.pairing-prompt p{color:var(--muted);text-align:center;margin:0 4px;font-size:.67rem}.pairing-card{gap:13px;display:grid}.pairing-card h3{margin:5px 0 0;font-size:1rem}.pairing-card p{color:var(--muted);margin:4px 0 0;font-size:.72rem}.pairing-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.pairing-options button{border:1px solid var(--line);min-width:0;min-height:67px;color:var(--ink);background:var(--surface-2);text-align:left;border-radius:13px;align-content:center;gap:4px;padding:10px;display:grid}.pairing-options button.selected{border-color:var(--lime);background:#c8ff3d1a;box-shadow:inset 0 0 0 1px #c8ff3d1f}.pairing-options strong,.pairing-options small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pairing-options strong{font-size:.8rem}.pairing-options small{color:var(--muted);font-size:.6rem}.pairing-actions{grid-template-columns:auto 1fr;gap:8px;display:grid}.pairing-actions button{min-width:0}.score-card{overflow:hidden}.team-block{justify-content:space-between;align-items:center;gap:12px;padding:15px 17px;display:flex}.team-block>div{gap:3px;display:grid}.team-block span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.65rem}.team-block strong{font-size:.9rem}.team-block strong.me{color:var(--lime)}.team-block>b{color:var(--muted);font-size:2rem}.score-controls{border-block:1px solid var(--line);background:#00000038;grid-template-columns:58px 1fr 58px;align-items:center;gap:8px;padding:8px 12px;display:grid}.score-controls button{border:1px solid var(--line);background:var(--surface-2);height:54px;color:var(--ink);border-radius:17px;font-size:1.6rem}.score-controls button:disabled{opacity:.35}.score-controls div{justify-content:center;align-items:center;gap:13px;display:flex}.score-controls strong{letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:2.85rem}.score-controls span{color:var(--muted);font-size:1.5rem}.score-slider{width:calc(100% - 34px);accent-color:var(--lime);margin:14px 17px 4px}.tie-card strong{font-size:1rem}.tie-card p{color:var(--muted);margin:5px 0 12px;font-size:.78rem}.tie-card>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tie-card button{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:13px;padding:13px 8px}.tie-card button.selected{color:#162008;background:var(--lime);font-weight:850}.primary,.secondary,.danger,.text-button{border:0;border-radius:14px;min-height:48px;padding:11px 15px;font-weight:800}.primary{background:linear-gradient(135deg, var(--lime), #8ce64b);color:#162307;box-shadow:0 10px 25px #b4f5321f}.secondary{color:var(--ink);background:var(--surface-2);border:1px solid var(--line)}.danger{color:#23070b;background:var(--danger)}.text-button{color:var(--muted);background:0 0}.giant{width:100%;min-height:58px;font-size:.98rem}button:disabled{opacity:.45}.helper{color:var(--muted);font-size:.75rem;line-height:1.45}.centered{text-align:center}.empty-card{text-align:center;padding:38px 20px}.empty-card h2{margin:10px 0 7px}.empty-card p{max-width:360px;color:var(--muted);margin:0 auto;line-height:1.5}.empty-icon{color:var(--lime);font-size:2.4rem}.signup-summary h2{margin:8px 0 15px}.signup-summary p{color:var(--muted);margin:8px 0 0;font-size:.78rem}.capacity{background:#ffffff14;border-radius:99px;height:7px;overflow:hidden}.capacity i{border-radius:inherit;background:linear-gradient(90deg, var(--teal), var(--lime));height:100%;display:block}.my-status{background:#53e5bf17;border:1px solid #53e5bf40;border-radius:17px;gap:5px;padding:15px 17px;display:grid}.my-status.wait{background:#ffcc6014;border-color:#ffcc6040}.my-status span{color:var(--muted);font-size:.76rem;line-height:1.4}.section-title{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-title h3{margin:0}.section-title>span{color:var(--muted);font-size:.7rem}.roster-row,.standing-row{border-top:1px solid var(--line);align-items:center;gap:10px;min-height:53px;display:grid}.roster-row{grid-template-columns:28px 1fr auto}.roster-row>b{background:#ffffff0f;border-radius:8px;place-items:center;width:25px;height:25px;font-size:.72rem;display:grid}.roster-row small{color:var(--muted);font-size:.68rem}.courts-board{padding:14px}.courts-board-head{justify-content:space-between;align-items:end;gap:10px;margin-bottom:10px;display:flex}.courts-board-head h3{margin:4px 0 0}.courts-board-head>small{color:var(--muted);white-space:nowrap;font-size:.65rem}.court-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.compact-court{border:1px solid var(--line);background:#ffffff06;border-radius:14px;min-width:0;overflow:hidden}.compact-court.mine{background:#c8ff3d12;border-color:#c8ff3d7a;box-shadow:inset 0 0 0 1px #c8ff3d14}.compact-court>header{border-bottom:1px solid var(--line);background:#0000001f;justify-content:space-between;align-items:center;gap:8px;min-height:34px;padding:7px 9px;display:flex}.compact-court>header strong{font-size:.76rem}.compact-court>header span{min-height:16px;color:var(--lime);font-size:.62rem;font-weight:850}.compact-team{grid-template-columns:19px minmax(0,1fr);align-items:stretch;gap:4px;padding:7px 8px;display:grid}.compact-team+.compact-team{border-top:1px dashed #ffffff14}.compact-team>b{color:var(--muted);place-items:center;font-size:.58rem;display:grid}.compact-team>div{gap:3px;min-width:0;display:grid}.compact-team span{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;min-width:0;display:grid}.compact-team strong{white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.compact-team span.me strong{color:var(--lime)}.compact-team small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.55rem}.court-note{color:var(--muted);margin:10px 2px 0;font-size:.65rem;line-height:1.4}.courts-empty{border:1px dashed var(--line);text-align:center;border-radius:13px;gap:4px;padding:16px 12px;display:grid}.courts-empty span{color:var(--muted);font-size:.7rem}.live-courts-board .compact-court>header span:not(:empty){background:#c8ff3d1a;border-radius:99px;padding:2px 6px}.standing-row{grid-template-columns:28px 1fr auto}.standing-row>b{color:var(--lime)}.standing-row>div{gap:3px;display:grid}.standing-row>div:last-child{text-align:right}.standing-row small{color:var(--muted);font-size:.67rem}.podium-row{border-top:1px solid var(--line);grid-template-columns:36px 1fr auto;align-items:center;min-height:48px;display:grid}.podium-row>b{background:#ffffff12;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.podium-row.place-1>b{background:var(--lime);color:#152007}.podium-row>strong{font-variant-numeric:tabular-nums}.gender-podium-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.rank-rule{gap:6px;display:grid}.rank-rule>strong{font-size:1rem}.rank-rule>small{color:var(--muted);line-height:1.4}.history-section{gap:10px;min-width:0;display:grid}.history-head{justify-content:space-between;align-items:end;gap:12px;padding:10px 3px 0;display:flex}.history-head h2{margin:5px 0 0;font-size:1.3rem}.history-filter{min-height:38px;color:var(--lime);white-space:nowrap;background:#c8ff3d12;border:1px solid #c8ff3d40;border-radius:12px;padding:7px 11px;font-size:.72rem;font-weight:800}.history-list{gap:9px;min-width:0;display:grid}.history-event{padding:0;overflow:hidden}.history-event>summary{cursor:pointer;grid-template-columns:1fr auto 18px;align-items:center;gap:10px;min-height:70px;padding:13px 14px;list-style:none;display:grid}.history-event>summary::-webkit-details-marker{display:none}.history-event>summary>div{gap:4px;min-width:0;display:grid}.history-event>summary>div:nth-child(2){text-align:right}.history-event>summary strong,.history-event>summary b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.history-event>summary small{color:var(--muted);font-size:.66rem}.history-event>summary>span{color:var(--muted);transition:transform .2s}.history-event[open]>summary>span{transform:rotate(180deg)}.history-details{border-top:1px solid var(--line);gap:12px;padding:0 13px 14px;display:grid}.source-warning{color:#ffe0a0;background:#ffbe4617;border-radius:10px;margin-top:12px;padding:9px 11px;font-size:.7rem;line-height:1.4}.history-podium-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.history-podium{background:#c8ff3d0d;border-radius:13px;gap:5px;padding:12px;display:grid}.history-podium>strong{color:var(--lime);letter-spacing:.1em;font-size:.66rem}.history-podium>span{grid-template-columns:24px 1fr auto;align-items:center;font-size:.76rem;display:grid}.history-podium small{color:var(--muted)}.history-results{min-width:0}.history-results .section-title>span{white-space:nowrap;text-overflow:ellipsis;max-width:50%;overflow:hidden}.history-result{border-top:1px solid var(--line);min-width:0;padding:10px 0}.history-result.highlight{background:#c8ff3d12;border:1px solid #c8ff3d40;border-radius:14px;margin-top:12px;padding:12px}.history-result-main{grid-template-columns:28px 1fr auto;align-items:center;gap:8px;display:grid}.history-result-main>b{color:var(--lime)}.history-result-main>span{gap:2px;min-width:0;display:grid}.history-result-main>span:last-child{text-align:right}.history-result-main small{color:var(--muted);font-size:.63rem}.score-history{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.score-history i{background:#ffffff0d;border-radius:9px;place-items:center;gap:1px;width:34px;min-height:36px;font-size:.75rem;font-style:normal;font-weight:800;display:grid}.score-history i small{color:var(--muted);font-size:.5rem;font-weight:500}.score-history i.win{color:var(--lime);background:#c8ff3d14}.score-history i.draw{color:#ffe29a;background:#ffd25a14}.score-history i.loss{color:#ff9da1;background:#ff6d7314}@media (max-width:520px){.gender-podium-grid,.history-podium-grid{grid-template-columns:1fr}}@media (max-width:340px){.court-grid{grid-template-columns:1fr}}.bottom-nav{z-index:40;width:min(100%,760px);height:calc(74px + env(safe-area-inset-bottom));padding:7px 10px env(safe-area-inset-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#071310e6;grid-template-columns:repeat(3,1fr);gap:4px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:var(--muted);background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.65rem;font-weight:700;display:flex}.bottom-nav button span{font-size:1.25rem;line-height:1}.bottom-nav button.active{color:var(--lime);background:#c8ff3d14}.admin-fab{z-index:41;right:max(14px,50vw - 366px);bottom:calc(82px + env(safe-area-inset-bottom));border:1px solid var(--line);width:38px;height:38px;color:var(--muted);box-shadow:var(--shadow);background:#0e211ce6;border-radius:14px;position:fixed}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-modal{width:min(100%,640px);max-height:calc(94dvh - env(safe-area-inset-top));padding:19px 16px calc(20px + env(safe-area-inset-bottom));border:1px solid var(--line);background:#0b1b17;border-bottom:0;border-radius:25px 25px 0 0;overflow:auto;box-shadow:0 -25px 70px #00000073}.modal-head{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.modal-head h2{letter-spacing:-.04em;margin:5px 0 0}.modal-head>button{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);background:var(--surface-2);border-radius:13px;font-size:1.5rem}.identity-modal>p{color:var(--muted);font-size:.78rem;line-height:1.45}.search,.admin-modal input,.admin-modal select{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:var(--surface);border-radius:13px;outline:none;padding:10px 13px}.search:focus,.admin-modal input:focus,.admin-modal select:focus{border-color:#c8ff3d8c;box-shadow:0 0 0 3px #c8ff3d14}.player-list{gap:7px;margin-top:12px;display:grid}.player-list button{text-align:left;border:1px solid var(--line);width:100%;min-height:57px;color:var(--ink);background:var(--surface);border-radius:15px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.player-list button>span{width:36px;height:36px;color:var(--lime);background:#c8ff3d14;border-radius:12px;place-items:center;font-weight:900;display:grid}.player-list button>div{gap:3px;display:grid}.player-list small{color:var(--muted)}.player-list button.selected{background:#c8ff3d14;border-color:#c8ff3d66}.admin-content,.admin-login{gap:12px;margin-top:16px;display:grid}.admin-content section{border:1px solid var(--line);background:#ffffff05;border-radius:17px;gap:10px;padding:15px;display:grid}.admin-content section h3{margin:0}.admin-modal label{color:var(--muted);gap:5px;font-size:.72rem;display:grid}.admin-modal label.check{grid-template-columns:22px 1fr;align-items:center}.admin-modal label.check input{height:20px;min-height:20px}.admin-status{color:var(--teal);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.admin-status.live{color:var(--lime)}.admin-pairing-list>div:first-child>strong{font-size:.8rem}.admin-pairing-list>div:first-child>p{margin:3px 0 0}.admin-current-pairing{color:var(--muted);font-size:.64rem;line-height:1.4}.admin-pairing-list{gap:9px;display:grid}.admin-pairing-court{border:1px solid var(--line);background:#0000001f;border-radius:13px;gap:7px;padding:11px;display:grid}.admin-pairing-court>strong{color:var(--lime);font-size:.74rem}.admin-pairing-option{border:1px solid var(--line);min-width:0;min-height:46px;color:var(--ink);background:var(--surface-2);text-align:left;border-radius:11px;gap:3px;padding:8px 10px;display:grid}.admin-pairing-option span{white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.generated-name{border:1px solid var(--line);background:#ffffff06;border-radius:13px;gap:5px;padding:11px 12px;display:grid}.generated-name span{color:var(--muted);font-size:.68rem}.pending-sync{background:#7c2d122e;border:1px solid #fb923c61;border-radius:14px;gap:10px;padding:12px;display:grid}.pending-sync+.pending-sync{margin-top:10px}.pending-sync div{gap:3px;display:grid}.pending-sync small{color:var(--muted);overflow-wrap:anywhere}.rank-settings{grid-template-columns:minmax(74px,.7fr) auto minmax(74px,.7fr);align-items:end;gap:8px;display:grid}.rank-settings>span{color:var(--muted);text-align:center;padding-bottom:15px;font-size:.68rem}.lineup-list{display:grid}.lineup-list>div{border-top:1px solid var(--line);grid-template-columns:27px 1fr 34px 34px 34px;align-items:center;gap:4px;min-height:43px;display:grid}.lineup-list>div.court-start{border-top:2px solid #c8ff3d40}.lineup-list button{border:1px solid var(--line);background:var(--surface-2);height:32px;color:var(--ink);border-radius:9px}.lineup-list button.wait-button{color:#ffe1a1}.admin-waitlist{border-top:1px solid var(--line);gap:6px;padding-top:8px;display:grid}.admin-waitlist>div{justify-content:space-between;align-items:center;gap:10px;min-height:39px;display:flex}.admin-waitlist button{border:1px solid var(--line);min-height:32px;color:var(--ink);background:var(--surface-2);border-radius:9px;font-size:.7rem}.skeleton{background:linear-gradient(90deg,#ffffff0d,#ffffff1c,#ffffff0d) 0 0/200%;border-radius:99px;width:60%;height:14px;animation:1.5s infinite pulse}.skeleton.wide{width:85%;height:28px}.skeleton.short{width:35%}.loading-card{gap:14px;display:grid}@keyframes pulse{to{background-position:-200% 0}}@media (min-width:700px){.content{padding-inline:22px}.topbar{padding-inline:26px}.modal-backdrop{align-items:center}.sheet-modal{border-bottom:1px solid var(--line);border-radius:25px;max-height:90dvh}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}