/* TapePlay 2026-11-08 — CC-BY-4.0 presentation only. System fonts; no external assets. */
:root{--paper:#f5f1e8;--ink:#252a25;--muted:#646d63;--line:#dbddd2;--green:#2c3b30;--gold:#dbceaa;--red:#c9553f;font-family:system-ui,sans-serif}body{background:var(--paper)}.topbar{max-width:none;padding:8px 14px;gap:10px;min-height:54px;flex-wrap:wrap;background:#f5f1e8}.brand{font-size:21px;gap:0;letter-spacing:-1px}.brand span{color:var(--red)}.topbar>strong{font-size:12px;flex:1}.top-actions{gap:5px}.top-actions button{min-height:36px;font-size:11px;padding:5px 8px}#tp-limits{max-width:1300px;margin:auto;padding:7px 18px;border-bottom:1px solid var(--line);font-size:11px;line-height:1.7}#tp-limits summary{cursor:pointer}#tp-limits p{padding-top:8px}#tp-limits a{text-decoration:underline}#app{padding-top:20px}.hero h1{white-space:normal!important;font-size:clamp(24px,4vw,36px)}.hero p{padding-right:0}.hero-cards{display:none}.login{margin:20px auto}.login .brand-icon{font-family:system-ui;font-size:20px;transform:none;background:#252a25}.table-wrap{border-radius:16px}.action-bar{scroll-margin-bottom:15px}#password-toggle{display:none}.page-footer{flex-wrap:wrap}button{touch-action:manipulation}.seat .name{overflow-wrap:anywhere}.seat .status{flex-wrap:wrap}.result h2{overflow-wrap:anywhere}#toast{max-width:calc(100% - 24px)}
@media(max-width:600px){.topbar{gap:6px;padding:6px 10px}.topbar>strong{font-size:10px}.top-actions{gap:2px}.top-actions .connection{display:none}.topbar .brand{font-size:19px}.top-actions button{padding:5px 6px}.hand-dock{flex-wrap:wrap}.hand-copy{min-width:100px}.seat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-bar{position:sticky;bottom:0}.action-bar button{min-height:44px}}
@media(orientation:landscape)and(max-height:500px){.topbar{min-height:40px;padding:3px 10px}.topbar button{min-height:30px}#tp-limits{padding-top:3px;padding-bottom:3px}#app{padding:10px 15px}.hero{padding-bottom:15px}.game-layout{grid-template-columns:minmax(0,1fr)}.sidebar{grid-template-columns:repeat(3,minmax(0,1fr))}.room-heading{margin-bottom:10px}.table-wrap{padding:12px;min-height:0}.table-label{margin-bottom:8px}.seat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pot-zone{padding:12px 4px}.pot{font-size:36px}.hand-dock{padding-top:12px}.action-bar{position:sticky;bottom:0;background:var(--paper);padding:8px;z-index:5}.my-hand .card{width:43px;height:62px}.hand-copy p{font-size:11px}}