:root{--bg:#121016;--bg-soft:#18151c;--panel:#1b1820;--panel-2:#211821;--line:#403443;--text:#fff8ef;--muted:#c9bdb0;--ember:#f08a5d;--ember-2:#f9c784;--green:#21403a;--danger:#8b2635;--ivory:#fff8ef;--shadow:0 22px 70px rgb(0 0 0/42%)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(circle at 18% 12%,rgb(240 138 93/14%),transparent 32%),linear-gradient(145deg,#121016,#18131b 52%,#0f1110);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.eyebrow{color:var(--ember-2);font-size:.76rem;font-weight:800;letter-spacing:0;margin:0 0 .35rem;text-transform:uppercase}.lobby-shell{align-items:center;display:grid;grid-gap:2rem;gap:2rem;grid-template-columns:minmax(0,1fr) minmax(320px,430px);min-height:100vh;padding:clamp(1rem,4vw,4rem)}.lobby-copy h1,.top-bar h1{font-size:clamp(3rem,9vw,7rem);line-height:.86;margin:0}.lobby-copy p:not(.eyebrow){color:var(--muted);font-size:1.1rem;line-height:1.6;max-width:35rem}.felt-panel,.footer-panel,.game-over-modal,.player-hand,.setup-panel,.waiting-panel{background:color-mix(in srgb,var(--panel) 92%,black);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.waiting-shell{align-items:center;display:grid;min-height:100vh;padding:clamp(1rem,4vw,4rem)}.waiting-panel{display:grid;grid-gap:1.25rem;gap:1.25rem;margin:0 auto;max-width:720px;padding:clamp(1rem,3vw,1.5rem);width:100%}.waiting-panel__footer,.waiting-panel__header{align-items:center;display:flex;gap:1rem;justify-content:space-between}.waiting-panel h1{font-size:clamp(2.6rem,8vw,5rem);line-height:.9;margin:0}.room-code-card{background:radial-gradient(circle at 50% 30%,rgb(240 138 93/22%),transparent 48%),#151219;border:1px solid rgb(240 138 93/42%);border-radius:8px;color:var(--text);cursor:pointer;display:grid;grid-gap:.2rem;gap:.2rem;justify-items:center;min-height:132px;padding:1rem}.room-code-card em,.room-code-card span{color:var(--muted);font-size:.78rem;font-style:normal;font-weight:800;text-transform:uppercase}.room-code-card strong{color:var(--ember-2);font-size:clamp(2.8rem,13vw,5rem);line-height:.95}.room-message{color:var(--ember-2)!important;font-weight:800;text-align:center}.seat-list{display:grid;grid-gap:.65rem;gap:.65rem}.seat-row{align-items:center;background:#151219;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:.75rem;gap:.75rem;grid-template-columns:4.5rem 1fr auto auto;min-height:58px;padding:.75rem}.seat-row em,.seat-row span{color:var(--muted);font-size:.78rem;font-style:normal;font-weight:800}.seat-row em{background:rgb(240 138 93/16%);border:1px solid rgb(240 138 93/34%);border-radius:999px;color:var(--ember-2);padding:.25rem .5rem}.seat-row--empty{opacity:.55}.setup-panel{display:grid;grid-gap:1.25rem;gap:1.25rem;padding:1.25rem}.footer-panel,.input-row,.player-hand__meta,.setup-panel__header,.top-bar{align-items:center;display:flex}.setup-panel__header{gap:.8rem}.player-hand h2,.setup-panel h2{font-size:1rem;margin:0}.action-bar p,.footer-panel p,.player-hand p,.setup-panel p,.status-block p{color:var(--muted);font-size:.85rem;line-height:1.45;margin:0}.input-row{background:var(--bg-soft);border:1px solid var(--line);border-radius:8px;gap:.75rem;padding:.65rem}.input-row span{color:var(--muted);font-size:.82rem;min-width:4.3rem}.input-row input,.top-bar select{color:var(--text);min-width:0;outline:none;padding:.7rem .8rem;width:100%}.input-row input,.segmented-control,.top-bar select{background:#100e14;border:1px solid var(--line);border-radius:8px}.segmented-control{display:grid;grid-gap:.35rem;gap:.35rem;grid-template-columns:1fr 1fr;padding:.35rem}.segmented-control__item{background:transparent;border:0;border-radius:7px;color:var(--muted);cursor:pointer;font-weight:800;min-height:40px}.segmented-control__item--active{background:var(--ember);color:#160d0a}.input-row--stacked{align-items:stretch;display:grid;grid-gap:.45rem;gap:.45rem}.input-row--stacked span{min-width:0}.setup-panel__message{color:var(--ember-2)!important;font-weight:700}.toggle-row{align-items:center;color:var(--muted);display:flex;gap:.5rem}.toggle-row--panel{background:#151219;border:1px solid var(--line);border-radius:8px;min-height:54px;padding:.75rem}.danger-button,.ghost-button,.icon-button,.primary-button{align-items:center;border:0;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:800;gap:.45rem;justify-content:center;min-height:44px;padding:.72rem .95rem}.primary-button{background:var(--ember);color:#160d0a}.ghost-button{background:var(--green);color:#e9fff7}.danger-button{background:var(--danger);color:var(--ivory)}.icon-button{background:#241c25;color:var(--text);min-width:44px;padding:.65rem}.icon-button--wide{padding-inline:.8rem}button:disabled{cursor:not-allowed;opacity:.45}.game-shell{display:grid;grid-gap:1rem;gap:1rem;min-height:100vh;padding:clamp(.8rem,2vw,1.5rem)}.top-bar{justify-content:space-between}.top-bar h1{font-size:clamp(2.3rem,6vw,4.5rem)}.top-bar__actions{align-items:center;display:flex;gap:.7rem}.identity-pill{background:#241c25;border:1px solid var(--line);border-radius:8px;font-size:.9rem;font-weight:800}.code-pill,.identity-pill{align-items:center;color:var(--ember-2);display:inline-flex;min-height:44px;padding:0 .9rem}.code-pill{background:#151219;border:1px solid rgb(240 138 93/42%);border-radius:8px;font-size:1.1rem;font-weight:950}.table-grid{align-items:start;display:grid;grid-gap:1rem;gap:1rem;grid-template-areas:"opponents" "table" "you";grid-template-columns:minmax(0,1fr);margin:0 auto;max-width:1320px;width:100%}.opponent-grid{display:grid;grid-gap:1rem;gap:1rem;grid-area:opponents;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.table-center{grid-area:table;justify-self:center;max-width:760px;width:100%}.table-grid>.player-hand--viewer{grid-area:you;justify-self:center;max-width:1120px;width:100%}.felt-panel{display:grid;grid-gap:1rem;gap:1rem;min-height:100%;padding:1rem}.deck-row{display:flex;gap:1rem;justify-content:center}.deck-row>div,.drawn-card-panel{align-items:center;display:grid;grid-gap:.5rem;gap:.5rem;justify-items:center}.deck-row span,.drawn-card-panel strong{color:var(--muted);font-size:.82rem}.drawn-card-panel{border-block:1px solid var(--line);padding-block:1rem}.status-block{background:#151219;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:.35rem;gap:.35rem;padding:.9rem;text-align:center}.status-block span{color:var(--ember-2);font-size:.73rem;font-weight:800;text-transform:uppercase}.action-bar{align-items:center;display:flex;gap:.75rem;justify-content:center;min-height:58px}.action-bar--split{flex-wrap:wrap}.player-hand{display:grid;grid-gap:.8rem;gap:.8rem;min-height:214px;padding:.9rem;position:relative}.player-hand--active{border-color:var(--ember)}.player-hand--viewer{background:color-mix(in srgb,var(--panel-2) 86%,var(--green))}.player-hand__meta{justify-content:space-between}.player-hand__meta p,.player-hand__meta span{color:var(--muted);font-size:.8rem}.player-hand__cards{display:grid;grid-gap:.65rem;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(82px,104px));justify-content:center}.player-hand__hint{color:var(--ember-2)!important;font-weight:700;text-align:center}.playing-card{aspect-ratio:.7;background:radial-gradient(circle at 50% 48%,rgb(240 138 93/10%),transparent 42%),linear-gradient(145deg,#201821,#2a2029 64%,#18131a);border:1px solid rgb(240 138 93/48%);border-radius:8px;color:var(--ember-2);display:block;min-height:100px;overflow:hidden;padding:.55rem;position:relative;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;width:var(--card-width,104px)}.playing-card:after{border:1px solid rgb(255 248 239/9%);border-radius:6px;content:"";inset:5px;pointer-events:none;position:absolute}.playing-card--sm{--card-width:58px;min-height:82px}.playing-card--md{--card-width:86px;min-height:118px}.playing-card--lg{--card-width:104px;min-height:142px}.playing-card--face-up{background:radial-gradient(circle at 50% 42%,rgb(249 199 132/14%),transparent 42%),linear-gradient(145deg,#251b23,#171219 72%,#100d12);border-color:rgb(249 199 132/72%);color:var(--ember-2)}.playing-card--red{color:#ff8b76}.playing-card--clickable:focus-visible,.playing-card--clickable:hover{box-shadow:0 0 0 3px rgb(240 138 93/26%);outline:none;transform:translateY(-2px)}.playing-card--highlighted{border-color:var(--ember-2);box-shadow:0 0 0 3px rgb(249 199 132/26%),0 0 28px rgb(249 199 132/18%)}.playing-card--selected{box-shadow:0 0 0 3px rgb(240 138 93/45%);transform:translateY(-2px)}.playing-card__corner{display:grid;grid-gap:.04rem;gap:.04rem;line-height:1;position:absolute;text-align:center;z-index:1}.playing-card__corner b{font-size:.98rem;font-weight:950}.playing-card__corner i{font-size:.9rem;font-style:normal}.playing-card__corner--top{left:.55rem;top:.55rem}.playing-card__corner--bottom{bottom:.55rem;right:.55rem;transform:rotate(180deg)}.playing-card__art{align-items:center;display:grid;grid-gap:.15rem;gap:.15rem;inset:2.3rem 1rem;justify-items:center;position:absolute}.playing-card__pip-rank{font-size:2.75rem;font-weight:950;line-height:.82}.playing-card__pip-suit{font-size:2rem;line-height:1;opacity:.72}.playing-card__royal{background:linear-gradient(180deg,currentColor,color-mix(in srgb,currentColor 62%,transparent));-webkit-background-clip:text;background-clip:text;font-size:3.35rem;font-weight:950;line-height:.85;opacity:.9;-webkit-text-fill-color:transparent}.playing-card__royal-suit{font-size:2rem;opacity:.72}.playing-card__joker-star{font-size:2.85rem;line-height:1}.playing-card__joker-word{font-size:.78rem;font-weight:950;text-transform:uppercase}.playing-card--md .playing-card__corner b{font-size:.86rem}.playing-card--md .playing-card__corner i{font-size:.76rem}.playing-card--md .playing-card__pip-rank{font-size:2.05rem}.playing-card--md .playing-card__pip-suit{font-size:1.5rem}.playing-card--md .playing-card__royal{font-size:2.45rem}.playing-card--md .playing-card__royal-suit{font-size:1.45rem}.playing-card--md .playing-card__joker-star{font-size:2.15rem}.playing-card--sm .playing-card__corner b{font-size:.72rem}.playing-card--sm .playing-card__corner i{font-size:.66rem}.playing-card--sm .playing-card__pip-rank,.playing-card--sm .playing-card__royal{font-size:1.65rem}.playing-card--sm .playing-card__pip-suit,.playing-card--sm .playing-card__royal-suit{font-size:1.15rem}.playing-card__back-line{border:1px solid rgb(249 199 132/24%);border-radius:6px;inset:8px;position:absolute}.playing-card__back-diamond{border:1px solid rgb(240 138 93/34%);height:38%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:38%}.playing-card__sr-label{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.footer-panel{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:.8rem}.footer-panel__text{display:grid;grid-gap:.2rem;gap:.2rem;text-align:right}.footer-panel__text span{color:var(--ember-2);font-size:.78rem;font-weight:800}.modal-backdrop{align-items:center;background:rgb(8 7 10/72%);display:grid;inset:0;justify-items:center;padding:1rem;position:fixed}.game-over-modal{display:grid;grid-gap:1rem;gap:1rem;max-width:380px;padding:1.2rem;text-align:center;width:100%}.game-over-modal h2{font-size:2rem;margin:0}.score-list{display:grid;grid-gap:.55rem;gap:.55rem}.score-list div{align-items:center;background:#151219;border:1px solid var(--line);border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}@media (max-width:980px){.lobby-shell,.table-grid{grid-template-columns:1fr}.opponent-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width:620px){.footer-panel,.top-bar,.top-bar__actions,.waiting-panel__footer,.waiting-panel__header{align-items:stretch;flex-direction:column}.footer-panel__text{text-align:left}.player-hand--viewer .player-hand__cards,.player-hand__cards{grid-template-columns:repeat(2,minmax(112px,132px))}.playing-card--lg{min-height:154px}.seat-row{grid-template-columns:1fr auto}.seat-row strong{grid-column:1/-1}}