:root{--bg: #EFF5F5;--surface: #FFFFFF;--surface-2: #E3EDED;--ink: #071313;--muted: #4D6463;--line: #CFDFDE;--accent: #00837C;--accent-ink: #FFFFFF;--team-a: #00A39A;--team-b: #C98A2E;--hi: #00D9CC;--hi-soft: #D3F8F5;--hi-ink: #00625C;--board: #030606;--board-2: #0A2120;--board-ink: #F2FAFA;--board-dim: #83A3A1;--board-line: rgba(242, 250, 250, .08);--glow: rgba(0, 230, 218, .28);--danger: #B93A2E;--ok: #0E7F5A;--font-display: "Barlow Condensed", "Arial Narrow", "Roboto Condensed", system-ui, sans-serif;--font-body: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;--radius: 12px;--sb-bg: #000000;--sb-ink: #F2FAFA;--sb-dim: #7A9997;--sb-line: rgba(242, 250, 250, .2);--sb-soft: rgba(242, 250, 250, .07);--sb-a: #16E0D3;--sb-b: #EDB65C;--sb-on: #031010;--shadow: 0 1px 2px rgba(7, 19, 19, .06), 0 4px 14px rgba(7, 19, 19, .06)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #050909;--surface: #0D1515;--surface-2: #142020;--ink: #E5F2F1;--muted: #8DA8A6;--line: #1E3030;--accent: #16E0D3;--accent-ink: #021010;--team-a: #16E0D3;--team-b: #EDB65C;--hi: #16E0D3;--hi-soft: rgba(22, 224, 211, .12);--hi-ink: #6CF3EA;--board: #000000;--board-2: #061B1A;--board-ink: #F2FAFA;--board-dim: #7A9997;--board-line: rgba(242, 250, 250, .07);--glow: rgba(0, 230, 218, .22);--danger: #F07A6E;--ok: #5BD0A0;--shadow: none;color-scheme:dark}}:root[data-theme=dark]{--bg: #050909;--surface: #0D1515;--surface-2: #142020;--ink: #E5F2F1;--muted: #8DA8A6;--line: #1E3030;--accent: #16E0D3;--accent-ink: #021010;--team-a: #16E0D3;--team-b: #EDB65C;--hi: #16E0D3;--hi-soft: rgba(22, 224, 211, .12);--hi-ink: #6CF3EA;--board: #000000;--board-2: #061B1A;--board-ink: #F2FAFA;--board-dim: #7A9997;--board-line: rgba(242, 250, 250, .07);--glow: rgba(0, 230, 218, .22);--danger: #F07A6E;--ok: #5BD0A0;--shadow: none;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{min-height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--board)}button,input,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--hi);outline-offset:2px}.wrap{max-width:1080px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.court{position:absolute;pointer-events:none;border:2px solid var(--board-line)}.court:before{content:"";position:absolute;top:-12px;bottom:-12px;left:50%;border-left:3px dashed var(--board-line)}.court:after{content:"";position:absolute;top:0;right:22%;bottom:0;left:22%;border-left:2px solid var(--board-line);border-right:2px solid var(--board-line)}.login{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:radial-gradient(70% 45% at 50% 22%,var(--board-2),var(--board) 80%);color:var(--board-ink);overflow-y:auto;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}.login .court{top:8%;right:6%;bottom:8%;left:6%}.login-stack{position:relative;width:100%;max-width:380px;display:grid;justify-items:center}.login-logo{position:relative;z-index:1;width:176px;height:auto;margin-bottom:-40px;filter:drop-shadow(0 12px 32px var(--glow))}.login-card{position:relative;width:100%;display:grid;gap:14px;background:var(--surface);color:var(--ink);border-radius:16px;padding:54px 24px 24px;box-shadow:0 20px 60px #00000059}.login-card .eyebrow{color:var(--accent)}.login-card .eyebrow,.login-card h1,.login-card .lead{text-align:center}.login-card h1{font-family:var(--font-display);font-style:italic;font-size:44px;font-weight:800;line-height:.92;text-transform:uppercase;margin:0;overflow-wrap:anywhere}.login-card .lead{margin:0;color:var(--muted)}.login-card label{font-weight:600;font-size:14px}.pass-wrap{display:flex;border:1.5px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}.pass-wrap:focus-within{border-color:var(--accent)}.pass-wrap input{flex:1;min-width:0;border:0;padding:13px 14px;font-size:18px;background:transparent;outline:none;letter-spacing:.04em}.pass-wrap button{border:0;background:none;padding:0 14px;font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.err{margin:0;color:var(--danger);font-weight:600;font-size:14px}.login-meta{display:flex;justify-content:center;gap:18px;margin:4px 0 0;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.login-meta b{color:var(--ink);font-family:var(--font-display);font-size:18px;margin-right:3px}.shake{animation:shake .35s}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.board{position:relative;overflow:hidden;background:radial-gradient(55% 140% at 6% 0%,var(--board-2),transparent 75%),var(--board);color:var(--board-ink)}.brand-wrap{display:flex;align-items:center;gap:14px;min-width:0}.brand-logo{flex:none;width:72px;height:72px;filter:drop-shadow(0 4px 18px var(--glow))}.board .court{top:14px;bottom:-40px;right:-60px;width:420px;transform:skew(-12deg)}.board-in{position:relative;padding-block:18px 16px;display:grid;gap:16px}.board-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.brand{margin:0;display:grid;gap:6px;min-width:0}.brand .eyebrow{color:var(--hi)}.brand strong{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:42px;line-height:.9;text-transform:uppercase;overflow-wrap:anywhere}.who-box{flex:none;display:flex;align-items:center;gap:8px}.role-badge{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:99px;background:var(--sb-a);color:var(--sb-on)}.logout{flex:none;border:1px solid rgba(238,243,250,.22);background:#eef3fa0f;color:var(--board-ink);border-radius:8px;padding:7px 12px;font-size:13px;font-weight:600}.stats{display:grid;grid-template-columns:auto auto;justify-content:start;gap:10px}.stat{background:#eef3fa0f;border:1px solid rgba(238,243,250,.1);border-radius:10px;padding:10px 14px;display:grid;gap:2px;min-width:0}.stat b{font-family:var(--font-display);font-size:30px;font-weight:700;line-height:1;color:var(--hi);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat span{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--board-dim)}.progress{height:5px;background:#eef3fa1a}.progress i{display:block;height:100%;background:var(--hi);width:0;transition:width .4s ease}.tabs{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.tabs .wrap{display:flex;gap:6px}.tab{border:0;background:none;padding:15px 12px 12px;font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-bottom:3px solid transparent;white-space:nowrap}.tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent)}.bottomnav{display:none}main .wrap{padding-block:24px 64px}.view{display:grid;gap:22px}.view-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}.view-head>div{display:grid;gap:4px;min-width:0}h2{font-family:var(--font-display);font-style:italic;font-size:30px;font-weight:800;text-transform:uppercase;letter-spacing:.01em;line-height:1;margin:0;text-wrap:balance}.hint{color:var(--muted);margin:0;max-width:62ch}.round{display:grid;gap:12px}.round-label{display:flex;align-items:center;gap:10px}.round-label .eyebrow{color:var(--muted)}.round-label:after{content:"";flex:1;height:1px;background:var(--line)}.round.now .round-label .eyebrow{color:var(--ink)}.round-games{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.game{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.game.done{border-color:color-mix(in srgb,var(--hi) 50%,var(--line))}.round.now .game:not(.done){border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.game-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px}.game-no{display:flex;align-items:baseline;gap:8px}.game-no b{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:22px;letter-spacing:.02em;text-transform:uppercase}.game-no span{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.chip{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:99px;background:var(--surface-2);color:var(--muted);white-space:nowrap}.chip.live{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.chip.live:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:6px;vertical-align:1px;animation:pulse 1.4s infinite}.chip.done{background:var(--hi-soft);color:var(--hi-ink)}.chip.now{background:var(--ink);color:var(--bg)}@keyframes pulse{50%{opacity:.3}}.side{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--line)}.pair{min-width:0;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}.dot{width:10px;height:10px;border-radius:50%;background:var(--team-a);grid-row:span 2}.side.b .dot{background:var(--team-b)}.pair .names{font-weight:700;font-size:17px;line-height:1.2;overflow-wrap:anywhere}.pair .nums{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.side.win{background:var(--hi-soft)}.side.win .names:after{content:"Venceu";display:inline-block;margin-left:8px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--hi-ink);vertical-align:2px}.side.lose .names{color:var(--muted)}.score{display:flex;align-items:center;gap:8px}.step{width:42px;height:42px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);font-size:24px;font-weight:600;line-height:1;display:grid;place-items:center;color:var(--ink)}.step.plus{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.step:active{transform:scale(.93)}.pts{width:62px;height:50px;text-align:center;font-family:var(--font-display);font-size:34px;font-weight:700;border:0;border-radius:10px;background:var(--board);color:var(--hi);font-variant-numeric:tabular-nums;-moz-appearance:textfield;box-shadow:inset 0 -3px #00000040}.pts::placeholder{color:var(--board-dim);opacity:.6}.pts::-webkit-inner-spin-button,.pts::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pts:disabled{opacity:1;-webkit-text-fill-color:var(--hi)}.side.lose .pts{color:var(--board-dim);-webkit-text-fill-color:var(--board-dim)}.game-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;border-top:1px solid var(--line);background:var(--surface-2)}.game-foot .msg{font-size:13px;color:var(--muted);min-width:0}.btn{border:1px solid var(--line);background:var(--surface);padding:10px 15px;border-radius:10px;font-weight:700;font-size:14px}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.big{padding:14px 18px;font-size:16px;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase}.btn.ghost{background:transparent}.btn.danger{color:var(--danger)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-row{display:flex;flex-wrap:wrap;gap:8px}.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}.seg button{border:0;background:none;padding:9px 13px;font-size:14px;font-weight:700;color:var(--muted)}.seg button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;max-width:640px;width:100%;margin:0 auto}.pod{display:grid;justify-items:center;gap:6px;text-align:center;min-width:0}.avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:22px;background:var(--surface-2);color:var(--ink);border:2px solid var(--line)}.pod.p1 .avatar{width:66px;height:66px;font-size:26px;background:var(--hi);color:#021010;border-color:var(--hi);box-shadow:0 0 0 6px var(--hi-soft)}.pod .who{font-family:var(--font-display);font-style:italic;font-size:22px;font-weight:700;line-height:1.05;overflow-wrap:anywhere}.pod .line{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.pod .block{width:100%;border-radius:10px 10px 0 0;background:var(--surface-2);border:1px solid var(--line);border-bottom:0;display:grid;place-items:start center;padding-top:10px;font-family:var(--font-display);font-weight:800;font-size:30px;color:var(--muted)}.pod.p1 .block{height:116px;background:var(--board);border-color:var(--board);color:var(--hi)}.pod.p2 .block{height:84px}.pod.p3 .block{height:62px}.podium-base{grid-column:1 / -1;height:4px;border-radius:2px;background:var(--line);margin-top:-10px}.empty{background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);padding:22px;text-align:center;color:var(--muted)}.empty b{display:block;color:var(--ink);font-family:var(--font-display);font-size:22px;text-transform:uppercase;margin-bottom:4px}.table-box{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}th,td{padding:12px;text-align:right;white-space:nowrap}th{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700;border-bottom:1px solid var(--line);background:var(--surface-2)}th.key,td.key{color:var(--ink);font-weight:800}th.key{background:color-mix(in srgb,var(--accent) 14%,var(--surface-2))}td{border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}td.pos,th.pos{text-align:center;width:48px}td.pos{font-family:var(--font-display);font-weight:800;font-size:22px}td.name,th.name{text-align:left}td.name{font-weight:700;white-space:normal;min-width:120px}td.name small{color:var(--muted);font-weight:600;margin-right:6px}tr.top td.pos{color:var(--hi-ink)}tr.top{background:color-mix(in srgb,var(--hi-soft) 60%,transparent)}.tie{color:var(--muted);font-size:14px}.legend{font-size:13px;color:var(--muted);margin:0}.players{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.player{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:8px 12px 8px 8px;box-shadow:var(--shadow)}.player label{flex:none;width:40px;height:40px;border-radius:9px;display:grid;place-items:center;background:var(--board);color:var(--hi);font-family:var(--font-display);font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.player input{flex:1;min-width:0;border:0;background:transparent;font-size:17px;font-weight:700;padding:8px 6px;border-radius:7px}.player input:focus{background:var(--surface-2);outline:none}.settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:grid;gap:14px;box-shadow:var(--shadow)}.panel h3{margin:0;font-style:italic;font-family:var(--font-display);font-size:20px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}.field{display:grid;gap:6px}.field label{font-weight:600;font-size:14px}.field select{width:100%;padding:10px 12px;border:1.5px solid var(--line);border-radius:9px;background:var(--surface);font-size:16px}.roles{margin:0;padding:0;list-style:none;display:grid;gap:8px}.roles li{display:grid;grid-template-columns:84px 1fr;gap:10px;align-items:baseline;color:var(--muted);font-size:14px}.roles b{color:var(--ink);font-family:var(--font-display);font-style:italic;font-size:17px;text-transform:uppercase}.field input{width:100%;padding:10px 12px;border:1.5px solid var(--line);border-radius:9px;background:var(--surface);font-size:16px}.field input:focus{border-color:var(--accent);outline:none}.field.inline{grid-template-columns:auto 90px auto;align-items:center;justify-content:start;gap:10px}.note{margin:0;font-size:13px;color:var(--muted)}.note.ok{color:var(--ok);font-weight:600}.note.bad{color:var(--danger);font-weight:600}.formats{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.format{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:grid;gap:10px;align-content:start;box-shadow:var(--shadow)}.format.current{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.format h3{font-style:italic;font-family:var(--font-display);font-size:22px;font-weight:800;margin:0;text-transform:uppercase;letter-spacing:.01em}.format p,.format li{margin:0;color:var(--muted)}.format ul{margin:0;padding-left:18px;display:grid;gap:4px}.tag{justify-self:start;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:99px;background:var(--surface-2);color:var(--muted)}.tag.on{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}[data-act=open]{cursor:pointer}.sb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;background:var(--sb-bg);color:var(--sb-ink);display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);user-select:none;-webkit-user-select:none;touch-action:manipulation}.sb-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px}.sb-title{display:grid;gap:3px;min-width:0}.sb-title b{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:26px;text-transform:uppercase;line-height:1}.sb-title span{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sb-dim)}.sb-close{flex:none;width:46px;height:46px;border-radius:50%;border:1px solid var(--sb-line);background:var(--sb-soft);color:var(--sb-ink);font-size:20px;display:grid;place-items:center}.sb-court{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 8px;min-height:0}@media (orientation: portrait){.sb-court{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}.sb-side{position:relative;display:grid;min-height:0}.sb-half{border:0;border-radius:20px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;align-items:center;gap:4px;padding:16px 16px 14px;min-height:0;overflow:hidden;color:var(--sb-on);text-align:center;transition:filter .1s}.sb-side.a .sb-half{background:var(--sb-a)}.sb-side.b .sb-half{background:var(--sb-b)}.sb-half:active:not(:disabled){filter:brightness(.88)}.sb-half:disabled{cursor:default}.sb-side.lose .sb-half{filter:saturate(.25) brightness(.7)}.sb-names{font-weight:700;font-size:clamp(17px,4.4vmin,26px);line-height:1.15;overflow-wrap:anywhere;max-width:100%;padding:0 70px}.sb-num{font-family:var(--font-display);font-weight:800;font-size:clamp(96px,34vmin,340px);line-height:.82;font-variant-numeric:tabular-nums}.sb-num.bump{animation:bump .22s ease-out}@keyframes bump{0%{transform:scale(1.14)}to{transform:scale(1)}}.sb-tap{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.55;min-height:15px}.sb-minus{position:absolute;left:10px;bottom:10px;width:56px;height:46px;border-radius:12px;border:0;background:#03101029;color:var(--sb-on);font-weight:800;font-size:17px}.sb-flag{position:absolute;top:12px;right:12px;pointer-events:none;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--sb-on);color:var(--sb-ink);padding:5px 9px;border-radius:99px}.sb-foot{display:grid;gap:10px;padding:12px 14px 14px}.sb-msg{margin:0;text-align:center;font-weight:700;font-size:16px;min-height:22px}.sb-msg.alert{color:var(--sb-a)}.sb-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.sb-btn{border:1px solid var(--sb-line);background:var(--sb-soft);color:var(--sb-ink);border-radius:12px;padding:12px 18px;min-height:48px;font-weight:700;font-size:15px}.sb-btn.primary{background:var(--sb-a);border-color:var(--sb-a);color:var(--sb-on)}.sb-btn:disabled{opacity:.35;cursor:not-allowed}.sb-btn.ready{animation:ready 1.2s infinite}@keyframes ready{50%{box-shadow:0 0 0 7px #16e0d347}}@media (max-height: 520px){.sb-top{padding:6px 14px}.sb-title b{font-size:21px}.sb-tap{display:none}.sb-num{font-size:clamp(80px,30vmin,220px)}.sb-foot{grid-template-columns:1fr auto;align-items:center;padding:8px 14px 10px}.sb-msg{text-align:left}.sb-btn{min-height:42px;padding:9px 14px}}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#050a1499;display:grid;place-items:center;padding:16px}.sheet-box{background:var(--surface);border-radius:14px;padding:22px;max-width:380px;width:100%;display:grid;gap:16px;border:1px solid var(--line)}.sheet-box p{margin:0;font-size:16px}.toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:40;background:var(--ink);color:var(--bg);padding:11px 18px;border-radius:10px;font-weight:700;font-size:14px;white-space:nowrap}@media (max-width: 720px){.tabs{display:none}.bottomnav{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:15;background:var(--surface);border-top:1px solid var(--line);padding:6px max(8px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))}.bottomnav button{border:0;background:none;display:grid;justify-items:center;gap:3px;padding:6px 2px;border-radius:10px;font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.02em}.bottomnav svg{width:24px;height:24px}.bottomnav button[aria-selected=true]{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}main .wrap{padding-block:20px calc(96px + env(safe-area-inset-bottom,0px))}.toast{bottom:calc(86px + env(safe-area-inset-bottom,0px))}.brand strong{font-size:32px}.brand-logo{width:58px;height:58px}.login-logo{width:150px;margin-bottom:-34px}.board .court{width:300px;right:-90px}.stats{gap:8px}.stat{padding:8px 11px}.stat b{font-size:25px}.round-games{grid-template-columns:1fr}.game-top,.side,.game-foot{padding-left:14px;padding-right:14px}.pod .who{font-size:18px}.avatar{width:44px;height:44px;font-size:18px}.pod.p1 .avatar{width:54px;height:54px;font-size:22px}.pod.p1 .block{height:96px}.pod.p2 .block{height:70px}.pod.p3 .block{height:52px}}@media (max-width: 380px){.step{width:36px;height:36px}.pts{width:54px}}@media (prefers-reduced-motion: reduce){*,*:before{animation:none!important;transition:none!important}}.conn{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:99px;background:#f07a6e29;color:#ff9c91}.conn:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;animation:pulse 1.4s infinite}.loading{min-height:60vh;display:grid;place-items:center;color:var(--muted);font-weight:600}.fatal{min-height:100%;display:grid;place-items:center;padding:24px max(16px,env(safe-area-inset-right,0px)) 24px max(16px,env(safe-area-inset-left,0px));text-align:center}.fatal div{display:grid;gap:10px;max-width:420px}.fatal h1{font-family:var(--font-display);font-style:italic;font-size:34px;text-transform:uppercase;margin:0}.fatal p{margin:0;color:var(--muted)}.access-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}.access-list li{display:flex;justify-content:space-between;gap:10px;font-size:14px}.access-list b{font-weight:700}.access-list span{color:var(--muted)}.access-list .warn{color:var(--danger);font-weight:600}.dirty{font-size:13px;color:var(--accent);font-weight:600}