:root{--page:#061c15;--page-soft:#0a291f;--felt:#0d4a35;--felt-dark:#093928;--surface:#102d24;--surface-2:#173a2f;--ivory:#f7f1e3;--ink:#10231d;--text:#faf6eb;--text-soft:#b9c9c1;--border:#f1dfb32e;--gold:#e6b84b;--gold-dark:#9f7620;--danger:#df725f;--success:#65c48d;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--radius-sm:.55rem;--radius-md:.9rem;--radius-lg:1.35rem;--shadow-sm:0 4px 14px #0003;--shadow-lg:0 24px 70px #00000057;--card-w:clamp(3rem, min(5.2vw, 7.5dvh), 4.35rem);--card-h:calc(var(--card-w) * 1.4);--font-display:Georgia, "Times New Roman", serif;--font-ui:Inter, ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box}html,body,main{width:100%;min-height:100%;margin:0}body{background:radial-gradient(circle at 50% -15%, #174f3b, var(--page) 48%);color:var(--text);font-family:var(--font-ui);line-height:1.45}button,input{font:inherit}button{border-radius:var(--radius-sm);background:var(--gold);min-height:44px;color:var(--ink);cursor:pointer;border:1px solid #0000;padding:.68rem 1rem;font-weight:800;transition:filter .16s,transform .16s,box-shadow .16s}button:hover:not(:disabled){filter:brightness(1.08)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #fff}h1,h2,p{margin-top:0}h1,h2{font-family:var(--font-display)}h1{margin-bottom:.55rem;font-size:clamp(2rem,4vw,3rem);line-height:1}h2{margin-bottom:.5rem;font-size:clamp(1.15rem,2vw,1.5rem)}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.15em;margin-bottom:.3rem;font-size:.72rem;font-weight:900}.subtle{color:var(--text-soft)}.site-nav{border-bottom:1px solid var(--border);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03120df0;align-items:center;gap:.55rem;min-height:58px;padding:.55rem max(1rem,50vw - 720px);display:flex;position:sticky;top:0}.site-nav .brand{font:800 1.2rem var(--font-display);margin-right:auto}.site-nav button{min-height:40px;color:var(--text);border-color:var(--border);background:0 0;padding:.5rem .8rem}.site-nav button.active{background:var(--gold);color:var(--ink);border-color:var(--gold)}.scorepad{border:0;width:100%;height:calc(100vh - 58px);display:block}.game-panel,.online-game-shell{width:min(1440px,100% - 2rem);margin:1rem auto 2rem}.game-panel{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#08231af0;padding:clamp(1rem,3vw,2rem)}.loading-panel{text-align:center;place-content:center;max-width:680px;min-height:220px;display:grid}.lobby-shell{max-width:980px}.lobby-intro{max-width:610px;margin-bottom:var(--space-6)}.lobby-intro>p:last-child{color:var(--text-soft)}.lobby-grid{gap:var(--space-4);grid-template-columns:1.15fr .85fr;display:grid}.lobby-card{gap:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;padding:clamp(1rem,3vw,1.6rem);display:flex;position:relative}.lobby-card h2{padding-right:2.5rem}.lobby-card>button{margin-top:auto}.lobby-step{color:#e6b84b73;font:800 1.6rem var(--font-display);position:absolute;top:1rem;right:1rem}.field-label{color:var(--text-soft);gap:.4rem;font-size:.82rem;font-weight:700;display:grid}input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-width:0;min-height:48px;color:var(--text);background:#ffffff12;padding:.75rem}input::placeholder{color:#81958c}.code-input{letter-spacing:.18em;text-transform:uppercase;font-weight:900}.visibility-options{border:1px solid var(--border);border-radius:var(--radius-sm);gap:.45rem;margin:0;padding:.8rem;display:grid}.visibility-options legend{color:var(--gold);padding:0 .35rem;font-size:.83rem;font-weight:800}.visibility-options label{cursor:pointer;border-radius:.45rem;align-items:flex-start;gap:.6rem;padding:.55rem;display:flex}.visibility-options label:has(input:checked){background:#e6b84b1a}.visibility-options input{width:auto;min-height:0;accent-color:var(--gold);margin-top:.2rem}.visibility-options span{display:grid}.visibility-options small{color:var(--text-soft);line-height:1.35}.waiting-lobby{max-width:980px}.lobby-room-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.room-code-button{background:var(--surface);min-width:170px;color:var(--text);border-color:var(--border);display:grid}.room-code-button small{color:var(--text-soft);font-size:.68rem}.room-code-button strong{color:var(--gold);letter-spacing:.16em;font-size:1.25rem}.waiting-layout{grid-template-columns:1fr 300px;gap:1rem;margin:1.5rem 0;display:grid}.lobby-list{gap:.55rem;display:grid}.lobby-list>div{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.7rem;display:grid}.lobby-list small{color:var(--gold)}.seat-initials{border:1px solid var(--gold-dark);width:36px;height:36px;color:var(--gold);background:#09251b;border-radius:50%;place-items:center;font-weight:900;display:grid}.lobby-settings{border-radius:var(--radius-md);background:#e6b84b14;border:1px solid #e6b84b40;padding:1rem}.lobby-settings p:last-child{color:var(--text-soft);margin:.5rem 0 0}.lobby-actions{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.lobby-leave{float:right;margin-top:1rem}.gameplay-stage{grid-template-rows:auto auto minmax(0,1fr);height:calc(100dvh - 78px);min-height:0;display:grid;overflow:hidden}.online-game-header{justify-content:space-between;align-items:center;gap:1rem;padding:0 .25rem .55rem;display:flex}.game-title h1{margin:0}.game-meta{justify-content:flex-end;gap:.5rem;display:flex}.meta-chip{min-width:72px;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);background:#00000038;place-items:center;padding:.45rem .7rem;display:grid}.meta-chip small{color:var(--text-soft);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem}.meta-chip strong{font-size:1rem}.room-chip strong{color:var(--gold);letter-spacing:.1em}.home-button{min-height:44px;color:var(--text-soft);border-color:var(--border);background:0 0;align-self:stretch;padding:.4rem .7rem}.turn-banner{border:1px solid #e6b84b40;border-left:5px solid var(--gold);border-radius:var(--radius-sm);background:#1d3b28;align-items:center;gap:.8rem;min-height:54px;margin:0 0 .55rem;padding:.5rem .8rem;display:flex}.turn-banner.your-turn{background:linear-gradient(90deg,#e6b84b33,#0d4a35b8);box-shadow:0 0 26px #e6b84b14}.turn-banner.waiting{border-left-color:#82968c}.turn-banner>span:not(.turn-symbol){display:grid}.turn-banner strong{text-transform:uppercase;letter-spacing:.07em}.turn-banner small{color:var(--text-soft)}.turn-symbol{color:var(--gold);font-size:1.15rem}.game-layout{min-height:0;display:grid}.table-column{grid-template-rows:minmax(0,1fr) auto auto;gap:.55rem;min-width:0;min-height:0;display:grid}.felt-table{background:radial-gradient(ellipse at center, #126044 0%, var(--felt) 48%, var(--felt-dark) 100%);min-height:0;box-shadow:inset 0 0 0 7px #041b1359, inset 0 0 55px #00000047, var(--shadow-sm);border:1px solid #e6b84b38;border-radius:clamp(1.2rem,4vw,3rem);grid-template-rows:auto minmax(0,1fr);gap:.55rem;padding:clamp(.55rem,1.4vw,1rem);display:grid;overflow:hidden}.opponent-strip{flex-wrap:wrap;justify-content:center;gap:.55rem;display:flex}.player-seat{border:1px solid var(--border);min-width:145px;max-width:210px;box-shadow:var(--shadow-sm);background:#041c14cc;border-radius:999px;align-items:center;gap:.55rem;padding:.55rem .65rem;display:flex;position:relative}.player-seat.active{border-color:var(--gold);box-shadow:0 0 0 2px #e6b84b2e}.seat-copy{min-width:0;display:grid}.seat-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.seat-copy small{color:var(--text-soft);font-size:.7rem}.turn-marker{color:var(--gold);text-transform:uppercase;margin-left:auto;font-size:.62rem;font-weight:900}.table-center{justify-content:center;align-items:center;gap:clamp(.8rem,3vw,2rem);display:flex}.pile-zone{align-content:center;justify-items:center;gap:.45rem;min-width:130px;display:grid}.pile-label{color:var(--text-soft);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:.7rem;font-weight:900}.pile-zone>small{max-width:150px;min-height:2.2em;color:var(--text-soft);text-align:center;font-size:.68rem}.stock-pile,.empty-pile,.hidden-discard{width:var(--card-w);height:var(--card-h);border-radius:.55rem;place-items:center;display:grid}.stock-pile{border:3px solid var(--ivory);color:var(--ivory);background:repeating-linear-gradient(45deg,#173c30 0 6px,#d3a83f 6px 8px);padding:0;position:relative;box-shadow:4px 4px #cbbd9e,8px 8px 16px #0000004d}.stock-pile:disabled{opacity:1;cursor:default}.card-back-mark{aspect-ratio:1;width:65%;font:800 .8rem var(--font-display);background:#041c14d1;border:1px solid #ffffffb3;border-radius:50%;place-items:center;display:grid}.empty-pile{color:var(--text-soft);border:2px dashed #ffffff3b;font-size:.68rem}.hidden-discard{background:#051e159e;border:2px solid #ffffff29}.hidden-discard strong{font:800 1.6rem var(--font-display);align-self:end}.hidden-discard span{color:var(--text-soft);align-self:start;font-size:.65rem}.discard-cards{max-width:190px;min-height:var(--card-h);justify-content:center;align-items:center;display:flex}.discard-cards>*+*{margin-left:calc(var(--card-w) * -.58)}.table-or{color:#ffffff75;font:italic .85rem var(--font-display)}.player-hand{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.55rem .8rem .65rem}.hand-title{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.15rem;display:flex}.hand-title h2{margin:0}.hand-title h2 span{color:var(--text-soft);font-family:var(--font-ui);font-size:.75em}.hand-title>small{color:var(--gold)}.hand-cards{min-width:0;min-height:calc(var(--card-h) + .35rem);scrollbar-width:thin;scrollbar-color:var(--gold-dark) transparent;justify-content:center;align-items:end;padding-top:.35rem;display:flex;overflow:auto hidden}.hand-cards>*+*{margin-left:clamp(-1.45rem,-2vw,-.55rem)}.playing-card{flex:0 0 var(--card-w);width:var(--card-w);height:var(--card-h);background:linear-gradient(145deg, #fffdf8, var(--ivory));color:#17241f;font:900 clamp(.85rem, 1.6vw, 1.1rem) var(--font-display);z-index:1;border:2px solid #d8ceba;border-radius:.55rem;place-items:start;padding:.4rem;display:grid;position:relative;box-shadow:0 5px 13px #00000052}.playing-card.red{color:#b72e32}.playing-card.selected{border-color:var(--gold);z-index:3;transform:translateY(-9px);box-shadow:0 0 0 2px #fff,0 9px 18px #0000006b}.playing-card:disabled{opacity:1;cursor:default}.playing-card.compact{--card-w:clamp(2.8rem, 4.5vw, 3.6rem)}.playing-card>span:after{content:"";border:1px solid #10231d1f;border-radius:.35rem;position:absolute;inset:.25rem}.action-bar{border:1px solid var(--border);border-radius:var(--radius-md);background:#051a13eb;justify-content:space-between;align-items:center;gap:.8rem;min-height:62px;padding:.45rem .75rem;display:flex}.action-bar>div:first-child{display:grid}.action-bar small{color:var(--text-soft)}.action-buttons,.draw-options{justify-content:flex-end;align-items:center;gap:.55rem;display:flex}.draw-options{max-width:65%}.draw-discard-cards{display:flex;overflow-x:auto}.draw-discard-cards>*+*{margin-left:-1rem}.waiting-action{align-items:center;gap:.8rem;display:flex!important}.waiting-dots{color:var(--gold);letter-spacing:.18em}.declare{background:var(--danger);color:#fff}.utility-rail{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:.8rem;min-width:0;margin-top:1rem;display:grid}.online-scoreboard,.voice-panel,.game-details{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:0;overflow:hidden}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.scoreboard-heading,.voice-heading,.game-details>summary{justify-content:space-between;align-items:center;gap:.7rem;min-height:50px;padding:.7rem .8rem;display:flex}.scoreboard-heading .eyebrow{margin:0}.scoreboard-heading h2{font:800 .9rem var(--font-ui);margin:0 auto 0 0}.scoreboard-scroll{padding:0 .7rem .7rem;overflow-x:auto}.online-scoreboard table{border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums;white-space:nowrap;width:100%;font-size:.78rem}.online-scoreboard th,.online-scoreboard td{text-align:right;border-top:1px solid var(--border);background:var(--surface);min-width:2.6rem;padding:.5rem .35rem}.online-scoreboard th:first-child,.online-scoreboard td:first-child{z-index:1;text-align:left;min-width:6rem;position:sticky;left:0}.online-scoreboard th:last-child,.online-scoreboard td:last-child{z-index:1;box-shadow:-1px 0 var(--border);position:sticky;right:0}.online-scoreboard thead th{color:var(--text-soft);text-transform:uppercase;letter-spacing:.06em;font-size:.65rem}.leading-score{color:var(--gold);font-weight:900}.voice-heading span{color:var(--gold);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:.45rem;font-size:.7rem;font-weight:900;display:flex}.voice-heading small{color:var(--text-soft)}.voice-dot{background:#72847b;border-radius:50%;width:8px;height:8px}.voice-dot.online{background:var(--success);box-shadow:0 0 8px var(--success)}.voice-panel>:not(summary),.game-details>:not(summary){margin-left:.8rem;margin-right:.8rem}.voice-join,.voice-status{margin-bottom:.8rem}.voice-participants{gap:.3rem;display:grid}.voice-participants>div{background:#ffffff0d;border-radius:.4rem;justify-content:space-between;gap:1rem;padding:.45rem;display:flex}.voice-participants small{color:var(--text-soft)}.voice-participants .speaking{color:var(--success);font-weight:800}.voice-actions{gap:.5rem;margin-top:.7rem;margin-bottom:.8rem;display:flex}.voice-error{color:#ffd1c9;padding-bottom:.8rem;font-size:.82rem}.voice-panel .lk-start-audio-button{margin-bottom:.8rem}.game-details>summary{color:var(--text-soft);font-size:.8rem;font-weight:800}.game-details dl{margin-top:0}.game-details dl>div{border-top:1px solid var(--border);justify-content:space-between;gap:1rem;padding:.45rem 0;font-size:.75rem;display:flex}.game-details dt{color:var(--text-soft)}.game-details dd{text-align:right;margin:0}.game-details button{width:calc(100% - 1.6rem);margin-bottom:.8rem}.turn-alert-setting{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:.7rem;padding:.55rem 0;display:flex}.turn-alert-setting>span{font-size:.75rem;display:grid}.turn-alert-setting small{color:var(--text-soft);font-size:.65rem}.turn-alert-setting .alert-toggle{width:auto;min-height:38px;color:var(--gold);border-color:var(--gold-dark);background:0 0;margin:0;padding:.35rem .65rem}.turn-alert-setting .alert-toggle.enabled{color:#9ce0b8;border-color:var(--success);background:#65c48d29}.round-result{z-index:20;background:var(--ivory);width:min(620px,100% - 2rem);color:var(--ink);border:4px solid var(--gold);border-radius:var(--radius-lg);box-shadow:0 0 0 100vmax #000000b3, var(--shadow-lg);padding:clamp(1.2rem,4vw,2rem);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.round-result h2{font-size:clamp(1.8rem,5vw,2.7rem)}.result-scores{gap:.35rem;margin:1rem 0;display:grid}.result-scores>div{background:#10231d12;border-radius:.4rem;grid-template-columns:1fr auto auto;gap:1rem;padding:.6rem .7rem;display:grid}.result-scores small{color:#52625c}.round-result .secondary{color:var(--ink);border-color:#10231d40}.game-complete{border-color:var(--success)}.round-result .result-exit{color:#5b3028;background:0 0;border-color:#5b302847}.result-waiting{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.result-waiting p{color:#52625c;margin:0}.return-home{margin-top:.8rem}.revealed-hands{border-radius:var(--radius-sm);background:#10231d0f;max-height:min(42dvh,360px);margin-top:1rem;padding:.75rem;overflow-y:auto}.revealed-hands h3{font:800 .78rem var(--font-ui);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .55rem}.revealed-hand{border-top:1px solid #10231d1f;grid-template-columns:minmax(90px,.35fr) 1fr;align-items:center;gap:.65rem;padding:.45rem 0;display:grid}.revealed-hand>div:first-child{display:grid}.revealed-hand small{color:#52625c}.revealed-cards{min-width:0;padding:.2rem .1rem;display:flex;overflow-x:auto}.revealed-cards>*+*{margin-left:-.8rem}.error{color:#ffd1c9;border-radius:var(--radius-sm);background:#a02d2352;border:1px solid #ffb4a540;padding:.75rem}.floating-error{z-index:30;max-width:min(430px,100% - 2rem);box-shadow:var(--shadow-lg);position:fixed;bottom:1rem;right:1rem}.actions{flex-wrap:wrap;gap:.7rem;margin-top:1rem;display:flex}button.secondary,button.quiet{color:var(--text);border-color:var(--border);background:#ffffff14}button.quiet{min-height:40px;padding:.5rem .7rem;font-weight:650}button.danger{color:#ffb8ac}@media (max-width:900px){.utility-rail{grid-template-columns:1fr 1fr}.game-details{grid-column:1/-1}}@media (max-width:620px){:root{--card-w:clamp(3rem, min(16vw, 8dvh), 4rem)}.site-nav{min-height:54px}.site-nav .brand{font-size:1rem}.site-nav button{min-height:38px;padding:.42rem .55rem;font-size:.78rem}.game-panel,.online-game-shell{width:calc(100% - .5rem);margin:.25rem auto 1rem}.game-panel{border-radius:1rem;padding:1rem}.gameplay-stage{height:calc(100dvh - 62px)}.lobby-grid,.waiting-layout{grid-template-columns:1fr}.lobby-grid{gap:.8rem}.lobby-intro{margin-bottom:1.2rem}.lobby-room-header{align-items:flex-start}.lobby-room-header h1{font-size:1.8rem}.room-code-button{min-width:142px;padding:.45rem}.online-game-header{align-items:flex-start;padding:0 0 .3rem}.game-title .eyebrow{display:none}.game-title h1{margin-top:.5rem;font-size:1.15rem}.game-meta{gap:.25rem}.meta-chip{min-width:50px;min-height:40px;padding:.2rem .3rem}.room-chip{min-width:78px}.home-button{min-height:40px;padding:.3rem .45rem;font-size:.7rem}.turn-banner{min-height:48px;margin-bottom:.35rem;padding:.35rem .6rem}.turn-banner strong{font-size:.78rem}.turn-banner small{font-size:.66rem}.game-layout,.table-column,.utility-rail{gap:.35rem}.felt-table{border-radius:1.25rem;grid-template-rows:auto minmax(0,1fr);min-height:0;padding:.45rem}.opponent-strip{scroll-snap-type:x proximity;flex-wrap:nowrap;justify-content:flex-start;padding:.2rem .1rem .4rem;overflow-x:auto}.player-seat{scroll-snap-align:start;flex:0 0 142px;min-width:142px}.player-seat .seat-initials{width:30px;height:30px}.turn-marker{display:none}.table-center{gap:.45rem}.pile-zone{min-width:108px}.pile-zone>small{max-width:112px;font-size:.62rem}.table-or{font-size:.7rem}.player-hand{padding:.35rem .5rem .45rem}.hand-title{margin-bottom:0}.hand-title .eyebrow{display:none}.hand-title h2{font:800 .78rem var(--font-ui);text-transform:uppercase;letter-spacing:.06em}.hand-title>small{font-size:.62rem}.hand-cards{min-height:calc(var(--card-h) + .15rem);justify-content:flex-start;padding:.25rem .2rem 0}.hand-cards>*+*{margin-left:-1.35rem}.action-bar{flex-direction:row;align-items:center;gap:.4rem;min-height:54px;padding:.35rem .5rem}.action-bar>div:first-child strong{font-size:.76rem}.action-bar small{display:none}.action-buttons,.draw-options{justify-content:flex-end;max-width:66%}.action-buttons button,.draw-options>button{flex:1;padding:.45rem .55rem;font-size:.75rem}.draw-discard-cards{max-width:48%}.waiting-action{align-items:center;flex-direction:row!important}.utility-rail{grid-template-columns:1fr}.game-details{grid-column:auto}.online-scoreboard:not([open]) .scoreboard-heading,.voice-panel .voice-heading,.game-details>summary{min-height:48px}.online-scoreboard{order:1}.voice-panel{order:2}.game-details{order:3}.round-result{max-height:calc(100dvh - 1rem);overflow-y:auto}.result-scores>div{grid-template-columns:1fr auto}.result-scores small{grid-column:1/-1}.revealed-hands{max-height:38dvh}.revealed-hand{grid-template-columns:1fr;gap:.25rem}.revealed-hand>div:first-child{grid-template-columns:1fr auto}.revealed-cards{padding-bottom:.35rem}}@media (max-width:380px){.site-nav .brand{display:none}.site-nav button{flex:1}.game-title h1{font-size:1.05rem}.meta-chip{min-width:50px}.room-chip{min-width:76px}.meta-chip small{font-size:.58rem}.pile-zone{min-width:98px}.playing-card{padding:.3rem}}@media (max-height:650px){:root{--card-w:clamp(3rem, 7dvh, 3.5rem)}.site-nav{min-height:46px;padding-top:.2rem;padding-bottom:.2rem}.site-nav .brand{font-size:1rem}.site-nav button{min-height:36px;padding:.35rem .6rem;font-size:.78rem}.online-game-shell{margin-top:.15rem}.gameplay-stage{height:calc(100dvh - 48px)}.online-game-header{min-height:42px;padding-bottom:.2rem}.game-title .eyebrow{display:none}.game-title h1{white-space:nowrap;font-size:1.15rem}.meta-chip{min-height:38px;padding:.2rem .45rem}.home-button{min-height:38px}.turn-banner{min-height:42px;margin-bottom:.25rem;padding-top:.3rem;padding-bottom:.3rem}.table-column{gap:.3rem}.felt-table{gap:.2rem;padding:.35rem}.opponent-strip{gap:.3rem}.player-seat{min-width:132px;padding:.3rem .5rem}.player-seat .seat-initials{width:30px;height:30px}.table-center,.pile-zone{gap:.25rem}.pile-zone>small{min-height:1em}.player-hand{padding:.3rem .55rem .35rem}.hand-cards{min-height:calc(var(--card-h) + .1rem);padding-top:.1rem}.action-bar{min-height:50px;padding-top:.25rem;padding-bottom:.25rem}.utility-rail{margin-top:.5rem}}@media (max-width:620px) and (max-height:650px){.site-nav{gap:.25rem;padding-left:.5rem;padding-right:.5rem}.site-nav .brand{font-size:.9rem}.site-nav button{padding-left:.45rem;padding-right:.45rem}.online-game-shell{width:calc(100% - .3rem)}.online-game-header{gap:.35rem}.game-title h1{font-size:.95rem}.game-meta{gap:.25rem}.meta-chip{min-width:46px}.room-chip{min-width:74px}.home-button{padding-left:.35rem;padding-right:.35rem}.turn-banner small{font-size:.64rem}.player-seat{flex-basis:132px;min-width:132px}.pile-zone{min-width:96px}.hand-cards>*+*{margin-left:-1rem}.action-buttons button,.draw-options>button{padding-left:.45rem;padding-right:.45rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}