.tg-game{--tg-ink:#420f14;--tg-paper:#dbd5c8;--tg-faint:#c7bfae;--tg-line:rgba(66,15,20,.19);color:var(--tg-ink);width:100%;font-family:Athiti,Arial,sans-serif}
.tg-game *{box-sizing:border-box}.tg-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:28px}.tg-eyebrow{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px}.tg-game .tg-heading h3{font-family:var(--serif,"ivypresto-headline","Cormorant Garamond",Georgia,serif);font-size:clamp(42px,5vw,76px);font-weight:400;line-height:1.03;letter-spacing:-.045em;margin:0}.tg-heading h3 em{font-weight:400}.tg-intro{font-size:17px;line-height:1.45;margin:15px 0 0}.tg-scoreboard{display:flex;gap:25px;flex-shrink:0;padding-bottom:4px}.tg-scoreboard>div{display:flex;flex-direction:column;gap:2px;text-align:center;min-width:70px}.tg-scoreboard .tg-record{padding-left:25px;border-left:1px solid var(--tg-line)}.tg-scoreboard span{font-size:11px;letter-spacing:.12em;line-height:1.4;text-transform:uppercase}.tg-scoreboard strong{font-family:var(--serif,"ivypresto-headline","Cormorant Garamond",Georgia,serif);font-size:48px;line-height:1;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.tg-record strong{opacity:.57}.tg-stage{position:relative;overflow:hidden;aspect-ratio:9/5;min-height:220px;background:#d3ccbe;border:1px solid var(--tg-line);isolation:isolate;outline-offset:6px}.tg-stage:focus-visible{outline:2px solid var(--tg-ink)}.tg-canvas{display:block;width:100%;height:100%;touch-action:pan-y}.tg-game[data-tg-state="running"] .tg-canvas{touch-action:none;cursor:ew-resize}.tg-overlay{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px;background:linear-gradient(180deg,rgba(219,213,200,.22),rgba(219,213,200,.81) 45%,rgba(219,213,200,.37));gap:15px}.tg-overlay[hidden]{display:none}.tg-overlay__eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600}.tg-overlay__title{font-family:var(--serif,"ivypresto-headline","Cormorant Garamond",Georgia,serif);font-size:clamp(29px,4vw,51px);font-weight:400;line-height:1.04;letter-spacing:-.04em;margin:0}.tg-game button{font:inherit;cursor:pointer}.tg-game button:focus-visible{outline:2px solid var(--tg-ink);outline-offset:5px}.tg-start{border:1px solid var(--tg-ink);border-radius:2px;background:var(--tg-ink);color:var(--tg-paper);display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:46px;padding:10px 20px;font-size:14px;font-weight:500;transition:background .2s,color .2s}.tg-start:hover{background:var(--tg-paper);color:var(--tg-ink)}.tg-start span{font-size:23px;line-height:1}.tg-court-signature{position:absolute;bottom:15px;left:21px;z-index:1;font-size:9px;letter-spacing:.21em;pointer-events:none;opacity:.7}.tg-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--tg-line);padding:19px 0 17px}.tg-instructions{display:flex;gap:14px;align-items:center;font-size:15px;line-height:1.35;margin:0}.tg-instructions small{display:block;font-size:12px;opacity:.7;margin-top:3px}.tg-control-icon{font-size:24px;font-family:Arial,sans-serif;line-height:1}.tg-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.tg-actions button{color:var(--tg-ink);background:transparent;border:1px solid var(--tg-line);padding:8px 12px;min-height:42px;display:flex;align-items:center;gap:16px;font-size:13px;transition:background .2s}.tg-actions button:hover:not(:disabled){background:rgba(66,15,20,.07)}.tg-actions button:disabled{opacity:.35;cursor:default}.tg-actions button span{font-size:18px}.tg-status{font-size:12px;line-height:1.4;opacity:.65;margin:11px 0 0;min-height:1.4em}.tg-game[data-tg-state="over"] .tg-score strong{color:var(--tg-ink)}
@media(max-width:700px){.tg-heading{align-items:flex-start;gap:15px;margin-bottom:20px}.tg-game .tg-heading h3{font-size:43px}.tg-eyebrow{font-size:10px;margin-bottom:8px}.tg-intro{font-size:14px;max-width:195px;margin-top:10px}.tg-scoreboard{gap:12px;margin-top:27px}.tg-scoreboard>div{min-width:43px}.tg-scoreboard .tg-record{padding-left:12px;max-width:74px}.tg-scoreboard span{font-size:8px;letter-spacing:.08em}.tg-scoreboard strong{font-size:36px}.tg-stage{aspect-ratio:1.48;min-height:220px}.tg-overlay{gap:11px;padding:16px}.tg-overlay__eyebrow{font-size:9px}.tg-overlay__title{font-size:29px}.tg-start{min-height:42px;font-size:13px;gap:28px;padding:8px 16px}.tg-toolbar{align-items:flex-start;gap:12px;padding:15px 0}.tg-instructions{font-size:12px;gap:8px}.tg-instructions small{font-size:10px;max-width:175px}.tg-control-icon{font-size:19px}.tg-actions{gap:5px}.tg-actions button{font-size:11px;padding:7px 8px;gap:8px;min-height:38px}.tg-actions button span{font-size:15px}.tg-court-signature{font-size:7px;left:12px;bottom:10px}.tg-status{font-size:10px}}
@media(max-width:380px){.tg-heading{gap:8px}.tg-game .tg-heading h3{font-size:36px}.tg-scoreboard{gap:8px}.tg-scoreboard .tg-record{padding-left:8px}.tg-toolbar{flex-wrap:wrap}.tg-actions{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.tg-game *{transition:none!important}}
/* Optional immersive, wine-coloured enclosure. Paper remains the default. */
.tg-game[data-tg-theme="wine"]{--tg-ink:#e3dccb;--tg-paper:#420f14;--tg-line:rgba(227,220,203,.24);background:#420f14;padding:clamp(24px,4vw,52px);color:var(--tg-ink)}
.tg-game[data-tg-theme="wine"] .tg-stage{background:#321016;border-color:rgba(227,220,203,.18)}
.tg-game[data-tg-theme="wine"] .tg-scoreboard{background:#ded6c4;color:#420f14;border:1px solid rgba(222,214,196,.55);padding:17px 22px 16px;gap:20px;box-shadow:0 8px 28px rgba(15,0,3,.08)}
.tg-game[data-tg-theme="wine"] .tg-scoreboard .tg-record{padding-left:20px;border-color:rgba(66,15,20,.2)}
.tg-game[data-tg-theme="wine"] .tg-overlay{background:linear-gradient(180deg,rgba(39,7,14,.06),rgba(39,7,14,.62) 43%,rgba(39,7,14,.3))}
.tg-game[data-tg-theme="wine"] .tg-overlay__title{text-shadow:0 2px 16px rgba(21,0,4,.15)}
.tg-game[data-tg-theme="wine"] .tg-start:hover{background:#efeadc;color:#420f14;border-color:#efeadc}
.tg-game[data-tg-theme="wine"] .tg-actions button:hover:not(:disabled){background:rgba(227,220,203,.1)}
.tg-game[data-tg-theme="wine"][data-tg-state="over"] .tg-score strong{color:#420f14}
@media(max-width:700px){.tg-game[data-tg-theme="wine"]{padding:24px 17px}.tg-game[data-tg-theme="wine"] .tg-scoreboard{padding:12px 10px;gap:8px;margin-top:22px}.tg-game[data-tg-theme="wine"] .tg-scoreboard .tg-record{padding-left:8px}.tg-game[data-tg-theme="wine"] .tg-scoreboard strong{font-size:30px}.tg-game[data-tg-theme="wine"] .tg-scoreboard>div{min-width:37px}.tg-game[data-tg-theme="wine"] .tg-scoreboard span{font-size:7px}.tg-game[data-tg-theme="wine"] .tg-heading{gap:10px}.tg-game[data-tg-theme="wine"] .tg-heading h3{font-size:37px}.tg-game[data-tg-theme="wine"] .tg-intro{font-size:12px}.tg-game[data-tg-theme="wine"] .tg-toolbar{flex-wrap:wrap}.tg-game[data-tg-theme="wine"] .tg-actions{margin-left:auto}}
/* The Club-house composition uses a shallow, panoramic court on desktop. */
@media(min-width:701px){
  .tg-game[data-tg-layout="compact"][data-tg-theme="wine"]{padding:32px 38px}
  .tg-game[data-tg-layout="compact"] .tg-heading{margin-bottom:18px;gap:24px}
  .tg-game[data-tg-layout="compact"] .tg-heading h3{font-size:clamp(42px,4.4vw,60px)}
  .tg-game[data-tg-layout="compact"] .tg-eyebrow{margin-bottom:7px;font-size:10px}
  .tg-game[data-tg-layout="compact"] .tg-intro{font-size:15px;margin-top:10px}
  .tg-game[data-tg-layout="compact"] .tg-scoreboard{padding:12px 20px 11px}
  .tg-game[data-tg-layout="compact"] .tg-scoreboard strong{font-size:40px}
  .tg-game[data-tg-layout="compact"] .tg-scoreboard span{font-size:9px}
  .tg-game[data-tg-layout="compact"] .tg-stage{aspect-ratio:2.8;min-height:220px}
  .tg-game[data-tg-layout="compact"] .tg-toolbar{padding:13px 0 12px}
  .tg-game[data-tg-layout="compact"] .tg-instructions{font-size:13px}
  .tg-game[data-tg-layout="compact"] .tg-instructions small{font-size:11px}
  .tg-game[data-tg-layout="compact"] .tg-status{margin-top:8px;font-size:11px}
  .tg-game[data-tg-layout="compact"] .tg-overlay{gap:11px}
  .tg-game[data-tg-layout="compact"] .tg-overlay__title{font-size:clamp(30px,3.2vw,44px)}
}