:root{color-scheme:dark;font-family:Avenir Next,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--ink: #f3edd8;--muted: #b5ad92;--panel: rgba(26, 29, 21, .88);--panel-strong: rgba(15, 17, 12, .94);--line: rgba(231, 190, 108, .2);--line-soft: rgba(243, 237, 216, .14);--accent: #e7be6c;--accent-deep: #c9974a;--green: #6fae5c;--red: #c94b40;--canvas: repeating-linear-gradient(45deg, rgba(255, 255, 255, .018) 0 2px, transparent 2px 4px);--stencil: .1em}*{box-sizing:border-box}html,body,#game-root,#phaser-root,#ui-root{width:100%;height:100%;min-height:100dvh;margin:0;overflow:hidden}html,body{overscroll-behavior:none}body{position:fixed;top:0;right:0;bottom:0;left:0;background:#101419;color:var(--ink);touch-action:none}#game-root{position:relative}#phaser-root,#ui-root{position:absolute;top:0;right:0;bottom:0;left:0}#phaser-root{z-index:0}#phaser-root canvas{touch-action:none}#ui-root{pointer-events:none;z-index:10;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}button{border:1px solid var(--line);color:var(--ink);background:linear-gradient(180deg,#262a20f0,#181b14f0);font:inherit;font-weight:700;min-height:44px;border-radius:6px;cursor:pointer;pointer-events:auto;touch-action:manipulation;box-shadow:inset 0 1px #ffffff12,0 2px 6px #00000047;transition:transform .08s ease,box-shadow .08s ease,filter .12s ease}button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px #0003}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{cursor:not-allowed;color:#f1ebdc73}.menu-shell{width:100%;height:100dvh;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) 22px max(24px,env(safe-area-inset-bottom));pointer-events:auto}.menu-panel{width:min(460px,92vw);padding:26px 24px 24px;border:1px solid var(--line);border-radius:10px;background:var(--canvas),linear-gradient(180deg,#1e2218f0,#10120df5);box-shadow:inset 0 0 0 1px #0006,inset 0 0 0 2px #e7be6c14,0 24px 60px #00000073}.kicker{margin:0 0 10px;color:var(--accent);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.28em}h1,h2,p{margin-top:0}h1{margin-bottom:6px;font-size:clamp(2.2rem,8vw,4.2rem);font-weight:900;line-height:.95;text-transform:uppercase;letter-spacing:.02em;text-shadow:0 2px 0 rgba(0,0,0,.4)}.menu-panel h1:after{content:"";display:block;width:72px;height:4px;margin:14px 0 18px;background:linear-gradient(90deg,var(--red),var(--red) 40%,var(--accent) 40%);border-radius:2px}.primary-action{width:100%;min-height:52px;background:linear-gradient(180deg,#efcb82,#d9a84e);color:#241a0b;border-color:#20170c8c;font-weight:900;text-transform:uppercase;letter-spacing:var(--stencil);box-shadow:inset 0 1px #ffffff59,0 3px 10px #0000004d}.secondary-action{width:100%;min-height:48px;margin-top:10px;background:linear-gradient(180deg,#242a20f2,#161a14f2);color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:var(--stencil)}.audio-toggle{width:100%;min-height:42px;margin:0 0 10px;border-color:#e7be6c57;background:#121511b8;color:var(--accent);font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.pause-panel .audio-toggle{margin:0}.locked-grid{display:grid;gap:8px;margin-top:18px;padding-top:16px;border-top:1px dashed var(--line-soft)}.locked-grid button{display:flex;justify-content:space-between;align-items:center;min-height:40px;padding:0 12px;border-color:transparent;background:#0f120d99;box-shadow:none;color:var(--muted);font-weight:600}.locked-grid span{padding:2px 8px;border:1px solid rgba(201,75,64,.4);border-radius:3px;color:#c94b40d9;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;transform:rotate(-2deg)}.hud-top{position:absolute;z-index:18;top:calc(10px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));right:calc(84px + env(safe-area-inset-right));display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;pointer-events:none}.hud-chip{min-width:0;padding:7px 10px 8px;border:1px solid var(--line-soft);border-top:2px solid rgba(231,190,108,.34);border-radius:5px;background:var(--canvas),var(--panel);color:var(--muted);font-size:clamp(.58rem,1.5vw,.66rem);font-weight:800;text-transform:uppercase;letter-spacing:.1em;line-height:1.2;box-shadow:0 2px 8px #00000040}.hud-chip b{display:block;margin-top:2px;color:var(--ink);font-size:clamp(.82rem,2vw,1rem);font-weight:800;letter-spacing:.02em;text-transform:none;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-chip.strong b{color:var(--accent)}.transport-chip.danger b{color:var(--red)}.objective-chip span{display:block;height:5px;margin-top:6px;overflow:hidden;border-radius:999px;background:#f1ebdc24}.objective-chip i{display:block;height:100%;border-radius:inherit;background:#d94a43}.power-panel{position:absolute;z-index:30;top:calc(72px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));display:grid;gap:8px;width:76px;pointer-events:auto}.pause-button{position:absolute;z-index:30;top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));width:66px;min-height:54px;border-color:#e7be6c66;border-top:2px solid rgba(231,190,108,.5);background:var(--canvas),var(--panel-strong);color:var(--accent);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;pointer-events:auto}.power-button{display:grid;align-content:center;gap:3px;min-height:58px;padding:6px;border-color:#e7be6c6b;border-top:2px solid rgba(231,190,108,.5);background:var(--canvas),linear-gradient(180deg,#302c20f2,#161814f2);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;box-shadow:inset 0 1px #ffffff0f,0 8px 20px #00000038}.power-button small{color:#f1ebdc94;font-size:.62rem;font-weight:700}.power-button.active{color:#1b1408;background:var(--accent);outline:3px solid rgba(255,255,255,.34)}.power-button.active small{color:#1b1408b8}.power-button:disabled{background:#212320c7;border-color:#f1ebdc1f;color:#f1ebdc6b;box-shadow:none}.tray-panel{position:absolute;z-index:30;left:calc(10px + env(safe-area-inset-left));right:calc(10px + env(safe-area-inset-right));bottom:calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px;border:1px solid var(--line);border-top:3px solid rgba(231,190,108,.3);border-radius:8px;background:var(--canvas),linear-gradient(180deg,#21251bf7,#0c0e0bf7);box-shadow:inset 0 1px #ffffff12,0 -14px 38px #00000059;pointer-events:auto}.tray-status{grid-column:1 / -1;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.82rem;line-height:1.25}.tray-status b{color:var(--ink)}.tray-status span{text-align:right}.tray-row{display:grid;grid-template-columns:repeat(3,minmax(112px,1fr));gap:8px;min-width:0}.lane-row{display:grid;grid-template-columns:repeat(5,minmax(42px,1fr));gap:7px;min-width:0}.lane-button{min-height:38px;border-color:#e4bb683d;background:#22241ee0;color:#f1ebdcb8;font-weight:900}.lane-button span{display:grid;place-items:center;width:24px;height:24px;margin:0 auto;border-radius:999px;background:#f1ebdc1a}.lane-button.active{color:#1f170b;background:#e4bb68;border-color:#1f170b6b;outline:2px solid rgba(255,255,255,.28)}.unit-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto auto;align-items:center;gap:3px;min-height:64px;padding:6px 7px;border-color:#8fc46f52;background:radial-gradient(circle at 50% 14px,rgba(154,208,124,.28),transparent 22px),linear-gradient(180deg,#304c2cf2,#182319f2);box-shadow:inset 0 1px #ffffff14;touch-action:none}.unit-card.dragging{opacity:.55;outline:2px dashed rgba(228,187,104,.8)}.unit-card.unavailable{opacity:.35;border-color:#f1ebdc29;color:#f1ebdc7a;background:radial-gradient(circle at 50% 14px,rgba(180,180,170,.16),transparent 22px),linear-gradient(180deg,#363834e0,#1c1e1ce6)}.unit-card.unavailable .unit-card-icon{filter:grayscale(1)}.unit-card.unavailable .unit-card-name,.unit-card.unavailable .unit-card-level,.unit-card-cost.unavailable{color:#f1ebdc75}.unit-card-drag-ghost{position:fixed;z-index:50;left:0;top:0;max-width:132px;padding:8px 10px;border:1px solid rgba(228,187,104,.62);border-radius:8px;background:#182018eb;color:#f1ebdc;font-size:.72rem;font-weight:900;pointer-events:none;box-shadow:0 10px 28px #00000052}.unit-card-drag-ghost.unavailable{border-color:#be4740e6;background:#2f1a19f0;box-shadow:0 0 0 2px #be474038,0 10px 28px #00000052}.unit-card-name{align-self:end;grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;text-align:left}.unit-card-level{align-self:start;grid-column:2;color:#dff6da;font-size:.92rem;text-align:left}.unit-card-hint{grid-column:2;margin-top:-2px;color:#e7f5c1b8;font-size:.58rem;font-weight:900;text-align:left;text-transform:uppercase}.unit-card-cost{grid-column:2;justify-self:start;min-width:24px;margin-top:-2px;padding:1px 5px;border:1px solid rgba(228,187,104,.28);border-radius:999px;color:var(--accent);background:#1114118a;font-size:.58rem;font-weight:900;line-height:1.25}.unit-card.selected{outline:3px solid var(--accent);background:linear-gradient(180deg,#487641fa,#223322fa)}.unit-card-empty{border-style:dashed;border-color:#f1ebdc29;color:#f1ebdc6b;background:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 5px,transparent 5px 10px),#181b19ad;box-shadow:inset 0 1px #ffffff0a;opacity:.72}.unit-card-empty .unit-card-name,.unit-card-empty .unit-card-level{color:#f1ebdc75}.unit-card-icon{position:relative;grid-row:1 / 4;display:block;width:34px;height:42px;margin-right:4px}.unit-card-icon i,.unit-card-icon em,.unit-card-icon strong{position:absolute;display:block;box-sizing:border-box}.empty-slot-icon:before{content:"";position:absolute;left:6px;top:9px;width:22px;height:22px;border:2px dashed rgba(241,235,220,.28);border-radius:5px}.icon-soldier-svg{position:absolute;left:0;top:0;display:block;width:34px;height:42px;overflow:visible}.icon-vehicle{left:5px;top:5px;width:24px;height:32px;border:2px solid #172d1b;border-radius:5px;background:#4f7f3a}.icon-armored-car:before,.icon-armored-car:after{content:"";position:absolute;top:3px;width:7px;height:7px;border-radius:999px;background:#101510;box-shadow:0 19px #101510}.icon-armored-car:before{left:-6px}.icon-armored-car:after{right:-6px}.icon-armored-car em{left:5px;top:10px;width:12px;height:10px;border-radius:2px;background:#789b6c}.icon-armored-car strong{left:15px;top:8px;width:13px;height:3px;border-radius:999px;transform:rotate(-42deg);background:#1b2a1d}.icon-tank{width:27px;height:36px;background:#45653d;border-color:#111f13}.icon-tank:before,.icon-tank:after{content:"";position:absolute;top:4px;width:5px;height:24px;border-radius:4px;background:#101510}.icon-tank:before{left:-6px}.icon-tank:after{right:-6px}.icon-tank em{left:7px;top:10px;width:10px;height:10px;border-radius:999px;background:#5a7c4b}.icon-tank strong{left:11px;top:-8px;width:5px;height:20px;border-radius:999px;background:#1b2a1d}.icon-crate{left:7px;top:9px;width:22px;height:22px;border:2px solid #394012;border-radius:4px;background:#9bb14c}.icon-crate:before,.icon-crate:after{content:"";position:absolute;left:2px;right:2px;top:9px;height:3px;background:#5b6227}.icon-crate:after{top:2px;left:9px;right:auto;width:3px;height:16px}.deploy-button{width:clamp(86px,14vw,130px);min-height:64px;color:#11170f;background:linear-gradient(180deg,#96cf77,#6ba84f);border-color:#11170f8c;font-weight:900;text-transform:uppercase;letter-spacing:var(--stencil);box-shadow:inset 0 1px #ffffff4d,0 3px 10px #0000004d}.deploy-button.unavailable{opacity:.35;filter:grayscale(1);color:#ffffff75;background:#5f635cb3;border-color:#f1ebdc29}.debug-fab{position:absolute;z-index:30;top:calc(264px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));width:76px;min-height:42px;color:#d9f5ff;background:#14262de0;border-color:#80d9ff52;font-size:.72rem;font-weight:900;pointer-events:auto}.debug-fab.active,.debug-panel button.active{color:#071a20;background:#8bdcff}.debug-panel{position:absolute;z-index:30;top:calc(312px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));display:grid;gap:6px;width:148px;padding:10px;border:1px solid rgba(139,220,255,.28);border-radius:8px;background:#0a1216eb;pointer-events:auto}.debug-title{color:#8bdcff;font-size:.76rem;font-weight:900}.debug-panel button{min-height:34px;padding:4px 7px;border-color:#8bdcff2e;background:#1b262af0;font-size:.68rem;font-weight:800}.deploy-button:disabled{background:#5f635cb3;color:#ffffff75}.result-overlay{position:absolute;z-index:40;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:#00000057;pointer-events:auto}.pause-overlay,.breather-overlay{position:absolute;z-index:40;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:radial-gradient(ellipse at center,#00000038,#00000073);pointer-events:auto}.power-target-layer{position:absolute;z-index:20;top:0;right:0;bottom:0;left:0;cursor:crosshair;pointer-events:auto;touch-action:none}.power-target-hint{position:absolute;top:calc(78px + env(safe-area-inset-top));left:calc(50% + (env(safe-area-inset-left) - env(safe-area-inset-right))/2);max-width:min(360px,calc(100vw - 148px - env(safe-area-inset-left) - env(safe-area-inset-right)));transform:translate(-50%);padding:7px 11px;border:1px solid rgba(228,187,104,.34);border-radius:999px;background:#121412d1;color:var(--accent);font-size:.76rem;font-weight:900;text-align:center;pointer-events:none}.pause-panel,.breather-panel{display:grid;gap:10px;width:min(360px,88vw);padding:22px;border:1px solid var(--line);border-radius:10px;background:var(--canvas),linear-gradient(180deg,#1c1f16f7,#0f110cfa);box-shadow:inset 0 0 0 2px #e7be6c12,0 24px 60px #00000080;text-align:center}.pause-panel h2,.breather-panel h2,.result-panel h2{margin-bottom:4px;font-weight:900;text-transform:uppercase;letter-spacing:var(--stencil)}.pause-panel h2:after,.breather-panel h2:after,.result-panel h2:after{content:"";display:block;width:48px;height:3px;margin:10px auto 2px;background:var(--accent);border-radius:2px}.breather-panel{width:min(560px,92vw)}.breather-panel p{color:var(--muted)}.muster-header{display:grid;gap:5px;padding:8px 10px;border:1px solid rgba(228,187,104,.22);border-radius:8px;background:#181b19ad;color:var(--muted);font-size:.78rem;text-align:left}.muster-header b{color:var(--accent)}.merge-token-count.token-changed{animation:token-flash .42s ease-out}.merge-hint,.merge-preview{min-height:1em}.merge-preview{color:#f1ebdc;font-weight:900}.muster-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:8px}.muster-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;align-items:center;gap:2px 6px;min-height:74px;padding:7px;position:relative;border:1px solid rgba(241,235,220,.18);background:#1f281ee6;text-align:left;opacity:1;transition:opacity .16s ease,transform .16s ease,border-color .16s ease,box-shadow .16s ease;touch-action:none}.muster-card .unit-card-icon{grid-row:1 / 4;width:30px;height:38px;transform:scale(.86);transform-origin:center}.muster-name{overflow:hidden;color:var(--ink);font-size:.68rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.muster-card b{color:#dff6da;font-size:.82rem}.muster-card small{color:var(--muted);font-size:.62rem;font-weight:800}.muster-card.mergeable{border:2px solid var(--match-color);box-shadow:inset 0 1px #ffffff14}.muster-card.mergeable:after{content:"";position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--match-color);box-shadow:0 0 10px var(--match-color)}.muster-card.match-0{--match-color: #e7be6c}.muster-card.match-1{--match-color: #6ec3e0}.muster-card.match-2{--match-color: #b48ce0}.muster-card.match-3{--match-color: #9eea6a}.muster-card.dimmed{opacity:.55;border-color:#f1ebdc24;filter:grayscale(.45)}.muster-card.selected{z-index:1;transform:scale(1.04);outline:3px solid var(--match-color);outline-offset:2px;background:#30342dfa;box-shadow:0 0 0 4px color-mix(in srgb,var(--match-color) 26%,transparent),0 0 22px color-mix(in srgb,var(--match-color) 32%,transparent)}.muster-card.merge-partner{opacity:1;border-color:var(--match-color);animation:merge-target-pulse .9s ease-in-out infinite}.muster-card.merge-other{opacity:.25;filter:grayscale(.65)}.muster-card.dragging{opacity:.55;outline:2px dashed var(--match-color)}.merge-target-label{position:absolute;right:5px;bottom:5px;display:none;padding:3px 5px;border-radius:4px;background:color-mix(in srgb,var(--match-color) 88%,#111 12%);color:#10140f;font-size:.48rem;font-weight:900;letter-spacing:0;pointer-events:none}.muster-card.merge-partner .merge-target-label{display:block}.muster-card.merged-pop{animation:merged-pop .35s ease-out}.muster-drag-ghost{border-width:2px;background:#121412f5;box-shadow:0 0 0 2px color-mix(in srgb,currentColor 22%,transparent),0 10px 28px #00000052}.breather-rewards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.reward-button{display:grid;gap:6px;min-height:106px;padding:12px;border:1px solid rgba(231,190,108,.42);border-top:3px solid var(--accent-deep);background:var(--canvas),linear-gradient(180deg,#302c20f2,#1a1913f2);text-align:left}.reward-button:hover:not(:disabled){border-color:var(--accent);filter:brightness(1.12)}.reward-button b{color:var(--accent);font-weight:900;text-transform:uppercase;letter-spacing:.06em}.reward-button span{color:var(--muted);font-size:.78rem;line-height:1.25}@keyframes merge-target-pulse{0%,to{box-shadow:0 0 0 2px color-mix(in srgb,var(--match-color) 16%,transparent),0 0 12px color-mix(in srgb,var(--match-color) 18%,transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--match-color) 36%,transparent),0 0 24px color-mix(in srgb,var(--match-color) 34%,transparent)}}@keyframes merged-pop{0%,to{transform:scale(1)}52%{transform:scale(1.15)}}@keyframes token-flash{0%{color:#10140f;text-shadow:0 0 16px var(--accent)}to{color:var(--accent);text-shadow:none}}@media(prefers-reduced-motion:reduce){.merge-token-count.token-changed,.muster-card.merge-partner,.muster-card.merged-pop{animation:none}.muster-card{transition:none}}.result-panel{width:min(380px,90vw);padding:22px;border:1px solid var(--line);border-radius:10px;background:var(--canvas),linear-gradient(180deg,#1c1f16f7,#0f110cfa);box-shadow:inset 0 0 0 2px #e7be6c12,0 24px 60px #00000080;text-align:center}.result-panel p{color:var(--muted)}@media(max-width:720px){.hud-top{right:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.breather-rewards{grid-template-columns:1fr}.power-panel{top:calc(112px + env(safe-area-inset-top));width:68px}.debug-fab{top:calc(304px + env(safe-area-inset-top));width:68px}.debug-panel{top:calc(352px + env(safe-area-inset-top))}.tray-row{grid-template-columns:repeat(3,minmax(84px,1fr))}.tray-status{display:grid}.tray-status span{text-align:left}}@media(max-width:520px){.hud-top{gap:5px}.hud-chip{padding:5px 6px;font-size:.62rem}.power-panel{width:58px;gap:5px}.power-button{min-height:48px;padding:4px;font-size:.62rem}.power-button small{font-size:.55rem}.tray-panel{grid-template-columns:1fr 72px;gap:7px;padding:7px}.tray-status{gap:4px;font-size:.68rem}.tray-row{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(72px,1fr));gap:5px}.unit-card{min-height:56px;padding:4px 5px}.unit-card-icon{width:28px;height:36px;margin-right:2px;transform:scale(.84);transform-origin:center}.unit-card-name{font-size:.6rem}.unit-card-level{font-size:.76rem}.unit-card-hint{font-size:.5rem}.lane-row{grid-column:1;grid-template-columns:repeat(5,minmax(28px,1fr));gap:5px}.lane-button{min-height:34px}.lane-button span{width:20px;height:20px}.deploy-button{grid-column:2;grid-row:3;width:72px;min-height:56px;font-size:.72rem}.breather-panel{padding:14px}}@media(max-width:540px){.hud-top{top:calc(8px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));right:calc(60px + env(safe-area-inset-right));grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(34px,auto);gap:4px;max-height:calc(82px + env(safe-area-inset-top));overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.hud-top::-webkit-scrollbar{display:none}.hud-chip{padding:5px 6px;font-size:10px;line-height:1.1}.hud-chip b{margin-top:1px;font-size:.7rem}.objective-chip span{height:4px;margin-top:4px}.pause-button{top:calc(8px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));width:48px;min-height:44px;padding:0 4px;font-size:.62rem}.power-panel{top:calc(50dvh - 96px);right:calc(8px + env(safe-area-inset-right));width:48px;gap:8px}.power-button{min-height:52px;padding:5px 3px;font-size:.66rem;line-height:1.05}.power-button small{font-size:.56rem}.power-target-hint{top:calc(94px + env(safe-area-inset-top));max-width:calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right));padding:7px 10px;font-size:12px;line-height:1.15}.tray-panel{left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom));grid-template-columns:1fr;gap:7px;padding:8px;max-height:calc(47dvh - env(safe-area-inset-bottom))}.tray-status{display:grid;grid-template-columns:1fr;gap:3px;font-size:.68rem}.tray-status span{text-align:left}.tray-row{grid-column:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:100%}.unit-card{min-width:0;min-height:64px;padding:5px}.unit-card-icon{width:26px;height:34px;margin-right:1px;transform:scale(.78);transform-origin:center}.unit-card-name{font-size:11px;line-height:1.05}.unit-card-level{font-size:.78rem}.unit-card-hint,.unit-card-cost{font-size:.52rem}.lane-row{grid-column:1;grid-template-columns:repeat(5,minmax(40px,1fr));gap:5px}.lane-button{min-height:40px;padding:4px}.lane-button span{width:24px;height:24px}.deploy-button{grid-column:1;grid-row:auto;width:100%;min-height:48px;font-size:.8rem}.debug-fab{top:calc(50dvh + 104px);right:calc(8px + env(safe-area-inset-right));width:48px;min-height:44px;padding:4px;font-size:.58rem}.debug-panel{top:auto;right:calc(8px + env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom));left:calc(8px + env(safe-area-inset-left));width:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.pause-overlay,.breather-overlay,.result-overlay{align-items:start;padding-top:max(16px,env(safe-area-inset-top))}.pause-panel,.result-panel,.breather-panel{width:min(100%,420px);max-height:85dvh;overflow-y:auto;padding:16px}.pause-panel button,.result-panel button{min-height:48px}.breather-panel{gap:8px}.breather-panel h2{font-size:1.1rem}.muster-header{font-size:.72rem}.muster-row{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:6px}.muster-card{min-height:72px;padding:6px}.muster-name{font-size:.64rem}.breather-rewards{grid-template-columns:1fr;gap:8px}.reward-button{width:100%;min-height:56px;padding:10px 12px}}