:root{--bg:#0b0f13;--court:#123d2c;--court-alt:#0f3225;--line:#ffffff59;--slot:#0d2a1f;--slot-border:#ffffff40;--text:#f2f7f4;--muted:#9fb3a8;--serve:#f5c542;--serve-text:#1a1400;--swap:#ef5350;--swap-text:#2a0b0b;--danger:#3a1d1d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;touch-action:manipulation;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{width:100%;height:100dvh}.app{flex-direction:column;height:100%;display:flex}.court{flex:1;min-height:0;display:flex;position:relative}.side{background:var(--court);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;justify-content:center;align-items:stretch;gap:.5rem;padding:.75rem;transition:background .12s;display:flex;position:relative}.side[data-team=B]{background:var(--court-alt)}.side.serving{box-shadow:inset 0 0 0 2px var(--serve);background:linear-gradient(#f5c54238,#f5c5420f)}.side.serving .side-label,.side.serving .score{color:var(--serve)}.side-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.8rem;position:absolute;top:.5rem;left:.75rem}.side.serving .side-label:after{content:" • giao";color:var(--serve)}.score{text-align:center;font-variant-numeric:tabular-nums;color:var(--text);pointer-events:none;font-size:clamp(3rem,18vw,7rem);font-weight:800;line-height:1}.slots{flex-direction:column;align-items:stretch;gap:.4rem;display:flex}.slot{border:1.5px dashed var(--slot-border);background:var(--slot);text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:.6rem;justify-content:center;align-items:center;min-height:3.25rem;padding:.5rem;font-size:clamp(.95rem,4.2vw,1.35rem);font-weight:600;display:flex;overflow:hidden}.slot.server{border-style:solid;border-color:var(--serve);background:var(--serve);color:var(--serve-text);box-shadow:0 0 0 3px #f5c54240}.slot.server:before{content:"●";vertical-align:middle;color:var(--serve-text);margin-right:.4rem;font-size:.6em}.slot-input{width:100%;color:inherit;font:inherit;text-align:center;background:0 0;border:none;outline:none;padding:0}.swap{border:1.5px solid var(--slot-border);min-width:4.5rem;min-height:2.25rem;color:var(--text);cursor:pointer;background:#00000059;border-radius:999px;align-self:center;padding:0 .9rem;font-size:.95rem;font-weight:600}.swap:active{transform:scale(.96)}.net{background:repeating-linear-gradient(#ffffffb3 0 6px,#ffffff40 6px 12px);flex:0 0 14px;justify-content:center;align-items:center;display:flex;position:relative}.side-change{z-index:5;border:2px solid var(--swap);width:5.5rem;min-height:2.75rem;color:var(--swap);cursor:pointer;background:#1c0d0d;border-radius:.75rem;padding:.3rem .5rem;font-size:.85rem;font-weight:700;line-height:1.1;position:absolute;box-shadow:0 4px 16px #00000080}.side-change:active{transform:scale(.95)}.toolbar{padding:.6rem .75rem;padding-bottom:calc(.6rem + env(safe-area-inset-bottom));background:#080b0e;border-top:1px solid #ffffff14;flex:none;gap:.5rem;display:flex}.toolbar button{min-height:3rem;color:var(--text);cursor:pointer;background:#182029;border:1.5px solid #ffffff2e;border-radius:.7rem;flex:1;font-size:1rem;font-weight:700}.toolbar button:disabled{opacity:.35;cursor:default}.toolbar button:not(:disabled):active{transform:scale(.98)}.hint{text-align:center;color:var(--muted);flex:100%;order:-1;justify-content:center;align-items:center;padding-bottom:.15rem;font-size:.85rem;display:flex}.toolbar{flex-wrap:wrap}.end-game:not(:disabled){color:var(--serve);border-color:#f5c5428c}.history{z-index:10;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.history-card{background:#101720;border:1px solid #ffffff24;border-radius:1rem;flex-direction:column;gap:.75rem;width:100%;max-width:34rem;max-height:80dvh;padding:1rem;display:flex;box-shadow:0 12px 48px #0009}.history-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.history-head h2{margin:0;font-size:1.1rem}.history-close,.record-delete,.history-clear{min-height:2.25rem;color:var(--text);cursor:pointer;background:#182029;border:1.5px solid #fff3;border-radius:.6rem;padding:0 .8rem;font-size:.9rem;font-weight:600}.history-clear{color:#ef9a9a;border-color:#dc6e6e80}.history-empty{text-align:center;color:var(--muted);margin:0;padding:1.5rem 0}.record-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.record{background:#0c1218;border:1px solid #ffffff14;border-radius:.7rem;flex-direction:column;gap:.35rem;padding:.7rem .8rem;display:flex}.record-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.record-score{font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:800}.record-winner{color:var(--serve);font-size:.9rem;font-weight:700}.record-teams{color:var(--muted);flex-direction:column;gap:.1rem;font-size:.85rem;display:flex}.record-foot{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.record-time{color:var(--muted);font-size:.78rem}@media (orientation:landscape){.score{font-size:clamp(2.25rem,10vh,4rem)}.slot{min-height:2.5rem}}