.appearance-picker{text-align:left;grid-template-columns:auto 1fr;gap:7px 10px;margin:12px 0;font-size:12px;display:grid}.appearance-picker label{align-self:center}.appearance-picker select{width:100%;min-width:0;font:inherit;color:#382c20;background:#f5ecda;border:1px solid #ac9570;border-radius:5px;padding:7px}.appearance-card{background:#b6955620;border-radius:7px;grid-column:1/-1;grid-template-columns:48px 1fr;gap:4px 10px;padding:10px;display:grid}.appearance-card svg{color:#84633c;grid-row:1/3;width:48px}.appearance-card strong{font-size:14px}.appearance-card ul{overflow-wrap:anywhere;margin:0;padding-left:14px;font-size:10px}.appearance-picker p{grid-column:1/-1;margin:0;font-size:11px;line-height:1.4}#app[data-phase=ready] .panel{touch-action:pan-y;max-height:80dvh;padding:18px 22px;top:17%;overflow-y:auto}#app[data-phase=ready] .panel h1{margin:6px 0;font-size:30px}#app[data-phase=ready] #panel-text{margin:6px 0;font-size:12px}#app[data-phase=ready] .desktop-note{margin-top:8px;font-size:10px}@media (height<=500px){#app[data-phase=ready] .panel{width:min(375px,48vw);max-height:none;padding:10px 15px;top:52px;bottom:8px}#app[data-phase=ready] .panel h1{font-size:22px}#app[data-phase=ready] #panel-text{display:none}.appearance-picker{gap:4px 8px;margin:6px 0}.appearance-card{padding:6px}.appearance-picker select{padding:4px}#app[data-phase=ready] #primary{margin-top:6px;position:sticky;bottom:0}#app[data-phase=ready] .desktop-note,.appearance-card ul{display:none}.appearance-card svg{grid-row:auto;width:25px;height:22px}.appearance-card{grid-template-columns:25px 1fr}}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{color:#f0e6cc;overscroll-behavior:none;background:#93987a;font-family:Arial,Helvetica,sans-serif}#app{touch-action:none;-webkit-user-select:none;user-select:none;position:relative}canvas{width:100%;height:100%;display:block;position:absolute;inset:0}button{font:inherit;cursor:pointer;touch-action:manipulation;border:0;min-height:48px}button:focus-visible{outline-offset:4px;outline:3px solid #fff0c8}[hidden]{display:none!important}.masthead{z-index:2;left:max(28px, env(safe-area-inset-left));right:max(28px, env(safe-area-inset-right));top:max(24px, env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute}.brand{letter-spacing:4px;color:#253b33;align-items:center;gap:12px;font:700 25px Georgia,serif;display:flex}.emblem{color:#263d33;font:48px Georgia,serif}.brand small{letter-spacing:2.6px;margin-top:7px;font:9px Arial,sans-serif;display:block}.edition{letter-spacing:2px;color:#283c32;border-bottom:1px solid #3c504452;padding:10px 0;font-size:9px}.hud{z-index:2;inset:20px max(26px, env(safe-area-inset-right)) auto max(26px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute}.health{background:#213a32ed;border:1px solid #c2c2a144;gap:20px;padding:15px 20px;display:flex}.health-unit{width:115px}.health label{letter-spacing:1.5px;justify-content:space-between;margin-bottom:9px;font-size:10px;display:flex}.health b{letter-spacing:0;font-weight:400}.bar{background:#647260;height:4px}.bar i{background:#d7b56c;height:100%;transition:width .15s;display:block}#hero-bar{background:#eee4c9}.wave{text-align:center;color:#243a31;gap:3px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.wave strong{font:38px Georgia,serif}.wave small{letter-spacing:1.2px;font-size:8px}.pause-button{pointer-events:auto;color:#eee4ca;background:#213a32eb;border:1px solid #c2c2a144;width:48px;font-size:19px}.panel{z-index:4;left:max(5.5vw, env(safe-area-inset-left));color:#253c33;background:#eee5ceee;border-top:2px solid #8d7441;width:min(420px,42vw);padding:28px;position:absolute;top:24%}.panel-eyebrow{letter-spacing:2.2px;color:#77613d;font-size:10px}h1{letter-spacing:-1.7px;white-space:pre-line;margin:22px 0;font:clamp(34px,4.3vw,61px)/1.02 Georgia,serif}p{color:#56604e;max-width:320px;margin:0 0 23px;font-size:14px;line-height:1.65}.primary{text-align:left;color:#f1e6cc;letter-spacing:.3px;background:#263e32;width:100%;padding:15px 20px;display:block}.primary:hover{background:#375541}.secondary{color:#45543e;background:0 0;width:100%;margin-top:6px;font-size:12px;display:block}.desktop-note{color:#7a806b;margin-top:16px;font-size:10px}.warning{z-index:2;letter-spacing:1.4px;color:#394936;white-space:nowrap;font-size:10px;position:absolute;top:125px;left:50%;transform:translate(-50%)}.warning.danger{color:#fff0d2;background:#994a38;padding:10px 15px}.move-hint{left:max(40px, env(safe-area-inset-left));z-index:2;color:#f1e8ccaa;pointer-events:none;align-items:center;gap:10px;font-size:32px;display:flex;position:absolute;bottom:35px}.aim-hint{z-index:2;letter-spacing:1.3px;white-space:nowrap;color:#263c34b0;pointer-events:none;font-size:8px;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.direction{right:max(30px, env(safe-area-inset-right));z-index:2;color:#233c31;letter-spacing:1px;pointer-events:none;background:#e9e0c1db;align-items:center;gap:12px;padding:10px 14px;font-size:9px;display:flex;position:absolute;bottom:30px}.direction span{font-size:24px;display:block}.joystick{z-index:6;pointer-events:none;background:#283e312a;border:1px solid #efe4bf99;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;margin:-55px;display:none;position:absolute}.joystick.active{display:flex}#knob{background:#e5d4a866;border:1px solid #f5e8c9;border-radius:50%;width:42px;height:42px}#stats{letter-spacing:1px;padding:0 0 20px;font-size:10px}.rotate{z-index:10;color:#eadfc0;text-align:center;background:#23392f;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:none;position:absolute;inset:0}.rotate h2{margin:24px 0 14px;font:34px Georgia,serif}.rotate p{color:#b8c0a8}.phone-icon{color:#dbb86c;font-size:60px}.startup-error{color:#24392f;max-width:600px;padding:40px;position:relative}#app:not([data-phase=ready]) .masthead,#app[data-phase=ready] .hud,#app[data-phase=ready] .warning,#app:not([data-phase=playing]) .move-hint,#app:not([data-phase=playing]) .aim-hint,#app:not([data-phase=playing]) .direction{display:none}#app[data-phase=paused] .panel,#app[data-phase=result] .panel{text-align:center;width:410px;max-width:85vw;top:50%;left:50%;transform:translate(-50%,-50%)}#app[data-phase=paused] .primary,#app[data-phase=result] .primary{text-align:center}#app[data-phase=paused] .panel p,#app[data-phase=result] .panel p{margin-left:auto;margin-right:auto}#app[data-phase=paused] .desktop-note,#app[data-phase=result] .desktop-note{display:none}@media (height<=540px){.masthead{top:14px;left:max(22px, env(safe-area-inset-left));right:max(22px, env(safe-area-inset-right))}.brand{font-size:20px}.brand small{margin-top:4px;font-size:8px}.emblem{font-size:38px}.panel{width:min(350px,43vw);padding:19px 22px;top:24%}h1{margin:13px 0;font-size:38px}p{margin-bottom:15px;font-size:12px;line-height:1.45}.panel-eyebrow{font-size:8px}.desktop-note{margin-top:10px;font-size:9px}.primary{padding:12px 15px}.hud{top:12px;left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right))}.health{gap:15px;padding:12px}.health-unit{width:90px}.health label{font-size:9px}.wave strong{font-size:28px}.wave>span{font-size:9px}.warning{font-size:9px;top:90px}.move-hint{bottom:22px}.aim-hint{font-size:7px;bottom:18px}.direction{bottom:16px}.edition{font-size:8px}.secondary{min-height:40px}#stats{padding-bottom:14px}}@media (height<=390px){.panel{padding:15px 20px;top:22%}h1{margin:10px 0;font-size:31px}.panel p{margin-bottom:12px;font-size:11px}.desktop-note{display:none}}@media (orientation:portrait){.rotate{display:flex}}.top-right{color:#f0dfba;background:#213a32ed;align-items:center;gap:18px;padding-left:14px;font-size:13px;display:flex}.squad-status{color:#27453a;letter-spacing:.4px;background:#e9e2cadb;padding:8px 12px;font-size:10px}.orders{right:max(18px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));z-index:5;gap:8px;display:flex;position:absolute}.orders button{color:#f2e4c4;background:#203c32f2;border:1px solid #b5a57380;min-width:96px;max-width:155px;min-height:56px;padding:10px 16px;font-size:12px}.orders button[aria-pressed=true]{background:#456552;border-color:#e7c16f}.orders #next-wave{color:#233a30;background:#dfbd78;font-weight:700}button:disabled{opacity:.48;cursor:default}.orders #ability{border-color:#e7c16f}.preparation{z-index:4;right:max(18px, env(safe-area-inset-right));overscroll-behavior:contain;touch-action:pan-y;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);color:#2b4134;background:#eee5ccdf;border:1px solid #b3a179;width:300px;padding:15px 16px;position:absolute;top:86px;bottom:88px;overflow-y:auto;box-shadow:0 10px 32px #142c2722}.prep-heading{justify-content:space-between;margin-bottom:8px;font-size:15px;display:flex}.preparation p{margin:0 0 10px;font-size:11px;line-height:1.4}.preparation small{margin-top:10px;font-size:10px;line-height:1.4;display:block}.build-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.build-grid button{text-align:left;color:#263b30;background:#fff9e67d;border:1px solid #9b977440;min-height:44px;padding:8px 10px;font-size:11px}#app:not([data-phase=playing]) .orders{display:none}.direction{padding:6px 10px;font-size:8px;bottom:86px}.aim-hint{text-align:center;white-space:normal;max-width:180px;line-height:1.5;bottom:18px;left:40%}#app[data-stage=preparation] .aim-hint{display:none}#app:after{content:"";pointer-events:none;opacity:0;z-index:1;transition:opacity .12s;position:absolute;inset:0;box-shadow:inset 0 0 100px #b530204d}#app.hero-hit:after{opacity:1}@media (height<=540px){.orders button{min-width:92px;padding:8px 10px;font-size:11px}.preparation{width:275px;padding:12px;top:82px}.squad-status{padding:6px 10px;font-size:9px}.top-right{gap:10px;font-size:11px}.warning{text-align:center;white-space:normal;max-width:40vw;top:94px}.wave{background:#eae0becc;border-radius:2px;padding:7px 16px}.wave strong{font-size:24px}.aim-hint{display:none}}@media (width<=740px){.orders button{min-width:78px;max-width:114px;padding:6px 8px;font-size:10px}.preparation{width:240px}.health-unit{width:70px}.health{gap:12px}.squad-status{max-width:190px}.wave{padding:5px 10px}.top-right{gap:5px}}@media (orientation:portrait){.rotate{display:flex}}.build-grid button{font-size:10px;line-height:1.35}canvas.minimap{z-index:2;inset:82px max(18px, env(safe-area-inset-right)) auto auto;pointer-events:none;border:1px solid #d4c49c55;width:105px;height:105px;position:absolute}#app:not([data-phase=playing]) .minimap{display:none}@media (height<=540px){.preparation{width:300px;padding:10px;top:78px;bottom:82px}.preparation p{margin-bottom:6px;font-size:10px;line-height:1.3}.prep-heading{margin-bottom:6px;font-size:14px}.preparation small{display:none}}@media (width<=740px){.preparation{width:250px}}#app[data-stage=preparation] .warning{display:none}.context-card{z-index:5;right:max(18px, env(safe-area-inset-right));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#263e33;background:#f0e6ccdf;border:1px solid #b9a370;width:255px;padding:13px 14px;position:absolute;bottom:86px;box-shadow:0 8px 25px #122a2222}.context-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:14px;display:flex}.context-heading>span{color:#727454;font-size:10px}.context-card p{margin:7px 0 9px;font-size:11px;line-height:1.4}.context-card small{text-align:center;color:#74705a;margin-top:6px;font-size:8px;display:block}.context-tabs{gap:4px;display:flex}.context-tabs button{color:#374e3b;background:#dccda4;min-height:32px;padding:5px 8px;font-size:10px}.context-tabs button.selected{color:#f3e8cf;background:#425e48}.hold-build{--fill:0%;background:linear-gradient(90deg, #b69a56 var(--fill), #294637 var(--fill));color:#ffedc6;touch-action:none;border:1px solid #a6935b;width:100%;min-height:52px;padding:10px;font-size:12px}.hold-build:disabled{color:#eee4c8;background:#6f796a}.site-marker{z-index:2;pointer-events:none;color:#f1db99;background:#314d3ddc;border:1px solid #d8c68880;border-radius:16px;padding:5px 10px;font-size:10px;position:absolute;inset:0 auto auto 0;box-shadow:0 3px 8px #172a2526}.site-marker.near{color:#294132;background:#f0cf83;box-shadow:0 0 0 3px #f0cf8330}.build-hint{z-index:2;color:#294132;text-align:center;pointer-events:none;max-width:220px;font-size:10px;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.scout{right:max(18px, env(safe-area-inset-right));z-index:6;color:#ede2c4;background:#253e32ef;border-left:2px solid #d5b16c;width:255px;padding:14px;font-size:11px;line-height:1.6;position:absolute;top:82px}.rewards{z-index:7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#294132;text-align:center;background:#efe4ccef;border-top:2px solid #aa8b4f;width:min(690px,92vw);padding:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 15px 60px #20342855}.rewards>small{letter-spacing:2px;color:#8b713f;font-size:9px}.rewards h2{margin:12px 0;font:32px Georgia,serif}.rewards>p{max-width:500px;margin:0 auto 16px;font-size:12px}.reward-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.reward-grid button{color:#294132;text-align:left;background:#fffae67d;border:1px solid #c4b184;flex-direction:column;gap:9px;min-height:150px;padding:15px 12px;display:flex}.reward-grid button:hover{background:#fff8dd;border-color:#856a30}.reward-symbol{color:#a0813c;font-size:27px}.reward-grid strong{font:18px Georgia,serif}.reward-grid button>span:last-child{font-size:11px;line-height:1.5}#app[data-stage=reward] .orders,#app[data-stage=reward] .move-hint,#app[data-stage=reward] .direction,#app[data-stage=reward] .warning{display:none}@media (height<=540px){.context-card{width:235px;padding:10px 12px}.context-card p{margin:6px 0;font-size:10px}.context-card small{display:none}.context-heading{font-size:12px}.rewards{padding:16px}.rewards h2{margin:9px 0;font-size:26px}.reward-grid button{min-height:135px;padding:12px}.scout{width:235px}.build-hint{max-width:150px;font-size:9px;bottom:24px;left:42%}}@media (width<=740px){.context-card{width:215px}.reward-grid strong{font-size:15px}.reward-grid button>span:last-child{font-size:10px}.rewards>p{margin-bottom:10px;font-size:11px}.reward-grid{gap:6px}.rewards{padding:12px}.build-hint{display:none}}.sound-button{min-height:40px;font:inherit;color:#edddb7;pointer-events:auto;background:#203b31d9;border:1px solid #d0bc8655;border-radius:8px;padding:6px 10px;font-size:11px}.scout{white-space:pre-line}@media (height<=450px){.sound-button{min-height:34px;padding:4px 7px;font-size:10px}}.army-orders{z-index:5;gap:5px;display:flex;position:absolute;bottom:80px;left:18px}.army-orders button,.build-toggle,.build-menu button{color:#f7e5bc;touch-action:manipulation;background:#294638;border:1px solid #b69a56;min-height:44px;padding:8px 12px;font-size:12px}.army-orders button[aria-pressed=true],.build-menu button[aria-pressed=true]{color:#213b30;background:#bd9e5b}.build-toggle{z-index:5;position:absolute;top:100px;right:18px}.build-menu{z-index:7;color:#294638;background:#eee3cbee;border:1px solid #b69a56;width:min(420px,65vw);padding:12px;position:absolute;top:150px;right:18px}.build-choices{flex-wrap:wrap;gap:5px;display:flex}.build-menu p{font-size:12px;line-height:1.4}.build-menu>button{margin-right:6px}.build-menu button:disabled{opacity:.45}#app:not([data-phase=playing]) .army-orders,#app[data-stage=reward] .army-orders,#app[data-placing=true] .context-card,#app[data-placing=true] .build-hint,#app[data-placing=true] .move-hint{display:none}@media (height<=540px){.army-orders{bottom:66px;left:12px}.army-orders button{padding:6px 9px;font-size:10px}.build-toggle{top:76px;right:12px}.build-menu{padding:8px;top:124px;right:12px}.build-menu button{padding:6px 8px;font-size:10px}.build-menu p{margin:6px 0;font-size:10px}}:root{--ink:#203b34;--cream:#f6ebd3;--gold:#e4bc71}button{border-radius:16px;transition:background .16s,box-shadow .16s,transform .12s}button:active:not(:disabled){transform:translateY(1px)scale(.98)}@media (hover:hover){button:hover:not(:disabled){box-shadow:0 0 0 2px #efcf8750,0 5px 16px #10261d30}}.health{background:#203b34ed;border-radius:22px 22px 10px 10px;gap:18px;padding:15px 18px}.bar,.bar i{border-radius:8px}.bar{height:6px;overflow:hidden}.squad-status{border-radius:0 0 18px 18px;font-size:10px}.top-right{border-radius:30px;gap:12px;padding:5px 5px 5px 18px;box-shadow:0 5px 20px #152b2426}.pause-button{background:#54725c66;border:0;border-radius:50%;width:44px;min-height:44px}.sound-button{border:0;border-radius:22px;min-height:44px}.wave{background:#f1e8d2eb;border:1px solid #fff4d670;border-radius:22px;min-width:146px;padding:10px 22px;box-shadow:0 4px 20px #1e36231a}.wave strong{font-size:28px}.wave>span{letter-spacing:1px}.warning{letter-spacing:.5px;background:#f3ead8e8;border-radius:24px;padding:9px 16px;top:130px}.panel,.rewards{border:1px solid #fff6dcaa;border-radius:28px;box-shadow:0 18px 60px #18392c33}.primary{border-radius:18px;font-weight:600}.secondary{border-radius:18px}.army-orders{left:max(24px, env(safe-area-inset-left));bottom:max(24px, env(safe-area-inset-bottom));background:#18382ded;border-radius:26px;gap:6px;padding:6px;box-shadow:0 8px 24px #142d3033}.army-orders button{text-align:left;background:0 0;border:1px solid #0000;border-radius:19px;grid-template-columns:22px 1fr auto;align-items:center;column-gap:7px;min-width:126px;min-height:54px;display:grid}.army-orders kbd{font:inherit;text-align:center;background:#ffffff16;border-radius:8px;width:22px;font-size:11px;line-height:24px}.army-orders b{font-size:15px}.army-orders small{opacity:.76;grid-column:2/4;font-size:9px}.army-orders button[aria-pressed=true]{color:#253d31;background:#e4c181;border-color:#ffe7b3;box-shadow:0 3px 10px #102b2433}.orders{bottom:max(24px, env(safe-area-inset-bottom));right:max(24px, env(safe-area-inset-right));background:#19382de8;border-radius:26px;gap:6px;padding:6px;box-shadow:0 8px 24px #142d3033}.orders button{border-color:#dbca9b30;border-radius:19px;min-width:108px;max-width:166px;min-height:54px}.orders #order[aria-pressed=true]{background:#4e6a53}.move-hint{color:#243e32;background:#f1e6c9b8;border-radius:25px;padding:7px 13px;font-size:22px;bottom:105px;left:30px}.move-hint span{letter-spacing:.4px;font-size:10px}.aim-hint{display:none}.direction{border-radius:20px;bottom:105px}.context-card{border-radius:22px;padding:16px;bottom:110px}.context-tabs{gap:5px}.context-tabs button{border-radius:12px;min-height:44px}.hold-build{border-radius:16px}.build-toggle{border-radius:24px;padding:10px 18px;top:100px;box-shadow:0 5px 20px #1b38232b}.build-menu{touch-action:pan-y;overscroll-behavior:contain;border-radius:24px;width:340px;max-height:calc(100dvh - 266px);padding:16px;top:156px;overflow-y:auto;box-shadow:0 15px 40px #16332640}.build-choices{grid-template-columns:1fr 1fr;gap:7px;display:grid}.build-menu button{border-radius:14px}.build-menu p{margin:12px 0}.scout{border:1px solid #e2c38d70;border-radius:20px;top:100px;right:130px}canvas.minimap{border-radius:26px;top:102px;box-shadow:0 5px 20px #18372c30}.reward-grid button{border-radius:18px}.build-hint{background:#eee6d0dc;border-radius:18px;max-width:280px;padding:8px 14px;bottom:110px;left:50%}#app[data-placing=true] .scout,#app[data-placing=true] .orders,#app[data-placing=true] .army-orders{display:none}@media (width<=1000px),(height<=600px){.hud{top:max(10px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right))}.health{border-radius:18px 18px 7px 7px;gap:13px;padding:10px 13px}.health-unit{width:76px}.health label{letter-spacing:.4px;margin-bottom:6px;font-size:9px}.squad-status{max-width:220px;padding:6px 10px;font-size:9px}.wave{border-radius:18px;min-width:112px;padding:7px 12px}.wave strong{font-size:20px}.wave small{font-size:8px}.top-right{gap:5px;padding-left:12px;font-size:11px}.sound-button{padding:5px 7px;font-size:10px}.army-orders{left:max(12px, env(safe-area-inset-left));border-radius:20px;gap:3px;padding:4px;top:94px;bottom:auto}.army-orders button{border-radius:15px;grid-template-columns:1fr auto;gap:3px;min-width:68px;min-height:50px;padding:6px 7px;font-size:10px}.army-orders kbd{display:none}.army-orders small{grid-column:1/3;font-size:8px}.army-orders b{font-size:12px}.orders{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));border-radius:23px;padding:5px}.orders button{border-radius:18px;min-width:88px;max-width:136px;min-height:52px;padding:8px 10px;font-size:11px}.move-hint{left:max(24px, env(safe-area-inset-left));bottom:30px}.context-card{bottom:85px;right:max(12px, env(safe-area-inset-right));touch-action:pan-y;width:230px;max-height:calc(100dvh - 165px);padding:12px;overflow-y:auto}.context-card p{font-size:11px}.build-toggle{top:77px;right:max(12px, env(safe-area-inset-right));min-height:44px}.build-menu{top:126px;right:max(12px, env(safe-area-inset-right));width:280px;max-height:calc(100dvh - 138px);padding:12px}.build-menu button{min-height:44px;font-size:11px}.build-menu p{margin:8px 0;font-size:11px}.scout{width:230px;top:80px;right:12px}canvas.minimap{border-radius:22px;width:80px;height:80px;top:80px}.warning{white-space:normal;max-width:30vw;font-size:9px;top:85px}.build-hint{display:none}.direction{bottom:85px}.panel{touch-action:pan-y;border-radius:23px;max-height:72dvh;overflow-y:auto}}@media (pointer:coarse){.desktop-note{display:none}.move-hint{color:#fff0cd;background:#263e3270;border:1px solid #f5ead29c;border-radius:50%;flex-direction:column;justify-content:center;gap:4px;width:105px;height:105px;font-size:25px}.move-hint span{font-size:9px}}@media (prefers-reduced-motion:reduce){button,.bar i{transition:none}}.army-orders button{min-width:108px}.orders button{min-width:100px;max-width:145px}@media (width<=1000px),(height<=600px){.army-orders button{min-width:62px}.orders{gap:4px;max-width:calc(100vw - 155px)}.orders button{min-width:74px;max-width:118px;padding:6px 8px;font-size:10px}.scout{touch-action:pan-y;max-height:calc(100dvh - 240px);top:155px;overflow-y:auto}}#app[data-placing=true] .move-hint{display:flex}@media (height<=400px){.build-choices{grid-template-columns:1fr 1fr 1fr}.build-menu button{min-height:36px}.build-menu p{margin:6px 0}}.armor-label-layer{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:hidden}.armor-hit-label{color:#ffe5ae;white-space:nowrap;background:#302b26ed;border:1px solid #e4bc73;border-radius:6px;padding:3px 7px;font:600 13px system-ui,sans-serif;position:absolute;transform:translate(-50%,-100%)}.warning:empty{display:none}.phone-icon i{vertical-align:middle;border:3px solid #dbb86c;border-radius:7px;width:26px;height:44px;margin-right:16px;display:inline-block}@media (pointer:coarse) and (height<=470px){.army-orders{top:max(84px, calc(env(safe-area-inset-top) + 78px));left:max(10px, env(safe-area-inset-left));padding:3px}.army-orders button{min-width:54px;min-height:46px;padding:5px 8px}.army-orders button small{display:none}.army-orders b{font-size:13px}.move-hint{width:84px;height:84px;left:max(18px, calc(env(safe-area-inset-left) + 6px));bottom:max(16px, env(safe-area-inset-bottom));opacity:.85;font-size:20px}.orders{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:calc(100vw - 130px)}.orders button{min-width:84px;min-height:46px;font-size:11px}canvas.minimap{top:max(76px, calc(env(safe-area-inset-top) + 70px));width:68px;height:68px}.scout{top:max(76px, calc(env(safe-area-inset-top) + 70px));width:205px;max-height:calc(100dvh - 150px)}.squad-status{max-width:168px}.rotate h2{font-size:26px}}.hud{justify-content:flex-end}.wave{color:#f2e6c7;background:#1b2f27d9;border-radius:999px;grid-template-columns:auto 104px auto;align-items:center;gap:11px;padding:7px 15px;display:grid;box-shadow:0 5px 18px #14261f33}.wave>span{letter-spacing:1.6px;font-size:10px}.wave-bar{background:#ffffff26;border-radius:4px;height:6px;display:block;overflow:hidden}.wave-bar b{background:#e3c47f;border-radius:4px;height:100%;transition:width .2s linear;display:block}.wave small{letter-spacing:1px;opacity:.85;text-align:right;min-width:42px;font-size:10px}#app[data-stage=reward] .wave-bar{visibility:hidden}.panel-settings{margin-top:10px;display:none}#app[data-phase=paused] .panel-settings{display:block}.panel-settings .sound-button{color:#2b4438;background:#e6dcc0;border:1px solid #b6a887;border-radius:18px;width:100%;font-size:13px}.panel-settings .sound-button[aria-pressed=false]{color:#6d6551;background:#dcd4bd}@media (pointer:coarse) and (height<=470px){.army-orders{top:max(10px, env(safe-area-inset-top))}.wave{grid-template-columns:auto 84px auto;gap:8px;padding:6px 12px}.wave>span,.wave small{font-size:9px}}