*{box-sizing:border-box}html,body,#game{width:100%;height:100%;margin:0;overflow:hidden}body{background:#141618;color:#f3efe7;font:16px/1.5 Arial,Helvetica,sans-serif}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #FFA600;outline-offset:3px}[hidden]{display:none!important}#game{position:relative;background:#1b1715}canvas{width:100%;height:100%;display:block;outline:none}.overlay{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:25px;overflow-y:auto;background:#111416d9;backdrop-filter:blur(6px)}#start-screen{background:linear-gradient(90deg,#111416f5,#11141688),url('../art/iron-arena-keyart.webp') center/cover;backdrop-filter:none}.start-panel{width:min(100%,550px)}h1,h2,p{margin:0}h1{font:800 clamp(3rem,8vw,5.9rem)/.88 Impact,'Arial Narrow',sans-serif;letter-spacing:.02em;margin:20px 0}h2{font:800 clamp(2.2rem,6vw,4rem)/1.1 Impact,'Arial Narrow',sans-serif}em{font-style:normal;color:#FFA600}.eyebrow{color:#FFA600;font-size:.75rem;font-weight:bold;letter-spacing:.16em}.intro{font-size:1.05rem;color:#d2cec7;margin-bottom:20px}form label{display:block;font-size:.85rem;margin-bottom:6px}input{background:#1a1d20d9;color:#f3efe7;border:1px solid #787068;padding:12px 16px;width:100%;max-width:390px;border-radius:2px}button.primary,a.primary{display:inline-flex;justify-content:center;align-items:center;background:#FFA600;color:#fff8ef;border:1px solid #FFA600;padding:12px 24px;font-weight:bold;letter-spacing:.035em;min-height:48px;text-decoration:none;margin-top:17px}button.secondary{display:block;background:transparent;border:1px solid #777;padding:10px 20px;color:#eee;margin:13px auto}.start-panel .secondary{margin:12px 0}.small{font-size:.76rem;color:#b8b7b1;margin-top:10px;max-width:410px}.controls{font-size:.78rem;color:#d2ccc1;margin-top:20px}.prototype-note{font-size:.72rem;opacity:.85}#start-error{color:#FFA600;font-size:.85rem;margin-top:8px}.hud-top,.hud-bottom{position:absolute;left:4%;right:4%;display:flex;justify-content:space-between;pointer-events:none;gap:20px;text-shadow:0 2px 5px #000}.hud-top{top:4%}.hud-bottom{bottom:4%}.label{display:block;color:#d4c5b4;font-size:.64rem;letter-spacing:.14em;font-weight:bold}strong{font:800 1.75rem/1.3 Arial,sans-serif}.time,.wave{text-align:center}.right{text-align:right}#player-name{font-size:1.2rem;max-width:180px;display:block;overflow:hidden;text-overflow:ellipsis}.health-track{width:130px;height:5px;background:#303535;margin-top:5px}#health-bar{display:block;height:100%;width:100%;background:#FFA600}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#f9ecd5;font:bold 1.8rem monospace;pointer-events:none;text-shadow:0 1px 3px #000}#crosshair.hit{color:#FFA600;transform:translate(-50%,-50%) rotate(45deg) scale(1.4)}#notice{position:absolute;top:25%;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;font-weight:bold;letter-spacing:.05em;font-size:.8rem;white-space:nowrap;color:#fee5c3;text-shadow:0 2px 6px black}.game-tools{position:absolute;right:4%;top:17%;display:flex;gap:6px;z-index:12}.game-tools button{background:#151719cc;color:#fff4e4;border:1px solid #8887;min-height:36px;min-width:36px;font-size:.75rem}.pause-panel,.end-panel{text-align:center;max-width:560px;width:100%}.pause-panel h2{margin:15px 0 20px}.pause-panel p.small{margin:16px auto}.end-panel .primary{display:flex;margin:18px auto}.end-panel>p{margin:12px auto}.end-panel #final-score{font-size:4.5rem;color:#FFA600}.end-panel a{color:#ccc}.score-row{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff24;padding:8px 0;font-size:.85rem;gap:16px}.score-row span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-row b{color:#FFA600}#end-board{margin:22px auto;max-width:400px}#damage{pointer-events:none;position:absolute;inset:0;z-index:10;box-shadow:inset 0 0 100px 25px #ea352aaa;opacity:0;transition:opacity .1s}#damage.flash{opacity:1}#touch-controls,.touch-help{display:none}[data-controls="touch"] #touch-controls,[data-controls="touch"] .touch-help{display:block}[data-controls="touch"] .desktop-help{display:none}[data-controls="touch"] #joystick{position:absolute;left:5%;bottom:20%;width:105px;height:105px;border-radius:50%;background:#1118;border:1px solid #efdfbd66;z-index:10;touch-action:none}[data-controls="touch"] #stick{position:absolute;left:32px;top:32px;width:40px;height:40px;border-radius:50%;background:#FFA60088;border:1px solid #FFA600;pointer-events:none}[data-controls="touch"] #look-zone{position:absolute;right:0;top:26%;width:48%;height:60%;touch-action:none}[data-controls="touch"] #shoot-button,[data-controls="touch"] #jump-button,[data-controls="touch"] #reload-button{position:absolute;z-index:11;border-radius:50%;background:#FFA600ab;color:#fff;border:1px solid #FFA600;font-size:.7rem;font-weight:bold;touch-action:none;min-width:58px;min-height:58px}[data-controls="touch"] #shoot-button{right:6%;bottom:23%;width:78px;height:78px}[data-controls="touch"] #jump-button{right:24%;bottom:19%}[data-controls="touch"] #reload-button{right:8%;bottom:47%}[data-controls="touch"] .hud-bottom{bottom:3%}[data-controls="touch"] .hud-top{top:3%}[data-controls="touch"] .game-tools{top:15%}[data-controls="touch"] .overlay{padding:22px}[data-controls="touch"] .start-panel{max-width:430px}[data-controls="touch"] h1{font-size:3.6rem;margin:15px 0}[data-controls="touch"] .intro{font-size:.95rem;margin-bottom:14px}[data-controls="touch"] .controls{margin-top:12px}[data-controls="touch"] .prototype-note{font-size:.65rem}[data-controls="touch"] .small{font-size:.72rem}[data-controls="touch"] .hud-top strong,[data-controls="touch"] .hud-bottom strong{font-size:1.35rem}[data-controls="touch"] #player-name{max-width:115px;font-size:1rem}[data-controls="touch"] .health-track{width:90px}[data-controls="touch"] .label{font-size:.6rem}[data-controls="touch"] #notice{top:28%;font-size:.65rem}@media(max-height:480px){.overlay{align-items:flex-start}.start-panel{max-width:590px;display:grid;grid-template-columns:1fr 1fr;column-gap:24px;padding:0}.start-panel h1{grid-column:1;grid-row:2/5;font-size:3.8rem}.start-panel>.eyebrow{grid-column:1/-1}.start-panel .intro{display:none}.start-panel form{grid-column:2;grid-row:2/4}.start-panel .controls{grid-column:2}.start-panel .prototype-note{grid-column:1/-1}#notice{top:30%}.game-tools{top:24%}#joystick{width:85px;height:85px;bottom:24%}#stick{top:22px;left:22px}#shoot-button{width:65px;height:65px;bottom:24%}#reload-button{bottom:50%;right:20%}#jump-button{bottom:20%;right:21%}}
.label,.eyebrow,.small,.controls,.prototype-note,.game-tools button,.game-tools button,.touch-help,.desktop-help,#shoot-button,#jump-button,#reload-button{font-size:max(.75rem,12px)}
:root{--brand:#FFA600}em,.eyebrow,.score-row b,.end-panel #final-score{color:var(--brand)}button.primary,a.primary{background:var(--brand);border-color:var(--brand);color:#151719}#health-bar{background:var(--brand)}#crosshair.dodge{color:#FFA600;transform:translate(-50%,-50%) scale(1.3)}#notice{white-space:normal;max-width:85%;width:max-content}.control-picker{display:flex;align-items:center;gap:10px;font-size:.875rem;margin-top:16px}.control-picker select{background:#191c1e;color:#f3efe7;border:1px solid #787068;padding:8px;font:inherit;max-width:100%;min-height:40px}.overlay{padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.small,.controls,.prototype-note{font-size:.8rem}.label{font-size:.75rem}.game-tools button{min-width:44px;min-height:44px}.touch-help,.desktop-help{font-size:.875rem}.hud-top{top:max(16px,env(safe-area-inset-top))}.hud-bottom{bottom:max(18px,env(safe-area-inset-bottom))}#canvas,#touch-controls{touch-action:none}#touch-controls{pointer-events:none}#touch-controls>*{pointer-events:auto}#look-zone{z-index:5}#sprint-button{display:none}[data-controls="touch"] #sprint-button{display:block;position:absolute;left:27%;bottom:21%;z-index:11;background:#171b1fcc;color:#fff;border:1px solid #f3c598;border-radius:50%;min-width:60px;min-height:60px;font-size:.75rem;font-weight:bold;touch-action:none}[data-controls="touch"] #shoot-button{background:#FFA600cf;color:#151719}[data-controls="touch"] #jump-button,[data-controls="touch"] #reload-button{background:#202326d9;color:#f3efe7}[data-controls="desktop"] #touch-controls,[data-controls="desktop"] .touch-help{display:none}[data-controls="touch"] .desktop-help{display:none}[data-controls="touch"] .touch-help{display:block}[data-controls="touch"] #look-zone{top:29%;height:57%}[data-controls="touch"] #notice{top:25%;font-size:.8rem}[data-controls="touch"] .hud-top{gap:10px}[data-controls="touch"] .game-tools{top:14%}[data-controls="touch"] .label{font-size:.7rem}#start-screen .start-panel{margin:auto}#start-screen{overscroll-behavior:contain}
@media(max-width:450px){[data-controls="touch"] #joystick{left:4%;width:95px;height:95px}[data-controls="touch"] #stick{left:27px;top:27px}[data-controls="touch"] #sprint-button{left:31%;bottom:22%;min-width:52px;min-height:52px}[data-controls="touch"] #jump-button{right:23%;bottom:12%}[data-controls="touch"] #shoot-button{right:5%;bottom:23%;height:72px;width:72px}[data-controls="touch"] #reload-button{bottom:40%;right:7%}.hud-top strong,.hud-bottom strong{font-size:1.25rem}.control-picker{flex-wrap:wrap}}
@media(max-height:500px){.start-panel .control-picker{grid-column:1;grid-row:5;font-size:.8rem;display:block;margin-top:5px}.start-panel .control-picker select{display:block;font-size:.8rem;padding:6px}.start-panel .controls{grid-column:2;grid-row:4/6;line-height:1.5}.start-panel>.small{grid-column:1/-1}.start-panel h1{font-size:3.1rem}.start-panel .intro{display:none}.overlay{padding:16px}.start-panel form input{padding:8px 12px}.start-panel form .primary{margin-top:10px;padding:10px;min-height:44px}.start-panel .small{margin-top:6px}.game-tools{top:23%!important}.hud-top{top:12px!important}.hud-bottom{bottom:12px!important}#notice{top:37%!important}[data-controls="touch"] #joystick{width:85px;height:85px;left:4%;bottom:23%}[data-controls="touch"] #stick{left:22px;top:22px}[data-controls="touch"] #sprint-button{left:23%;bottom:23%;min-height:52px;min-width:52px}[data-controls="touch"] #jump-button{right:22%;bottom:22%;min-height:52px;min-width:52px}[data-controls="touch"] #reload-button{right:22%;bottom:48%;min-height:52px;min-width:52px}[data-controls="touch"] #shoot-button{width:66px;height:66px;right:6%;bottom:25%}.prototype-note{display:none}.end-panel #final-score{font-size:3.3rem}.end-panel{margin:auto}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Elemental combat and active potion timers. */
#damage{box-shadow:inset 0 0 100px 25px var(--damage-color,#ea352a)}
#ailment-tint{pointer-events:none;position:absolute;inset:0;z-index:9;opacity:0;box-shadow:inset 0 0 90px 15px var(--status-color,#a9f04d);transition:opacity .2s}
#powerup-hud{position:absolute;left:4%;top:16%;max-width:65%;display:flex;gap:6px;overflow-x:auto;overscroll-behavior:contain;z-index:13;padding:4px 0;scrollbar-width:thin}
.power-chip{flex-shrink:0;white-space:nowrap;border-left:3px solid var(--power-color);background:#111722ed;color:var(--power-color);padding:7px 9px;font:bold .875rem Arial;text-shadow:0 1px 2px #000}
#status-hud{position:absolute;top:24%;left:4%;display:flex;gap:10px;font:bold .875rem Arial;pointer-events:none;text-shadow:0 2px 4px #000;z-index:12}
#ammo-mode{display:block;font-size:.75rem;font-weight:bold;color:#bbeaff;margin-top:3px}#notice{top:34%;max-width:90%;white-space:normal}
.arena-guide{margin-top:16px;text-align:left;max-width:550px;font-size:.875rem}.arena-guide summary{cursor:pointer;color:#ffca72;padding:8px 0}.power-guide{background:#111923e8;border:1px solid #69788b;padding:14px;max-height:240px;overflow:auto;line-height:1.5}.power-guide p{margin:0 0 12px}.power-guide b{color:#ffe1ae}
[data-controls="touch"] #powerup-hud{top:16%;max-width:61%}[data-controls="touch"] .power-chip{font-size:.75rem;padding:6px 7px}[data-controls="touch"] #status-hud{top:25%;font-size:.75rem;max-width:85%;flex-wrap:wrap}[data-controls="touch"] #notice{top:36%;font-size:.8rem}[data-controls="touch"] #ammo-mode{font-size:.65rem}
@media(max-height:480px){#powerup-hud,[data-controls="touch"] #powerup-hud{top:20%;max-width:65%}#status-hud,[data-controls="touch"] #status-hud{top:32%}.arena-guide{grid-column:1/-1}#notice,[data-controls="touch"] #notice{top:43%}.power-guide{max-height:160px}}
/* Fullscreen controls remain reachable on the start, pause and game screens. */
#exit-fullscreen{position:absolute;z-index:50;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));min-width:44px;height:44px;font:28px/1 Arial;background:#151719ed;color:#f3efe7;border:1px solid #ffa600;border-radius:5px}
[data-expanded="true"] .hud-top{right:70px}[data-expanded="true"] .game-tools{right:70px}.fullscreen-choice{margin:14px 0}.fullscreen-choice .secondary{margin:0;border-color:#ffa600;color:#ffbd45;min-height:44px;padding:9px 18px}#fullscreen-status{margin-top:6px}.landscape-hint,.mobile-quality{display:none;font-size:.78rem;color:#ffc566;margin-top:8px}.mobile-quality{color:#b5b8b5}
@media(pointer:coarse){.mobile-quality{display:block}}
@media(pointer:coarse) and (orientation:portrait){.landscape-hint{display:block}}
@media(max-height:520px) and (min-width:550px){#start-screen .start-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:min(100%,860px);max-width:860px;gap:8px 28px;padding:4px 35px 10px 0;margin:auto}.start-panel>.eyebrow{grid-column:1;grid-row:1}.start-panel h1{grid-column:1;grid-row:2;font-size:clamp(2.4rem,7vw,3.8rem);margin:7px 0}.start-panel #asset-status{grid-column:1;grid-row:3;margin:0}.start-panel .fullscreen-choice{grid-column:1;grid-row:4;margin:6px 0}.start-panel #start-form{grid-column:2;grid-row:1/5}.start-panel .control-picker{grid-column:2;grid-row:5;display:flex;flex-wrap:wrap;margin:0}.start-panel .controls{grid-column:2;grid-row:6;margin:0;font-size:.75rem}.start-panel>.small:not(#asset-status){grid-column:1;grid-row:5/7}.start-panel #practice-button{grid-column:2;grid-row:7;margin:0}.start-panel .arena-guide{grid-column:1/-1;grid-row:8;margin:0}.start-panel input{font-size:16px}.start-panel form .primary{width:100%}.start-panel .intro{display:none}.start-panel #fullscreen-status{font-size:.7rem}.overlay{padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left))}}
/* An enamel-and-metal vitality gauge, kept clear of touch controls. */
.vitality{--health-color:#7bf4c6;width:190px;filter:drop-shadow(0 4px 8px #000b)}.vitality-caption{display:flex;align-items:center;gap:8px;padding:0 7px 5px}.vitality-caption .label{color:#eff6e8!important;letter-spacing:.12em}.vitality-caption strong{margin-left:auto!important;font-size:26px!important;font-style:italic;line-height:1!important}.health-sigil{color:var(--health-color);font-size:24px;text-shadow:2px 2px #092925;line-height:1}.health-frame{padding:3px;background:linear-gradient(120deg,#d4d5c1,#607272 50%,#d0e2c9);clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}.vitality .health-track{height:20px!important;width:100%!important;margin:0!important;padding:3px 9px;background:#0c2022;clip-path:polygon(7% 0,100% 0,93% 100%,0 100%)}.vitality #health-bar{display:block;height:100%;background:repeating-linear-gradient(105deg,transparent 0 15px,#163a3366 15px 18px),linear-gradient(0deg,#3ec49b,var(--health-color));box-shadow:0 0 9px #71efb960;transition:width .2s ease-out}.health-critical{--health-color:#ff6654}.health-critical #health-bar{background:repeating-linear-gradient(105deg,transparent 0 15px,#611d3566 15px 18px),linear-gradient(0deg,#b82744,#ff7656)}
.arena-settings{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px;text-align:left;padding:20px 0;margin:8px 0 20px;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25}.arena-settings label{display:flex;flex-direction:column;gap:8px;font-size:14px!important;color:#efeee6}.arena-settings label>span{display:flex;justify-content:space-between;gap:8px}.arena-settings output{color:#ffa600}.arena-settings select{min-height:44px;width:100%;border:1px solid #778382;background:#141c21;color:#f4f0e8;border-radius:8px;padding:8px;font:inherit}.arena-settings input[type=range]{accent-color:#ffa600;min-height:36px;width:100%;padding:0;margin:0;cursor:pointer}.arena-settings .setting-check{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.arena-settings input[type=checkbox]{accent-color:#ffa600;width:24px;height:24px;min-height:24px;margin:0;padding:0;cursor:pointer}.pause-panel{width:min(560px,100%);max-height:none}.pause-panel h2{font-size:clamp(25px,5vw,38px)}#start-settings{margin-top:10px}#pause-screen{overflow:auto;overscroll-behavior:contain;align-items:safe center}#pause-screen .pause-panel{margin:auto}
@media(max-width:600px){.vitality{width:135px}.vitality-caption{gap:5px}.vitality-caption .label{font-size:9px!important;letter-spacing:.06em}.vitality-caption strong{font-size:22px!important}.health-sigil{font-size:20px}.vitality .health-track{height:17px!important}.arena-settings{gap:12px 16px}.pause-panel{padding:24px!important}.arena-settings input[type=range]{min-height:44px}}
@media(max-height:500px) and (orientation:landscape){#pause-screen{padding:14px}.pause-panel{padding:18px 24px!important;width:min(680px,100%)}.pause-panel>.eyebrow{margin-bottom:4px}.pause-panel h2{font-size:28px;margin-bottom:8px}.arena-settings{padding:12px 0;margin-bottom:10px;gap:8px 24px;grid-template-columns:1fr 1fr}.arena-settings label{gap:3px}.pause-panel>.primary,.pause-panel>.secondary{min-height:40px;padding:10px}.vitality{width:135px}}
@media(prefers-reduced-motion:reduce){.vitality #health-bar{transition:none}}

#arena-tutorial{position:fixed;inset:0;margin:auto;width:min(540px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow-y:auto;overscroll-behavior:contain;background:#090909;color:#f6f0e6;border:1px solid #d48f4255;border-radius:40px;padding:32px;box-shadow:0 30px 100px #000c;box-sizing:border-box;text-align:left;z-index:10000}#arena-tutorial::backdrop{background:#000c;backdrop-filter:blur(6px)}#arena-tutorial .tutorial-close{position:absolute;top:12px;right:12px;background:transparent;border:0;color:#f8e8ce;font-size:27px;width:44px;height:44px;border-radius:50%;padding:0}#arena-tutorial h2{font-size:clamp(24px,5vw,34px);line-height:1.1;margin:15px 0;text-align:left}#arena-tutorial #tutorial-copy{font-size:16px;line-height:1.7;margin:16px 0;color:#e6ded2}#tutorial-note{font-size:14px;line-height:1.7;color:#e5d1b0;padding:16px;border-left:2px solid #ffa600;background:#1b150d;border-radius:0 16px 16px 0}.arena-tutorial-mark{width:60px;height:60px;display:grid;place-items:center;border-radius:19px;background:linear-gradient(130deg,#df6c1b,#ffca62);color:#171009;font-size:34px;margin-bottom:18px}.arena-tutorial-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 12px}#arena-tutorial .arena-tutorial-actions button{margin:0;border-radius:12px;min-height:46px;width:100%}#arena-tutorial .primary{background:linear-gradient(110deg,#e88126,#ffa600,#ffd271);color:#171009}.arena-tutorial-dots{display:flex;gap:7px;margin-top:20px}.arena-tutorial-dots span{flex:1;height:4px;border-radius:4px;background:#302c25}.arena-tutorial-dots .current{background:linear-gradient(90deg,#e37319,#ffc760)}.tutorial-once-note{font-size:12px;color:#a99e8e;line-height:1.5}#arena-tutorial button:focus-visible{outline:2px solid #ffd17b;outline-offset:3px}@media(max-width:420px){#arena-tutorial{padding:26px}#arena-tutorial #tutorial-copy{font-size:15px}#tutorial-note{padding:12px}}@media(max-height:520px){#arena-tutorial{padding:24px;max-height:calc(100dvh - 16px)}.arena-tutorial-mark{display:none}#arena-tutorial h2{font-size:25px}}

/* Mobile v26: safe-area controls and a readable, compact start screen. */
[data-controls="touch"] #start-screen{padding:20px max(18px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#060606ed;backdrop-filter:none}
[data-controls="touch"] #start-screen .start-panel{display:flex;flex-direction:column;width:min(100%,520px);max-width:520px;gap:10px;padding:0}
[data-controls="touch"] .start-panel h1{font-size:clamp(32px,9vw,48px);line-height:.95;margin:6px 0;text-align:left}
[data-controls="touch"] .start-panel>.eyebrow,[data-controls="touch"] .start-panel>.small:not(#asset-status),[data-controls="touch"] .start-panel>.controls,[data-controls="touch"] .start-panel>.control-picker,[data-controls="touch"] .start-panel>.arena-guide,[data-controls="touch"] .mobile-quality{display:none!important}
[data-controls="touch"] .start-panel #asset-status{font-size:14px;line-height:1.4;text-align:left;margin:0}
[data-controls="touch"] .start-panel .fullscreen-choice{margin:0;padding:0}
[data-controls="touch"] .start-panel #start-form{margin:0}
[data-controls="touch"] .start-panel #start-form .small{font-size:14px;line-height:1.45}
[data-controls="touch"] .start-panel .primary,[data-controls="touch"] .start-panel .secondary{min-height:48px;margin:4px 0;padding:12px;font-size:15px;border-radius:14px}
[data-controls="touch"] .start-panel input{min-height:48px;font-size:16px;border-radius:12px}
[data-controls="touch"] .landscape-hint{font-size:14px;margin:5px 0}
[data-controls="touch"] .hud-top{top:max(12px,env(safe-area-inset-top))!important;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));gap:8px}
[data-controls="touch"] .hud-top>div:first-child{max-width:34%;overflow:hidden}
[data-controls="touch"] #player-name{font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;max-width:100%}
[data-controls="touch"] .hud-top .label,[data-controls="touch"] .hud-bottom .label{font-size:12px!important;letter-spacing:.06em}
[data-controls="touch"] .hud-top strong,[data-controls="touch"] .hud-bottom strong{font-size:24px;line-height:1.1}
[data-controls="touch"] .hud-bottom{bottom:max(12px,env(safe-area-inset-bottom))!important;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));gap:12px}
[data-controls="touch"] .hud-bottom .vitality{width:140px}
[data-controls="touch"] .game-tools{top:65px!important;right:max(14px,env(safe-area-inset-right));gap:5px}
[data-controls="touch"] .game-tools button{min-width:42px;min-height:42px;border-radius:12px;background:#080808de;font-size:12px}
[data-controls="touch"] #powerup-hud{top:60px!important;left:max(16px,env(safe-area-inset-left));max-width:calc(100% - 190px);max-height:42px;flex-wrap:nowrap;scrollbar-width:none}
[data-controls="touch"] #status-hud{top:103px!important;left:16px;font-size:12px}
[data-controls="touch"] #joystick{left:max(22px,env(safe-area-inset-left));bottom:85px;width:108px;height:108px;background:#08080899;border:2px solid #fff3b744;box-shadow:inset 0 0 0 12px #ffffff05}
[data-controls="touch"] #look-zone{top:0;right:0;width:62%;height:100%;z-index:5}
[data-controls="touch"] #shoot-button{right:max(22px,env(safe-area-inset-right));bottom:82px;width:84px;height:84px;font-size:17px;color:#080808;border:2px solid #ffcd68;background:#ffa600e8}
[data-controls="touch"] #jump-button{right:122px;bottom:78px;width:58px;height:58px;font-size:12px}
[data-controls="touch"] #reload-button{right:122px;bottom:147px;width:58px;height:58px;font-size:12px}
[data-controls="touch"] #sprint-button{left:145px;bottom:85px;width:58px;height:58px;font-size:12px}
[data-controls="touch"] #notice{max-width:60%;font-size:14px;line-height:1.35;pointer-events:none}
[data-controls="touch"] #pause-screen,[data-controls="touch"] #end-screen{background:#060606ed;backdrop-filter:none}
[data-controls="touch"] #pause-screen .pause-panel{border-radius:28px;max-height:none}
[data-controls="touch"] #pause-screen select,[data-controls="touch"] #pause-screen button{min-height:46px}
@media (orientation:landscape) and (max-height:540px){
 [data-controls="touch"] #start-screen .start-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);width:min(860px,100%);max-width:860px;gap:6px 24px}
 [data-controls="touch"] .start-panel h1{grid-column:1;grid-row:1;font-size:34px}
 [data-controls="touch"] .start-panel #asset-status{grid-column:1;grid-row:2}
 [data-controls="touch"] .start-panel .fullscreen-choice{grid-column:1;grid-row:3}
 [data-controls="touch"] .start-panel #start-form{grid-column:2;grid-row:1/6}
 [data-controls="touch"] .start-panel #start-settings{grid-column:1;grid-row:4}
 [data-controls="touch"] .start-panel #start-tutorial{grid-column:1;grid-row:5}
 [data-controls="touch"] .start-panel #practice-button{grid-column:2;grid-row:6}
 [data-controls="touch"] .start-panel #start-form .small{font-size:13px}
 [data-controls="touch"] #joystick{width:96px;height:96px;bottom:70px}
 [data-controls="touch"] #shoot-button{bottom:68px;width:78px;height:78px}
 [data-controls="touch"] #jump-button,[data-controls="touch"] #sprint-button{bottom:68px}
 [data-controls="touch"] #reload-button{bottom:135px}
 [data-controls="touch"] .hud-bottom .wave{display:none}
 [data-controls="touch"] #powerup-hud{max-width:calc(100% - 220px)}
}
@media (orientation:portrait){[data-controls="touch"] #sprint-button{left:26px;bottom:210px}[data-controls="touch"] #jump-button{right:26px;bottom:184px}[data-controls="touch"] #reload-button{right:99px;bottom:184px}[data-controls="touch"] .game-tools{top:112px!important}[data-controls="touch"] #powerup-hud{max-width:calc(100% - 32px)}[data-controls="touch"] .hud-bottom .wave{display:none}}
/* Shared-wallet survival runs. Generous type without covering the aiming area. */
.hud-top strong,.hud-bottom strong{font-size:clamp(25px,3.2vw,40px);font-weight:950;line-height:1}.hud-top .label,.hud-bottom .label{font-size:12px;font-weight:900;letter-spacing:.08em}#arena-wallet{position:absolute;left:22px;top:105px;display:flex;align-items:center;gap:18px;background:#080808eb;border:1px solid #ffa6003b;border-left:4px solid #ffa600;padding:10px 22px 10px 14px;clip-path:polygon(0 0,100% 0,94% 100%,0 100%)}#arena-wallet span{font-size:11px;font-weight:900;color:#decfae}#arena-wallet strong{font-size:26px;color:#ffa600;font-weight:950}.wallet-intro{color:#ffa600;font-size:13px;font-weight:800;margin:14px 0}#wallet-result{font-size:17px;font-weight:800;color:#e8c784}#return-guild{display:block;text-align:center;text-decoration:none;margin:18px 0}#return-guild[hidden]{display:none}.shop-panel{width:min(1050px,94vw);max-height:94dvh;overflow:auto;padding:34px;background:#080808;border:1px solid #b6904526;border-radius:30px;box-shadow:0 30px 120px #000b}.shop-panel header{position:relative}.shop-panel h2{font-size:clamp(26px,4vw,42px);font-weight:950;line-height:1.1;margin:12px 0}.shop-panel #shop-wallet{position:absolute;right:0;top:0;color:#ffa600;font-size:18px}.shop-panel #shop-status{font-size:15px;color:#c2bbac}.shop-panel #shop-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.upgrade-card{text-align:left;position:relative;display:flex;flex-direction:column;min-height:330px;padding:22px;border-radius:22px;background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--card-accent) 11%,transparent),transparent 70%),#0b0b0b;border:1px solid color-mix(in srgb,var(--card-accent) 28%,#171717);color:#f4efe7;box-shadow:inset 0 0 30px #0006;transition:transform .18s,border-color .18s,box-shadow .18s;cursor:pointer}.upgrade-card:hover:not(:disabled),.upgrade-card:focus-visible{transform:translateY(-7px);border-color:var(--card-accent);box-shadow:0 12px 28px #0008;outline:2px solid var(--card-accent);outline-offset:3px}.upgrade-card:disabled{opacity:.48;cursor:not-allowed}.upgrade-kind{font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--card-accent)}.upgrade-art{height:110px;display:grid;place-items:center;position:relative;margin:14px 0}.upgrade-art>b{font-size:76px;font-weight:900;color:var(--card-accent);text-shadow:0 0 35px color-mix(in srgb,var(--card-accent) 30%,transparent);z-index:1}.upgrade-art img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.18;mask-image:radial-gradient(ellipse,#000,transparent 75%)}.upgrade-card h3{font-size:21px;line-height:1.1;font-weight:950;margin:8px 0}.upgrade-card p{font-size:15px;line-height:1.45;color:#d1c9ba;flex:1}.upgrade-price{font-size:17px;color:var(--card-accent);border-top:1px solid #ffffff12;padding-top:15px;margin-top:15px}.shop-panel #shop-skip{width:auto;min-width:280px;margin:auto;display:block}.shop-paused{display:block;text-align:center;margin-top:14px;font-size:11px;font-weight:900;letter-spacing:.15em;color:#8b8476}#shop-error{color:#ffc1a8;font-size:15px;font-weight:700}#shop-screen{z-index:35}.start-panel .mobile-quality,.start-panel>.small{display:none}.start-panel .intro{font-size:18px}.start-panel{padding:28px!important}.start-panel h1{font-size:clamp(30px,6vw,55px)!important}.start-panel .controls{font-size:13px}.start-panel #asset-status{display:none}.power-chip{font-size:12px;font-weight:800}
@media(max-width:767px){#arena-wallet{top:74px;left:12px;padding:7px 20px 7px 10px;gap:12px}#arena-wallet strong{font-size:22px}.hud-top strong,.hud-bottom strong{font-size:26px}.hud-top .label,.hud-bottom .label{font-size:10px}.shop-panel{padding:22px 16px;width:96vw}.shop-panel #shop-wallet{position:static;display:block;font-size:16px;margin-top:8px}.shop-panel #shop-cards{gap:10px}.upgrade-card{padding:14px 10px;min-height:270px;border-radius:16px}.upgrade-art{height:70px}.upgrade-art>b{font-size:50px}.upgrade-card h3{font-size:16px}.upgrade-card p{font-size:13px}.upgrade-price{font-size:13px}.upgrade-kind{font-size:9px}.shop-panel h2{font-size:27px}}
@media(max-width:550px) and (orientation:portrait){.shop-panel #shop-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 4px 20px}.upgrade-card{flex:0 0 76%;scroll-snap-align:center;min-height:310px;padding:22px}.upgrade-card h3{font-size:23px}.upgrade-card p{font-size:16px}.upgrade-art{height:95px}.upgrade-price{font-size:18px}}
@media(orientation:landscape) and (max-height:550px){#arena-wallet{top:60px;left:16px}#arena-wallet strong{font-size:20px}.hud-top strong,.hud-bottom strong{font-size:24px}.shop-panel{padding:18px 22px}.shop-panel #shop-cards{margin:12px 0;gap:12px}.upgrade-card{min-height:215px;padding:12px 16px}.upgrade-art{height:40px;margin:4px}.upgrade-art>b{font-size:42px}.upgrade-card h3{font-size:18px}.upgrade-card p{font-size:13px;margin:4px 0}.upgrade-price{margin-top:6px;padding-top:8px}.shop-panel header h2{font-size:25px}.shop-panel #shop-status{margin:5px 0}.shop-paused{display:none}.shop-panel #shop-skip{padding:10px}.shop-panel .eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){.upgrade-card{transition:none}}
#arena-wallet{left:auto;right:22px;z-index:15;pointer-events:none}
@media(max-width:767px){#arena-wallet{left:auto;right:12px}}
@media(orientation:landscape) and (max-height:550px){#arena-wallet{left:auto;right:16px}}
#shop-screen[hidden]{display:none}
