.kart-page .pub-layout{max-width:1320px;grid-template-columns:.85fr 1.2fr;gap:7%}.kart-page .pub-intro h1{font-size:clamp(70px,7.8vw,112px);margin:24px 0}
.kart-page .stage{aspect-ratio:420/360;max-width:580px;max-height:min(60dvh,calc(100dvh - 370px));width:auto;border:1px solid var(--line);border-radius:14px}.kart-page #panel{inset:auto 10px 10px;background:#152017f5;border:1px solid var(--line);padding:15px;gap:8px}.kart-page #panel h2{font-size:30px}.kart-page #panel .eyebrow{font-size:9px}
.kart-controls{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:10px;margin-top:10px}.kart-controls button{min-height:56px;font:22px var(--serif);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;border:0;background:var(--gold);color:var(--night);box-shadow:0 3px #67542c}.kart-controls #drift{font-size:16px;background:var(--paper)}.kart-controls button[aria-pressed=true]{transform:translateY(2px);box-shadow:0 1px #67542c;filter:brightness(1.15)}
#board:focus-visible{outline:3px solid var(--gold);outline-offset:-4px}#control-hint{text-align:center;font-size:11px;color:var(--muted);margin:10px 0 0}.kart-page #status{margin:7px 0 0;min-height:34px}.kart-page #extra{color:var(--gold)}
.kart-page .stage:has(#panel:not([hidden]) #share:not([hidden])){max-height:none;aspect-ratio:auto}.kart-page .stage:has(#panel:not([hidden]) #share:not([hidden])) canvas{display:none}.kart-page #panel:has(#share:not([hidden])){position:static;margin:10px;min-height:230px}
@media(max-width:900px){.kart-page .pub-layout{display:block;max-width:540px;padding-top:8px}.kart-page .pub-intro h1{font-size:32px;margin:0;letter-spacing:-1px}.kart-page .stage{max-height:46dvh}.kart-page #panel{padding:12px;gap:7px}.kart-page #panel h2{font-size:25px}.kart-page #panel .eyebrow{display:none}.kart-page #panel p{font-size:12px}.kart-controls button{min-height:52px}}
@media(max-width:900px) and (max-height:760px){.kart-page .pub-intro h1{font-size:28px}.kart-page .scoreboard{padding:3px 0}.kart-page .scoreboard strong{font-size:24px}.kart-page .stage{max-height:max(190px,calc(100dvh - 340px))}.kart-page #panel{inset:auto 6px 6px;padding:9px;gap:6px}.kart-page #panel h2{font-size:21px}.kart-page #panel p{font-size:11px;line-height:1.3}.kart-controls{margin-top:7px;gap:8px}.kart-controls button{min-height:48px}.kart-page #control-hint{font-size:10px;margin-top:7px}.kart-page #status{font-size:11px;margin-top:5px}}
@media(prefers-reduced-motion:reduce){.kart-controls button[aria-pressed=true]{transform:none}}