:root{
  --navy:#061c3f;--navy-2:#0a2f66;--blue:#0862c6;--blue-2:#3b91ee;
  --green:#0b9f62;--green-soft:#e8f8f1;--red:#d6403a;--ink:#111c31;
  --muted:#68778d;--line:#d7e2ef;--surface:#fff;--wash:#edf3f9;
  background:var(--wash)
}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{
  margin:0;min-height:100vh;color:var(--ink);
  background:
    radial-gradient(circle at 75% 4%,rgba(59,145,238,.14),transparent 28%),
    linear-gradient(145deg,var(--navy) 0 235px,var(--wash) 235px);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif
}
button,input{font:inherit}
button{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
button:active{transform:translateY(1px) scale(.995)}
button:focus-visible,input:focus-visible{outline:3px solid rgba(59,145,238,.35);outline-offset:2px}
.mkt-app{width:min(100%,660px);margin:0 auto;padding:0 16px 44px}
header{display:flex;align-items:center;gap:14px;height:112px;color:#fff}
header>a{color:#c9ddf5;font-size:12px;font-weight:700;text-decoration:none}
header div{margin-left:auto}
header small,header strong{display:block;text-align:right}
header small{color:#9fbee1;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
header strong{font-size:17px}
.mkt-dot{width:42px;height:42px;border:6px solid rgba(255,255,255,.55);border-radius:50%;background:#fff;box-shadow:inset -7px -7px 11px #adc4df,0 8px 24px rgba(0,0,0,.16)}
.mkt-card{border:1px solid rgba(255,255,255,.7);border-radius:24px;padding:28px;background:rgba(255,255,255,.97);box-shadow:0 24px 70px rgba(5,28,63,.19)}
.mkt-kicker{margin:0;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.mkt-card h1{margin:8px 0 10px;font-size:clamp(27px,6vw,36px);letter-spacing:-.035em}
.mkt-muted{color:var(--muted);font-size:13px;line-height:1.55}
.mkt-card form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:22px}
.mkt-card input{min-width:0;border:1px solid var(--line);border-radius:13px;padding:14px 15px;background:#fbfdff}
.mkt-card button{min-height:46px;border:0;border-radius:13px;padding:12px 16px;font-weight:850}
.mkt-card form button{color:#fff;background:linear-gradient(135deg,var(--blue),var(--navy-2));box-shadow:0 7px 18px rgba(8,98,198,.22)}
.mkt-error{min-height:18px;color:var(--red);font-size:12px}
.mkt-games{display:grid;gap:11px;margin-top:18px}
.mkt-game{display:grid;grid-template-columns:60px 1fr auto;gap:13px;align-items:center;border:1px solid var(--line)!important;border-radius:16px!important;padding:12px!important;color:var(--ink);background:#fff;text-align:left;box-shadow:0 5px 15px rgba(6,28,63,.05)}
.mkt-game:hover{border-color:#9fc5ed!important;box-shadow:0 8px 22px rgba(6,28,63,.1)}
.mkt-game>b{display:grid;place-items:center;height:50px;border-radius:12px;color:#fff;background:linear-gradient(145deg,var(--navy),var(--blue));font-size:17px}
.mkt-game span{display:block;font-weight:750}.mkt-game small{display:block;margin-top:4px;color:var(--muted);font-weight:500}.mkt-game em{color:var(--green);font-size:9px;font-style:normal;font-weight:900;text-transform:uppercase}
.mkt-finished-section{margin-top:27px;padding-top:21px;border-top:1px solid var(--line)}
.mkt-finished-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
.mkt-finished-heading h2{margin:0;font-size:18px;letter-spacing:-.02em}.mkt-finished-heading small{color:var(--muted);font-size:10px}
.mkt-finished{display:grid;gap:7px;overflow-x:auto;padding:1px 1px 6px;scrollbar-width:thin}
.mkt-finished-row{display:flex;align-items:center;gap:8px;min-width:max-content;border:1px solid var(--line);border-radius:11px;padding:9px 11px;background:#f8fbff;white-space:nowrap;font-size:11px}
.mkt-finished-row time{color:var(--blue);font-weight:900}.mkt-finished-row b{font-size:11px}.mkt-finished-row strong{color:var(--green)}.mkt-finished-row span{color:var(--muted)}
.mkt-finished-separator{color:#a6b2c1!important}.mkt-finished-empty{margin:0;color:var(--muted);font-size:12px}
.mkt-control{padding:0;overflow:hidden}
.mkt-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:16px 19px;color:#dceafa;background:linear-gradient(105deg,var(--navy),var(--blue));font-size:10px}
.mkt-meta button{min-height:auto;padding:6px;color:#fff;background:rgba(255,255,255,.08)}
.mkt-players{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:25px 20px 21px;text-align:center;background:linear-gradient(180deg,#fff,#f9fbfe)}
.mkt-players strong{font-size:clamp(18px,5vw,25px);line-height:1.08;letter-spacing:-.025em}.mkt-players span{border-radius:20px;padding:5px 8px;color:var(--muted);background:#edf2f7;font-size:9px;text-transform:uppercase}
[data-start-panel],[data-score-panel]{padding:0 22px 25px}
.mkt-setup-step{display:flex;gap:11px;align-items:center;margin:5px 0 11px;padding-top:13px;border-top:1px solid #edf1f6}
.mkt-setup-step>span{display:grid;flex:0 0 28px;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff;background:var(--blue);font-size:12px;font-weight:900}
.mkt-setup-step small,.mkt-setup-step strong{display:block}.mkt-setup-step small{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mkt-setup-step strong{margin-top:2px;font-size:15px}
.mkt-side-choice{display:grid;grid-template-columns:1fr auto 1fr;gap:9px;align-items:stretch;margin:0 0 18px}
.mkt-side-choice>div{display:grid;align-content:center;min-height:74px;border:1px solid var(--line);border-radius:14px;padding:10px;background:#f8fbff;text-align:center}
.mkt-side-choice small{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}.mkt-side-choice strong{margin-top:4px;font-size:13px;line-height:1.15}
.mkt-side-choice button{min-width:58px;color:var(--blue);background:#eaf4ff;font-size:21px}.mkt-side-choice button span{display:block;font-size:7px;text-transform:uppercase}
.mkt-server-choice{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mkt-server-choice button{border:1px solid #a9cbed;color:var(--blue);background:#edf6ff}.mkt-server-choice button:hover{color:#fff;background:var(--blue);box-shadow:0 7px 18px rgba(8,98,198,.2)}
.mkt-setline{display:flex;justify-content:space-between;align-items:center;margin:5px 0 11px;color:var(--blue);font-size:13px;font-weight:750}.mkt-setline strong{border-radius:20px;padding:6px 10px;background:#eaf3fe}
.mkt-scoreboard{display:grid;grid-template-columns:1fr 22px 1fr;align-items:stretch;margin:8px 0 0;text-align:center}
.mkt-scoreboard>div{position:relative;min-width:0;border:2px solid transparent;border-radius:19px;padding:11px 9px 10px;background:#f5f8fc;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}
.mkt-scoreboard>div.is-serving{border-color:var(--green);background:linear-gradient(180deg,var(--green-soft),#fff);box-shadow:0 0 0 5px rgba(11,159,98,.1),0 12px 28px rgba(11,159,98,.13);transform:translateY(-3px)}
.mkt-scoreboard>div>strong{display:block;margin:5px 0 3px;font-size:clamp(64px,17vw,88px);line-height:.95;letter-spacing:-.07em}
.mkt-scoreboard>b{display:grid;place-items:center;color:#8192a7;font-size:31px}
.mkt-scoreboard button{width:100%;margin-top:10px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--navy-2));box-shadow:0 6px 15px rgba(8,98,198,.2)}
.mkt-scoreboard>div.is-serving button{background:linear-gradient(135deg,var(--green),#087748);box-shadow:0 7px 17px rgba(11,159,98,.22)}
.mkt-serve{display:inline-flex;align-items:center;gap:4px;border-radius:20px;padding:5px 9px;color:#fff;background:var(--green);box-shadow:0 4px 10px rgba(11,159,98,.22);font-size:9px;font-weight:950;letter-spacing:.04em;text-transform:uppercase}
.mkt-score-names{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin:10px 0 13px;text-align:center;font-size:12px;font-weight:900}.mkt-score-names span{overflow-wrap:anywhere}
.mkt-sets{display:flex;gap:6px;min-height:30px;justify-content:center;flex-wrap:wrap}.mkt-sets span{border-radius:20px;padding:6px 10px;color:var(--muted);background:#edf2f7;font-size:10px;font-weight:700}
.mkt-voice{width:100%;margin-top:12px;color:#fff;background:linear-gradient(135deg,var(--green),#087748);box-shadow:0 8px 20px rgba(11,159,98,.2);font-size:16px}.mkt-voice.is-listening{background:linear-gradient(135deg,#e14b43,#bb2f2a);animation:mkt-pulse 1.3s infinite}
.mkt-status{display:grid;place-items:center;min-height:45px;margin:8px 0;color:var(--muted);font-size:11px;line-height:1.45;text-align:center}
.mkt-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mkt-actions button{border:1px solid var(--line);color:var(--blue);background:#fff;font-size:10px}.mkt-actions button:last-child{color:var(--red)}
button:disabled{cursor:not-allowed;opacity:.45}
.mkt-pin-help{margin-top:6px;color:var(--muted);font-size:11px}.mkt-pin-help summary{cursor:pointer;color:var(--blue);font-weight:800}.mkt-pin-help code{font-size:10px}
@keyframes mkt-pulse{50%{box-shadow:0 0 0 7px rgba(214,64,58,.14),0 8px 20px rgba(214,64,58,.2)}}
@media(max-width:460px){
  body{background:linear-gradient(155deg,var(--navy) 0 175px,var(--wash) 175px)}
  .mkt-app{padding:0 10px 28px}header{height:88px;padding:0 4px}.mkt-card{border-radius:20px;padding:19px}.mkt-control{padding:0}
  .mkt-meta{padding:13px 14px}.mkt-players{padding:19px 12px 17px}.mkt-players strong{font-size:18px}
  [data-start-panel],[data-score-panel]{padding:0 12px 18px}.mkt-side-choice{gap:6px}.mkt-side-choice strong{font-size:11px}.mkt-side-choice button{min-width:48px;padding:8px}
  .mkt-scoreboard{grid-template-columns:1fr 15px 1fr}.mkt-scoreboard>div{padding:9px 6px}.mkt-scoreboard>div>strong{font-size:61px}.mkt-scoreboard>b{font-size:24px}
  .mkt-scoreboard button{padding:10px 5px;font-size:13px}.mkt-score-names{gap:20px;font-size:11px}
  .mkt-game{grid-template-columns:50px 1fr}.mkt-game em{grid-column:2}
  .mkt-finished-section{margin-top:22px;padding-top:17px}.mkt-finished-row{font-size:10px}
}