
:root {--felt:#1e5359;--felt-dark:#103b42;--felt-edge:#09252e;--gold:#e6c989;--us:#a4e1db;--them:#f6ad9d}
body {background:#09252e} button {font-family:inherit} button:focus-visible,.card:focus-visible {outline:3px solid #f7dda5;outline-offset:3px}
#screen-menu {background:linear-gradient(90deg,#06232dd9,#06232d75),url('heron-table.webp') center/cover;overflow-y:auto;padding:30px 0}
.menu-inner {width:min(90vw,420px);gap:22px;padding:28px;background:#092b35df;border:1px solid #d3bd8040;border-radius:26px;box-shadow:0 24px 80px #0006}
.eyebrow {font-size:11px;letter-spacing:3px;color:#c5dcd7;margin-bottom:12px}.menu-logo h1 {font-family:Georgia,serif;font-weight:normal;font-size:66px;letter-spacing:1px;text-shadow:none}.logo-cards {display:none}.tagline {line-height:1.6;color:#c8dedb}.menu-buttons{gap:9px}.btn{border-radius:12px}.btn-primary{background:#e6c989;color:#172d32;border-color:#f0d79e}.menu-footer{line-height:1.8;font-size:11px;color:#b5ccca}
#screen-game {max-width:1100px;margin:auto;background:#09252e}.hud {background:#09252e;border-bottom:1px solid #e6c98930}.table-felt {background:linear-gradient(#123a4330,#08293030),url('heron-table.webp') center/cover;box-shadow:inset 0 0 0 3px #b5a07180,inset 0 0 80px #001e2d60;border-radius:22px}
.card.back {background:url('heron-back.webp') center/cover;box-shadow:inset 0 0 0 3px #e7d6af,0 3px 8px #0006}.avatar{background:#194852;border:1px solid #d9bd7c80;color:#e6cf9b}.panel{background:#102e38;border-top:1px solid #e6c98940}.overlay-card{background:#12343c;border:1px solid #e6c98960}.page{background:#0b2e38}.screen:not(#screen-game):not(#screen-menu){background:#0b2e38}.coach{background:#10323e;color:#d8ece8}.hand{background:#09252e}.table-msg{background:#0a2632dc}.card{color:#122d36}
@media(max-height:740px){.menu-inner{gap:13px;padding:20px}.menu-logo h1{font-size:46px}.menu-buttons .btn{padding:10px}.eyebrow{margin-bottom:5px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
