: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);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--fullscreen-reserve-top: 0px;--fullscreen-reserve-bottom: 0px;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,textarea{font:inherit}img{display:block;max-width:100%}.sr-only-live,.sr-only{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}.shell-fullscreen{--fullscreen-reserve-top: 2.8rem;--fullscreen-reserve-bottom: .2rem;padding-top:calc(1rem + var(--safe-top) + var(--fullscreen-reserve-top));padding-right:calc(1rem + var(--safe-right));padding-bottom:calc(1rem + var(--safe-bottom) + var(--fullscreen-reserve-bottom));padding-left:calc(1rem + var(--safe-left))}.shell-match{--match-topbar-height: 46px;display:grid;grid-template-rows:var(--match-topbar-height) minmax(0,1fr);gap:0}.screen{width:100%;height:100%;overflow:hidden}.screen-centered{display:grid;place-items:center}.home-screen{padding:calc(var(--safe-top) + .8rem) 1rem calc(var(--safe-bottom) + 1rem)}.home-screen-layout{width:min(620px,100%);height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:.95rem;justify-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;display:grid;gap:.6rem;justify-items: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;align-self:center}.home-profile-strip{display:grid;grid-template-columns:1fr;gap:.85rem;justify-items:center;align-items:center;text-align:center;padding:.95rem 1rem;border-radius:20px;border:1px solid rgba(221,185,107,.14);background:#ffffff09}.home-profile-user{min-width:0;display:flex;align-items:center;gap:.85rem}.home-profile-avatar{width:52px;height:52px;min-width:52px}.ranked-avatar{position:relative;display:inline-flex}.ranked-avatar-mark{position:absolute;right:-6px;bottom:-6px;width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:#0a1813f2;border:1px solid rgba(221,185,107,.42);box-shadow:0 6px 16px #0000004d;font-size:.85rem;line-height:1}.home-profile-meta{min-width:0;display:grid;gap:.25rem;text-align:left}.home-profile-meta strong{min-width:0;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-profile-rank{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--muted)}.home-secondary-actions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.home-secondary-actions button{width:100%}.home-secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.home-secondary-icon{font-size:1rem;line-height:1}.home-close-row{width:100%;display:flex;justify-content:center;padding-bottom:.2rem}.home-main-actions{width:100%}.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}.profile-screen{padding:0}.profile-card,.friends-card{width:min(760px,100%);height:min(100%,760px);padding:2rem;display:grid;align-content:start;gap:1.15rem;overflow:auto;background:linear-gradient(180deg,#162b22f2,#0c1914fa)}.profile-card-header{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center}.profile-card-header-compact{grid-template-columns:auto 1fr}.profile-card-header h2{text-align:center}.profile-loading-state{display:grid;gap:.45rem;padding:1rem;border-radius:18px;background:#ffffff09;border:1px solid rgba(221,185,107,.14)}.profile-summary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:center;padding:1rem;border-radius:22px;border:1px solid rgba(221,185,107,.14);background:#ffffff09}.profile-summary-avatar{width:74px;height:74px;min-width:74px}.profile-summary-meta{min-width:0;display:grid;gap:.25rem;text-align:left}.profile-summary-meta h3,.profile-summary-meta p{min-width:0;overflow-wrap:anywhere}.profile-rank-line{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--muted)}.profile-section{display:grid;gap:.85rem;padding:1rem;border-radius:22px;border:1px solid rgba(221,185,107,.14);background:#ffffff09}.profile-section-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.profile-section-header h3{font-size:1rem}.profile-table{display:grid;gap:0}.profile-table-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding:.9rem 0;border-bottom:1px solid rgba(221,185,107,.12)}.profile-table-row:last-child{border-bottom:0;padding-bottom:0}.profile-table-label{color:var(--muted);text-align:left}.profile-table-value{font-size:1rem;font-weight:800;text-align:right}.profile-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.95rem}.settings-switch-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.9rem;align-items:center;padding:.95rem 1rem;border-radius:18px;border:1px solid rgba(221,185,107,.14);background:#ffffff09;text-align:left;color:var(--text)}.settings-switch-row:disabled{opacity:.65;cursor:default}.settings-switch-row-active{border-color:#f1cf8452;background:#f1cf840f}.settings-switch-copy{min-width:0;display:grid;gap:.24rem}.settings-switch-copy strong{font-size:.95rem}.settings-switch-note{color:var(--muted);font-size:.78rem}.settings-switch{width:50px;min-width:50px;height:30px;padding:3px;display:inline-flex;align-items:center;justify-content:flex-start;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);transition:background-color .14s ease,border-color .14s ease}.settings-switch-active{justify-content:flex-end;background:#f1cf8438;border-color:#f1cf8466}.settings-switch-thumb{width:22px;height:22px;border-radius:999px;background:#f7ead0;box-shadow:0 4px 12px #00000038}.settings-confirm-checkbox-row{margin-top:.35rem}.settings-confirm-checkbox-row .settings-switch-copy{gap:0}.profile-field{display:grid;gap:.45rem}.profile-select{width:100%;min-width:0;background:#ffffff0a;border:1px solid var(--line);color:var(--text);border-radius:16px;padding:.95rem 1rem}.friend-list{display:grid;gap:.7rem}.friend-list-item{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.9rem 1rem;border-radius:18px;border:1px solid rgba(221,185,107,.14);background:#ffffff09;text-align:left;color:var(--text)}.friend-list-user{min-width:0;display:flex;align-items:center;gap:.8rem}.friend-list-user strong{min-width:0;overflow-wrap:anywhere}.friend-list-meta{min-width:0;display:grid;gap:.2rem}.friend-list-rank{display:inline-flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.84rem}.friend-list-arrow{font-size:1.2rem;color:var(--muted)}.friend-list-avatar{width:52px;height:52px;min-width:52px}.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-stack{position:absolute;left:50%;bottom:calc(1rem + var(--safe-bottom) + var(--fullscreen-reserve-bottom));transform:translate(-50%);width:min(760px,calc(100% - 2rem));display:grid;gap:.6rem;justify-items:stretch;z-index:20;pointer-events:none}.global-banner{width:100%;pointer-events:auto;background:#17271f;border-color:#ddb96b80;box-shadow:0 16px 32px #00000061}.global-banner.error{background:#592922;border-color:#f0a8a185}.match-topbar{display:flex;justify-content:center;align-items:center;gap:0;min-height:var(--match-topbar-height);height:var(--match-topbar-height);margin:0}.match-topbar-center{min-width:0;display:flex;justify-content:center}.match-content{min-height:0}.shell-mafia{background:radial-gradient(circle at top center,rgba(111,122,255,.12),transparent 24rem),radial-gradient(circle at left center,rgba(73,82,184,.18),transparent 22rem),linear-gradient(180deg,#0a0d24,#101737 38%,#151d49)}.shell-mafia .match-tabbar{background:#111534f0;border-color:#9badff2e}.shell-mafia .match-tab:hover{background:#ffffff0a}.shell-mafia .match-chat-shell{background:radial-gradient(circle at top left,rgba(132,146,255,.08),transparent 20rem),linear-gradient(180deg,#151c48f2,#0b0e2afa)}.shell-mafia .match-table-card,.shell-mafia .match-table-participant-panel,.shell-mafia .panel.inset-panel{background:linear-gradient(180deg,#181f4ef2,#0c102efa),#111534eb;border-color:#9badff2e}.match-tabbar{position:static;display:inline-flex;gap:.35rem;padding:.3rem;border-radius:999px;background:#0b1b15eb;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}.match-tab{-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:92px;min-height:40px;padding:.55rem .95rem;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--muted);font-weight:700;backface-visibility:hidden;transform:translateZ(0);will-change:background-color,background-image,color,border-color}.match-tab:hover{background:#ffffff0d}.match-tab-active,.match-tab[aria-selected=true]{background-color:var(--gold);background:linear-gradient(135deg,var(--gold),var(--gold-strong));color:#2e1b06;border-color:#ffeeb370;box-shadow:inset 0 1px #fff8d66b,0 10px 24px #704a0b2e}.match-tab-badge{min-width:1.35rem;height:1.35rem;padding:0 .32rem;border-radius:999px;background:#8b352ff5;color:#fff4ef;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;box-shadow:0 6px 14px #00000038}.match-tab-active .match-tab-badge,.match-tab[aria-selected=true] .match-tab-badge{background:#4b2108e0;color:#fff4d3}.match-tabpanel{width:100%;height:100%;padding-top:0;box-sizing:border-box}.match-chat-screen{height:100%}.match-chat-shell{width:100%;height:100%;padding:1rem;display:grid;gap:.85rem;grid-template-rows: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}.match-chat-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:.85rem}.match-chat-log{min-height:0;display:grid;align-content:start;gap:.7rem;overflow-y:auto;padding-right:.2rem}.match-chat-log-empty{align-content:center}.match-chat-empty-state{text-align:center}.chat-message{display:flex;align-items:flex-end;gap:.65rem;max-width:min(100%,40rem)}.chat-message-mine{margin-left:auto;justify-content:flex-end}.chat-message-avatar{flex-shrink:0}.chat-message-bubble{min-width:0;display:grid;gap:.35rem;padding:.8rem .95rem;border-radius:18px;background:#ffffff0d;border:1px solid rgba(221,196,132,.16);box-shadow:0 10px 20px #00000029}.chat-message-mine .chat-message-bubble{background:linear-gradient(135deg,#f1cf842e,#d69d423d);border-color:#f1cf8457}.chat-message-meta{display:flex;align-items:baseline;gap:.45rem;min-width:0;font-size:.82rem}.chat-message-meta strong,.chat-message-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-message-meta span,.chat-message-meta time{color:var(--muted)}.chat-message-meta time{margin-left:auto;flex-shrink:0;font-variant-numeric:tabular-nums}.chat-message-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.4}.match-chat-compose{display:grid;gap:.7rem}.match-chat-compose-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;align-items:end}.match-chat-input{min-height:46px;max-height:112px;resize:none;overflow-y:auto;padding:.72rem .92rem;font-size:16px;line-height:1.35}.match-chat-actions{justify-content:flex-end}.match-chat-send-button{width:46px;min-width:46px;height:46px;border-radius:14px;padding:0;place-items:center}.match-chat-send-button svg{width:18px;height:18px}.floating-controls{position:static;display:flex;align-items:center;gap:.4rem}.voice-button{width:58px;height:58px;min-width:58px}.voice-button-icon{width:26px;height:26px}.fullscreen-button{width:46px;height:46px;min-width:46px}.fullscreen-button-icon{width:20px;height:20px}.fullscreen-button,.voice-button{position:static;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}.fullscreen-button{width:62px;height:62px;min-width:62px}.fullscreen-button:hover,.voice-button:hover{transform:translate(-1px)}.fullscreen-button-icon{width:28px;height:28px}.voice-button-icon{width:36px;height:36px}.fullscreen-button:focus-visible,.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-lite.animate{transition-duration:.32s}.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)}}@media (pointer: coarse){.voice-button-active{animation:none}.opponent-stack-shell.active:before{animation:none;opacity:.88;transform:scale(1)}.opponent-stack-shell.speaking:after{animation:none}}.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}.lobby-share-actions{display:flex;align-items:center;gap:.55rem}.lobby-help-button{display:inline-flex;align-items:center;gap:.48rem;padding-inline:.9rem;min-height:44px;white-space:nowrap}.lobby-help-button svg{width:18px;height:18px}.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:.4rem;align-items:center}.participant-panel{min-height:0;overflow:hidden;grid-template-rows:auto minmax(0,1fr)}.match-table-card{padding-top:4.25rem}.match-table-participant-panel{min-height:0}.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-name-block{min-width:0;display:grid;gap:.15rem}.participant-display-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-rank-line{display:inline-flex;align-items:center;gap:.3rem;min-width:0;color:var(--muted);font-size:.78rem;line-height:1.1}.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}.table-participant-side-actions{display:grid;gap:.4rem;justify-items:center;align-content:center}.participant-name-menu-wrap{min-width:0}.friend-action-button{height:40px;min-width:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid rgba(221,196,132,.26);background:#ffffff0f;color:var(--text);font-size:.86rem;font-weight:700;line-height:1;white-space:nowrap;box-shadow:0 8px 16px #00000029}.friend-action-button-compact{width:40px}.friend-action-button:hover:not(:disabled){background:#f1cf8429;border-color:#f1cf8457}.friend-action-button:focus-visible{outline:none;box-shadow:0 0 0 3px #f1cf8442,0 10px 20px #00000038}.friend-action-button:disabled{opacity:1;cursor:default}.friend-action-icon{font-size:1.02rem;line-height:1}.friend-action-send{color:var(--gold-strong);background:#f1cf841f}.friend-action-pending{color:#d7c38d;background:#d7c38d1f}.friend-action-friend{color:#8ff0bb;border-color:#4ac98447;background:#4ac9841a}.compact-button{min-height:40px;padding:.52rem .72rem}.modal-option-list{display:grid;gap:.55rem}.modal-option-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%}.friend-invite-modal{width:min(420px,100%)}.friend-invite-list{display:grid;gap:.55rem;max-height:min(48vh,320px);overflow-y:auto;padding-right:.15rem}.friend-invite-option{width:100%;display:flex;align-items:center;gap:.7rem;padding:.75rem .85rem;border-radius:18px;border:1px solid rgba(221,196,132,.18);background:#ffffff0d;color:var(--text);text-align:left}.friend-invite-option:hover{background:#f1cf841f;border-color:#f1cf8447}.friend-invite-option:focus-visible{outline:none;box-shadow:0 0 0 3px #f1cf8447,0 12px 24px #00000038}.friend-invite-option-static{cursor:default}.friend-invite-option-meta{min-width:0;display:grid;gap:.12rem}.friend-invite-option-meta strong,.friend-invite-option-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-invite-option-meta span{color:var(--muted);font-size:.84rem}.game-screen{display:grid;height:100%;min-height:0;grid-template-rows:136px minmax(0,1fr) 248px;gap:.75rem;overflow:hidden}.game-screen-content{display:contents}.top-zone{min-height:0;height:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.35rem;overflow:hidden}.top-zone-controls{display:flex;align-items:flex-start;justify-content:flex-end;align-self:start;height:auto}.table-side-controls{width:100%;margin-top:auto;justify-content:flex-start}.shell-fullscreen .game-screen{grid-template-rows:auto minmax(0,1fr) 238px;gap:.18rem}.shell-fullscreen .top-zone{align-items:start}.shell-fullscreen .opponents-scroll{height:auto;align-items:flex-start}.shell-fullscreen .opponents-track{height:auto;align-items:flex-start;padding-bottom:0}.shell-fullscreen .opponent-seat{height:auto;min-height:0}.shell-fullscreen .hero-game-screen{grid-template-rows:minmax(0,1fr) 312px;gap:.45rem}.opponents-scroll{display:flex;width:100%;min-width:0;height:100%;align-items:flex-start;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-seat.screenreader-virtual-active{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-stack-button.screenreader-virtual-active{border-radius:22px;box-shadow:0 0 0 3px #f1cf849e}.deck-actions{display:grid;gap:.45rem;width:100%;margin-top:.5rem}.deck-count-label{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:.2rem .5rem;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--muted);font-size:.78rem;line-height:1.1;white-space:nowrap}.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-slot.screenreader-virtual-active{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-surface-game101{overflow:visible}.table-declared-suit-status{position:absolute;top:.75rem;left:50%;z-index:3;transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:.4rem .8rem;border-radius:999px;border:1px solid rgba(241,207,132,.42);background:#08140ff0;color:var(--text);font-size:.84rem;font-weight:800;letter-spacing:.01em;white-space:nowrap;box-shadow:0 12px 26px #0000004d,inset 0 0 0 1px #ffffff0a;pointer-events:none}.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-pair.screenreader-virtual-active{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}.table-history-stack.screenreader-virtual-active{border-radius:18px;box-shadow:0 0 0 3px #f1cf84b8}.discard-zone{width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;padding-inline:.35rem}.discard-zone-game101{overflow:visible;padding-inline:2rem}.table-card-chain{flex:0 0 auto}.table-card-chain+.table-card-chain{margin-left:calc(-1 * var(--table-overlap, 0px))}.table-card-frame{position:relative;display:inline-flex;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-frame.screenreader-virtual-active{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-card-frame-declared-suit{overflow:visible}.table-card-declared-suit{position:absolute;right:.35rem;bottom:.38rem;z-index:2;display:inline-flex;align-items:center;gap:.35rem;min-height:26px;max-width:calc(100% - .7rem);padding:.25rem .5rem;border-radius:999px;border:1px solid rgba(241,207,132,.5);background:#08140feb;color:var(--text);font-size:.72rem;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 18px #0000004d,inset 0 0 0 1px #ffffff0a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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}.mafia-layout{grid-template-columns:1fr}.mafia-layout>.table-center{grid-column:1 / -1}.game101-screen,.fool-screen,.mile-game-screen{position:relative}.game101-area-slider{position:absolute;margin:0;opacity:.01;z-index:0;accent-color:transparent}.game101-area-slider:focus-visible{outline:none}.game101-area-button{position:absolute;margin:0;opacity:.01;z-index:0;background:transparent;border:0;padding:0}.game101-area-button:focus-visible{outline:none}.game101-screen .top-zone,.game101-screen .table-layout,.game101-screen .hand-panel,.fool-screen .top-zone,.fool-screen .table-layout,.fool-screen .hand-panel,.mile-game-screen .top-zone,.mile-game-screen .table-layout,.mile-game-screen .hand-panel{position:relative;z-index:1}.game101-screen .screenreader-virtual-active,.fool-screen .screenreader-virtual-active,.mile-game-screen .screenreader-virtual-active{scroll-margin-inline:1rem;scroll-margin-block:.75rem}.game101-accessible-microphone{position:absolute;z-index:3;display:flex;align-items:center;justify-content:flex-start;pointer-events:none}.game101-accessible-microphone .floating-controls,.game101-accessible-microphone .voice-button{pointer-events:auto}.mafia-game-screen{position:relative;grid-template-rows:auto minmax(0,1fr) auto auto;gap:.7rem;padding:.38rem;border-radius:30px;background:radial-gradient(circle at top center,rgba(98,108,222,.12),transparent 22rem),linear-gradient(180deg,#0e122cf5,#0a0d20fa)}.mafia-observers-area{position:relative}.mafia-area-slider{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:.01;z-index:0;accent-color:transparent}.mafia-area-slider:focus-visible{outline:none}.mafia-observers-strip{position:relative;z-index:1;display:flex;gap:.55rem;min-height:0;overflow-x:auto;padding:.42rem .5rem;border-radius:22px;background:#0d112ad1;border:1px solid rgba(142,159,255,.16)}.mafia-observer-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .6rem;border-radius:999px;background:#12182cdb;border:1px solid rgba(138,158,255,.22);color:var(--muted)}.mafia-observer-avatar{width:28px;height:28px}.mafia-observer-role{color:#ebefffcc;font-size:.76rem}.mafia-table-surface{position:relative;background:radial-gradient(circle at center,rgba(92,103,214,.2),transparent 18rem),linear-gradient(180deg,#171e4df0,#121438fa);border-color:#8c97ff2e}.mafia-stage-banner{position:absolute;top:.65rem;left:50%;z-index:2;transform:translate(-50%);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;width:min(540px,calc(100% - 1.6rem));min-height:34px;padding:.55rem .9rem;border-radius:22px;background:#10122aeb;border:1px solid rgba(154,171,255,.26);box-shadow:0 12px 28px #00000052}.mafia-stage-banner-main{min-width:0;display:grid;gap:.14rem}.mafia-stage-banner-main strong{font-size:.96rem}.mafia-stage-banner-main span{color:var(--muted);font-size:.76rem;line-height:1.28}.mafia-stage-banner-timer{align-self:start;font-weight:800;font-variant-numeric:tabular-nums}.mafia-center-board{width:min(560px,calc(100% - 3rem));display:flex;justify-content:center;justify-items:center;align-items:center;z-index:1}.mafia-center-reveal{display:grid;gap:.6rem;justify-items:center;text-align:center}.mafia-center-reveal strong{font-size:.92rem}.mafia-center-nominees{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.mafia-center-card{width:min(176px,calc(50% - .45rem));min-width:136px;padding:.78rem .9rem;border-radius:20px;border:1px solid rgba(154,171,255,.22);background:#0f122ce0;outline:none;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.mafia-center-card-actionable{cursor:pointer;color:var(--text);text-align:inherit}.mafia-center-card-actionable:hover,.mafia-center-card-actionable:active{transform:none}.mafia-center-card:focus-visible{box-shadow:0 12px 24px #00000047,0 0 0 3px #a6b8ff42}.mafia-center-card-visual{display:grid;gap:.35rem;justify-items:center;text-align:center}.mafia-center-avatar{width:52px;height:52px}.mafia-center-role{color:var(--muted);font-size:.82rem}.mafia-ring{position:absolute;top:.3rem;right:0;bottom:0;left:0}.mafia-seat{position:absolute;width:112px;min-width:112px;padding:0;background:transparent;border:0;transform:translate(-50%,-50%);outline:none;transition:none}.mafia-seat:hover,.mafia-seat:active{transform:translate(-50%,-50%)}.mafia-seat-shell{position:relative;display:grid;gap:.32rem;justify-items:center;padding:.48rem .44rem;border-radius:18px;background:#0d122cd6;border:1px solid rgba(145,165,255,.18);box-shadow:0 10px 24px #0000003d}.mafia-seat-avatar{width:48px;height:48px}.mafia-seat-meta{display:grid;gap:.12rem;text-align:center}.mafia-seat-meta strong{font-size:.78rem}.mafia-seat-meta span{color:var(--muted);font-size:.68rem;line-height:1.2}.mafia-seat[aria-disabled=true]{cursor:default}.mafia-seat[aria-disabled=false]{cursor:pointer}.mafia-seat:focus-visible .mafia-seat-shell,.mafia-seat[aria-disabled=false]:hover .mafia-seat-shell{border-color:#bbc9ff66;box-shadow:0 12px 24px #00000047,0 0 0 3px #a1b6ff33}.mafia-seat-active .mafia-seat-shell{border-color:#f1cf846b;box-shadow:0 12px 24px #00000047,0 0 0 2px #f1cf8429}.mafia-seat-speaking .mafia-seat-shell{border-color:#6fffc56b}.mafia-message-bubble{position:absolute;bottom:calc(100% + .45rem);left:50%;transform:translate(-50%);max-width:160px;padding:.45rem .6rem;border-radius:16px;background:#edf2fff5;color:#151b3d;box-shadow:0 10px 22px #0000003d;font-size:.78rem;line-height:1.3}.mafia-message-bubble:after{content:"";position:absolute;top:100%;left:50%;width:12px;height:12px;background:#edf2fff5;transform:translate(-50%,-45%) rotate(45deg)}.mafia-bottom-bar{position:relative;padding:.6rem .7rem;border-radius:24px;background:#0d112ad1;border:1px solid rgba(142,159,255,.16)}.mafia-bottom-visual{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.9rem}.mafia-role-card{--mafia-role-accent: rgba(161, 182, 255, .4);justify-self:start;display:grid;gap:.42rem;width:min(132px,34vw);min-height:154px;padding:.72rem .68rem .8rem;border-radius:22px;background:linear-gradient(180deg,#151b44fa,#0d122ffa);border:1px solid color-mix(in srgb,var(--mafia-role-accent) 36%,rgba(255,255,255,.14));box-shadow:inset 0 0 0 1px #ffffff0a,0 12px 26px #00000038;color:#eef2ff;outline:none}.mafia-role-card-compact{width:min(102px,100%);min-height:122px;padding:.55rem .5rem .6rem;border-radius:18px}.mafia-role-card:focus-visible{box-shadow:0 0 0 3px #a1b6ff38}.mafia-role-card-header{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.mafia-role-emoji{font-size:1.15rem}.mafia-role-badge{display:inline-flex;align-items:center;min-height:22px;padding:.12rem .45rem;border-radius:999px;background:color-mix(in srgb,var(--mafia-role-accent) 34%,rgba(11,15,41,.9));color:#f6f8ff;font-size:.66rem;font-weight:800;letter-spacing:.02em}.mafia-role-card-art-frame{display:grid;place-items:center;min-height:86px;border-radius:16px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--mafia-role-accent) 28%,rgba(44,56,130,.92)),#11183ff5 72%);border:1px solid rgba(255,255,255,.08)}.mafia-role-card-compact .mafia-role-card-art-frame{min-height:64px;border-radius:14px}.mafia-role-card-art{width:72px;height:72px;object-fit:contain}.mafia-role-card-compact .mafia-role-card-art{width:52px;height:52px}.mafia-role-title{display:block;text-align:center;font-weight:800;font-size:.82rem;line-height:1.18}.mafia-mic-slot{justify-self:center}.mafia-voice-control .voice-button{width:104px;height:104px;min-width:104px;border-radius:999px;background:#1c2147f5;border-color:#9aabff47}.mafia-voice-control .voice-button.voice-button-active{background:linear-gradient(180deg,#5d60d5fa,#3d3c9dfa);border-color:#b7c4ff85;color:#f5f7ff}.mafia-voice-control .voice-button:focus-visible{box-shadow:0 16px 32px #00000047,0 0 0 3px #a6b8ff52}.mafia-keyboard-slot{justify-self:end}.mafia-keyboard-button{width:78px;min-width:78px;height:78px;border-radius:22px;padding:0;font-size:1.65rem;background:#1c2147f5;border-color:#9aabff3d}.mafia-keyboard-panel{display:flex;align-items:flex-end;gap:.55rem;padding:.75rem .85rem calc(.75rem + var(--safe-bottom));border-radius:22px 22px 0 0;background:#0c0f26f5;border:1px solid rgba(145,165,255,.18)}.mafia-keyboard-input{flex:1 1 auto;min-height:52px;resize:none;padding:.7rem .8rem;border-radius:16px;border:1px solid rgba(145,165,255,.18);background:#1c2147f0;color:var(--text)}.mafia-finish-actions{display:flex;justify-content:center;gap:.7rem}.mafia-finish-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:grid;align-content:center;justify-items:center;gap:.8rem;padding:1rem;background:#070a1c38}.mafia-finish-summary{width:min(520px,calc(100% - 1rem));display:grid;gap:.22rem;justify-items:center;padding:.9rem 1rem;border-radius:22px;background:#0d122ce0;border:1px solid rgba(145,165,255,.18);text-align:center}.mafia-finish-summary strong{font-size:1rem}.mafia-finish-summary span{color:var(--muted);line-height:1.3}.mile-table{width:100%;height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;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:grid;grid-template-columns:max-content max-content;justify-content:center;align-items:end;column-gap:1.1rem;row-gap:.55rem;min-height:0;overflow:hidden}.mile-bottom-deck{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-start;gap:.7rem;min-width:0}.mile-bottom-controls{margin-top:0;justify-content:flex-start;flex:0 0 auto}.mile-deck-stack{width:auto;flex:0 0 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}.shell-fullscreen .hand-panel{padding:.42rem .65rem .3rem;gap:.35rem}.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-group{min-width:0;display:flex;gap:.4rem;align-items:center;overflow-x:auto;overflow-y:hidden}.hand-summary{min-width:0;outline:none;border-radius:18px;flex:0 0 auto}.hand-summary:focus-visible{box-shadow:0 0 0 3px #f1cf849e}.hand-summary.screenreader-virtual-active{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}.fool-hand-scroll{display:block;justify-content:initial;padding-left:max(.8rem,env(safe-area-inset-left));padding-right:max(.7rem,env(safe-area-inset-right));overflow-x:auto;overflow-y:hidden;text-align:left;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;direction:ltr;scroll-padding-left:max(.8rem,env(safe-area-inset-left))}.fool-hand-fan{display:inline-flex;width:max-content;min-width:max-content;justify-content:flex-start;margin-inline:0;padding-left:.2rem;padding-right:1.2rem;direction:ltr}.hand-card-slot{position:relative;transition:transform .14s ease;flex:0 0 auto}.queen-suit-context-menu{position:absolute;left:50%;bottom:calc(100% + .55rem);z-index:12;transform:translate(-50%);width:max-content;min-width:176px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;padding:.45rem;border-radius:16px;border:1px solid rgba(241,207,132,.28);background:#0a1812f5;box-shadow:0 16px 28px #00000057,inset 0 0 0 1px #ffffff0a}.queen-suit-option{display:inline-flex;align-items:center;justify-content:flex-start;gap:.4rem;min-height:38px;border-radius:12px;border:1px solid rgba(241,207,132,.28);background:#ffffff0d;color:var(--text);padding:.42rem .6rem;font:inherit;font-size:.88rem;font-weight:700;white-space:nowrap}.queen-suit-option:hover{background:#f1cf842e;border-color:#f1cf846b}.queen-suit-option:focus-visible{outline:none;box-shadow:0 0 0 3px #f1cf8457,0 10px 20px #00000042}.queen-suit-option-symbol{width:1rem;text-align:center;font-size:1rem}.queen-suit-option-symbol-diamonds,.queen-suit-option-symbol-hearts{color:#ef9a93}.hand-card-slot:hover,.hand-card-slot.screenreader-virtual-active{transform:translateY(-6px);z-index:6}.hand-card{width:92px;padding:0;border-radius:8px;background:transparent;border:0}.hand-actions .screenreader-virtual-active,.fool-deck-zone .deck-button.screenreader-virtual-active{box-shadow:0 0 0 3px #f1cf8452,0 10px 20px #0000002e}.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}.round-summary-modal{width:min(760px,100%)}.round-summary-lead{margin:-.35rem 0 0}.round-summary-table-wrap{overflow-x:auto}.game101-round-summary-modal{width:min(980px,calc(100vw - 1.5rem))}.game-help-modal{width:min(1120px,calc(100vw - 1rem));max-height:calc(100vh - 1rem);padding:0;gap:0;overflow:hidden;grid-template-rows:auto minmax(0,1fr) auto}.game-help-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.08);background:#10261d;min-width:0}.game-help-close-button{flex-shrink:0}.game-help-close-button-wide{min-width:160px}.game-help-modal-scroll{min-height:0;overflow-y:auto;padding:0 1.25rem 1.25rem;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.game-help-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:.9rem 1.25rem 1.15rem;border-top:1px solid rgba(255,255,255,.08);background:#10261d}.game-help-content{display:grid;gap:1rem}.game-help-hero{display:grid;gap:.65rem;padding:1rem 0 .35rem}.game-help-lead{margin:0;font-size:1rem;color:#edf5ef;max-width:56rem}.game-help-section{display:grid;gap:.7rem;padding:1rem 1rem 1.1rem;border-radius:22px;background:#ffffff09;border:1px solid rgba(255,255,255,.05)}.game-help-text-block{display:grid;gap:.55rem}.game-help-text-block p,.game-help-section h4,.game-help-scene-copy p,.game-help-scene-copy h4{margin:0}.game-help-list{margin:0;padding-left:1.2rem;display:grid;gap:.35rem}.game-help-scene{display:grid;grid-template-columns:minmax(260px,.95fr) minmax(0,1.4fr);gap:1rem;padding:1rem;border-radius:26px;background:radial-gradient(circle at top left,rgba(252,228,171,.14),transparent 34%),linear-gradient(180deg,#153e31f0,#0a221bfa);border:1px solid rgba(255,255,255,.08);outline:none}.game-help-scene:focus-visible{box-shadow:0 0 0 2px #f1cf84b3,0 18px 40px #00000047}.game-help-scene-copy{display:grid;gap:.7rem;align-content:start}.game-help-scene-screen{min-width:0;display:grid;gap:.8rem;padding:.9rem;border-radius:24px;background:linear-gradient(180deg,#12382cf2,#0a1c16f2),linear-gradient(135deg,#ffffff05,#fff0);border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px #ffffff0a}.game-help-scene-header{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.status-chip-muted{background:#ffffff14;color:#f1f5f2}.game-help-scene-table{display:grid;gap:.8rem;min-height:240px;padding:1rem;border-radius:26px;background:radial-gradient(circle at 35% 15%,rgba(255,255,255,.07),transparent 28%),linear-gradient(180deg,#11523df2,#0a3729f2);border:1px solid rgba(255,255,255,.07)}.game-help-scene-table-badge{display:inline-flex;align-items:center;gap:.55rem;width:fit-content;padding:.4rem .65rem;border-radius:999px;background:#ffffff1a;color:#f8faf8;font-size:.86rem}.game-help-scene-table-cards{flex:1;min-height:0;display:grid;gap:.9rem;align-content:center}.game-help-scene-previous-chain,.game-help-scene-top-card{display:grid;gap:.45rem}.game-help-scene-label{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ecf4efb8}.game-help-scene-previous-row{display:flex;flex-wrap:wrap;gap:.45rem}.game-help-inline-card{width:72px;border-radius:10px;box-shadow:0 10px 24px #00000042}.game-help-inline-card-small{width:58px}.game-help-inline-card-large{width:84px}.game-help-scene-hand{display:grid;gap:.7rem}.game-help-scene-hand-copy{display:flex;justify-content:space-between;gap:.8rem;align-items:center;flex-wrap:wrap}.game-help-scene-tip{font-size:.86rem;color:#e8e6c5}.game-help-scene-hand-row{display:flex;align-items:flex-end;gap:.55rem;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:.2rem;scrollbar-width:thin}.game-help-hand-card{position:relative;flex:0 0 auto;padding:.22rem;border-radius:14px}.game-help-hand-card-highlighted{background:#f1cf8429;box-shadow:inset 0 0 0 1px #f1cf848c}.game-help-drawn-card{position:relative;width:112px;height:148px}.game-help-drawn-card .game-help-inline-card{position:absolute;left:0;top:0}.game-help-drawn-card-face{left:28px;top:0}.game-help-drawn-card-shell{margin-left:.2rem}.game-help-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.game-help-action-card{display:grid;gap:.65rem;padding:.9rem;border-radius:18px;background:#ffffff09;border:1px solid rgba(255,255,255,.06)}.game-help-action-top{display:flex;align-items:center;gap:.7rem}.game-help-action-card p{margin:0;font-size:.92rem;color:#edf4ef}.game-help-score-grid{display:flex;gap:.55rem;flex-wrap:wrap}.game-help-score-chip{padding:.48rem .72rem;border-radius:999px;background:#f1cf8424;border:1px solid rgba(241,207,132,.24);color:#f8f1d7;font-size:.9rem;font-weight:700}@media (max-width: 860px){.game-help-modal{width:min(100%,calc(100vw - .75rem));max-height:calc(100vh - .75rem)}.game-help-modal-header{padding:1rem 1rem .85rem}.game-help-modal-scroll{padding:0 1rem 1rem}.game-help-modal-footer{padding:.85rem 1rem 1rem}.game-help-scene{grid-template-columns:1fr}.game-help-scene-table{min-height:220px}}@media (max-width: 560px){.game-help-inline-card{width:60px}.game-help-inline-card-small{width:50px}.game-help-inline-card-large{width:72px}.game-help-scene-table{min-height:200px;padding:.85rem}.game-help-action-grid{grid-template-columns:1fr}}.round-summary-list-head,.round-summary-list-row{display:grid;grid-template-columns:minmax(0,1fr) 92px minmax(0,1.9fr);gap:0}.round-summary-list-head{color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.round-summary-list-head span,.round-summary-list-cell{padding:.72rem .8rem}.round-summary-list-cell{display:flex;align-items:center}.round-summary-list{display:grid}.round-summary-list-row{border-top:1px solid rgba(255,255,255,.08);align-items:center;outline:none}.round-summary-list-row:focus-visible{box-shadow:inset 0 0 0 2px #f1cf848c}.round-summary-table{width:100%;border-collapse:collapse;min-width:520px}.round-summary-table th,.round-summary-table td{padding:.72rem .8rem;text-align:left;vertical-align:top;border-top:1px solid rgba(255,255,255,.08)}.round-summary-table thead th{border-top:none;color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.round-summary-row-winner{background:#f1cf8414}.round-summary-player-cell{display:grid;gap:.32rem;align-content:center}.round-summary-player-name{font-weight:700;color:var(--text);font-size:1rem}.round-summary-player-badge{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:.18rem .5rem;background:#f1cf8424;border:1px solid rgba(241,207,132,.28);color:#f6dfaa;font-size:.75rem;font-weight:700}.round-summary-cards{display:flex;flex-wrap:wrap;gap:.35rem}.round-summary-card-fan{position:relative;min-height:11.6rem;min-width:14rem;padding:.65rem .2rem .75rem 0;overflow:visible}.round-summary-card-visual{position:absolute;left:.2rem;bottom:1.1rem;width:4.8rem;transform-origin:.6rem calc(100% - .45rem)}.round-summary-card-asset{display:block;width:100%;height:auto;border-radius:.5rem;box-shadow:0 10px 22px #00000047;user-select:none;-webkit-user-select:none;pointer-events:none}.round-summary-card-chip{display:inline-flex;align-items:center;justify-content:center;min-width:2.35rem;border-radius:999px;padding:.22rem .55rem;background:#09140fe0;border:1px solid rgba(221,196,132,.24);color:var(--text);font-size:.8rem;font-weight:700;white-space:nowrap}.round-summary-card-chip-empty{color:var(--muted)}.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){.join-screen,.lobby-screen{place-items:start center;padding-top:calc(var(--safe-top) + 3.1rem);padding-bottom:.35rem}.shell{height:100dvh;padding:.5rem}.shell-fullscreen{--fullscreen-reserve-top: 3.6rem;--fullscreen-reserve-bottom: .25rem;padding-top:calc(.5rem + var(--safe-top) + var(--fullscreen-reserve-top));padding-right:calc(.5rem + var(--safe-right));padding-bottom:calc(.5rem + var(--safe-bottom) + var(--fullscreen-reserve-bottom));padding-left:calc(.5rem + var(--safe-left))}.shell-match{--match-topbar-height: 42px}.screen{height:calc(100dvh - 1rem)}.shell-fullscreen .screen{height:100%}.shell-match{gap:.15rem}.game-screen{grid-template-rows:112px minmax(0,1fr) 234px;gap:.45rem}.shell-fullscreen .game-screen{grid-template-rows:auto minmax(0,1fr) 214px;gap:.1rem}.shell-fullscreen .hero-game-screen{grid-template-rows:minmax(0,1fr) 276px;gap:.35rem}.screen-header,.section-title{flex-direction:column;align-items:flex-start}.global-banner-stack{width:calc(100% - 1rem)}.match-topbar{gap:0}.floating-controls{gap:.3rem}.voice-button{width:50px;height:50px;min-width:50px}.voice-button-icon{width:22px;height:22px}.fullscreen-button{width:40px;height:40px;min-width:40px}.fullscreen-button-icon{width:18px;height:18px}.voice-button{width:72px;height:72px;min-width:72px}.fullscreen-button{width:56px;height:56px;min-width:56px}.voice-button-icon{width:32px;height:32px}.fullscreen-button-icon{width:24px;height:24px}.home-card,.join-card,.game-picker-card,.friends-card,.profile-card,.loading-card,.lobby-main-card{padding:1rem}.join-card,.game-picker-card,.friends-card,.profile-card,.lobby-main-card{height:calc(100% - (var(--safe-top) + 3.45rem));gap:.65rem}.home-profile-strip,.profile-card-header,.profile-summary{grid-template-columns:1fr}.home-secondary-actions{width:100%}.home-profile-user{width:100%;justify-content:center}.profile-form-grid{grid-template-columns:1fr}.inset-panel{padding:.82rem;gap:.72rem}.match-tabbar{gap:.25rem;padding:.22rem}.match-tabpanel{padding-top:2.85rem}.match-tab{min-width:82px;min-height:36px;padding:.45rem .75rem;font-size:.88rem}.lobby-main-card{height:100%}.match-table-card{padding-top:3.7rem}.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,.mafia-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}.deck-count-label{font-size:.72rem;padding:.18rem .42rem}.table-surface{padding:.55rem;border-radius:22px}.mafia-game-screen{gap:.5rem}.mafia-seat{width:96px;min-width:96px}.mafia-seat-avatar{width:42px;height:42px}.mafia-seat-meta strong{font-size:.72rem}.mafia-seat-meta span{font-size:.62rem}.mafia-center-board{width:min(420px,calc(100% - 2rem))}.mafia-center-card{min-width:128px}.mafia-role-card{width:min(116px,32vw);min-height:138px;padding:.62rem .58rem .68rem}.mafia-role-card-art{width:62px;height:62px}.mafia-voice-control .voice-button{width:90px;height:90px;min-width:90px}.mafia-keyboard-button{width:64px;min-width:64px;height:64px}.table-declared-suit-status{top:.5rem;min-height:28px;max-width:calc(100% - 1rem);padding:.3rem .65rem;font-size:.74rem}.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}.table-card-declared-suit{right:.25rem;bottom:.28rem;max-width:calc(100% - .5rem);font-size:.62rem;padding:.18rem .36rem}.mile-table{grid-template-rows:minmax(0,1fr) auto;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}.table-participant-side-actions{gap:.3rem}.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}.shell-fullscreen .hand-panel{padding:.36rem .55rem .22rem;gap:.28rem}.fool-hand-scroll{padding-left:max(.7rem,env(safe-area-inset-left));padding-right:max(.5rem,env(safe-area-inset-right))}.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){.join-screen,.lobby-screen{padding-top:calc(var(--safe-top) + 3.35rem);padding-bottom:.3rem}.shell-fullscreen{--fullscreen-reserve-top: 4.1rem}.shell-match{--match-topbar-height: 40px}.shell-match{gap:.1rem}.game-screen{grid-template-rows:104px minmax(0,1fr) 218px}.join-card,.game-picker-card,.lobby-main-card{height:calc(100% - (var(--safe-top) + 3.7rem));gap:.58rem}.shell-fullscreen .game-screen{grid-template-rows:auto minmax(0,1fr) 208px;gap:.08rem}.shell-fullscreen .hero-game-screen{grid-template-rows:minmax(0,1fr) 262px;gap:.3rem}.opponent-seat{width:88px;min-width:88px}.match-topbar{gap:0}.floating-controls{gap:.25rem}.voice-button{width:46px;height:46px;min-width:46px}.voice-button-icon{width:20px;height:20px}.fullscreen-button{width:36px;height:36px;min-width:36px}.fullscreen-button-icon{width:16px;height:16px}.card-stack.compact{width:38px;height:54px}.card-stack{width:60px;height:86px}.table-layout{grid-template-columns:66px minmax(0,1fr)}.mile-layout,.mafia-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) auto;gap:.42rem}.hero-card-asset{width:54px;min-width:54px}.mafia-seat{width:82px;min-width:82px}.mafia-seat-shell{padding:.38rem .3rem;border-radius:16px}.mafia-seat-avatar{width:36px;height:36px}.mafia-center-board{width:min(340px,calc(100% - 1rem));gap:.5rem}.mafia-stage-banner{max-width:calc(100% - 1rem);gap:.45rem;padding:.35rem .6rem}.mafia-stage-banner-main strong{font-size:.88rem}.mafia-stage-banner-main span{font-size:.7rem}.mafia-center-card{width:min(154px,calc(50% - .35rem));min-width:116px;padding:.65rem .7rem}.mafia-role-card{width:min(100px,30vw);min-height:122px;padding:.52rem .5rem .58rem}.mafia-role-card-art{width:54px;height:54px}.mafia-role-title{font-size:.74rem}.mafia-voice-control .voice-button{width:78px;height:78px;min-width:78px}.mafia-keyboard-button{width:58px;min-width:58px;height:58px;border-radius:18px}.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)}.floating-controls{gap:.35rem}.voice-button{width:64px;height:64px;min-width:64px}.fullscreen-button{width:50px;height:50px;min-width:50px}.voice-button-icon{width:28px;height:28px}.fullscreen-button-icon{width:22px;height:22px}.hand-card{width:74px;border-radius:5px}.hand-card-asset{border-radius:5px}.mile-hand-card{width:84px}.hero-hand-card{width:78px}}