@font-face{font-family:Rajdhani;src:url('/assets/rajdhani-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--ink:#0c191c;--panel:#132a2d;--line:#3f5f58;--felt:#214d48;--cream:#eee8d6;--muted:#b5c8c1;--orange:#deb485;--green:#b1ccb0;--display:Rajdhani,'Barlow Condensed',sans-serif;--copper:#aa7658}
body{background:var(--ink);color:var(--cream)}
::selection{background:#deb485;color:#0c191c}
input,textarea{caret-color:var(--orange)}
:focus-visible{outline-color:var(--orange)}
.topbar{background:#0c1d20;border-bottom-color:#35524c}
.brand{gap:10px}.brand .brand-mark{width:42px;height:42px}.brand .brand-wordmark{display:block;width:188px;height:auto}
.playing .brand .brand-wordmark{width:188px;height:auto}.playing .brand .brand-mark{width:42px;height:42px}
.brand small{color:#cdb298;font-size:8px;letter-spacing:1.7px;margin-top:6px}
.lobby-title{display:flex;flex-direction:column;gap:23px;max-width:690px;margin-bottom:23px}
.lobby-title>img{width:100%;height:auto;display:block}
.lobby h1 .lobby-tagline{font:700 clamp(36px,4.1vw,58px)/.94 var(--display);letter-spacing:-.025em;display:block;color:var(--cream)}
.lobby h1 .lobby-tagline em{color:var(--orange);font-style:normal}
.lobby-intro{color:#cad8cd}.lobby-content{max-width:1100px}
.button.primary,.action-buttons .raise-action{background:var(--orange);border-color:#e8c6a2;color:#142023;box-shadow:inset 0 1px 0 #efd8bd,0 4px 12px #08131740}
.button.primary:hover,.action-buttons .raise-action:hover{background:#e9c6a1;border-color:#f0d9be}
.secondary{background:#16302e;border-color:#638074;color:var(--cream);box-shadow:none}
.secondary:hover{background:#214039}
.button{font-size:20px;letter-spacing:.35px;transition:background-color 140ms,border-color 140ms,color 140ms}
.lobby-actions .button{font-size:21px}.lobby-actions .primary{border-radius:10px}
.game-options,.control-dock,.radio-panel,dialog,.modal-footer{background:#102426;border-color:#35554b}
.table-toolbar,.radio-top,.modal-header{background:#182f30;border-color:#3f5f58}
.table-toolbar h1,.radio-top h2,.modal-header h2{letter-spacing:.25px}
.radio-tabs,.radio-bottom,.settings-shortcuts,.scene-settings{border-color:#35554b}
.radio-tabs button[aria-selected=true]{color:var(--cream);border-bottom-color:var(--orange)}
.radio-tabs button{color:#b5c8c1}.radio-feed,.chat-form input{color:var(--cream)}
.chat-form input{background:#0c1e20;border-color:#496456}.chat-form input::placeholder{color:#b5c8c1}
.chat-message time,.log-message time{color:#a8c2b5}
.connection.connected,.turn-message,.idle-status,.game-footer{color:var(--green)}
.room-code{color:var(--cream)}.private-tag,.header-caption{color:var(--muted)}
.language-picker select,.scene-toggle{background:#18302f;border-color:#49695e;color:var(--cream)}
.scene-toggle[aria-pressed=true]{border-color:#ad8864;color:#ead0b0}
.player-label{background:#143433eF;border-color:#5b7c6b}.player-name{color:#f3eee0}.player-stack{font-family:Barlow,sans-serif;font-variant-numeric:tabular-nums;color:#f3eee0}
.is-me .player-label,.is-turn .player-label{border-color:var(--orange)}
.avatar{border-color:#7a9685}.is-turn .avatar{border-color:var(--orange)}
.fold-action{background:#293330;border-color:#677468;color:var(--cream);box-shadow:none}
.call-action{background:#2b4b45;border-color:#6c8b7a;color:var(--cream);box-shadow:none}
.action-buttons .button{font-size:24px;letter-spacing:.15px}.action-buttons .button>span{font-family:Barlow,sans-serif}
.bet-step,.raise-number,.raise-presets button{background:#193532;border-color:#567566;color:var(--cream)}
.bet-step:hover,.raise-presets button:hover{background:#304d40}
.raise-number input{font-family:Barlow,sans-serif;font-variant-numeric:tabular-nums}
.pot-label{background:#173c37ef;border-color:#668372;color:#d5dfd4}.pot-label strong{color:var(--orange)}
.felt-inner{border-color:#deb48566}.felt-stamp{color:#deb485}.felt-stamp img{opacity:.85}
.character-option,.badge-option{background:#183531;border-color:#527164}.character-option.selected,.badge-option.selected{border-color:var(--orange)}
.field input,.field select{background:#0e2525;border-color:#54776b;color:var(--cream)}
.field input::placeholder{color:#a9c1b5}.field input:focus,.field select:focus{border-color:var(--orange)}
.identity-preview{background:#14312d;border-color:#35554b}.identity-preview p,.settings-note,.help-body p{color:#c3d4c7}
.modal-header .overline{color:#c2a685}.idle-controls strong{font-family:Barlow,sans-serif;font-weight:600}
#profile-form .modal-footer{position:sticky;bottom:0;z-index:3;box-shadow:0 -8px 16px #0b1c1c55}
.card-back{background:#163530;background-image:none;border-color:#829583;box-shadow:inset 0 0 0 1px #35594a,0 2px 4px #07171460}
.card-back img{width:68%;max-width:26px;opacity:.95;filter:none}
.results-shortcut{display:inline-flex;gap:7px;align-items:center;min-height:44px;padding:7px 10px;font:12px var(--body);color:var(--cream);border-radius:7px}
.results-shortcut:hover{background:#214039}.results-shortcut .icon{width:17px;height:17px}
.settlement-body{padding:22px 28px}.settlement-pot{padding:16px 0;border-bottom:1px solid #3f5f58}.settlement-pot:first-child{padding-top:0}
.settlement-pot h3{display:flex;align-items:center;justify-content:space-between;gap:16px;font:600 16px var(--body);margin-bottom:12px;color:var(--orange)}
.settlement-pot ul{list-style:none;margin:0;padding:0}.settlement-pot li{display:flex;justify-content:space-between;gap:16px;padding:7px 0;color:var(--cream)}
.settlement-pot li span{overflow-wrap:anywhere}.settlement-pot strong{font-variant-numeric:tabular-nums;flex-shrink:0}
.game-footer{background:#0b1c1c;border-top-color:#35554b}.lobby-footer{border-top-color:#365147;color:#bccabd}
.scene-lobby .scene-shade{background:linear-gradient(90deg,#0c191c70,#0c191c00 75%),linear-gradient(180deg,#0c191c00 18%,#0c191c75 45%,#0c191cf0 82%,#0c191c)}
@media(max-width:1000px){.brand .brand-wordmark{width:176px}.lobby-title{max-width:650px}}
@media(max-width:600px){
 .brand{gap:6px}.brand .brand-mark,.playing .brand .brand-mark{width:29px;height:29px}.brand .brand-wordmark,.playing .brand .brand-wordmark{width:121px;height:auto}.brand small{font-size:5.5px;letter-spacing:.9px;margin-top:4px}
 .brand small{display:none}
 #profile-form .modal-footer{padding:12px 18px;gap:8px}#profile-form .modal-footer>span{width:100%;font-size:10px;order:1}#profile-form .modal-footer .button{width:100%;margin:0;min-height:48px;order:0}
 .results-shortcut{font-size:10px;padding:7px 4px;gap:4px}.results-shortcut .icon{display:none}.settlement-body{padding:18px 20px}
 .lobby-title{gap:17px;max-width:100%;margin-bottom:23px}.lobby h1 .lobby-tagline{font-size:clamp(33px,9.7vw,43px);line-height:.97}
 .lobby-actions .button{font-size:19px}.action-buttons .button{font-size:22px}.scene-lobby .scene-shade{background:linear-gradient(180deg,#0c191c00 5%,#0c191c50 28%,#0c191cc9 47%,#0c191c 88%)}
 .table-toolbar h1{font-size:21px}.modal-header h2{font-size:28px}.radio-top h2{font-size:25px}
}
@media(prefers-reduced-motion:reduce){.button{transition:none}}
@media(max-height:500px) and (min-width:601px){.action-buttons .button{font-size:18px}}
