: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}.user-avatar{position:relative;display:inline-grid;place-items:center;width:38px;height:38px;min-width:38px;border-radius:999px;overflow:hidden;border:1px solid rgba(241,207,132,.28);background:#ffffff14;box-shadow:0 4px 14px #0000002e}.user-avatar img,.user-avatar-fallback{width:100%;height:100%}.user-avatar img{display:block;object-fit:cover}.user-avatar-fallback{display:grid;place-items:center;color:#f7ecd1;font-size:.86rem;font-weight:800;background:linear-gradient(135deg,#dab86ed1,#492c0ceb)}.user-avatar-fallback-bot{background:linear-gradient(135deg,#65b6ffe0,#1c4379f5)}.user-avatar-offline{border-color:#adadad52;box-shadow:0 4px 14px #0000001f}.user-avatar-offline img,.user-avatar-offline .user-avatar-fallback{filter:grayscale(1) saturate(0);opacity:.82}.user-offline-indicator{position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;width:18px;height:18px;border-radius:999px;background:#101413f0;border:1px solid rgba(255,255,255,.16);color:#d8dde0;font-size:.72rem;font-weight:900;line-height:1;box-shadow:0 2px 10px #00000052}.participant-avatar{width:34px;height:34px;min-width:34px}.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-avatar-badge{position:absolute;left:50%;top:9px;width:56px;height:56px;min-width:56px;transform:translate(-50%);border-width:2px;background:#0d1914f0;box-shadow:0 4px 12px #00000057,0 0 0 1px #f1cf842e;pointer-events:none;z-index:8}.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}.hero-game-screen{display:grid;height:100%;min-height:0;grid-template-rows:minmax(0,1fr) 348px;gap:.75rem;overflow:hidden}.hero-battlefield{min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:.6rem;padding:.72rem;border-radius:24px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#0c1a15f5,#08100dfa);overflow:hidden}.hero-stage-strip,.hero-war-banner{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}.hero-war-banner{padding:.58rem .75rem;border-radius:18px;border:1px solid rgba(221,185,107,.22);background:#2916106b}.hero-player-grid{min-height:0;display:grid;gap:.5rem;align-content:center;justify-content:center;overflow:hidden;padding-inline:0}.hero-player-grid-two,.hero-player-grid-four,.hero-player-grid-three{grid-template-columns:repeat(2,minmax(136px,156px))}.hero-player-grid-three>:first-child{grid-column:1 / span 2;justify-self:center;width:min(156px,100%)}.hero-player-grid-many{grid-template-columns:repeat(3,minmax(132px,150px))}.hero-player-card{position:relative;display:grid;gap:.38rem;padding:.4rem .44rem;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at top,rgba(233,201,132,.07),transparent 40%),#09140f9e;outline:none;overflow:visible}.hero-player-card-active{border-color:#f1cf846b;box-shadow:inset 0 0 0 1px #f1cf8429}.hero-player-card-speaking .hero-table-avatar{box-shadow:0 0 0 4px #53d18938,0 0 18px #53d18947}.hero-player-card:focus-visible{box-shadow:inset 0 0 0 1px #f1cf8429,0 0 0 3px #f1cf843d}.hero-road-link{position:absolute;top:50%;width:18px;height:5px;margin-top:-2.5px;background:linear-gradient(90deg,#c2a06033,#dfbf80e6,#c2a06033);border-radius:999px;box-shadow:0 0 12px #dfbf8038}.hero-road-link-left{left:-11px}.hero-road-link-right{right:-11px}.hero-player-head{display:flex;gap:.34rem;align-items:flex-start;justify-content:space-between}.hero-player-tribe{display:flex;gap:.4rem;align-items:center;min-width:0}.hero-tribe-image{width:32px;min-width:32px;border-radius:10px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.22))}.hero-player-title{min-width:0;display:grid;gap:.14rem}.hero-player-title strong,.hero-player-title span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-player-title span{color:var(--muted);font-size:.66rem}.hero-player-title strong{font-size:.74rem}.hero-player-avatar{width:28px;height:28px;min-width:28px}.hero-table-avatar{width:30px;height:30px;min-width:30px}.hero-resource-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem}.hero-resource-pill{display:inline-flex;align-items:center;gap:.24rem;padding:.16rem .24rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;font-size:.6rem;line-height:1.1}.hero-resource-pill strong{color:var(--text)}.hero-resource-icon{width:14px;height:14px;border-radius:4px;object-fit:cover}.hero-civilization-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.28rem;align-items:stretch}.hero-structure-strip{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:.25rem}.hero-structure{display:grid;justify-items:center;align-content:center;gap:.12rem;padding:.18rem .14rem;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:#ffffff0a;min-height:40px}.hero-structure-primary{min-height:100%;background:radial-gradient(circle at center,rgba(221,185,107,.13),transparent 70%),#ffffff0a}.hero-structure-icon{width:18px;height:16px;object-fit:cover;border-radius:4px}.hero-structure-primary .hero-structure-icon{width:34px;height:22px}.hero-structure-count{font-size:.76rem;line-height:1}.hero-structure-label{color:var(--muted);font-size:.56rem}.hero-player-stats{display:flex;gap:.25rem;flex-wrap:wrap}.hero-player-stats .pill{padding:.16rem .34rem;font-size:.58rem}.hero-table-bottom{display:grid;gap:.45rem}.hero-bottom-row{display:flex;align-items:center;justify-content:center;gap:1rem}.hero-discard-slot{width:96px;min-height:126px;display:grid;place-items:center;outline:none}.hero-discard-slot:focus-visible{border-radius:18px;box-shadow:0 0 0 3px #f1cf849e}.hero-card-asset{width:86px;min-width:86px;border-radius:10px}.hero-discard-empty{width:96px;min-height:118px;display:grid;place-items:center;padding:.5rem;border-radius:16px;border:1px dashed rgba(221,185,107,.28);color:var(--muted);text-align:center;font-size:.8rem}.hero-control-panel{display:grid;gap:.55rem;padding:.65rem .75rem;border-radius:18px;border:1px solid rgba(221,185,107,.16);background:#09140f85;position:relative;z-index:1}.hero-hand-controls{min-height:0;display:grid;align-content:start;gap:.35rem;position:relative;z-index:2}.hero-hand-cards{min-height:0;display:grid;overflow:hidden}.hero-control-head,.hero-option-group{display:grid;gap:.3rem}.hero-chip-row{display:flex;gap:.45rem;flex-wrap:wrap}.hero-war-unit-row .secondary{min-height:44px}.hero-inline-actions{justify-content:flex-start}.hero-hand-panel{grid-template-rows:auto auto minmax(0,1fr);gap:.6rem}.hero-hand-panel-with-trade-picker{grid-template-rows:auto auto auto minmax(0,1fr)}.hero-trade-picker{display:grid;gap:.45rem;padding:.58rem .68rem;border-radius:18px;border:1px solid rgba(241,207,132,.24);background:#ffffff0d}.hero-trade-picker-head{display:grid;gap:.22rem}.hero-hand-card{width:96px;border-radius:6px}.hero-hand-card-asset{border-radius:6px}.hero-empty-hand{padding:.75rem .25rem}.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-panel-with-inline-picker{grid-template-rows:auto auto minmax(0,1fr);gap:.35rem}.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}.inline-suit-picker{display:grid;gap:.55rem;padding:.65rem .75rem;border-radius:18px;border:1px solid rgba(241,207,132,.24);background:#ffffff0d;position:relative;z-index:1}.inline-suit-picker-head{display:flex;gap:.65rem;align-items:center;justify-content:space-between}.inline-suit-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.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}.hero-layout{grid-template-columns:72px minmax(0,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}.hero-card-asset{width:60px;min-width:60px;border-radius:8px}.hero-game-screen{grid-template-rows:minmax(0,1fr) 290px;gap:.45rem}.hero-battlefield{padding:.56rem;gap:.42rem}.hero-discard-slot{min-height:90px}.hero-discard-empty{min-height:84px;font-size:.72rem}.hero-table{gap:.42rem}.hero-control-panel{padding:.52rem .58rem;gap:.45rem}.hero-player-grid{gap:.45rem}.hero-player-card{padding:.44rem .46rem;gap:.3rem}.hero-player-grid-two,.hero-player-grid-four,.hero-player-grid-three,.hero-player-grid-many{grid-template-columns:repeat(2,minmax(114px,132px))}.hero-player-grid-three>:first-child{grid-column:1 / span 2;width:min(132px,100%)}.hero-tribe-image{width:30px;min-width:30px}.hero-player-title strong{font-size:.74rem}.hero-player-title span{font-size:.62rem}.hero-player-avatar{width:28px;height:28px;min-width:28px}.hero-table-avatar{width:30px;height:30px;min-width:30px}.hero-resource-summary{grid-template-columns:1fr 1fr}.hero-civilization-body{gap:.28rem}.hero-structure{min-height:40px;padding:.2rem .15rem}.hero-structure-icon{width:18px;height:16px}.hero-structure-primary .hero-structure-icon{width:32px;height:22px}.hero-structure-count{font-size:.76rem}.hero-structure-label{font-size:.56rem}.hero-trade-picker{padding:.5rem .55rem;gap:.38rem}.hero-hand-panel{gap:.42rem}.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}.participant-avatar{width:30px;height:30px;min-width:30px}.user-offline-indicator{width:16px;height:16px;font-size:.64rem}.hand-panel{padding:.5rem .55rem .35rem;gap:.4rem;border-radius:20px}.hand-panel-with-inline-picker{gap:.3rem}.hand-strip{grid-template-columns:1fr;gap:.25rem}.inline-suit-picker{padding:.55rem .6rem;gap:.45rem}.inline-suit-picker-head{flex-direction:column;align-items:flex-start}.hand-fan-scroll{padding-bottom:0}.hand-card{width:80px;border-radius:6px}.hand-card-asset{border-radius:6px}.opponent-avatar-badge{width:50px;height:50px;min-width:50px;left:50%;top:7px}.mile-hand-card{width:92px;border-radius:3px}.mile-hand-card-asset{border-radius:3px}.hero-hand-card{width:84px;border-radius:4px}.hero-hand-card-asset{border-radius:4px}}.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}.hero-layout{grid-template-columns:66px minmax(0,1fr)}.table-card-asset{width:66px;min-width:66px}.mile-table{grid-template-rows:minmax(0,1fr) 102px;gap:.42rem}.hero-card-asset{width:54px;min-width:54px}.hero-game-screen{grid-template-rows:minmax(0,1fr) 252px}.hero-discard-slot{min-height:82px}.hero-player-card{padding:.46rem .5rem}.hero-resource-pill{font-size:.7rem}.hero-structure{min-height:64px}.hero-structure-primary .hero-structure-icon{width:56px;height:36px}.hero-tribe-image{width:38px;min-width:38px}.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}.hero-hand-card{width:78px}}