@import url('./coast-racer-3d.css');
body[data-twin3d='true'] .wave2-main{width:min(100%,1320px)}
body[data-twin3d='true'] .wave2-panel{min-height:760px}
.twin3d-wrap{position:relative;overflow:hidden;border:1px solid var(--w2-line);border-radius:28px;background:#111;box-shadow:0 24px 70px rgba(0,0,0,.22)}
.twin3d-canvas{display:block;width:100%;height:min(70vh,720px);min-height:500px;background:#8fb6c8;touch-action:none}
.twin3d-score{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.twin3d-player{padding:12px 14px;border:1px solid var(--w2-line);border-radius:18px;background:var(--w2-surface)}
.twin3d-player strong{display:block;font-size:1.05rem}.twin3d-player span{color:var(--w2-muted);font-size:.82rem}
.twin3d-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.twin3d-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;border:1px solid var(--w2-line);border-radius:20px;background:var(--w2-surface)}
.twin3d-pad button{min-height:50px;border:1px solid var(--w2-line);border-radius:15px;background:var(--w2-surface);color:var(--w2-ink);font:800 1rem system-ui;touch-action:none}
.twin3d-pad button[aria-pressed='true']{background:var(--w2-accent-2);color:#fff;border-color:var(--w2-accent-2)}
.twin3d-pad .wide{grid-column:span 3}
.twin3d-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:22px;background:rgba(7,10,13,.54);backdrop-filter:blur(10px);z-index:7}.twin3d-overlay[hidden]{display:none}
.twin3d-couchplay-btn{min-height:44px;padding:0 18px;border:1px solid var(--w2-line);border-radius:999px;background:var(--w2-surface);color:var(--w2-ink);font:700 .95rem system-ui;cursor:pointer;align-self:start}
.twin3d-card{width:min(92%,520px);padding:30px;border-radius:28px;background:rgba(20,23,25,.9);border:1px solid rgba(255,255,255,.16);color:#fff;text-align:center}.twin3d-card h2{font-size:clamp(2rem,7vw,4rem);margin:0}.twin3d-card button{margin-top:20px;min-height:50px;padding:0 22px;border:0;border-radius:999px;background:#fff;color:#111;font-weight:800}
@media(max-width:760px){.twin3d-canvas{height:56vh;min-height:430px}.twin3d-controls{grid-template-columns:1fr}.twin3d-score{grid-template-columns:1fr 1fr}.twin3d-pad button{min-height:48px}}
@media(prefers-reduced-motion:reduce){.twin3d-pad button{transition:none!important}}
@media(forced-colors:active){.twin3d-wrap,.twin3d-player,.twin3d-pad,.twin3d-pad button,.twin3d-card{border:1px solid CanvasText;box-shadow:none}}