:root{--bg:#050607;--bg-2:#0d1111;--surface:#0c0f0ff0;--surface-2:#f5e8ca0f;--surface-3:#f5e8ca1a;--border:#e2b86557;--border-muted:#f5e8ca24;--text:#f7ead1;--muted:#b8ad9b;--faint:#746d63;--gold:#d6a847;--gold-2:#f5d27a;--teal:#5ee0c2;--teal-2:#0c766f;--danger:#f06e63;--shadow:#00000094;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 16% 0%, #d6a8471a, transparent 34rem), linear-gradient(180deg, #101412 0%, var(--bg) 72%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button{min-height:46px;color:var(--text);cursor:pointer;letter-spacing:0;background:linear-gradient(#f5e8ca14,#f5e8ca06),#0a0b0ac7;border:1px solid #d6a84775;border-radius:8px;padding:0 16px;font-size:.9rem;font-weight:800;transition:background .16s,border-color .16s,color .16s,transform .16s}button:hover:not(:disabled){background:linear-gradient(#f5e8ca1f,#f5e8ca0a),#0d1111e0;border-color:#f5d27ad1;transform:translateY(-1px)}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #d6a84747}button:disabled{color:var(--faint);cursor:not-allowed;background:#f5e8ca09;border-color:#f5e8ca1a;transform:none}input,select{border:1px solid var(--border-muted);width:100%;min-height:48px;color:var(--text);background:#030505c7;border-radius:8px;padding:0 14px}input:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d6a8472e}h1,h2,p{margin-top:0}.app-shell{place-items:start center;width:100%;min-height:100vh;padding:clamp(12px,2.6vw,32px);display:grid}.app-shell.game-shell{padding-bottom:24px}.intro-panel{border:1px solid var(--border);width:100%;max-width:1180px;box-shadow:0 26px 80px var(--shadow), inset 0 1px 0 #f5e8ca14;background:linear-gradient(#f5e8ca0e,#0000 18rem),linear-gradient(145deg,#0b1010fa,#040607fa);border-radius:8px;padding:clamp(16px,3vw,28px);position:relative;overflow:hidden}.game-table{max-width:1440px;min-height:calc(100vh - clamp(24px,5.2vw,64px))}.app-header{border-bottom:1px solid #f5e8ca21;grid-template-columns:minmax(150px,.8fr) minmax(280px,1.4fr) auto;align-items:center;gap:18px;padding-bottom:18px;display:grid}.brand-block{min-width:0}.brand-title{color:var(--gold-2);letter-spacing:0;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.4rem,3.4vw,2.55rem);font-weight:700;line-height:1.05}h1{color:var(--text);letter-spacing:0;margin:8px 0 0;font-size:clamp(1.3rem,4vw,2.1rem);line-height:1.08}.room-code{border:1px solid var(--border-muted);background:#030505ad;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;min-width:142px;padding:10px;display:grid}.room-code span{color:var(--muted);text-transform:uppercase;grid-column:1/-1;font-size:.72rem;font-weight:800}.room-code strong{color:var(--gold-2);letter-spacing:0;font-size:1.2rem}.icon-button{place-items:center;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;display:inline-grid}.header-actions{grid-column:3;justify-self:end;align-items:center;gap:10px;display:flex}.rules-button{white-space:nowrap;align-items:center;gap:8px;min-height:42px;padding:0 13px;display:inline-flex}.round-progress{justify-items:center;gap:8px;min-width:0;display:grid}.round-progress-label{color:var(--gold-2);font-family:Georgia,Times New Roman,serif;font-size:clamp(1rem,2.5vw,1.55rem);font-weight:700}.round-steps{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin:0;padding:0;list-style:none;display:grid}.round-step{color:#f7ead1bd;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%,14px 50%);text-align:center;text-transform:uppercase;background:#1c2425;align-items:center;min-width:0;min-height:36px;margin-right:-14px;padding:0 22px 0 14px;font-size:.78rem;font-weight:850;display:grid;position:relative}.round-step:first-child{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%);border-radius:7px 0 0 7px}.round-step:last-child{border-radius:0 7px 7px 0;margin-right:0}.round-step[data-complete=true]{color:#07110d;background:var(--teal)}.round-step[data-active=true]{color:#171009;background:linear-gradient(180deg, var(--gold-2), var(--gold));box-shadow:inset 0 0 0 1px #f5e8ca38}.round-step span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lobby-panel{margin:18px 0 0}.lobby-form,.lobby-room{gap:16px;max-width:760px;margin:0 auto;display:grid}.lobby-form label,.join-row label,.share-fields label{color:var(--muted);letter-spacing:0;text-transform:uppercase;gap:8px;font-size:.78rem;font-weight:800;display:grid}.join-row{grid-template-columns:1fr auto;align-items:end;gap:12px;display:grid}.join-link,.qr-card,.panel-surface,.self-card,.phase-panel,.player-row{border:1px solid var(--border-muted);background:linear-gradient(#f5e8ca0d,#f5e8ca06),#0507079e;border-radius:8px;box-shadow:inset 0 1px #f5e8ca0e}.join-link,.qr-card{padding:14px}.join-link span{color:var(--muted);text-transform:uppercase;margin:0 0 8px;font-size:.72rem;font-weight:800;display:block}.join-link code{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;display:block;overflow:hidden}.qr-card{justify-items:center;gap:10px;display:grid}.qr-card img{border-radius:8px;width:180px;max-width:100%}.qr-card span{color:var(--muted);font-size:.86rem;font-weight:800}.game-room{grid-template-columns:minmax(230px,.56fr) minmax(360px,1.24fr) minmax(290px,.72fr);grid-template-areas:"hud hud hud""status phase side";align-items:stretch;gap:14px;display:grid}.game-hud{grid-area:hud;grid-template-columns:minmax(180px,1.15fr) minmax(140px,.9fr) minmax(112px,.7fr) minmax(112px,.7fr) minmax(160px,1fr);gap:10px;display:grid}.hud-cell{background:linear-gradient(#f5e8ca12,#f5e8ca06),#030505b3;border:1px solid #f5e8ca21;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 9px;min-height:78px;padding:12px;display:grid;box-shadow:inset 0 1px #f5e8ca0f}.hud-cell>svg:not(.frequency-wheel){color:var(--gold-2);grid-row:span 2}.hud-cell span{min-width:0;color:var(--muted);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.72rem;font-weight:850;overflow:hidden}.hud-cell strong{color:var(--text);font-family:Georgia,Times New Roman,serif;font-size:clamp(1.35rem,2.4vw,1.9rem);line-height:1}.hud-health{border-color:#f06e6347;grid-template-columns:auto minmax(0,1fr) auto}.hud-health>svg{color:var(--danger)!important}.hud-health strong{color:#ffb7ae}.hud-meter{background:#f5e8ca12;border:1px solid #f5e8ca21;border-radius:999px;grid-column:1/-1;height:8px;overflow:hidden}.hud-meter span{border-radius:inherit;background:linear-gradient(90deg,#db5049,#f18973);width:100%;height:100%;display:block}.hud-cell .frequency-wheel{grid-area:1/2/span 2;justify-self:end;width:54px;height:54px}.hud-phase{border-color:#f5d27a5c;grid-template-columns:minmax(0,1fr);align-content:center}.hud-phase span,.hud-phase strong,.hud-phase small{grid-column:1}.hud-phase strong{color:var(--gold-2)}.hud-phase small{color:var(--teal);text-transform:uppercase;font-size:.78rem;font-weight:850}.player-status-panel{grid-area:status;align-content:start;gap:18px;padding:18px;display:grid}.status-identity{border-bottom:1px solid #f5e8ca24;gap:6px;padding-bottom:14px;display:grid}.status-identity span,.meter-label span,.mini-mados>span{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:800}.status-identity strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.6rem,3vw,2.15rem);line-height:1.05;overflow:hidden}.status-identity small,.shield-row small,.mini-mados small{color:var(--teal);text-transform:uppercase;font-size:.82rem;font-weight:800}.meter-block{gap:9px;display:grid}.meter-label{color:var(--danger);align-items:center;gap:9px;display:flex}.meter-label strong{color:#ffb7ae;margin-left:auto;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.3rem,6vw,3.4rem);font-weight:700;line-height:.95}.meter-label.compact{color:var(--teal)}.meter-track{background:#f5e8ca14;border:1px solid #f5e8ca24;border-radius:999px;height:10px;overflow:hidden}.meter-fill{border-radius:inherit;height:100%;display:block}.health-fill{background:linear-gradient(90deg,#db5049,#f18973)}.shield-row{border-bottom:1px solid #f5e8ca24;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding-bottom:14px;display:grid}.mini-mados{gap:11px;display:grid}.mini-mados div{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.mini-mado{aspect-ratio:1;color:var(--gold-2);background:#030505b8;border:1px solid #d6a847b3;border-radius:999px;place-items:center;font-family:Georgia,Times New Roman,serif;font-size:1rem;display:grid;position:relative}.mini-mado-marker{width:6px;height:6px;transform:translate(-50%, -50%) rotate(var(--mado-frequency)) translateY(-18px);background:#5ee0c2;border:1px solid #030505cc;border-radius:999px;position:absolute;top:50%;left:50%;box-shadow:0 0 8px #5ee0c27a}.mini-mado[data-empty=true]{color:var(--faint);border-color:#f5e8ca24}.frequency-wheel{flex:none;width:72px;height:72px;display:block}.wheel-ring{fill:#0505088c;stroke:#f5e8ca57;stroke-width:2px}.wheel-segment{fill:#d6a8474d;stroke:#f5d27ae6;stroke-width:1.5px}.wheel-marker{fill:var(--gold-2);stroke:#15110a;stroke-width:2px}.wheel-axis{stroke:#f5e8ca6b;stroke-linecap:round;stroke-width:2px}.phase-panel{align-content:start;gap:14px;padding:18px;display:grid}.primary-phase{border-color:var(--border);background:radial-gradient(circle at 50% 44%,#5ee0c221,#0000 12rem),linear-gradient(#d6a84714,#f5e8ca07),#060808d1;grid-area:phase;align-content:center;justify-items:center;min-height:560px;position:relative;overflow:hidden}.primary-phase:before{content:"";opacity:.55;pointer-events:none;background:linear-gradient(90deg,#0000 49.8%,#f5e8ca14 50%,#0000 50.2%),linear-gradient(#0000 49.8%,#f5e8ca14 50%,#0000 50.2%);border:1px solid #d6a84729;border-radius:8px;position:absolute;inset:16px;-webkit-mask-image:radial-gradient(circle,#000 0 18rem,#0000 25rem);mask-image:radial-gradient(circle,#000 0 18rem,#0000 25rem)}.primary-phase>:not(.exchange-impact){z-index:1;position:relative}.phase-transition{animation:.44s cubic-bezier(.2,.82,.22,1) both phase-panel-in}.phase-heading{text-align:center;justify-items:center;gap:14px;max-width:580px;display:grid}.phase-heading:after{content:"";background:linear-gradient(90deg,#0000,#d6a8478c,#0000);width:min(100%,330px);height:1px}.phase-panel h2{color:var(--gold-2);letter-spacing:0;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.35rem,4.6vw,2.5rem);line-height:1.08}.phase-panel p,.waiting-copy{color:var(--muted);margin:0;line-height:1.5}.mado-grid{grid-template-columns:repeat(5,minmax(76px,1fr));gap:10px;width:min(100%,520px);display:grid}.mado-button{background:radial-gradient(circle at 50% 32%,#5ee0c217,#0000 3rem),linear-gradient(145deg,#f5e8ca12,#f5e8ca06),#050707b8;border-color:#d6a84794;align-content:center;justify-items:center;gap:8px;min-height:124px;padding:12px 8px;display:grid;position:relative;box-shadow:0 8px 18px #00000038,inset 0 1px #f5e8ca0f}.mado-button[data-selected=true]{background:linear-gradient(145deg,#f06e6333,#f06e6314),#050707c2;border-color:#f06e63db;box-shadow:0 0 0 1px #f06e6333,inset 0 0 30px #f06e6314}.mado-button[data-selected=true]:after{content:"Discard";color:#ffd8d2;text-transform:uppercase;background:#5f1618b8;border:1px solid #f06e638c;border-radius:999px;padding:3px 7px;font-size:.64rem;font-weight:900;position:absolute;top:8px;right:8px}.mado-button strong{color:var(--gold-2);font-family:Georgia,Times New Roman,serif;font-size:clamp(1.75rem,6vw,2.5rem);line-height:1}.mado-button span{color:var(--muted);font-size:.76rem;font-weight:800}.mado-button .mado-frequency-label{color:var(--teal);text-transform:uppercase;font-size:.72rem}.mado-button .frequency-wheel{width:54px;height:54px}.primary-button{color:#171009;background:linear-gradient(180deg, var(--gold-2), var(--gold));border-color:#f5d27adb;width:100%;box-shadow:0 12px 28px #d6a84729}.primary-button:hover:not(:disabled){color:#171009;background:linear-gradient(#ffe199,#dbaf50)}.action-button{justify-content:center;align-items:center;gap:12px;width:min(100%,380px);min-height:58px;font-size:1.03rem;display:inline-flex}.target-list,.battle-list{gap:9px;display:grid}.target-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));width:min(100%,560px)}.battle-result-card,.battle-row{border:1px solid var(--border-muted);background:#03050580;border-radius:8px;padding:12px}.battle-row{color:var(--text);font-size:.92rem;font-weight:700;line-height:1.4}.battle-result-card{background:#d6a8471f;border-color:#d6a8476b;gap:4px;width:min(100%,420px);display:grid}.battle-result-card span{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:800}.battle-result-card strong{color:var(--text);font-size:1.15rem}.battle-result-card small{color:var(--teal);text-transform:uppercase;font-size:.82rem;font-weight:800}.battle-result-card.large{padding:18px}.battle-result-card.large strong{font-size:clamp(1.45rem,6vw,2.2rem)}.exchange-impact{z-index:0;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.exchange-impact span{aspect-ratio:1;opacity:0;border:1px solid #f5d27ab8;border-radius:999px;grid-area:1/1;width:min(62vw,420px);animation:.84s ease-out both exchange-shockwave}.exchange-impact span:nth-child(2){border-color:#f06e639e;width:min(44vw,300px);animation-delay:70ms}.exchange-impact span:nth-child(3){background:radial-gradient(circle,#f5d27a2e,#0000 62%);border-color:#5ee0c29e;width:min(24vw,160px);animation-delay:.14s}.exchange-card{animation:.56s cubic-bezier(.2,.82,.22,1) both exchange-card-hit}.desktop-side-panels{grid-area:side;align-content:start;gap:14px;display:grid}.panel-title{min-width:0;color:var(--gold-2);align-items:center;gap:10px;display:flex}.panel-title h2{color:var(--text);margin:0;font-size:1.26rem}.player-list{gap:8px;display:grid}.player-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 12px;min-height:68px;padding:12px;display:grid}.opponent-row{grid-template-columns:minmax(0,1fr) auto}.player-row div{gap:4px;min-width:0;display:grid}.player-row span{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.player-row .frequency-wheel{grid-row:span 2;width:48px;height:48px;margin-left:auto}.player-row small{color:var(--teal);font-size:.8rem;line-height:1.35}.insight-copy{grid-column:1/-1;color:var(--muted)!important}.share-fields{gap:10px;display:grid}.teal-button{color:#d8fff7;background:linear-gradient(#0c766fe6,#07524eeb);border-color:#5ee0c294;justify-content:center;align-items:center;gap:9px;display:inline-flex}.teal-button:hover:not(:disabled){background:linear-gradient(#0e8980f2,#085d58f2);border-color:#5ee0c2e6}.game-error{grid-column:1/-1}.form-error{color:var(--danger);margin:0;font-size:.95rem;line-height:1.45}.game-footer{color:var(--muted);border-top:1px solid #f5e8ca21;justify-content:space-between;align-items:center;gap:12px;margin:18px -28px -28px;padding:12px 28px;font-size:.88rem;display:flex}.game-footer>span,.connection-pill{align-items:center;gap:8px;display:inline-flex}.connection-pill[data-state=connected]{color:var(--teal)}.connection-pill[data-state=connecting]{color:var(--gold-2)}.connection-pill[data-state=disconnected]{color:var(--danger)}.status-details{margin:18px 0 0}.status-details summary{min-height:42px;color:var(--muted);cursor:pointer;background:#f5e8ca0a;border:1px solid #f5e8ca1f;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-size:.82rem;font-weight:800;list-style:none;display:flex}.status-details summary::-webkit-details-marker{display:none}.status-details summary:after{content:"+";color:var(--gold-2);font-size:1.1rem}.status-details[open] summary:after{content:"-"}.status-details summary span{text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;min-width:0;margin-left:auto;overflow:hidden}.status-details summary span[data-state=connected],.status-grid dd[data-state=connected]{color:var(--teal)}.status-details summary span[data-state=connecting],.status-grid dd[data-state=connecting]{color:var(--gold-2)}.status-details summary span[data-state=disconnected],.status-grid dd[data-state=disconnected]{color:var(--danger)}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 0;display:grid}.status-grid div{border:1px solid var(--border-muted);background:var(--surface-2);border-radius:8px;min-width:0;padding:14px}.status-grid dt{color:var(--muted);text-transform:uppercase;margin:0 0 8px;font-size:.72rem;font-weight:800}.status-grid dd{min-height:1.35rem;color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.95rem;font-weight:650;line-height:1.35;overflow:hidden}.panel-drawer,.mobile-bottom-bar{display:none}.rules-modal{z-index:60;place-items:center;padding:clamp(14px,3vw,28px);display:grid;position:fixed;inset:0}.modal-backdrop{background:#000000a8;border:0;border-radius:0;width:100%;min-height:0;padding:0;position:absolute;inset:0}.modal-backdrop:hover:not(:disabled){background:#000000a8;transform:none}.rules-dialog{border:1px solid var(--border);background:linear-gradient(#f5e8ca12,#f5e8ca06),#070909;border-radius:8px;width:min(100%,780px);max-height:min(86vh,760px);animation:.22s ease-out both modal-in;display:grid;position:relative;overflow:auto;box-shadow:0 26px 80px #000000ad}.rules-header{z-index:1;background:#070909f5;border-bottom:1px solid #f5e8ca21;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex;position:sticky;top:0}.rules-content{gap:14px;padding:16px;display:grid}.rules-section{gap:9px;display:grid}.rules-section h3{color:var(--gold-2);margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.28rem;line-height:1.15}.rules-section p,.rules-section li{color:var(--muted);line-height:1.55}.rules-section p,.rules-section ol{margin:0}.rules-section ol{gap:8px;padding-left:20px;display:grid}@keyframes phase-panel-in{0%{opacity:.42;filter:blur(3px);transform:translateY(14px)scale(.985)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes exchange-shockwave{0%{opacity:0;transform:scale(.28)}18%{opacity:.95}to{opacity:0;transform:scale(1.18)}}@keyframes exchange-card-hit{0%{border-color:#f5d27afa;transform:scale(.98);box-shadow:0 0 0 1px #f5d27a57,0 0 34px #f5d27a33}54%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1120px){.game-room{grid-template-columns:minmax(220px,.62fr) minmax(340px,1fr);grid-template-areas:"hud hud""status phase""side side"}.game-hud{grid-template-columns:repeat(5,minmax(0,1fr))}.desktop-side-panels{grid-template-columns:repeat(3,minmax(0,1fr))}.primary-phase{min-height:500px}}@media (width<=760px){.intro-panel{width:calc(100vw - 24px)}.app-shell.game-shell{padding:0 0 86px}.game-table{border-left:0;border-right:0;border-radius:0;width:100%;min-height:auto;padding:12px}.app-header{grid-template-columns:1fr;gap:10px;padding-bottom:12px}.header-actions{grid-column:auto;justify-content:space-between;justify-self:stretch}.rules-button{min-height:40px}.brand-block{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand-title{font-size:1.18rem}h1:not(.brand-title),.room-code{display:none}.rules-dialog{max-height:82vh}.round-progress{justify-items:stretch}.round-progress-label{justify-self:start;font-size:.9rem}.round-step{min-height:32px;padding:0 15px 0 9px;font-size:.64rem}.lobby-panel{margin-top:12px}.game-room{grid-template-columns:1fr;grid-template-areas:"hud""phase""status";gap:12px}.game-hud{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-cell{min-height:68px;padding:10px}.hud-cell strong{font-size:1.25rem}.hud-cell .frequency-wheel{width:42px;height:42px}.hud-phase{display:none}.primary-phase{min-height:min(70vh,620px);padding:14px 12px}.phase-heading{gap:8px}.phase-panel h2{font-size:clamp(1.45rem,8vw,2rem)}.mado-grid{overscroll-behavior-x:contain;scroll-snap-type:x proximity;grid-template-columns:repeat(5,minmax(128px,1fr));gap:9px;padding:2px 2px 8px;overflow-x:auto}.mado-button{scroll-snap-align:center;min-height:108px}.mado-button strong{font-size:2rem}.mado-button .frequency-wheel{width:44px;height:44px}.action-button{z-index:2;min-height:52px;position:sticky;bottom:76px}.player-status-panel{padding:14px}.desktop-side-panels,.game-footer{display:none}.mobile-bottom-bar{z-index:30;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(180deg, #141817f0, #050707fa), var(--bg);border-top:1px solid #d6a8475c;grid-template-columns:minmax(90px,1fr) repeat(3,70px);gap:6px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -18px 44px #0000006b}.bottom-health,.mobile-bottom-bar button{min-height:50px;color:var(--text);background:#f5e8ca0e;border:1px solid #f5e8ca21;border-radius:8px;justify-content:center;align-items:center;gap:7px;display:flex}.bottom-health{color:var(--danger);justify-content:flex-start;padding:0 12px}.bottom-health strong{color:var(--text);font-size:1.45rem}.mobile-bottom-bar button{color:var(--gold-2);padding:0}.mobile-bottom-bar button span{color:var(--text);font-size:.72rem;font-weight:900}.panel-drawer{z-index:40;display:block;position:fixed;inset:0}.drawer-backdrop{background:#00000085;border:0;border-radius:0;width:100%;min-height:0;padding:0;position:absolute;inset:0}.drawer-backdrop:hover:not(:disabled){background:#00000085;transform:none}.drawer-sheet{border:1px solid var(--border);background:linear-gradient(#f5e8ca0f,#f5e8ca05),#070909;border-bottom:0;border-radius:8px 8px 0 0;max-height:min(78vh,640px);padding:12px;position:absolute;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 -26px 70px #0000009e}.drawer-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.drawer-content .phase-panel{box-shadow:none;background:0 0;border:0;padding:0}.drawer-content .phase-panel>.panel-title{display:none}}@media (width<=520px){.intro-panel{width:calc(100vw - 24px);padding:14px}.join-row,.status-grid,.target-list{grid-template-columns:1fr}.game-hud{grid-template-columns:1fr 1fr;gap:8px}.hud-cell span{font-size:.66rem}.mado-grid{grid-template-columns:repeat(5,minmax(128px,1fr))}.status-identity strong{font-size:1.55rem}.mini-mados div{gap:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}