:root{color-scheme:dark;--bg-deep: #0b1713;--bg-felt: #123528;--panel: rgba(16, 33, 26, .92);--panel-soft: rgba(20, 44, 34, .88);--line: rgba(221, 196, 132, .2);--line-strong: rgba(221, 196, 132, .38);--text: #f5ebcf;--muted: #cbbf97;--gold: #ddb96b;--gold-strong: #f1cf84;--green-accent: #2b7a59;--danger: #8b352f;--shadow: 0 24px 80px rgba(0, 0, 0, .34);font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-height:100vh;overflow:hidden;background:radial-gradient(circle at top center,rgba(221,185,107,.1),transparent 22rem),radial-gradient(circle at left center,rgba(44,101,76,.34),transparent 24rem),linear-gradient(180deg,#07110d,#0d1f18 20%,#143528);color:var(--text)}button,input{font:inherit}img{display:block;max-width:100%}.sr-only-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:700}.shell{position:relative;width:100%;height:100dvh;padding:1rem}.screen{width:100%;height:100%;overflow:hidden}.screen-centered{display:grid;place-items:center}.panel{background:var(--panel);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.home-card,.join-card,.game-picker-card,.loading-card{width:min(620px,100%);padding:2rem}.loading-card{text-align:center;font-size:1.1rem}.home-card{display:grid;gap:1.5rem;text-align:center;background:linear-gradient(180deg,#183228f2,#0b1b15fa),var(--panel);justify-items:stretch}.join-card{display:grid;gap:1rem;height:min(100%,760px);grid-template-rows:auto minmax(0,1fr);background:linear-gradient(180deg,#162b22f2,#0c1914fa);overflow:hidden}.game-picker-card{display:grid;gap:1rem;background:linear-gradient(180deg,#162b22f2,#0c1914fa)}.eyebrow{margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-size:.72rem}.muted{color:var(--muted)}.screen-actions{display:flex;gap:.85rem;flex-wrap:wrap;align-items:center}.screen-actions.vertical{flex-direction:column}.hero-button,.wide-button{width:100%}.compact-button{padding:.55rem .8rem}.public-rooms-panel{min-height:0;display:grid;height:100%}.public-room-row{display:flex;gap:.75rem;align-items:center;justify-content:space-between}.public-rooms-list{min-height:0;display:grid;align-content:start;gap:.65rem;overflow:auto;padding-right:.2rem}.join-card-header{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center}.join-card-header h2{text-align:center}.back-button{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .7rem;color:var(--text)}.back-button-arrow{font-size:1.1rem;line-height:1}.public-room-item{width:100%;text-align:left;padding:.95rem;border-radius:18px;border:1px solid rgba(221,185,107,.16);background:#ffffff0a;color:var(--text);display:grid;gap:.45rem}.game-option-list{display:grid;gap:.75rem}.game-option-item{width:100%;text-align:left;padding:1rem 1.05rem;border-radius:18px;border:1px solid rgba(221,185,107,.16);background:#ffffff0a;color:var(--text);display:grid;gap:.35rem}.game-option-title{font-size:1.02rem;font-weight:800}.game-option-summary,.public-room-code-row{color:var(--muted);font-size:.9rem}.public-room-item:disabled{opacity:.55}.public-room-meta{color:var(--muted);font-size:.92rem}.public-room-full{color:#f0a8a1;font-size:.85rem}input{width:100%;min-width:0;background:#ffffff0a;border:1px solid var(--line);color:var(--text);border-radius:16px;padding:.95rem 1rem}button{border:0;border-radius:16px;padding:.9rem 1.2rem;cursor:pointer;transition:transform .14s ease,opacity .14s ease,background .14s ease}button:hover{transform:translateY(-1px)}button:disabled{opacity:.42;cursor:not-allowed;transform:none}.primary{background:linear-gradient(135deg,var(--gold),var(--gold-strong));color:#2e1b06;font-weight:800}.secondary{background:#ffffff0f;color:var(--text);border:1px solid rgba(255,255,255,.08)}.ghost{background:transparent;color:var(--muted)}.danger-text{color:#f0a8a1}.banner{border-radius:16px;padding:.95rem 1rem;background:#ddb96b1f;border:1px solid rgba(221,185,107,.2)}.banner.error{background:#8b352f47;border-color:#d76c625c}.global-banner{position:absolute;top:1rem;left:50%;transform:translate(-50%);width:min(760px,calc(100% - 2rem));z-index:20}.voice-button{position:absolute;top:.75rem;right:.75rem;z-index:24;width:82px;height:82px;min-width:82px;padding:0;background:#0e2019f0;color:var(--text);border:1px solid rgba(221,196,132,.24);box-shadow:0 16px 32px #00000047;display:grid;place-items:center;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}.voice-button:hover{transform:translate(-1px)}.voice-button-icon{width:36px;height:36px}.voice-button:focus-visible{box-shadow:0 16px 32px #00000047,0 0 0 3px #f1cf846b}.voice-button-active{background:linear-gradient(180deg,#246b4df5,#174c36f5);border-color:#80ffbf7a;color:#f2fff8;animation:voice-button-pulse 1.08s ease-in-out infinite}@keyframes voice-button-pulse{0%{box-shadow:0 16px 32px #00000047,0 0 #4ac98442}70%{box-shadow:0 16px 32px #00000047,0 0 0 12px #4ac98400}to{box-shadow:0 16px 32px #00000047,0 0 #4ac98400}}.card-flight{position:fixed;z-index:40;pointer-events:none;overflow:visible;transform:translateZ(0) scale(1);transform-origin:center center}.card-flight.animate{transition:transform .44s cubic-bezier(.22,.9,.24,1);transform:translate3d(var(--flight-x, 0px),var(--flight-y, 0px),0) scale(var(--flight-scale-x, 1),var(--flight-scale-y, 1))}.card-flight-shell{position:relative;width:100%;height:100%;transform-style:preserve-3d}.card-flight.animate .card-flight-shell{animation:card-flip .44s ease forwards}.card-flight-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden}.card-flight-front{transform:rotateY(180deg)}.card-flight-stack{position:relative;width:100%;height:100%}.card-flight-stack-layer{position:absolute;top:0;right:0;bottom:0;left:0}.card-flight-stack-layer-1{transform:translate(4px,-3px)}.card-flight-stack-layer-2{transform:translate(8px,-6px)}.card-flight-stack-layer-3{transform:translate(12px,-9px)}.card-flight-stack-count{position:absolute;right:-8px;bottom:-8px;min-width:28px;padding:.18rem .42rem;border-radius:999px;background:#08130eeb;border:1px solid rgba(241,207,132,.44);color:var(--text);font-size:.78rem;font-weight:800;line-height:1;text-align:center}@keyframes card-flip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.lobby-screen{display:grid;place-items:center}.lobby-main-card{width:min(980px,100%);height:min(100%,760px);padding:1.4rem;display:grid;gap:.85rem;grid-template-rows:auto auto minmax(0,1fr) auto;background:radial-gradient(circle at top left,rgba(221,185,107,.08),transparent 20rem),linear-gradient(180deg,#152c22f2,#0a1813fa);overflow:hidden}.screen-header,.section-title,.participant-name-row,.hand-panel-head,.opponent-meta,.top-zone-head{display:flex;gap:.75rem;align-items:center;justify-content:space-between}.status-chip,.pill{border:1px solid var(--line-strong);background:#ffffff0d;border-radius:999px;padding:.42rem .8rem;color:var(--muted);white-space:nowrap}.inset-panel{padding:1rem;background:var(--panel-soft);border-radius:22px;border:1px solid rgba(255,255,255,.04);display:grid;gap:.9rem}.setting-label{font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.toggle-row{display:flex;gap:.75rem}.toggle-button-active{background:linear-gradient(135deg,var(--gold),var(--gold-strong));color:#2e1b06;border-color:#ffeeb370;font-weight:800}.toggle-button-active:hover{background:linear-gradient(135deg,#e6c373,#f5d991)}.toggle-button-active:disabled{opacity:1}.lobby-settings-bar{gap:.55rem}.fool-settings-panel{gap:.75rem}.fool-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem .85rem}.visibility-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem;align-items:center}.compact-hint{font-size:.88rem}.checkbox-toggle{display:inline-flex;align-items:center;gap:.65rem;min-width:0;color:var(--text);font-weight:700}.checkbox-toggle input,.selection-toggle input{width:1.15rem;height:1.15rem;margin:0;accent-color:var(--gold-strong)}.checkbox-toggle input:disabled{cursor:not-allowed}.checkbox-toggle-active{color:var(--gold-strong)}.icon-button{width:44px;min-width:44px;height:44px;padding:0;display:grid;place-items:center}.icon-button svg{width:20px;height:20px}.icon-button-danger{color:#f0a8a1}.participant-grid{display:grid;gap:.55rem;grid-template-columns:1fr;overflow-y:auto;overflow-x:hidden;min-height:0;align-content:start;padding-right:.15rem}.participant-list-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:center}.participant-panel{min-height:0;overflow:hidden;grid-template-rows:auto minmax(0,1fr)}.participant-card{border-radius:16px;border:1px solid rgba(221,185,107,.12);background:#ffffff08;padding:.7rem .8rem;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.65rem;align-items:center;min-height:0;width:100%}.participant-card-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.participant-card:focus-visible,.participant-card-control:focus-visible,.participant-card-view:focus-visible{outline:none;border-color:#f1cf84b3;box-shadow:inset 0 0 0 1px #f1cf843d,0 0 0 3px #f1cf842e}.participant-card-view{outline:none}.participant-card-interactive{cursor:pointer}.participant-card-speaking{border-color:#4ac98461;box-shadow:inset 0 0 0 1px #4ac9841f}.participant-card-speaking .participant-display-name{color:#8ff0bb}.participant-main{display:flex;gap:.55rem;align-items:center;min-width:0}.participant-display-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-status{color:var(--muted);white-space:nowrap;font-size:.92rem}.participant-status-ready{color:var(--gold-strong)}.participant-row-actions{display:flex;gap:.45rem;align-items:center;justify-content:flex-end;min-width:0}.selection-toggle{display:inline-grid;place-items:center;width:40px;min-width:40px;height:40px;border-radius:12px;border:1px solid rgba(221,196,132,.18);background:#ffffff0a;color:transparent;font-size:1.05rem;font-weight:800;line-height:1}.selection-toggle-active{background:linear-gradient(135deg,var(--gold),var(--gold-strong));border-color:#ffeeb370;color:#2e1b06}.participant-remove-button{width:40px;min-width:40px;height:40px}.game-screen{display:grid;height:100%;min-height:0;grid-template-rows:136px minmax(0,1fr) 238px;gap:.75rem;overflow:hidden}.top-zone{min-height:0;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.opponents-scroll{display:flex;width:100%;height:100%;justify-content:center;overflow-x:auto;overflow-y:hidden}.opponents-track{display:flex;gap:.8rem;width:max-content;min-width:100%;height:100%;align-items:stretch;justify-content:center;margin-inline:auto;padding-bottom:.05rem}.opponent-seat{width:128px;min-width:128px;height:100%;padding:.55rem .6rem;border-radius:20px;border:1px solid rgba(255,255,255,.06);background:#0e2019c7;display:grid;gap:.28rem;justify-items:center;align-content:start;flex:0 0 auto;overflow:hidden;outline:none}.opponent-seat.active{border-color:#ddb96b59;box-shadow:inset 0 0 0 1px #ddb96b38}.opponent-stack-shell{position:relative;border-radius:18px}.opponent-stack-shell:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:22px;background:radial-gradient(circle,rgba(241,207,132,.18),transparent 68%);opacity:0;transform:scale(.92);transition:opacity .18s ease;pointer-events:none}.opponent-stack-shell.active:before{opacity:1;animation:active-stack-halo 1.6s ease-in-out infinite}.opponent-stack-shell.speaking:after{content:"";position:absolute;top:-4px;right:-4px;width:14px;height:14px;border-radius:999px;background:#57d98d;box-shadow:0 0 #57d98d57,0 0 18px #57d98d94;animation:speaking-indicator-pulse .98s ease-in-out infinite}@keyframes speaking-indicator-pulse{0%{transform:scale(.92);box-shadow:0 0 #57d98d57,0 0 18px #57d98d94}70%{transform:scale(1.08);box-shadow:0 0 0 10px #57d98d00,0 0 18px #57d98d6b}to{transform:scale(.92);box-shadow:0 0 #57d98d00,0 0 18px #57d98d94}}@keyframes active-stack-halo{0%{opacity:.5;transform:scale(.92);filter:blur(0)}50%{opacity:1;transform:scale(1.04);filter:blur(1px)}to{opacity:.5;transform:scale(.92);filter:blur(0)}}.opponent-seat:focus-visible{border-color:#f1cf84b3;box-shadow:inset 0 0 0 1px #f1cf8442,0 0 0 3px #f1cf8433}.opponent-meta{flex-direction:column;gap:.14rem;text-align:center;align-items:center;justify-content:start;font-size:.74rem;line-height:1.2;min-width:0}.opponent-meta strong,.opponent-meta span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-layout{min-height:0;height:100%;display:grid;gap:.75rem;grid-template-columns:98px minmax(0,1fr);align-items:stretch;overflow:hidden}.table-side,.table-center{min-height:0}.table-center{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:.4rem}.deck-zone{height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.6rem}.fool-deck-zone{gap:.8rem}.deck-stack-button{padding:0;background:transparent;border:0;display:grid;justify-items:start;width:100%}.deck-stack-button .card-stack{transform:translate(-6px)}.deck-stack-button-active{cursor:pointer}.deck-stack-button[aria-disabled=true]{opacity:.7;cursor:default}.deck-stack-button:focus-visible{border-radius:22px;box-shadow:0 0 0 3px #f1cf849e}.deck-actions{display:grid;gap:.45rem;width:100%;margin-top:.5rem}.fool-trump-slot{width:100%;min-height:118px;display:grid;place-items:center;outline:none}.fool-trump-slot:focus-visible{border-radius:18px;box-shadow:0 0 0 3px #f1cf849e}.fool-trump-card{width:72px;min-width:72px}.fool-trump-empty{width:100%;min-height:100px;display:grid;place-items:center;padding:.5rem;border-radius:18px;border:1px dashed rgba(221,185,107,.3);color:var(--muted);text-align:center;font-size:.82rem}.deck-button{width:100%;text-align:center;min-height:54px;font-size:1rem;font-weight:700}.deck-button[aria-disabled=true],.deck-button-inactive{opacity:.48;cursor:default}.deck-button[aria-disabled=true]:hover,.deck-button-inactive:hover{transform:none}.card-stack{position:relative;width:96px;height:138px}.card-stack.empty{border-radius:18px;border:1px dashed rgba(221,185,107,.3);background:#ffffff08}.card-stack.compact{width:58px;height:84px}.card-stack-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(0,0,0,.28))}.card-stack-count{position:absolute;right:-8px;bottom:-10px;min-width:38px;padding:.3rem .6rem;border-radius:999px;background:#08130ee0;border:1px solid var(--line-strong);font-weight:700;text-align:center}.table-surface{height:100%;min-height:0;padding:.75rem .9rem;border-radius:28px;border:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at center,rgba(43,122,89,.26),transparent 18rem),linear-gradient(180deg,#0f3a2ceb,#0a261df5);box-shadow:inset 0 0 0 1px #ffffff0a;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.table-chain{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:.9rem;min-width:0}.fool-board{width:100%;height:100%;min-height:0;display:flex;flex-wrap:wrap;gap:.8rem .95rem;align-content:center;justify-content:center;overflow:auto;padding:.2rem}.fool-board-empty{color:var(--muted);font-size:.94rem}.fool-board-pair{position:relative;width:136px;min-width:136px;height:156px;padding:0;border-radius:18px;border:1px solid rgba(221,185,107,.14);background:#ffffff0a;outline:none}.fool-board-pair[aria-disabled=true]{cursor:default}.fool-board-pair:focus-visible,.fool-board-pair-selected{box-shadow:inset 0 0 0 1px #f1cf8438,0 0 0 3px #f1cf8447;border-color:#f1cf8475}.fool-board-card{position:absolute;width:86px;min-width:86px}.fool-board-attack{left:18px;top:22px}.fool-board-defense{right:12px;top:44px;transform:rotate(9deg)}.table-history-stack{flex:0 0 auto}.discard-zone{width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;padding-inline:.35rem}.table-card-chain{flex:0 0 auto}.table-card-chain+.table-card-chain{margin-left:calc(-1 * var(--table-overlap, 0px))}.table-card-frame{padding:0;border:0;background:transparent;outline:none}.table-card-frame:focus-visible{border-radius:16px;box-shadow:0 0 0 3px #f1cf84b8}.table-card-asset{width:102px;max-width:none;min-width:102px;filter:drop-shadow(0 18px 24px rgba(0,0,0,.3))}.table-banner{position:absolute;left:.75rem;right:.75rem;bottom:.75rem;display:flex;gap:.6rem;justify-content:space-between;align-items:center;flex-wrap:wrap}.mile-layout{grid-template-columns:1fr}.mile-layout>.table-center{grid-column:1 / -1}.mile-table{width:100%;height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 136px;gap:.75rem;align-items:stretch}.mile-discard-area{min-height:0;display:flex;align-items:center;justify-content:center}.mile-discard-card{width:78px;min-width:78px}.mile-card-asset{width:78px;min-width:78px;border-radius:14px}.mile-lanes{min-height:0;display:flex;flex-direction:column;justify-content:center;gap:.55rem;overflow-y:auto;overflow-x:hidden;padding:0 .2rem 0 0}.mile-lane{border-radius:18px;border:1px solid rgba(221,185,107,.14);background:#0917128a;padding:.62rem .75rem;display:grid;gap:.42rem;outline:none}.mile-lane-active{border-color:#f1cf8475;box-shadow:inset 0 0 0 1px #f1cf8424,0 0 0 2px #f1cf8414}.mile-lane:focus-visible{box-shadow:inset 0 0 0 1px #f1cf842e,0 0 0 3px #f1cf8447}.mile-lane-top,.mile-lane-meta{display:flex;gap:.45rem;align-items:center;justify-content:space-between;min-width:0}.mile-lane-top strong,.mile-lane-top span,.mile-lane-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mile-lane-top{font-size:.82rem}.mile-lane-meta{color:var(--muted);font-size:.72rem}.mile-progress{position:relative;height:26px}.mile-progress-track,.mile-progress-fill{position:absolute;left:0;top:50%;height:6px;transform:translateY(-50%);border-radius:999px}.mile-progress-track{right:0;background:#ffffff14}.mile-progress-fill{background:linear-gradient(90deg,#ddb96b70,#f1cf84eb);min-width:10px}.mile-car{position:absolute;top:50%;width:46px;min-width:46px;transform:translateY(-50%);filter:drop-shadow(0 8px 10px rgba(0,0,0,.28))}.mile-bottom-row{display:flex;justify-content:center;align-items:center;gap:1.1rem;min-height:0;overflow:hidden}.mile-bottom-deck{display:flex;align-items:center;justify-content:center}.mile-deck-stack{width:auto}.mile-deck-stack .card-stack{transform:none}.mile-target-banner{gap:.8rem}.mile-hand-card{width:108px;border-radius:4px}.mile-hand-card-asset{border-radius:4px}.table-event-log{min-height:0;padding:.15rem 0;overflow-x:auto;overflow-y:hidden}.table-event-log-track{display:flex;gap:.4rem;min-width:max-content;align-items:center}.table-event-log-empty,.table-event-log-entry{flex:0 0 auto;border-radius:999px;padding:.24rem .58rem;border:1px solid rgba(221,196,132,.18);background:#09140fb3;color:var(--muted);font-size:.76rem;line-height:1.2;white-space:nowrap}.table-event-log-entry{color:var(--text);outline:none}.table-event-log-entry:focus-visible{box-shadow:0 0 0 3px #f1cf846b}.hand-panel{height:100%;min-height:0;padding:.65rem .7rem .45rem;border-radius:24px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#12261ef5,#0a1511fa);display:grid;grid-template-rows:auto minmax(0,1fr);gap:.5rem;overflow:hidden}.hand-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem;align-items:center;min-height:0}.hand-summary{min-width:0;outline:none;border-radius:18px}.hand-summary:focus-visible{box-shadow:0 0 0 3px #f1cf849e}.hand-status,.hand-actions{display:flex;gap:.45rem;min-width:0;overflow-x:auto;overflow-y:hidden}.hand-status{justify-content:flex-start}.hand-actions{justify-content:flex-end}.hand-status .status-chip,.hand-actions button{flex:0 0 auto}.hand-fan-scroll{display:flex;justify-content:center;min-height:0;overflow-x:auto;overflow-y:hidden;padding-bottom:.1rem}.hand-fan{display:flex;gap:.45rem;min-width:max-content;height:100%;align-items:flex-end;padding:0 .25rem .15rem;margin-inline:auto}.hand-card-slot{position:relative;transition:transform .14s ease;flex:0 0 auto}.hand-card-slot:hover{transform:translateY(-6px);z-index:6}.hand-card{width:92px;padding:0;border-radius:8px;background:transparent;border:0}.hand-card-asset{border-radius:8px}.card-asset{width:100%;height:auto;border-radius:18px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.22))}.card-playable .card-asset{filter:drop-shadow(0 0 0 rgba(0,0,0,0)) drop-shadow(0 0 20px rgba(241,207,132,.34)) drop-shadow(0 10px 18px rgba(0,0,0,.22))}.card-muted{opacity:.82}.card-disabled{cursor:default}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040807b8;display:grid;place-items:center;padding:1rem;z-index:30}.modal{width:min(360px,100%);background:#10261d;border:1px solid var(--line);border-radius:24px;padding:1.25rem;display:grid;gap:1rem}.suit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (max-width: 960px){.lobby-layout{grid-template-columns:1fr}}@media (max-width: 720px){.shell{height:100dvh;padding:.5rem}.screen{height:calc(100dvh - 1rem)}.game-screen{grid-template-rows:112px minmax(0,1fr) 224px;gap:.45rem}.screen-header,.section-title{flex-direction:column;align-items:flex-start}.global-banner{width:calc(100% - 1rem)}.voice-button{top:.5rem;right:.5rem;width:72px;height:72px;min-width:72px}.voice-button-icon{width:32px;height:32px}.home-card,.join-card,.game-picker-card,.loading-card,.lobby-main-card{padding:1rem}.lobby-main-card,.join-card{height:100%}.join-card-header{grid-template-columns:1fr;justify-items:stretch}.join-card-header h2{text-align:left}.status-chip,.pill{padding:.32rem .56rem;font-size:.76rem}.opponents-track{gap:.45rem}.opponent-seat{width:100px;min-width:100px;padding:.42rem;gap:.2rem;border-radius:18px}.opponent-meta{font-size:.68rem;line-height:1.15}.card-stack.compact{width:42px;height:60px}.card-stack{width:68px;height:98px}.card-stack-count{min-width:30px;padding:.18rem .4rem;font-size:.72rem}.table-layout{gap:.45rem;grid-template-columns:72px minmax(0,1fr)}.mile-layout{grid-template-columns:1fr}.deck-zone{gap:.35rem}.deck-actions{gap:.3rem;margin-top:.55rem}.deck-stack-button .card-stack{transform:translate(-4px)}.deck-button{min-height:48px;padding:.45rem .35rem;font-size:.84rem}.table-surface{padding:.55rem;border-radius:22px}.table-chain{gap:.45rem}.fool-board{gap:.55rem}.fool-board-pair{width:108px;min-width:108px;height:128px;border-radius:16px}.fool-board-card{width:68px;min-width:68px}.fool-board-attack{left:14px;top:16px}.fool-board-defense{right:10px;top:34px}.fool-trump-slot{min-height:92px}.fool-trump-card{width:58px;min-width:58px}.table-card-asset{width:74px;min-width:74px}.mile-table{grid-template-rows:minmax(0,1fr) 112px;gap:.5rem}.mile-discard-card,.mile-card-asset{width:64px;min-width:64px;border-radius:10px}.mile-lanes{gap:.42rem}.mile-lane{padding:.5rem .56rem;border-radius:15px}.mile-lane-top{font-size:.75rem}.mile-lane-meta{font-size:.68rem}.mile-progress{height:22px}.mile-progress-track,.mile-progress-fill{height:5px}.mile-car{width:38px;min-width:38px}.mile-bottom-row{gap:.7rem}.table-event-log-empty,.table-event-log-entry{font-size:.7rem;padding:.2rem .5rem}.screen-actions,.toggle-row{gap:.4rem}.fool-settings-grid{grid-template-columns:1fr}.public-room-item{padding:.75rem;gap:.35rem}.public-room-meta{font-size:.84rem}button{padding:.56rem .72rem;font-size:.9rem}.participant-card{padding:.7rem;gap:.25rem;font-size:.92rem}.hand-panel{padding:.5rem .55rem .35rem;gap:.4rem;border-radius:20px}.hand-strip{grid-template-columns:1fr;gap:.25rem}.hand-fan-scroll{padding-bottom:0}.hand-card{width:80px;border-radius:6px}.hand-card-asset{border-radius:6px}.mile-hand-card{width:92px;border-radius:3px}.mile-hand-card-asset{border-radius:3px}}.spectator-panel{justify-content:center}.spectator-summary{display:grid;gap:.45rem;align-items:center}@media (max-width: 420px){.game-screen{grid-template-rows:104px minmax(0,1fr) 208px}.opponent-seat{width:88px;min-width:88px}.card-stack.compact{width:38px;height:54px}.card-stack{width:60px;height:86px}.table-layout{grid-template-columns:66px minmax(0,1fr)}.mile-layout{grid-template-columns:1fr}.table-card-asset{width:66px;min-width:66px}.mile-table{grid-template-rows:minmax(0,1fr) 102px;gap:.42rem}.mile-discard-card,.mile-card-asset{width:58px;min-width:58px}.mile-lane{padding:.45rem .5rem}.mile-lane-top{font-size:.72rem}.mile-lane-meta{font-size:.64rem}.mile-car{width:34px;min-width:34px}.mile-bottom-row{gap:.55rem}.table-event-log-empty,.table-event-log-entry{font-size:.67rem;padding:.18rem .46rem}.deck-stack-button .card-stack{transform:translate(-3px)}.voice-button{top:.45rem;right:.45rem;width:64px;height:64px;min-width:64px}.voice-button-icon{width:28px;height:28px}.hand-card{width:74px;border-radius:5px}.hand-card-asset{border-radius:5px}.mile-hand-card{width:84px}}