:root{--hud-scale: 1;--app-width: 100vw;--app-height: 100dvh;--visual-offset-left: 0px;--visual-offset-top: 0px;--z-chrome: 10;--z-panel: 60;--z-boot: 200;--z-scout: 280;--z-modal: 300;--z-toast: 400;--steel-900: #0d141c;--steel-800: #131c26;--steel-700: #1b2632;--steel-600: #263441;--steel-500: #35485a;--steel-300: #6d8399;--steel-100: #c6d5e4;--line: rgba(150, 185, 220, .22);--line-strong: rgba(170, 205, 240, .42);--amber: #f5b942;--copper: #e08a4c;--iron: #c8d6e6;--gem: #58c8f0;--gold: #f2c94c;--danger: #e05a5a;--ok: #4fd18b;--font: "Rajdhani", "Bahnschrift", "DIN Alternate", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#070b10;font-family:var(--font);color:var(--steel-100);-webkit-font-smoothing:antialiased;user-select:none}#app{position:relative;width:100vw;height:100vh;width:var(--app-width, 100vw);height:100dvh;height:var(--app-height, 100dvh);overflow:hidden}#game-root{position:absolute;inset:0;width:100%;height:100%}#game-root canvas{display:block;touch-action:none;overscroll-behavior:none;-webkit-user-drag:none}#hud-root{position:absolute;inset:0;pointer-events:none;z-index:10}#hud-root:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 45%,rgba(4,8,12,.55) 100%)}.hud-layer{position:absolute;inset:0;pointer-events:none;z-index:2}.panel{pointer-events:auto;touch-action:pan-y;background:linear-gradient(180deg,#1c2835f0,#0f161ef5);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 26px #00000073,inset 0 1px #bedcfa24;backdrop-filter:blur(6px)}button,input,select,textarea{touch-action:manipulation}.topbar{position:absolute;top:calc(14px * var(--hud-scale));left:calc(14px * var(--hud-scale));right:calc(14px * var(--hud-scale));height:calc(62px * var(--hud-scale));display:flex;align-items:center;gap:calc(10px * var(--hud-scale));pointer-events:none}.player-card{display:flex;align-items:center;gap:calc(10px * var(--hud-scale));padding:calc(7px * var(--hud-scale)) calc(16px * var(--hud-scale)) calc(7px * var(--hud-scale)) calc(7px * var(--hud-scale));height:100%;min-width:calc(250px * var(--hud-scale))}.avatar{width:calc(46px * var(--hud-scale));height:calc(46px * var(--hud-scale));border-radius:8px;background:linear-gradient(160deg,#47709e,#1d2f45);border:1px solid var(--line-strong);display:grid;place-items:center;font-weight:700;font-size:calc(19px * var(--hud-scale));letter-spacing:.5px;color:#dcebfa;position:relative}.avatar .lvl{position:absolute;bottom:calc(-6px * var(--hud-scale));right:calc(-6px * var(--hud-scale));background:var(--amber);color:#1a1204;font-size:calc(11px * var(--hud-scale));font-weight:800;border-radius:5px;padding:0 calc(5px * var(--hud-scale));border:1px solid rgba(0,0,0,.4)}.avatar{padding:0;cursor:pointer;background-size:cover;background-position:center;overflow:visible}.avatar-edit{position:absolute;top:calc(-6px * var(--hud-scale));left:calc(-6px * var(--hud-scale));display:grid;place-items:center;width:calc(18px * var(--hud-scale));height:calc(18px * var(--hud-scale));border-radius:50%;border:1px solid rgba(0,0,0,.45);background:var(--amber);color:#1a1204;font-size:calc(10px * var(--hud-scale));opacity:0;transition:opacity .12s linear}.avatar:hover .avatar-edit,.avatar:focus-visible .avatar-edit{opacity:1}.profile-picker{position:fixed;inset:0;z-index:420;display:grid;place-items:center;padding:calc(20px * var(--hud-scale));background:#04090fb8;pointer-events:auto}.profile-picker[hidden]{display:none}.profile-picker-card{width:min(calc(520px * var(--hud-scale)),92vw);max-height:88vh;overflow-y:auto;padding:calc(16px * var(--hud-scale)) calc(18px * var(--hud-scale)) calc(18px * var(--hud-scale))}.profile-picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:calc(14px * var(--hud-scale));margin-bottom:calc(14px * var(--hud-scale))}.profile-picker-head h3{margin:0;color:#ffe9a4;font-size:calc(18px * var(--hud-scale));font-weight:900}.profile-picker-head p{margin:calc(4px * var(--hud-scale)) 0 0;color:#9dc0cc;font-size:calc(12px * var(--hud-scale))}.profile-picker-head .xclose{flex:0 0 auto;display:grid;place-items:center;width:calc(30px * var(--hud-scale));height:calc(30px * var(--hud-scale));padding:0;border:1px solid rgba(255,222,151,.55);border-radius:calc(9px * var(--hud-scale));background:linear-gradient(180deg,#b94732,#6d211b);color:#fff4e6;font:900 calc(13px * var(--hud-scale)) var(--font);cursor:pointer}.profile-avatar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:calc(12px * var(--hud-scale))}.profile-avatar-option{position:relative;display:grid;gap:calc(6px * var(--hud-scale));justify-items:center;padding:calc(10px * var(--hud-scale));cursor:pointer;border-radius:calc(12px * var(--hud-scale));border:2px solid rgba(140,175,210,.22);background:linear-gradient(180deg,#1a2c3ee6,#0c1621eb);color:#dcebfa;font-family:var(--font);font-size:calc(12px * var(--hud-scale));font-weight:700}.profile-avatar-option img{width:100%;max-width:calc(150px * var(--hud-scale));aspect-ratio:1;object-fit:cover;border-radius:calc(9px * var(--hud-scale));background:#0b1622}.profile-avatar-option:hover{border-color:#ffe9a499}.profile-avatar-option i{position:absolute;top:calc(6px * var(--hud-scale));right:calc(6px * var(--hud-scale));display:grid;place-items:center;width:calc(22px * var(--hud-scale));height:calc(22px * var(--hud-scale));border-radius:50%;background:linear-gradient(180deg,#79e6a6,#34b06d);color:#06210f;font-size:calc(13px * var(--hud-scale));font-style:normal;opacity:0;transform:scale(.6);transition:opacity .11s linear,transform .11s ease-out}.profile-avatar-option.is-selected{border-color:#ffd98a;box-shadow:0 0 calc(12px * var(--hud-scale)) #ffd98a59}.profile-avatar-option.is-selected i{opacity:1;transform:scale(1)}.player-meta{display:flex;flex-direction:column;gap:calc(4px * var(--hud-scale));min-width:calc(150px * var(--hud-scale))}.player-name{font-size:calc(16px * var(--hud-scale));font-weight:700;letter-spacing:.6px;line-height:1}.player-sub{font-size:calc(11px * var(--hud-scale));color:var(--steel-300);letter-spacing:1.2px;text-transform:uppercase;line-height:1}.xp{height:calc(6px * var(--hud-scale));background:#060c12d9;border-radius:3px;overflow:hidden;border:1px solid rgba(120,160,200,.2)}.xp>i{display:block;height:100%;background:linear-gradient(90deg,#4b9be0,#7fd0ff)}.res-rack{position:absolute;top:0;right:0;display:flex;flex-direction:column;align-items:stretch;gap:calc(7px * var(--hud-scale));width:calc(320px * var(--hud-scale));height:auto;z-index:8}.res{pointer-events:auto;display:flex;align-items:center;gap:calc(8px * var(--hud-scale));width:100%;min-width:0;height:calc(70px * var(--hud-scale));padding:calc(8px * var(--hud-scale)) calc(12px * var(--hud-scale)) calc(8px * var(--hud-scale)) calc(18px * var(--hud-scale));background:linear-gradient(180deg,#1c2835f0,#0f161ef5);border:1px solid var(--line);border-radius:10px;box-shadow:inset 0 1px #bedcfa1f;overflow:hidden}.res.is-struck{animation:res-struck .26s ease-out}@keyframes res-struck{0%{transform:scale(1)}35%{transform:scale(1.06);box-shadow:inset 0 1px #bedcfa1f,0 0 calc(18px * var(--hud-scale)) #ffd6828c}to{transform:scale(1)}}.res .res-icon{width:calc(52px * var(--hud-scale));height:calc(52px * var(--hud-scale));flex:0 0 auto;display:grid;place-items:center;filter:drop-shadow(0 calc(3px * var(--hud-scale)) calc(4px * var(--hud-scale)) rgba(0,0,0,.65))}.res .res-icon .icon{width:calc(48px * var(--hud-scale));height:calc(48px * var(--hud-scale))}img.icon.art{width:calc(58px * var(--hud-scale));height:calc(42px * var(--hud-scale));object-fit:contain;object-position:center bottom;flex:0 0 auto;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55));-webkit-user-drag:none;user-select:none}.icon-btn img.icon.art{width:calc(34px * var(--hud-scale));height:calc(34px * var(--hud-scale))}.res .res-icon img.icon.art{width:calc(48px * var(--hud-scale));height:calc(48px * var(--hud-scale));object-position:center}.res .body{display:flex;flex-direction:column;justify-content:center;gap:calc(8px * var(--hud-scale));flex:1;min-width:0}.res .val{display:flex;align-items:baseline;justify-content:center;gap:calc(5px * var(--hud-scale));width:100%;font-size:calc(23px * var(--hud-scale));font-weight:900;line-height:1;font-variant-numeric:tabular-nums;color:#f4f8fc;text-shadow:0 1px 2px rgba(0,0,0,.95);white-space:nowrap}.res .val .max{font-size:calc(13px * var(--hud-scale));font-weight:700;color:#aebfd0}.res .cap{width:100%;height:calc(9px * var(--hud-scale));background:#060c12cc;border:1px solid rgba(174,204,234,.18);border-radius:calc(4px * var(--hud-scale));overflow:hidden;box-shadow:inset 0 1px 2px #000c}.res .cap>i{display:block;height:100%;transition:width .25s ease;box-shadow:inset 0 1px #ffffff6b}.res.iron .cap>i{background:linear-gradient(90deg,#758391,#b8c4cf 58%,#edf4fa)}.res.copper .cap>i{background:linear-gradient(90deg,#91451f,#d36b32 58%,#ff9f5b)}.res.gems{align-self:flex-end;width:calc(142px * var(--hud-scale));height:calc(46px * var(--hud-scale));padding:calc(4px * var(--hud-scale)) calc(7px * var(--hud-scale)) calc(4px * var(--hud-scale)) calc(12px * var(--hud-scale));gap:calc(4px * var(--hud-scale))}.res.gems .val{font-size:calc(20px * var(--hud-scale))}.res.gems .body{gap:0}.res.gems .res-icon{width:calc(38px * var(--hud-scale));height:calc(38px * var(--hud-scale))}.res.gems .res-icon .icon{width:calc(34px * var(--hud-scale));height:calc(34px * var(--hud-scale))}.icon-btn{pointer-events:auto;width:calc(50px * var(--hud-scale));height:calc(50px * var(--hud-scale));display:grid;place-items:center;border-radius:10px;cursor:pointer;background:linear-gradient(180deg,#263646f2,#121a23f5);border:1px solid var(--line);transition:transform .12s ease,border-color .12s ease}.icon-btn:hover{border-color:var(--line-strong);transform:translateY(-1px)}.icon-btn:active{transform:translateY(1px)}.rail{position:absolute;display:flex;flex-direction:column;gap:calc(9px * var(--hud-scale));pointer-events:none}.rail.left{left:calc(14px * var(--hud-scale));top:calc(96px * var(--hud-scale))}.rail.right{right:calc(14px * var(--hud-scale));top:calc(236px * var(--hud-scale));align-items:flex-end}.rail-btn{pointer-events:auto;width:calc(74px * var(--hud-scale));height:calc(66px * var(--hud-scale));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(3px * var(--hud-scale));border-radius:10px;cursor:pointer;background:linear-gradient(180deg,#202e3cf0,#0f161ef5);border:1px solid var(--line);box-shadow:inset 0 1px #bedcfa1f;transition:transform .12s ease,border-color .12s}.rail-btn:hover{border-color:var(--line-strong);transform:translate(2px)}.rail.right .rail-btn:hover{transform:translate(-2px)}.rail-btn .glyph{width:calc(28px * var(--hud-scale));height:calc(28px * var(--hud-scale))}.rail-btn .tag{font-size:calc(10px * var(--hud-scale));letter-spacing:1.1px;text-transform:uppercase;color:var(--steel-300)}.rail-btn .badge{position:absolute;margin:calc(-46px * var(--hud-scale)) 0 0 calc(46px * var(--hud-scale));background:var(--danger);color:#fff;font-size:calc(10px * var(--hud-scale));font-weight:800;border-radius:9px;padding:0 calc(5px * var(--hud-scale))}.telemetry{width:calc(228px * var(--hud-scale));padding:calc(11px * var(--hud-scale)) calc(13px * var(--hud-scale));display:none}.telemetry.open{display:block}.debug-actions{display:flex;flex-direction:column;gap:calc(5px * var(--hud-scale));margin-top:calc(9px * var(--hud-scale))}.telemetry h4{margin:0 0 calc(8px * var(--hud-scale));font-size:calc(11px * var(--hud-scale));letter-spacing:1.6px;text-transform:uppercase;color:var(--amber);font-weight:700}.telemetry .row{display:flex;justify-content:space-between;align-items:baseline;font-size:calc(12px * var(--hud-scale));padding:calc(3px * var(--hud-scale)) 0;border-bottom:1px dashed rgba(140,175,210,.14)}.telemetry .row:last-child{border-bottom:0}.telemetry .row span:first-child{color:var(--steel-300);letter-spacing:.7px}.telemetry .row span:last-child{font-weight:700;font-variant-numeric:tabular-nums}.depot-list{display:flex;flex-direction:column;gap:calc(4px * var(--hud-scale));margin-top:calc(8px * var(--hud-scale))}.depot{display:flex;align-items:center;gap:calc(6px * var(--hud-scale));font-size:calc(11px * var(--hud-scale))}.depot .name{width:calc(26px * var(--hud-scale));color:var(--steel-300);letter-spacing:.8px}.depot .bar{flex:1;height:calc(8px * var(--hud-scale));background:#060c12cc;border-radius:3px;overflow:hidden;display:flex;border:1px solid rgba(120,160,200,.16)}.depot .bar i{display:block;height:100%}.depot .bar .i-iron{background:var(--iron)}.depot .bar .i-copper{background:var(--copper)}.depot .pct{width:calc(34px * var(--hud-scale));text-align:right;font-variant-numeric:tabular-nums;color:var(--steel-100)}.depot.full .pct{color:var(--danger);font-weight:700}.dock{position:absolute;right:calc(14px * var(--hud-scale));bottom:calc(14px * var(--hud-scale));display:flex;align-items:flex-end;gap:calc(10px * var(--hud-scale));pointer-events:none}.action{pointer-events:auto;width:calc(118px * var(--hud-scale));height:calc(78px * var(--hud-scale));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(4px * var(--hud-scale));border-radius:12px;cursor:pointer;background:linear-gradient(180deg,#263748f5,#0f171ff7);border:1px solid var(--line);box-shadow:0 10px 22px #00000080,inset 0 1px #bedcfa29;transition:transform .12s ease,border-color .12s}.action:hover{transform:translateY(-3px);border-color:var(--line-strong)}.action.is-active{border-color:var(--amber);box-shadow:0 0 0 1px #f5b94280,0 10px 24px #00000080}.action .glyph{width:calc(32px * var(--hud-scale));height:calc(32px * var(--hud-scale))}.action .tag{font-size:calc(14px * var(--hud-scale));letter-spacing:1.5px;text-transform:uppercase;font-weight:700}.action.attack{background:linear-gradient(180deg,#7e2c2cf5,#301010f7);border-color:#e2787866}.drawer{position:absolute;right:calc(14px * var(--hud-scale));transform:translateY(14px);bottom:calc(104px * var(--hud-scale));width:calc(760px * var(--hud-scale));max-width:calc(100vw - 130px * var(--hud-scale));padding:calc(12px * var(--hud-scale));opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.drawer.open{opacity:1;pointer-events:auto;transform:translateY(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:calc(10px * var(--hud-scale))}.drawer-head h3{margin:0;font-size:calc(13px * var(--hud-scale));letter-spacing:2px;text-transform:uppercase;color:var(--amber)}.hint{font-size:calc(11px * var(--hud-scale));color:var(--steel-300);letter-spacing:.6px}.kbd{display:inline-block;padding:0 calc(5px * var(--hud-scale));border:1px solid var(--line);border-radius:4px;background:#080e14b3;font-size:calc(10px * var(--hud-scale));color:var(--steel-100)}.card-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:calc(8px * var(--hud-scale))}.card{cursor:pointer;border-radius:9px;padding:calc(8px * var(--hud-scale)) calc(6px * var(--hud-scale));display:flex;flex-direction:column;align-items:center;gap:calc(5px * var(--hud-scale));background:linear-gradient(180deg,#233241e6,#101820eb);border:1px solid var(--line);transition:transform .12s,border-color .12s}.card:hover{transform:translateY(-2px);border-color:var(--line-strong)}.card.is-active{border-color:var(--amber);background:linear-gradient(180deg,#3f3620eb,#19150cf0)}.card .glyph{width:calc(44px * var(--hud-scale));height:calc(44px * var(--hud-scale))}.card .name{font-size:calc(12px * var(--hud-scale));letter-spacing:.9px;text-transform:uppercase;text-align:center;line-height:1.15}.card .cost{display:flex;gap:calc(6px * var(--hud-scale));font-size:calc(12px * var(--hud-scale));color:var(--steel-300);font-variant-numeric:tabular-nums}.card .cost b{color:var(--steel-100);font-weight:600}.card .foot{font-size:calc(11px * var(--hud-scale));color:var(--steel-300);letter-spacing:1px}.inspector{position:absolute;left:calc(104px * var(--hud-scale));bottom:calc(20px * var(--hud-scale));width:calc(260px * var(--hud-scale));padding:calc(12px * var(--hud-scale));opacity:0;pointer-events:none;transition:opacity .15s ease}.inspector.open{opacity:1;pointer-events:auto}.inspector h5{margin:0 0 calc(4px * var(--hud-scale));font-size:calc(17px * var(--hud-scale));letter-spacing:1.2px;text-transform:uppercase}.inspector .sub{font-size:calc(13px * var(--hud-scale));letter-spacing:1.1px;text-transform:uppercase;color:var(--amber);margin-bottom:calc(7px * var(--hud-scale))}.inspector p{margin:0;font-size:calc(15.5px * var(--hud-scale));line-height:1.45;color:var(--steel-300)}.toasts{position:absolute;z-index:var(--z-toast);top:calc(88px * var(--hud-scale));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:calc(6px * var(--hud-scale))}.toast{padding:calc(9px * var(--hud-scale)) calc(20px * var(--hud-scale));border-radius:8px;font-size:calc(15px * var(--hud-scale));letter-spacing:1.1px;text-transform:uppercase;background:#0c141ceb;border:1px solid var(--line-strong);animation:toast-in .2s ease}.toast.warn{border-color:#f5b94299;color:var(--amber)}.toast.bad{border-color:#e05a5a99;color:#ffb4b4}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}.boot{position:absolute;inset:0;display:grid;place-items:center;background:#070b10;z-index:var(--z-boot);transition:opacity .4s ease;pointer-events:none}.boot.hidden{opacity:0}.boot .mark{font-size:34px;letter-spacing:12px;font-weight:700;color:#6d8399}.tabs{display:flex;gap:calc(4px * var(--hud-scale))}.tab{pointer-events:auto;cursor:pointer;padding:calc(7px * var(--hud-scale)) calc(16px * var(--hud-scale));border-radius:7px;font-family:var(--font);font-size:calc(13px * var(--hud-scale));letter-spacing:1.6px;text-transform:uppercase;font-weight:700;color:var(--steel-300);background:#0a101699;border:1px solid transparent}.tab:hover{color:var(--steel-100)}.tab.is-active{color:#1a1204;background:var(--amber);border-color:#ffdc8c99}.mini{pointer-events:auto;cursor:pointer;display:inline-flex;align-items:center;gap:calc(6px * var(--hud-scale));padding:calc(8px * var(--hud-scale)) calc(15px * var(--hud-scale));border-radius:7px;font-family:var(--font);font-size:calc(13px * var(--hud-scale));letter-spacing:1.1px;text-transform:uppercase;font-weight:700;color:var(--steel-100);background:linear-gradient(180deg,#283848f2,#121a23f5);border:1px solid var(--line);transition:border-color .12s}.mini svg{width:calc(17px * var(--hud-scale));height:calc(17px * var(--hud-scale))}.mini:hover{border-color:var(--line-strong)}.mini.go{color:#06210f;background:linear-gradient(180deg,#79e6a6,#34b06d);border-color:#ffffff59;box-shadow:0 3px #00000059}.mini.go:hover{filter:brightness(1.08);border-color:#fff}.mini.is-active{border-color:var(--amber);color:var(--amber)}.mini.danger{color:#ffb4b4;border-color:#e05a5a66}.mini.wreck{color:#fff2f2;background:linear-gradient(180deg,#e8736c,#b23a34);border-color:#ffffff4d;box-shadow:0 3px #00000059}.mini.wreck:hover{filter:brightness(1.08);border-color:#fff}.mini.danger:hover{border-color:#e05a5ae6}.drawer-foot{display:flex;align-items:center;flex-wrap:wrap;gap:calc(10px * var(--hud-scale));margin-top:calc(10px * var(--hud-scale));padding-top:calc(9px * var(--hud-scale));border-top:1px solid rgba(140,175,210,.14)}.dragmodes{display:flex;align-items:center;gap:calc(5px * var(--hud-scale));padding-right:calc(10px * var(--hud-scale));border-right:1px solid rgba(140,175,210,.14)}.rotatebox{display:flex;align-items:center}.facing{font-size:calc(17px * var(--hud-scale));line-height:1;color:var(--amber);min-width:calc(16px * var(--hud-scale));text-align:center}.foot-label{font-size:calc(12px * var(--hud-scale));letter-spacing:1.2px;text-transform:uppercase;color:var(--steel-300);margin-right:calc(2px * var(--hud-scale))}.foot-note{font-size:calc(13px * var(--hud-scale));color:var(--steel-300);letter-spacing:.6px}.card.is-poor{opacity:.42;filter:saturate(.4)}.card.is-poor .cost{color:var(--danger)}.cost .c-iron b{color:var(--iron)}.cost .c-copper b{color:var(--copper)}.cost span+span{margin-left:calc(7px * var(--hud-scale))}.insp-scope{display:flex;align-items:center;gap:calc(7px * var(--hud-scale));margin-top:calc(10px * var(--hud-scale));padding-top:calc(9px * var(--hud-scale));border-top:1px solid rgba(140,175,210,.16)}.insp-scope[hidden]{display:none}.insp-scope-label{flex:0 0 auto;color:#9fc0d6;font-size:calc(12px * var(--hud-scale));font-weight:900;letter-spacing:calc(.4px * var(--hud-scale));text-transform:uppercase}.insp-scope-chips{display:flex;flex:1 1 auto;gap:calc(4px * var(--hud-scale))}.scope-chip{display:inline-flex;align-items:baseline;flex:1 1 0;justify-content:center;gap:calc(5px * var(--hud-scale));min-width:0;padding:calc(6px * var(--hud-scale)) calc(8px * var(--hud-scale));font-size:calc(13.5px * var(--hud-scale));font-weight:900;white-space:nowrap}.scope-chip b{color:#ffe9a4;font-size:calc(15px * var(--hud-scale));font-variant-numeric:tabular-nums}.scope-chip.is-on{border-color:#b8ffcf;background:linear-gradient(180deg,#0d6b4c,#06432f);color:#eafff2}.scope-chip.is-on b{color:#fff}.insp-actions{display:flex;flex-wrap:wrap;gap:calc(5px * var(--hud-scale));margin-top:calc(10px * var(--hud-scale))}.insp-actions .mini.big.up{flex:0 0 auto}.row-break{flex-basis:100%;height:0}.up-main{display:inline-flex;align-items:center;gap:calc(4px * var(--hud-scale));flex-wrap:nowrap;white-space:nowrap}.placebar{position:absolute;left:50%;bottom:calc(150px * var(--hud-scale));z-index:8;display:flex;align-items:center;gap:calc(9px * var(--hud-scale));padding:calc(7px * var(--hud-scale)) calc(11px * var(--hud-scale));border:calc(2px * var(--hud-scale)) solid rgba(255,223,142,.55);border-radius:calc(13px * var(--hud-scale));background:linear-gradient(180deg,#064a5ff5,#011f2cfa);box-shadow:0 calc(6px * var(--hud-scale)) calc(16px * var(--hud-scale)) #00000080;pointer-events:auto;transform:translate(-50%)}.placebar[hidden]{display:none}.placebar-what{color:#ffe9a4;font-size:calc(13px * var(--hud-scale));font-weight:1000;white-space:nowrap}.placebar,.placebar .mini,.placebar .foot-label,.placebar span{white-space:nowrap}.placebar .mini{padding:calc(5px * var(--hud-scale)) calc(9px * var(--hud-scale));gap:calc(4px * var(--hud-scale));font-size:calc(11.5px * var(--hud-scale));letter-spacing:calc(.3px * var(--hud-scale))}.placebar .foot-label{display:none}.placebar .dragmodes{gap:calc(4px * var(--hud-scale));padding-right:calc(8px * var(--hud-scale));border-right:1px solid rgba(255,223,142,.28)}.placebar .facing{font-size:calc(14px * var(--hud-scale))}.placebar .kbd{font-size:calc(9.5px * var(--hud-scale))}.desktop-placement-tools{display:inline-flex;align-items:center;gap:calc(9px * var(--hud-scale))}.mobile-placement-tools{display:none}.desktop-placement-tools[hidden],.mobile-placement-tools[hidden]{display:none!important}.hint-bar{position:absolute;left:50%;transform:translate(-50%);bottom:calc(102px * var(--hud-scale));padding:calc(9px * var(--hud-scale)) calc(20px * var(--hud-scale));border-radius:8px;font-size:calc(15px * var(--hud-scale));letter-spacing:.8px;color:var(--steel-100);background:#0c141ce6;border:1px solid var(--line);opacity:0;transition:opacity .2s ease;pointer-events:none;max-width:calc(680px * var(--hud-scale));text-align:center}.hint-bar.open{opacity:1}.drawer{bottom:calc(108px * var(--hud-scale));width:calc(720px * var(--hud-scale))}.card-grid{grid-template-columns:repeat(5,1fr)}.tut-ring{position:relative;animation:tut-ring 2.9s ease-in-out infinite;border-color:var(--amber)!important;z-index:5;overflow:visible}@keyframes tut-ring{0%,to{box-shadow:0 0 0 2px #f5b9428c,0 0 0 6px #f5b94200}50%{box-shadow:0 0 0 3px #f5b942,0 0 22px 10px #f5b94266}}.tut-ring:after{content:"";position:absolute;left:50%;bottom:calc(100% + calc(9px * var(--hud-scale)));width:0;height:0;border-left:calc(15px * var(--hud-scale)) solid transparent;border-right:calc(15px * var(--hud-scale)) solid transparent;border-top:calc(21px * var(--hud-scale)) solid var(--amber);filter:drop-shadow(0 calc(3px * var(--hud-scale)) calc(7px * var(--hud-scale)) rgba(0,0,0,.65));animation:tut-arrow 1.35s ease-in-out infinite;pointer-events:none;z-index:6}.tut-ring:before{content:"";position:absolute;left:50%;bottom:calc(100% + calc(4px * var(--hud-scale)));width:calc(46px * var(--hud-scale));height:calc(46px * var(--hud-scale));border-radius:50%;background:radial-gradient(circle,#f5b94259,#f5b94200 70%);animation:tut-arrow 1.35s ease-in-out infinite;pointer-events:none}@keyframes tut-arrow{0%,to{transform:translate(-50%) translateY(calc(-11px * var(--hud-scale)))}50%{transform:translate(-50%) translateY(calc(3px * var(--hud-scale)))}}.tutor{position:absolute;left:calc(104px * var(--hud-scale));top:calc(152px * var(--hud-scale));width:calc(470px * var(--hud-scale));max-height:calc(100vh - 260px * var(--hud-scale));overflow-y:auto;padding:calc(18px * var(--hud-scale)) calc(20px * var(--hud-scale));opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .18s ease,transform .18s ease;border-color:#f5b9428c;box-shadow:0 0 0 1px #f5b94229,0 18px 40px #0000008c}.tutor.open{opacity:1;pointer-events:auto;transform:translateY(0)}.tutor-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:calc(6px * var(--hud-scale))}.tutor-step{font-size:calc(14px * var(--hud-scale));letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--amber)}.langsel{display:flex;gap:calc(3px * var(--hud-scale))}.langbtn{pointer-events:auto;cursor:pointer;font-family:var(--font);font-size:calc(12px * var(--hud-scale));font-weight:700;letter-spacing:1px;padding:calc(2px * var(--hud-scale)) calc(7px * var(--hud-scale));border-radius:5px;color:var(--steel-300);background:#080e14b3;border:1px solid transparent}.langbtn.is-active{color:#1a1204;background:var(--amber)}.tutor h5{margin:0 0 calc(7px * var(--hud-scale));font-size:calc(20px * var(--hud-scale));font-weight:700;letter-spacing:.4px;line-height:1.25}.tutor p{margin:0;font-size:calc(16px * var(--hud-scale));line-height:1.6;color:#b6c6d6}.tutor-actions{display:flex;flex-wrap:wrap;align-items:center;gap:calc(6px * var(--hud-scale));margin-top:calc(11px * var(--hud-scale))}.tutor-wait{font-size:calc(13px * var(--hud-scale));color:var(--steel-300);letter-spacing:.6px}.mini.ghost{background:transparent;border-color:transparent;color:var(--steel-300);margin-left:auto}.mini.ghost:hover{color:var(--steel-100);border-color:var(--line)}.tutor-progress{height:calc(4px * var(--hud-scale));margin-top:calc(11px * var(--hud-scale));background:#060c12d9;border-radius:2px;overflow:hidden}.tutor-progress>i{display:block;height:100%;background:linear-gradient(90deg,#d99a2c,var(--amber));transition:width .3s ease}.inspector{left:50%;right:auto;transform:translate(-50%);bottom:calc(14px * var(--hud-scale));width:auto;max-width:min(calc(100vw - 320px * var(--hud-scale)),calc(500px * var(--hud-scale)));padding:calc(10px * var(--hud-scale)) calc(16px * var(--hud-scale))}.inspector .insp-actions{justify-content:center}.inspector .insp-head,.inspector .sub,.inspector p{text-align:center}.inspector .insp-head{justify-content:center;gap:calc(10px * var(--hud-scale))}.mapsel{width:calc(228px * var(--hud-scale));padding:calc(11px * var(--hud-scale)) calc(13px * var(--hud-scale));display:none}.mapsel.open{display:block}.mapsel h4{margin:0 0 calc(9px * var(--hud-scale));font-size:calc(11px * var(--hud-scale));letter-spacing:1.6px;text-transform:uppercase;color:var(--amber);font-weight:700}.variant-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(7px * var(--hud-scale))}.variant{pointer-events:auto;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:calc(5px * var(--hud-scale));padding:calc(8px * var(--hud-scale)) calc(4px * var(--hud-scale));border-radius:9px;background:linear-gradient(180deg,#233241e6,#101820eb);border:1px solid var(--line);transition:transform .12s,border-color .12s}.variant:hover{transform:translateY(-2px);border-color:var(--line-strong)}.variant.is-active{border-color:var(--amber);background:linear-gradient(180deg,#3f3620eb,#19150cf0)}.vthumb{width:calc(56px * var(--hud-scale));height:calc(56px * var(--hud-scale))}.vlabel{font-size:calc(13px * var(--hud-scale));letter-spacing:.6px;color:var(--steel-100);text-align:center}.vnote{margin:calc(9px * var(--hud-scale)) 0 0;font-size:calc(13px * var(--hud-scale));line-height:1.5;color:var(--steel-300)}.panel{border-image:url(../assets/ui/panels/panel.png) 32 fill / 32px / 0 stretch}.res{background-image:url(../assets/ui/panels/resource.png);background-size:100% 100%;background-repeat:no-repeat}.player-card{background-image:url(../assets/ui/panels/player.png);background-size:100% 100%;background-repeat:no-repeat}.action{background-image:url(../assets/ui/buttons/dock.png);background-size:100% 100%;background-repeat:no-repeat}.action.is-active{background-image:url(../assets/ui/buttons/dock-active.png)}.action.attack{background-image:url(../assets/ui/buttons/dock-attack.png)}.rail-btn{background-image:url(../assets/ui/buttons/rail.png);background-size:100% 100%;background-repeat:no-repeat}.icon-btn{background-image:url(../assets/ui/buttons/icon.png);background-size:100% 100%;background-repeat:no-repeat}.card{border-image:url(../assets/ui/buttons/card.png) 34 fill / 34px / 0 stretch}.card.is-active{background-image:url(../assets/ui/buttons/card-active.png)}.avatar{background-image:url(../assets/ui/misc/avatar.png);background-size:cover;background-position:center}.rail-btn,.icon-btn,.action,.card{border-color:transparent}.rail-btn,.icon-btn{box-shadow:none}.rail-btn .tag,.action .tag,.card .name,.card .foot{color:#eaf2fb;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 6px rgba(0,0,0,.75)}.card .foot{color:#b9cbdd}.res .val{font-size:calc(23px * var(--hud-scale));font-weight:900;letter-spacing:.02em}.res.is-full .val{color:#f4f8fc}.workbar{position:absolute;top:calc(86px * var(--hud-scale));left:calc(100px * var(--hud-scale));display:flex;flex-direction:column;align-items:flex-start;gap:calc(8px * var(--hud-scale));pointer-events:none;z-index:6}.workbar>*{pointer-events:auto}.workpill{display:flex;align-items:center;gap:calc(8px * var(--hud-scale));padding:calc(8px * var(--hud-scale)) calc(16px * var(--hud-scale));font-size:calc(17px * var(--hud-scale));font-weight:700;color:#e8eef6;cursor:default}.workpill .hammer{font-size:calc(19px * var(--hud-scale))}.workpill[hidden]{display:none}.builders.is-busy{border-color:var(--warn, #f5b942);color:var(--warn, #f5b942)}.collectall{display:none;align-items:center;gap:calc(9px * var(--hud-scale));padding:calc(11px * var(--hud-scale)) calc(20px * var(--hud-scale));font-size:calc(17px * var(--hud-scale));font-weight:800;color:#08240f;background:linear-gradient(180deg,#6ee7a0,#34b26a);border:2px solid #a7f3c9;border-radius:calc(12px * var(--hud-scale));cursor:pointer;animation:collect-bob 1.6s ease-in-out infinite}.collectall.open{display:flex}.collectall:hover{filter:brightness(1.08)}@keyframes collect-bob{0%,to{transform:translateY(0)}50%{transform:translateY(calc(-3px * var(--hud-scale)))}}.joblist{display:none;flex-direction:column;gap:calc(6px * var(--hud-scale));padding:calc(10px * var(--hud-scale)) calc(12px * var(--hud-scale));min-width:calc(250px * var(--hud-scale))}.joblist.open{display:flex}.job{display:flex;align-items:center;gap:calc(8px * var(--hud-scale));font-size:calc(13px * var(--hud-scale));color:#c6d3e2}.job .jname{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job .jname b{color:var(--amber, #f5b942)}.job .jbar{width:calc(64px * var(--hud-scale));height:calc(7px * var(--hud-scale));background:#16202b;border-radius:4px;overflow:hidden;flex:0 0 auto}.job .jbar i{display:block;height:100%;background:var(--amber, #f5b942)}.job .jtime{font-variant-numeric:tabular-nums;color:#93a4b8;flex:0 0 auto}.card{position:relative;min-height:calc(132px * var(--hud-scale))}.card .name,.card .cost{font-size:calc(14px * var(--hud-scale))}.card .count{position:absolute;top:calc(6px * var(--hud-scale));right:calc(8px * var(--hud-scale));font-size:calc(12px * var(--hud-scale));font-weight:700;color:#9fb0c4;font-variant-numeric:tabular-nums}.card .lock{position:absolute;left:0;right:0;bottom:calc(6px * var(--hud-scale));text-align:center;font-size:calc(12px * var(--hud-scale));font-weight:700;color:var(--warn, #f5b942)}.card.is-locked{filter:grayscale(.85) brightness(.6);cursor:not-allowed}.card.is-locked .cost,.card.is-locked .foot{visibility:hidden}.card.is-maxed{opacity:.72}.card.is-maxed .count{color:var(--ok, #4fd18b)}.insp-head{display:flex;align-items:center;justify-content:space-between;gap:calc(10px * var(--hud-scale))}.lvlchip{font-size:calc(13px * var(--hud-scale));font-weight:800;color:#08240f;background:var(--amber, #f5b942);border-radius:calc(7px * var(--hud-scale));padding:calc(3px * var(--hud-scale)) calc(9px * var(--hud-scale));white-space:nowrap}.lvlchip:empty{display:none}.jobbar{display:none;align-items:center;gap:calc(9px * var(--hud-scale));height:calc(26px * var(--hud-scale));margin:calc(6px * var(--hud-scale)) 0;background:#1c2836;border:1px solid rgba(150,170,195,.25);border-radius:calc(7px * var(--hud-scale));overflow:hidden;position:relative}.jobbar.open{display:flex}.jobbar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#f7c95c,#d69a1d)}.jobbar span{position:relative;width:100%;text-align:center;font-size:calc(14px * var(--hud-scale));font-weight:800;letter-spacing:.3px;color:#fff;text-shadow:0 1px 0 #0a1017,0 -1px 0 #0a1017,1px 0 0 #0a1017,-1px 0 0 #0a1017,1px 1px 0 #0a1017,-1px 1px 0 #0a1017,1px -1px 0 #0a1017,-1px -1px 0 #0a1017,0 2px 5px rgba(0,0,0,.55)}.insp-actions .mini.big{font-size:calc(17px * var(--hud-scale));padding:calc(8px * var(--hud-scale)) calc(16px * var(--hud-scale));font-weight:800;flex-direction:column;gap:0;line-height:1.2}.insp-actions .mini.up{color:#08240f;background:linear-gradient(180deg,#6ee7a0,#34b26a);border-color:#a7f3c9}.insp-actions .mini.up.is-blocked{background:linear-gradient(180deg,#55606d,#39424d);border-color:#66727f;color:#cfd8e3}.insp-actions .mini.up em{display:block;font-style:normal;font-size:calc(11px * var(--hud-scale));opacity:.85}.insp-actions .mini.collect{color:#2a1c04;background:linear-gradient(180deg,#ffd873,#e8a92c);border-color:#ffe9ae}.dock .action{min-width:calc(122px * var(--hud-scale));padding:calc(12px * var(--hud-scale)) calc(18px * var(--hud-scale))}.dock .action .tag{font-size:calc(15px * var(--hud-scale));font-weight:800}.armypanel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(680px * var(--hud-scale));max-width:calc(100vw - 40px * var(--hud-scale));padding:calc(16px * var(--hud-scale));display:none;pointer-events:auto}.armypanel.open{display:block}.armyhead{display:flex;align-items:center;gap:calc(10px * var(--hud-scale));margin-bottom:calc(9px * var(--hud-scale))}.armyhead .xclose{margin-left:auto;width:calc(28px * var(--hud-scale));height:calc(28px * var(--hud-scale));border-radius:calc(6px * var(--hud-scale));border:1px solid rgba(224,90,90,.6);background:#e05a5a2e;color:#ffd9d9;font-size:calc(13px * var(--hud-scale));cursor:pointer}.armyhead h4{margin:0;font-size:calc(13px * var(--hud-scale));letter-spacing:1.6px;text-transform:uppercase;color:var(--amber);font-weight:700}.army-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(8px * var(--hud-scale))}.troopcard{display:flex;flex-direction:column;gap:calc(3px * var(--hud-scale));padding:calc(9px * var(--hud-scale));border:1px solid var(--line);border-radius:calc(8px * var(--hud-scale));background:linear-gradient(180deg,var(--steel-700),var(--steel-800));color:var(--steel-100);font-family:var(--font);text-align:left;cursor:pointer}.troopcard:hover{border-color:var(--line-strong)}.troopcard.tight{gap:0;padding:calc(7px * var(--hud-scale)) calc(10px * var(--hud-scale))}.troopcard.is-active{border-color:var(--amber);box-shadow:0 0 0 2px #f5b94259}.troopcard.is-blocked{opacity:.55}.troopcard .tname{font-size:calc(16px * var(--hud-scale));font-weight:700}.troopcard .tface{position:relative;display:block;height:calc(58px * var(--hud-scale));margin-bottom:calc(4px * var(--hud-scale))}.troopcard .tface .icon,.troopcard .tface>svg{width:100%;height:100%;object-fit:contain}.troopcard .tcount{position:absolute;right:0;bottom:0;padding:0 calc(5px * var(--hud-scale));border-radius:calc(5px * var(--hud-scale));background:#0b1119d9;border:1px solid var(--line);font-size:calc(15px * var(--hud-scale));font-weight:700;color:var(--amber)}.troopcard.tight .tface{height:calc(46px * var(--hud-scale))}.troopcard .thouse{display:flex;align-items:center;justify-content:space-between;gap:calc(6px * var(--hud-scale));font-size:calc(13px * var(--hud-scale))}.troopcard .housecost{display:inline-flex;align-items:center;gap:calc(4px * var(--hud-scale));color:var(--amber);font-weight:700}.troopcard .housecost svg{width:calc(15px * var(--hud-scale));height:calc(15px * var(--hud-scale))}.troopcard .lvlpip{color:var(--amber);letter-spacing:1px;font-size:calc(11px * var(--hud-scale));opacity:.85}.armytabs{display:flex;gap:calc(4px * var(--hud-scale))}.armytab{font-family:var(--font);font-size:calc(13px * var(--hud-scale));letter-spacing:1.2px;font-weight:700;padding:calc(6px * var(--hud-scale)) calc(14px * var(--hud-scale));border-radius:calc(7px * var(--hud-scale));border:1px solid var(--line);background:#ffffff0d;color:var(--steel-300);cursor:pointer}.armytab:hover{color:#fff;border-color:#f5b94273}.armytab.is-active{color:#12161c;background:linear-gradient(180deg,#f6c661,var(--amber));border-color:#f5b942e6}.housechip{display:inline-flex;align-items:center;gap:calc(5px * var(--hud-scale))}.housechip svg{width:calc(16px * var(--hud-scale));height:calc(16px * var(--hud-scale));flex:0 0 auto}.armybar{display:flex;align-items:center;gap:calc(8px * var(--hud-scale));margin:calc(9px * var(--hud-scale)) 0;padding:calc(8px * var(--hud-scale));border:1px solid var(--line);border-radius:calc(9px * var(--hud-scale));background:#00000038;min-height:calc(58px * var(--hud-scale))}.army-picked{display:flex;flex-wrap:wrap;align-items:center;gap:calc(10px * var(--hud-scale));flex:1 1 auto}.pickchip{position:relative;display:inline-flex;align-items:center}.pickchip .tface{position:relative;display:inline-flex;align-items:flex-end;justify-content:center;width:calc(46px * var(--hud-scale));height:calc(46px * var(--hud-scale));border-radius:calc(8px * var(--hud-scale));border:1px solid var(--line);background:#ffffff0d}.pickchip .tface img,.pickchip .tface>svg{width:calc(40px * var(--hud-scale));height:calc(40px * var(--hud-scale));object-fit:contain}.pickchip .tcount{position:absolute;right:calc(-3px * var(--hud-scale));bottom:calc(-4px * var(--hud-scale));padding:0 calc(5px * var(--hud-scale));border-radius:calc(5px * var(--hud-scale));background:#12161c;border:1px solid var(--line);font-size:calc(12px * var(--hud-scale));font-weight:700;line-height:1.5}.pickchip .pickminus{position:absolute;right:calc(-6px * var(--hud-scale));top:calc(-6px * var(--hud-scale));width:calc(20px * var(--hud-scale));height:calc(20px * var(--hud-scale));border-radius:999px;border:1px solid rgba(224,90,90,.75);background:#7c2b2b;color:#ffe0e0;font-size:calc(13px * var(--hud-scale));font-weight:700;line-height:1;cursor:pointer}.pickchip .pickminus:hover{background:#a33636}.armyclear{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:calc(40px * var(--hud-scale));height:calc(40px * var(--hud-scale));padding:0}.armyclear svg{width:calc(18px * var(--hud-scale));height:calc(18px * var(--hud-scale))}.lab-grid .troopcard.is-static{cursor:default}.lab-grid .troopcard.is-static:hover{border-color:var(--line);background:linear-gradient(180deg,var(--steel-700),var(--steel-800))}.troopcard .tnote{font-size:calc(12px * var(--hud-scale));line-height:1.35;color:var(--steel-300)}.troopcard-wrap{display:flex;flex-direction:column;gap:calc(4px * var(--hud-scale));min-width:0}.troopcard-wrap .troopcard{flex:1 1 auto}.troopcard .tstars{display:flex;gap:calc(1px * var(--hud-scale));line-height:1;font-size:calc(16px * var(--hud-scale))}.troopcard .tstar{font-style:normal;color:var(--steel-500, #5c6b7d)}.troopcard .tstar.on{color:var(--amber);text-shadow:0 0 calc(4px * var(--hud-scale)) rgba(245,185,66,.45)}.troopcard .tstar.capped{opacity:.35}.troopcard-wrap .tresearch{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(58px * var(--hud-scale));gap:calc(1px * var(--hud-scale));width:100%;padding:calc(6px * var(--hud-scale)) calc(6px * var(--hud-scale));font-size:calc(14px * var(--hud-scale));font-weight:700;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-color:#60a5fa8c;background:#60a5fa29;color:#dceaff}.troopcard-wrap .tresearch:hover:not(:disabled){border-color:#60a5fae6;background:#60a5fa42}.troopcard-wrap .tresearch:disabled{opacity:.5;cursor:default}.troopcard-wrap .tresearch.is-poor{border-color:#e05a5a80;background:#e05a5a1a}.troopcard-wrap .tresearch.is-blocked{opacity:.55;border-color:var(--line);background:#0b111980;color:var(--steel-300)}.troopcard-wrap .tresearch.is-running{opacity:1;border-color:#f5b9428c;background:#f5b94229;color:var(--amber)}.troopcard-wrap .tres-cost{display:flex;gap:calc(5px * var(--hud-scale))}.troopcard-wrap .tresearch .shop-currency{font-size:calc(12px * var(--hud-scale))}.troopcard .tstar{color:#e0ebfa52}.qchip{padding:calc(4px * var(--hud-scale)) calc(10px * var(--hud-scale));border-radius:999px;background:#f5b94224;border:1px solid rgba(245,185,66,.35);font-size:calc(13px * var(--hud-scale))}.qchip.empty{background:none;border-color:var(--line);color:var(--steel-300)}.raidbar{position:absolute;left:50%;bottom:calc(18px * var(--hud-scale));transform:translate(-50%);width:calc(560px * var(--hud-scale));padding:calc(12px * var(--hud-scale));display:none;pointer-events:auto;text-align:center}.raidbar.open{display:block}.raidstat{display:flex;align-items:center;justify-content:space-between;gap:calc(10px * var(--hud-scale));margin-bottom:calc(9px * var(--hud-scale));font-size:calc(17px * var(--hud-scale));font-weight:700}.raidstat [data-raid-stars]{color:var(--amber);letter-spacing:2px}.raidstat .raidloot{display:inline-flex;align-items:center;gap:calc(5px * var(--hud-scale));font-size:calc(12px * var(--hud-scale));color:var(--steel-300);font-weight:500}.raidbar .army-grid{margin-bottom:calc(9px * var(--hud-scale))}:root{--rocket-cream-hi: #fff9dc;--rocket-cream: #f2dea0;--rocket-gold-hi: #e6bd62;--rocket-gold: #a87525;--rocket-gold-deep: #55340c;--rocket-blue-hi: #08789b;--rocket-blue: #045570;--rocket-blue-low: #02364a;--rocket-blue-deep: #011f2d;--rocket-red-hi: #f05a35;--rocket-red: #b92e1d;--rocket-red-low: #73150f;--rocket-white: #fffdf4;--line: rgba(255, 232, 165, .56);--line-strong: rgba(255, 248, 210, .9);--steel-100: #fffdf4;--steel-300: #c9e2eb;--amber: #ffd36c}#hud-root:after{background:radial-gradient(ellipse at 50% 45%,transparent 58%,rgba(7,18,17,.34) 100%)}.panel,.res,.rail-btn,.icon-btn,.action,.card{border:3px solid transparent;border-image:none!important;background:linear-gradient(180deg,var(--rocket-blue-hi) 0%,var(--rocket-blue) 30%,var(--rocket-blue-low) 72%,var(--rocket-blue-deep) 100%) padding-box,linear-gradient(145deg,var(--rocket-cream-hi) 0%,var(--rocket-gold-hi) 29%,var(--rocket-cream) 52%,var(--rocket-gold) 78%,var(--rocket-cream-hi) 100%) border-box;box-shadow:0 0 0 1px var(--rocket-gold-deep),0 calc(5px * var(--hud-scale)) calc(12px * var(--hud-scale)) #0000007a,inset 0 1px #ffffff42,inset 0 calc(-5px * var(--hud-scale)) calc(12px * var(--hud-scale)) #000c1457;backdrop-filter:none}.panel{border-radius:calc(15px * var(--hud-scale))}.rail-btn,.icon-btn,.action,.card{color:var(--rocket-cream-hi);font-family:var(--font)}.rail-btn:hover,.icon-btn:hover,.action:hover,.card:hover{border-color:transparent;filter:brightness(1.12) saturate(1.06)}.rail-btn:focus-visible,.icon-btn:focus-visible,.action:focus-visible,.card:focus-visible,.tab:focus-visible,.mini:focus-visible{outline:calc(3px * var(--hud-scale)) solid #fff0a9;outline-offset:calc(3px * var(--hud-scale))}.topbar{top:calc(18px * var(--hud-scale));left:calc(18px * var(--hud-scale));right:calc(18px * var(--hud-scale));height:calc(90px * var(--hud-scale))}.player-card{width:calc(360px * var(--hud-scale));min-width:calc(360px * var(--hud-scale));height:calc(90px * var(--hud-scale));gap:calc(13px * var(--hud-scale));padding:calc(7px * var(--hud-scale)) calc(18px * var(--hud-scale)) calc(7px * var(--hud-scale)) calc(7px * var(--hud-scale));border-radius:calc(17px * var(--hud-scale))}.avatar{width:calc(72px * var(--hud-scale));height:calc(72px * var(--hud-scale));flex:0 0 auto;border:calc(2px * var(--hud-scale)) solid var(--rocket-cream);border-radius:calc(12px * var(--hud-scale));box-shadow:0 0 0 1px var(--rocket-gold-deep),inset 0 0 calc(12px * var(--hud-scale)) #000c147a;color:var(--rocket-white);font-size:calc(22px * var(--hud-scale))}.avatar .lvl{right:calc(-9px * var(--hud-scale));bottom:calc(-7px * var(--hud-scale));min-width:calc(29px * var(--hud-scale));padding:calc(2px * var(--hud-scale)) calc(6px * var(--hud-scale));border:calc(2px * var(--hud-scale)) solid var(--rocket-cream-hi);border-radius:calc(8px * var(--hud-scale));background:linear-gradient(180deg,#ffd96f,#c8891b);color:#302006;text-align:center;font-size:calc(13px * var(--hud-scale));box-shadow:0 0 0 1px var(--rocket-gold-deep)}.player-meta{flex:1;min-width:0;gap:calc(7px * var(--hud-scale))}.player-name{overflow:hidden;color:var(--rocket-white);font-size:calc(22px * var(--hud-scale));font-weight:900;letter-spacing:calc(.9px * var(--hud-scale));text-overflow:ellipsis;text-shadow:0 2px 2px rgba(0,0,0,.85);white-space:nowrap}.player-sub{color:#fff0bd;font-size:calc(13px * var(--hud-scale));font-weight:800;letter-spacing:calc(1px * var(--hud-scale));text-shadow:0 1px 2px rgba(0,0,0,.8)}.xp{height:calc(9px * var(--hud-scale));border:1px solid rgba(255,240,185,.78);border-radius:calc(5px * var(--hud-scale));background:#011923;box-shadow:inset 0 2px 3px #000c}.xp>i{background:linear-gradient(90deg,#23a9dd,#8deaff);box-shadow:inset 0 1px #ffffffa6}.res-rack{width:calc(330px * var(--hud-scale));gap:calc(10px * var(--hud-scale))}.res{flex-direction:row-reverse;height:calc(66px * var(--hud-scale));gap:calc(10px * var(--hud-scale));padding:calc(7px * var(--hud-scale)) calc(11px * var(--hud-scale));border-radius:calc(15px * var(--hud-scale))}.res.copper,.res.iron{flex-direction:row}.res .body{gap:calc(7px * var(--hud-scale))}.res .val{color:var(--rocket-white);font-size:calc(22px * var(--hud-scale));font-weight:900;letter-spacing:calc(.3px * var(--hud-scale));text-shadow:0 2px 2px rgba(0,0,0,.85),0 0 5px rgba(0,0,0,.44)}.res .val .max{color:#e5eef0;font-size:calc(13px * var(--hud-scale));font-weight:800}.res .cap{height:calc(10px * var(--hud-scale));border-color:#ffefb8a3;border-radius:calc(6px * var(--hud-scale));background:#011923}.res .res-icon{width:calc(52px * var(--hud-scale));height:calc(52px * var(--hud-scale))}.res .res-icon .icon,.res .res-icon img.icon.art{width:calc(50px * var(--hud-scale));height:calc(50px * var(--hud-scale));object-fit:contain;image-rendering:auto;filter:saturate(1.08) contrast(1.06) drop-shadow(0 calc(3px * var(--hud-scale)) calc(3px * var(--hud-scale)) rgba(0,0,0,.58))}.res.gems{width:calc(168px * var(--hud-scale));height:calc(48px * var(--hud-scale));padding:calc(4px * var(--hud-scale)) calc(8px * var(--hud-scale));border-radius:calc(14px * var(--hud-scale))}.res.gems .body{flex:1}.res.gems .val{font-size:calc(21px * var(--hud-scale))}.res.gems .res-icon{width:calc(36px * var(--hud-scale));height:calc(36px * var(--hud-scale));overflow:hidden}.res.gems .res-icon .icon,.res.gems .res-icon img.icon.art{width:calc(32px * var(--hud-scale));height:calc(32px * var(--hud-scale));max-width:100%;max-height:100%;object-fit:contain;object-position:center}.rail.left{left:calc(18px * var(--hud-scale));top:calc(124px * var(--hud-scale));gap:calc(12px * var(--hud-scale))}.rail-btn{position:relative;width:calc(88px * var(--hud-scale));height:calc(78px * var(--hud-scale));gap:calc(5px * var(--hud-scale));border-radius:calc(15px * var(--hud-scale))}.rail-btn:hover{transform:translate(calc(3px * var(--hud-scale)))}.rail-btn .glyph{width:calc(34px * var(--hud-scale));height:calc(34px * var(--hud-scale));color:#ffe9a4;filter:drop-shadow(0 2px 1px rgba(0,0,0,.55))}.rail-btn .tag{color:var(--rocket-white);font-size:calc(12px * var(--hud-scale));font-weight:900;letter-spacing:calc(1px * var(--hud-scale))}.rail-btn .badge{position:absolute;top:calc(-9px * var(--hud-scale));right:calc(-10px * var(--hud-scale));min-width:calc(27px * var(--hud-scale));margin:0;padding:calc(2px * var(--hud-scale)) calc(7px * var(--hud-scale));border:calc(2px * var(--hud-scale)) solid var(--rocket-cream-hi);border-radius:999px;background:linear-gradient(180deg,#ed5b35,#a92315);box-shadow:0 0 0 1px #5d150e,0 3px 6px #0000007a;color:#fff;font-size:calc(13px * var(--hud-scale));text-align:center}.rail.right{top:calc(234px * var(--hud-scale));right:calc(18px * var(--hud-scale));gap:calc(9px * var(--hud-scale));z-index:45}.rail.right>div[style]{gap:calc(8px * var(--hud-scale))!important}.icon-btn{width:calc(46px * var(--hud-scale));height:calc(46px * var(--hud-scale));border-radius:calc(13px * var(--hud-scale))}.icon-btn .glyph{width:calc(25px * var(--hud-scale));height:calc(25px * var(--hud-scale));color:#ffe9a4}.workbar{top:calc(118px * var(--hud-scale));left:calc(116px * var(--hud-scale));gap:calc(9px * var(--hud-scale))}.workpill{min-height:calc(44px * var(--hud-scale));min-width:calc(174px * var(--hud-scale));justify-content:flex-start;padding:calc(6px * var(--hud-scale)) calc(13px * var(--hud-scale));border-radius:calc(13px * var(--hud-scale));color:var(--rocket-white)}.workpill .hammer{flex:0 0 auto;filter:drop-shadow(0 2px 2px rgba(0,0,0,.58))}.pill-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:calc(2px * var(--hud-scale));line-height:1}.pill-main{display:flex;align-items:baseline;gap:calc(5px * var(--hud-scale));white-space:nowrap}.pill-main>span{font-size:calc(13px * var(--hud-scale));font-weight:900}.pill-main b{color:#fffdf4;font-size:calc(16px * var(--hud-scale));font-weight:900;font-variant-numeric:tabular-nums}.pill-sub{display:none;color:#a9e7f4;font-size:calc(10px * var(--hud-scale));font-weight:800;letter-spacing:calc(.2px * var(--hud-scale));white-space:nowrap}.builders.has-job .pill-sub{display:block}.builders.is-busy .pill-main>span,.builders.is-busy .pill-main b,.builders.is-busy .pill-sub{color:#ffd978}.builders.is-busy{background:linear-gradient(180deg,#0b5870,#06384c 66%,#032531) padding-box,linear-gradient(145deg,#fff0b6,#f3b746 46%,#9b5c13) border-box;box-shadow:0 0 0 1px #72420d,0 calc(4px * var(--hud-scale)) calc(10px * var(--hud-scale)) #00000080,0 0 calc(10px * var(--hud-scale)) #f5b94252}.rankpill .pill-sub{display:block;color:#ffd98a}.rankpill .pill-main b{color:#ffe9a4;font-size:calc(18px * var(--hud-scale));letter-spacing:calc(.3px * var(--hud-scale))}.shieldpill .pill-sub{display:block;color:#bfe4ff}.shieldpill .pill-main b{color:#eaf6ff;font-size:calc(17px * var(--hud-scale))}.shieldpill{background:linear-gradient(180deg,#10405e,#0a2a40 66%,#051a28) padding-box,linear-gradient(145deg,#cfeaff,#5aa8dd 46%,#1d5f8c) border-box;box-shadow:0 0 0 1px #17435f,0 calc(4px * var(--hud-scale)) calc(10px * var(--hud-scale)) #00000080,0 0 calc(12px * var(--hud-scale)) #78bef54d}.scout{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(20px * var(--hud-scale));background:#03090ebd;backdrop-filter:blur(3px);pointer-events:auto;z-index:var(--z-scout)}.scout[hidden]{display:none}.scout.is-preview{background:radial-gradient(ellipse at 70% 50%,#03090e00 30%,#03090e8c);backdrop-filter:none;align-items:flex-end;justify-content:flex-start;padding:calc(28px * var(--hud-scale));pointer-events:none}.scout.is-preview .scout-card{pointer-events:auto;box-shadow:0 calc(18px * var(--hud-scale)) calc(46px * var(--hud-scale)) #000000bf,0 0 0 1px #ffe9a42e}.scout-card{width:min(100%,calc(440px * var(--hud-scale)));padding:calc(16px * var(--hud-scale)) calc(18px * var(--hud-scale)) calc(18px * var(--hud-scale));border-radius:calc(18px * var(--hud-scale));color:var(--rocket-white, #e8eef6)}.scout-head{display:flex;align-items:center;gap:calc(8px * var(--hud-scale));margin-bottom:calc(12px * var(--hud-scale))}.scout-head h3{margin:0;flex:1;font-size:calc(19px * var(--hud-scale));font-weight:900;color:#ffe9a4}.scout-count{font-size:calc(13px * var(--hud-scale));font-weight:800;opacity:.6}.scout-x{min-width:auto;padding:calc(5px * var(--hud-scale)) calc(10px * var(--hud-scale))}.scout-body{min-height:calc(196px * var(--hud-scale));display:flex;flex-direction:column;justify-content:center}.scout-hunting{display:flex;flex-direction:column;align-items:center;gap:calc(14px * var(--hud-scale))}.scout-sweep{position:relative;width:calc(72px * var(--hud-scale));height:calc(72px * var(--hud-scale));border-radius:50%;border:calc(2px * var(--hud-scale)) solid rgba(255,233,164,.28);overflow:hidden}.scout-sweep i{position:absolute;inset:0;background:conic-gradient(from 0deg,#ffe9a48c,#ffe9a400 38%);animation:scout-spin 1.4s linear infinite}@keyframes scout-spin{to{transform:rotate(360deg)}}.scout-hunting-text{margin:0;font-size:calc(15px * var(--hud-scale));font-weight:800}.scout-bar{width:calc(210px * var(--hud-scale));height:calc(6px * var(--hud-scale));border-radius:999px;background:#ffffff24;overflow:hidden}.scout-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffd97a,#ffb347);animation:scout-fill linear forwards}@keyframes scout-fill{0%{width:0%}to{width:100%}}.scout-target{display:flex;flex-direction:column;gap:calc(10px * var(--hud-scale))}.scout-idline{display:flex;align-items:baseline;justify-content:space-between;gap:calc(10px * var(--hud-scale))}.scout-name{font-size:calc(19px * var(--hud-scale));font-weight:900}.scout-cc{font-size:calc(13px * var(--hud-scale));font-weight:800;padding:calc(3px * var(--hud-scale)) calc(9px * var(--hud-scale));border-radius:999px;background:#ffffff1a;white-space:nowrap}.scout-meta{display:flex;flex-wrap:wrap;align-items:center;gap:calc(10px * var(--hud-scale));font-size:calc(13px * var(--hud-scale));font-weight:700}.scout-stars{color:#ffd97a;font-size:calc(15px * var(--hud-scale));letter-spacing:1px}.scout-profile{padding:calc(2px * var(--hud-scale)) calc(8px * var(--hud-scale));border-radius:999px;background:#78c8ff29;color:#bfe6ff}.scout-rank{opacity:.85}.scout-loot{display:flex;align-items:center;justify-content:space-between;gap:calc(10px * var(--hud-scale));padding:calc(10px * var(--hud-scale)) calc(12px * var(--hud-scale));border-radius:calc(12px * var(--hud-scale));background:#ffffff12}.scout-loot-label{font-size:calc(13px * var(--hud-scale));font-weight:800;opacity:.8}.scout-loot-chips{display:flex;gap:calc(8px * var(--hud-scale));font-size:calc(15px * var(--hud-scale))}.scout-note{margin:0;font-size:calc(12px * var(--hud-scale));font-weight:700;opacity:.62}.scout-you{display:flex;flex-wrap:wrap;gap:calc(14px * var(--hud-scale));padding-top:calc(8px * var(--hud-scale));border-top:1px solid rgba(255,255,255,.1);font-size:calc(13px * var(--hud-scale));font-weight:700;opacity:.9}.scout-actions{display:flex;gap:calc(10px * var(--hud-scale));margin-top:calc(14px * var(--hud-scale))}.scout-actions .mini{flex:1;justify-content:center;padding:calc(11px * var(--hud-scale)) calc(14px * var(--hud-scale));font-size:calc(15px * var(--hud-scale))}.scout-actions .mini[disabled]{opacity:.45;pointer-events:none}.raid-actions{display:flex;gap:calc(10px * var(--hud-scale));justify-content:center}.raid-actions .mini{min-width:calc(150px * var(--hud-scale));justify-content:center}.mini.rage{position:relative;color:#fff4e6;background:linear-gradient(180deg,#ff8a3d,#d2451c 62%,#8f2a10) padding-box,linear-gradient(145deg,var(--rocket-cream-hi),var(--rocket-gold-hi) 45%,var(--rocket-gold)) border-box}.mini.rage .icon.art{width:calc(30px * var(--hud-scale));height:calc(30px * var(--hud-scale));margin:calc(-4px * var(--hud-scale)) 0;border-radius:calc(6px * var(--hud-scale));filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}.rage-tip{position:absolute;bottom:calc(100% + 9px * var(--hud-scale));left:0;transform:translateY(calc(4px * var(--hud-scale)));z-index:3;display:flex;flex-direction:column;gap:calc(3px * var(--hud-scale));width:max-content;max-width:calc(280px * var(--hud-scale));padding:calc(9px * var(--hud-scale)) calc(12px * var(--hud-scale));border:1px solid rgba(255,214,140,.55);border-radius:calc(9px * var(--hud-scale));background:linear-gradient(180deg,#0e202cfa,#051018fa);box-shadow:0 calc(8px * var(--hud-scale)) calc(20px * var(--hud-scale)) #0000008c;color:var(--rocket-cream-hi, #fff9dc);font-size:calc(12px * var(--hud-scale));font-weight:500;letter-spacing:0;text-transform:none;text-align:left;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,transform .12s ease}.rage-tip b{color:var(--rocket-gold-hi, #ffd98a);font-size:calc(13px * var(--hud-scale));font-weight:800}.rage-tip i{font-style:normal;color:#e0f0f8e0;line-height:1.35}.rage-tip i b{font-size:inherit}.mini.rage:hover .rage-tip,.mini.rage:focus-visible .rage-tip{opacity:1;visibility:visible;transform:translateY(0)}.mini.rage.is-armed{animation:rage-armed .62s ease-in-out infinite}@keyframes rage-armed{0%,to{box-shadow:0 0 #ff8a3d00}50%{box-shadow:0 0 calc(16px * var(--hud-scale)) #ffa050e6}}.mini.rage.is-spent{background:linear-gradient(180deg,#6d6459,#4b433b 62%,#332e29) padding-box,linear-gradient(145deg,#d5cfbe,#9d968a 45%,#7d7669) border-box}.mini.rage.is-spent .icon.art,.mini.rage.is-spent .rage-label{filter:grayscale(.75);opacity:.55}.askbox{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(20px * var(--hud-scale));background:#03090ea8;backdrop-filter:blur(2px);pointer-events:auto;z-index:var(--z-modal)}.askbox[hidden]{display:none}.askbox-card{max-width:calc(420px * var(--hud-scale));padding:calc(20px * var(--hud-scale)) calc(22px * var(--hud-scale));border-radius:calc(16px * var(--hud-scale));color:var(--rocket-white, #e8eef6);text-align:left}.askbox-card h3{margin:0 0 calc(10px * var(--hud-scale));font-size:calc(19px * var(--hud-scale));font-weight:900;color:#ffe9a4}.askbox-card p{margin:0 0 calc(18px * var(--hud-scale));font-size:calc(14px * var(--hud-scale));font-weight:700;line-height:1.55}.askbox-actions{display:flex;justify-content:flex-end;gap:calc(10px * var(--hud-scale))}.askbox-actions .mini{min-width:calc(104px * var(--hud-scale));padding:calc(9px * var(--hud-scale)) calc(14px * var(--hud-scale))}.askbox-actions .mini[hidden]{display:none}.collectall{color:#f4fff7;text-shadow:0 1px 2px rgba(0,49,24,.78);background:linear-gradient(180deg,#70dc9d,#2ca261 62%,#187343) padding-box,linear-gradient(145deg,var(--rocket-cream-hi),var(--rocket-gold-hi) 45%,var(--rocket-gold)) border-box}.dock{right:calc(18px * var(--hud-scale));bottom:calc(18px * var(--hud-scale));flex-direction:column;align-items:stretch;gap:calc(10px * var(--hud-scale))}.dock .action{width:calc(164px * var(--hud-scale));min-width:calc(164px * var(--hud-scale));height:calc(62px * var(--hud-scale));min-height:0;flex-direction:row;gap:calc(13px * var(--hud-scale));padding:calc(8px * var(--hud-scale)) calc(18px * var(--hud-scale));border-radius:calc(15px * var(--hud-scale))}.dock .action:hover{transform:translate(calc(-3px * var(--hud-scale)))}.dock .action .glyph{width:calc(31px * var(--hud-scale));height:calc(31px * var(--hud-scale));flex:0 0 auto;color:#ffe9a4;filter:drop-shadow(0 2px 1px rgba(0,0,0,.6))}.dock .action .tag{color:var(--rocket-white);font-size:calc(17px * var(--hud-scale));font-weight:900;letter-spacing:calc(1.2px * var(--hud-scale))}.dock .action.is-active{border-color:transparent;background:linear-gradient(180deg,#1191b8,#08708e 40%,#03475c 75%,#022d3d) padding-box,linear-gradient(145deg,var(--rocket-cream-hi) 0%,#ffd36c 35%,var(--rocket-cream) 58%,var(--rocket-gold) 100%) border-box;box-shadow:0 0 0 1px var(--rocket-gold-deep),0 0 calc(18px * var(--hud-scale)) #ffd36cb8,inset 0 1px #ffffff4d}.dock .action.attack{height:calc(120px * var(--hud-scale));flex-direction:column;justify-content:center;gap:calc(8px * var(--hud-scale));background:linear-gradient(180deg,var(--rocket-red-hi) 0%,var(--rocket-red) 50%,var(--rocket-red-low) 100%) padding-box,linear-gradient(145deg,var(--rocket-cream-hi) 0%,var(--rocket-gold-hi) 29%,var(--rocket-cream) 52%,var(--rocket-gold) 78%,var(--rocket-cream-hi) 100%) border-box}.dock .action.attack.is-active{background:linear-gradient(180deg,#ff6a3d,#d83c23 48%,#8f1d14) padding-box,linear-gradient(145deg,var(--rocket-cream-hi) 0%,#ffd36c 35%,var(--rocket-cream) 58%,var(--rocket-gold) 100%) border-box}.dock .action.attack .glyph{width:calc(48px * var(--hud-scale));height:calc(48px * var(--hud-scale));color:#fff1bd}.dock .action.attack .tag{font-size:calc(22px * var(--hud-scale))}.hint-bar{width:min(calc(820px * var(--hud-scale)),calc(100vw - 380px * var(--hud-scale)));max-width:none;min-height:calc(58px * var(--hud-scale));bottom:calc(18px * var(--hud-scale));display:flex;align-items:center;justify-content:center;padding:calc(10px * var(--hud-scale)) calc(24px * var(--hud-scale));border:3px solid transparent;border-radius:calc(15px * var(--hud-scale));background:linear-gradient(180deg,var(--rocket-blue-hi),var(--rocket-blue-low) 65%,var(--rocket-blue-deep)) padding-box,linear-gradient(145deg,var(--rocket-cream-hi),var(--rocket-gold-hi) 35%,var(--rocket-cream),var(--rocket-gold)) border-box;box-shadow:0 0 0 1px var(--rocket-gold-deep),0 calc(5px * var(--hud-scale)) calc(12px * var(--hud-scale)) #0000007a,inset 0 1px #ffffff3d;color:var(--rocket-white);font-size:calc(16px * var(--hud-scale));font-weight:700;line-height:1.3;text-shadow:0 2px 2px rgba(0,0,0,.75)}.drawer{right:calc(200px * var(--hud-scale));bottom:calc(88px * var(--hud-scale));width:min(calc(720px * var(--hud-scale)),calc(100vw - 230px * var(--hud-scale)));max-width:none}.armypanel{position:fixed;left:50%;top:50%}.inspector,.tutor,.mapsel,.telemetry,.joblist,.armypanel,.raidbar{color:var(--rocket-white)}.drawer-head,.drawer-foot{border-color:#ffe8a547}.hint,.foot-note,.inspector p,.troopcard .tnote,.raidstat .raidloot{color:#c9e2eb}.kbd{border-color:#ffebadb8;background:#001620e6;color:#fff3c6}.tab,.mini,.troopcard,.variant{border:2px solid rgba(235,199,108,.62);background:linear-gradient(180deg,#075a75,#023447);color:var(--rocket-white);box-shadow:inset 0 1px #ffffff29}.tab:hover,.mini:hover,.troopcard:hover,.variant:hover{border-color:var(--rocket-cream-hi);filter:brightness(1.1)}.tab.is-active,.mini.is-active{border-color:#fff4c5;background:linear-gradient(180deg,#ffe5a0,#c99836);color:#322005;box-shadow:inset 0 1px #fffbe3,0 2px 5px #0000005c}.card{border-radius:calc(11px * var(--hud-scale))}.card.is-active{border-color:transparent;background:linear-gradient(180deg,#1283a3,#07576f 58%,#03374a) padding-box,linear-gradient(145deg,#fff9dc,#ffd36c 45%,#b37d27) border-box;box-shadow:0 0 0 1px var(--rocket-gold-deep),0 0 calc(12px * var(--hud-scale)) #ffd36c8a}.card .name,.card .foot,.card .cost,.troopcard .tname{color:var(--rocket-white)}.toast{border:2px solid var(--rocket-cream);background:linear-gradient(180deg,#087494,#02364a);box-shadow:0 0 0 1px var(--rocket-gold-deep),0 5px 12px #0000006b;color:var(--rocket-white)}@media (max-width: 900px){.topbar{top:12px;left:12px;right:12px;height:78px}.player-card{width:300px;min-width:300px;height:78px}.avatar{width:60px;height:60px}.player-name{font-size:18px}.res-rack{width:300px;gap:7px}.res{height:58px}.res.gems{width:150px;height:44px}.rail.left{left:12px;top:106px}.rail-btn{width:76px;height:70px}.workbar{top:100px;left:102px}.rail.right{top:202px;right:12px}.dock{right:12px;bottom:12px}.dock .action{width:142px;min-width:142px;height:56px}.dock .action.attack{height:102px}.hint-bar{width:calc(100vw - 350px);min-height:52px;bottom:12px}.drawer{right:172px;width:calc(100vw - 195px)}}.drawer-content{min-height:calc(141px * var(--hud-scale))}.build-detail{display:none}.drawer.is-resource .drawer-content{display:grid;grid-template-columns:minmax(0,calc(272px * var(--hud-scale))) minmax(0,1fr);gap:calc(10px * var(--hud-scale));align-items:stretch}.drawer.is-resource .card-grid[data-grid=resource]{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.drawer.is-resource .build-detail{position:relative;display:grid;grid-template-columns:calc(104px * var(--hud-scale)) minmax(0,1fr);min-height:calc(141px * var(--hud-scale));overflow:hidden;border:calc(2px * var(--hud-scale)) solid rgba(255,226,145,.72);border-radius:calc(11px * var(--hud-scale));background:linear-gradient(135deg,#0d6984c7,#022837f2 58%,#011923fa),radial-gradient(circle at 16% 24%,rgba(90,216,241,.24),transparent 42%);box-shadow:inset 0 1px #fff3,inset 0 calc(-6px * var(--hud-scale)) calc(14px * var(--hud-scale)) #000a116b,0 0 0 1px #58360cc7}.build-detail-visual{position:relative;display:grid;place-items:center;min-width:0;border-right:1px solid rgba(255,232,165,.24);background:radial-gradient(circle at 50% 46%,rgba(127,229,255,.2),transparent 58%),linear-gradient(180deg,#00182233,#000b1285)}.build-detail-visual:after{content:"";position:absolute;left:15%;right:15%;bottom:calc(13px * var(--hud-scale));height:calc(15px * var(--hud-scale));border-radius:50%;background:#00000057;filter:blur(calc(4px * var(--hud-scale)))}.build-detail-level{position:absolute;top:calc(7px * var(--hud-scale));left:calc(7px * var(--hud-scale));z-index:2;padding:calc(2px * var(--hud-scale)) calc(6px * var(--hud-scale));border:1px solid rgba(255,234,173,.58);border-radius:calc(5px * var(--hud-scale));background:#001822d6;color:#fff0bd;font-size:calc(9px * var(--hud-scale));font-weight:900;letter-spacing:calc(.8px * var(--hud-scale))}.build-detail-art{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:100%;padding:calc(15px * var(--hud-scale)) calc(6px * var(--hud-scale)) calc(7px * var(--hud-scale))}.build-detail-art .glyph,.build-detail-art img.icon.art{width:calc(98px * var(--hud-scale));height:calc(96px * var(--hud-scale));object-fit:contain;color:#ffe39a;image-rendering:auto;filter:saturate(1.08) contrast(1.05) drop-shadow(0 calc(4px * var(--hud-scale)) calc(4px * var(--hud-scale)) rgba(0,0,0,.7))}.build-detail-copy{min-width:0;padding:calc(8px * var(--hud-scale)) calc(9px * var(--hud-scale)) calc(7px * var(--hud-scale))}.build-detail-topline{display:flex;align-items:center;justify-content:space-between;gap:calc(7px * var(--hud-scale));min-width:0}.build-detail-eyebrow{overflow:hidden;color:#8fe8ff;font-size:calc(9px * var(--hud-scale));font-weight:900;letter-spacing:calc(1px * var(--hud-scale));text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.build-detail-owned{flex:0 0 auto;padding:calc(1px * var(--hud-scale)) calc(5px * var(--hud-scale));border:1px solid rgba(255,226,145,.42);border-radius:calc(5px * var(--hud-scale));background:#00141db8;color:#fff0bd;font-size:calc(9px * var(--hud-scale));font-weight:800}.build-detail-owned.is-blocked{border-color:#ffbc5fad;background:#682d0dd6;color:#ffe0a8}.drawer.is-resource .factory-card[data-card-status-code=no-builder] .factory-card-status{min-height:calc(24px * var(--hud-scale));padding-inline:calc(3px * var(--hud-scale));font-size:calc(8px * var(--hud-scale));line-height:1.12}.build-detail-copy h3{margin:calc(2px * var(--hud-scale)) 0 0;overflow:hidden;color:#fffdf4;font-size:calc(17px * var(--hud-scale));font-weight:900;letter-spacing:calc(.5px * var(--hud-scale));line-height:1.08;text-overflow:ellipsis;text-shadow:0 2px 2px rgba(0,0,0,.78);white-space:nowrap}.build-detail-copy>p{min-height:calc(24px * var(--hud-scale));margin:calc(3px * var(--hud-scale)) 0 calc(5px * var(--hud-scale));overflow:hidden;color:#c9e2eb;font-size:calc(10px * var(--hud-scale));line-height:1.2}.build-detail-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(3px * var(--hud-scale)) calc(5px * var(--hud-scale))}.build-detail-stat{display:flex;align-items:center;justify-content:space-between;min-width:0;min-height:calc(21px * var(--hud-scale));gap:calc(4px * var(--hud-scale));padding:calc(2px * var(--hud-scale)) calc(5px * var(--hud-scale));border:1px solid rgba(122,202,224,.2);border-radius:calc(5px * var(--hud-scale));background:#00121b94}.build-detail-stat>span{overflow:hidden;color:#a9c9d5;font-size:calc(9px * var(--hud-scale));line-height:1;text-overflow:ellipsis;white-space:nowrap}.build-detail-stat>b{display:inline-flex;align-items:center;justify-content:flex-end;min-width:0;gap:calc(3px * var(--hud-scale));color:#fffdf4;font-size:calc(11px * var(--hud-scale));font-weight:900;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}.build-detail-stat>b .icon,.detail-currency .icon{width:calc(15px * var(--hud-scale));height:calc(15px * var(--hud-scale));object-fit:contain;flex:0 0 auto}.build-detail-stat>b small{color:#a9c9d5;font-size:calc(8px * var(--hud-scale));font-weight:700}.detail-currency{display:inline-flex;align-items:center;gap:calc(3px * var(--hud-scale))}.detail-currency+.detail-currency{margin-left:calc(5px * var(--hud-scale))}.build-detail-output{display:flex;align-items:center;gap:calc(5px * var(--hud-scale));margin-top:calc(5px * var(--hud-scale));padding-top:calc(4px * var(--hud-scale));border-top:1px solid rgba(255,226,145,.2);color:#ffe8aa;font-size:calc(9px * var(--hud-scale));font-weight:700;line-height:1.1}.build-detail-arrow{display:grid;place-items:center;width:calc(19px * var(--hud-scale));height:calc(19px * var(--hud-scale));flex:0 0 auto;border:1px solid rgba(255,226,145,.7);border-radius:50%;background:linear-gradient(180deg,#ffd86f,#b97818);color:#251705;font-size:calc(13px * var(--hud-scale));font-weight:900;box-shadow:0 2px 4px #0000006b}.drawer.is-resource .card.is-previewed:not(.is-locked):not(.is-maxed){filter:brightness(1.12) saturate(1.08);box-shadow:0 0 0 1px var(--rocket-gold-deep),0 0 calc(10px * var(--hud-scale)) #ffd36c7a,inset 0 1px #ffffff3d}@media (max-width: 760px){.drawer.is-resource .drawer-content{grid-template-columns:1fr}.drawer.is-resource .build-detail{grid-template-columns:calc(92px * var(--hud-scale)) minmax(0,1fr);min-height:calc(128px * var(--hud-scale))}}.drawer.is-resource .factory-card{isolation:isolate;min-height:calc(164px * var(--hud-scale));padding:calc(7px * var(--hud-scale)) calc(5px * var(--hud-scale)) calc(29px * var(--hud-scale));gap:calc(3px * var(--hud-scale));overflow:hidden;background:radial-gradient(circle at 50% 26%,rgba(105,221,246,.2),transparent 39%) padding-box,linear-gradient(180deg,#087a98,#04576f 42%,#022e40) padding-box,linear-gradient(145deg,#fff9dc,#ffd36c 45%,#a96d1f) border-box;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.drawer.is-resource .factory-card:before{content:"";position:absolute;z-index:-1;inset:calc(3px * var(--hud-scale));border-radius:calc(7px * var(--hud-scale));border:1px solid rgba(255,255,255,.11);pointer-events:none}.factory-card-visual{position:relative;display:grid;place-items:center;width:100%;height:calc(62px * var(--hud-scale));flex:0 0 auto}.factory-card-visual:after{content:"";position:absolute;left:18%;right:18%;bottom:calc(2px * var(--hud-scale));height:calc(11px * var(--hud-scale));border-radius:50%;background:#0006;filter:blur(calc(3px * var(--hud-scale)))}.drawer.is-resource .factory-card-visual .glyph,.drawer.is-resource .factory-card-visual img.icon.art{position:relative;z-index:1;width:calc(78px * var(--hud-scale));height:calc(65px * var(--hud-scale));object-fit:contain;image-rendering:auto;filter:saturate(1.08) contrast(1.05) drop-shadow(0 calc(4px * var(--hud-scale)) calc(3px * var(--hud-scale)) rgba(0,0,0,.72))}.drawer.is-resource .factory-card .name{min-height:calc(20px * var(--hud-scale));color:#fffdf4;font-size:calc(13px * var(--hud-scale));font-weight:900;letter-spacing:calc(.15px * var(--hud-scale));line-height:1.08;text-transform:none;text-shadow:0 2px 2px rgba(0,0,0,.78)}.drawer.is-resource .factory-card .cost{display:flex;align-items:center;justify-content:center;min-height:calc(21px * var(--hud-scale));gap:calc(4px * var(--hud-scale));font-size:calc(12px * var(--hud-scale))}.factory-currency{display:inline-flex;align-items:center;gap:calc(4px * var(--hud-scale));padding:calc(1px * var(--hud-scale)) calc(6px * var(--hud-scale));border:1px solid rgba(255,236,181,.34);border-radius:calc(8px * var(--hud-scale));background:#00141da8;color:#fffdf4;font-variant-numeric:tabular-nums}.factory-currency .icon{width:calc(18px * var(--hud-scale));height:calc(18px * var(--hud-scale));flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.66))}.factory-currency b{color:#fffdf4!important;font-size:calc(12px * var(--hud-scale));font-weight:900!important}.drawer.is-resource .factory-card .foot{color:#badce7;font-size:calc(10px * var(--hud-scale));font-weight:700;letter-spacing:calc(.4px * var(--hud-scale))}.drawer.is-resource .factory-card .count{z-index:3;top:calc(5px * var(--hud-scale));right:calc(5px * var(--hud-scale));min-width:calc(29px * var(--hud-scale));padding:calc(2px * var(--hud-scale)) calc(5px * var(--hud-scale));border:1px solid rgba(255,226,145,.65);border-radius:calc(9px * var(--hud-scale));background:#001822e0;color:#fff0bd;font-size:calc(10px * var(--hud-scale));line-height:1.15;text-align:center;box-shadow:0 2px 4px #00000070}.drawer.is-resource .factory-card-status{position:absolute;z-index:3;left:calc(5px * var(--hud-scale));right:calc(5px * var(--hud-scale));bottom:calc(5px * var(--hud-scale));display:flex;align-items:center;justify-content:center;min-height:calc(19px * var(--hud-scale));padding:calc(1px * var(--hud-scale)) calc(4px * var(--hud-scale));border:1px solid rgba(116,232,181,.44);border-radius:calc(6px * var(--hud-scale));background:#094f45d4;color:#c9ffe9;font-size:calc(9px * var(--hud-scale));font-weight:900;line-height:1.05;text-shadow:0 1px 2px rgba(0,0,0,.8)}.drawer.is-resource .factory-card:not(.is-locked):not(.is-maxed):not(.is-poor):hover,.drawer.is-resource .factory-card:not(.is-locked):not(.is-maxed):not(.is-poor):focus-visible{transform:translateY(calc(-4px * var(--hud-scale))) scale(1.015);filter:brightness(1.14) saturate(1.12);box-shadow:0 0 0 1px var(--rocket-gold-deep),0 calc(8px * var(--hud-scale)) calc(15px * var(--hud-scale)) #0000008c,0 0 calc(13px * var(--hud-scale)) #ffd36c80}.drawer.is-resource .factory-card.is-poor{opacity:.86;filter:saturate(.62) brightness(.82)}.drawer.is-resource .factory-card.is-poor .factory-card-status{border-color:#ffb85f99;background:#723110e6;color:#ffe0ad}.drawer.is-resource .factory-card.is-locked,.drawer.is-resource .factory-card.is-maxed{opacity:.82;filter:saturate(.46) brightness(.68)}.drawer.is-resource .factory-card.is-locked .cost,.drawer.is-resource .factory-card.is-locked .foot{visibility:visible}.drawer.is-resource .factory-card.is-locked .factory-card-status,.drawer.is-resource .factory-card.is-maxed .factory-card-status{border-color:#ffdc8685;background:#3f3119e6;color:#ffe7a8}.drawer.is-resource .factory-card.is-maxed .count{border-color:#70e2ac9e;color:#c9ffe9}.card:not(.factory-card){min-height:calc(150px * var(--hud-scale));padding:calc(7px * var(--hud-scale)) calc(6px * var(--hud-scale));gap:calc(3px * var(--hud-scale))}.card-visual{display:grid;place-items:center;width:100%;height:calc(48px * var(--hud-scale));flex:0 0 auto;margin-top:calc(2px * var(--hud-scale))}.card-visual>.glyph,.card-visual>img.icon.art{width:calc(66px * var(--hud-scale));height:calc(48px * var(--hud-scale));object-fit:contain;object-position:center;image-rendering:auto;filter:saturate(1.06) contrast(1.04) drop-shadow(0 calc(3px * var(--hud-scale)) calc(2px * var(--hud-scale)) rgba(0,0,0,.68))}.card:not(.factory-card) .name{display:flex;align-items:center;justify-content:center;min-height:calc(27px * var(--hud-scale));color:#fffdf4;font-size:calc(13px * var(--hud-scale));font-weight:900;letter-spacing:calc(.15px * var(--hud-scale));line-height:1.08;text-transform:none}.card .cost{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;width:100%;min-height:calc(28px * var(--hud-scale));gap:calc(3px * var(--hud-scale));font-variant-numeric:tabular-nums}.shop-currency{display:inline-flex;align-items:center;justify-content:center;min-width:calc(43px * var(--hud-scale));height:calc(25px * var(--hud-scale));padding:0 calc(6px * var(--hud-scale)) 0 calc(2px * var(--hud-scale));border:1px solid rgba(255,239,193,.42);border-radius:calc(12px * var(--hud-scale));background:#001923c7;box-shadow:inset 0 1px #ffffff21,0 2px 3px #00000052;white-space:nowrap}.shop-currency.iron{border-color:#cfdee994;background:linear-gradient(180deg,#37505eeb,#0f2b39eb)}.shop-currency.copper{border-color:#f69e599e;background:linear-gradient(180deg,#6f3a19f0,#301f16f0)}.shop-currency.gems{border-color:#6fe1ffc7;background:linear-gradient(180deg,#0c678bf5,#032a43f5);box-shadow:inset 0 1px #dcfbff4d,0 0 calc(5px * var(--hud-scale)) #2ccaff38}.shop-currency.on-btn{min-width:0;height:calc(23px * var(--hud-scale));padding:0 calc(6px * var(--hud-scale)) 0 calc(1px * var(--hud-scale));border-radius:calc(11px * var(--hud-scale));vertical-align:middle}.shop-currency.on-btn .shop-currency-icon,.shop-currency.on-btn .shop-currency-icon .glyph,.shop-currency.on-btn .shop-currency-icon img.icon.art{width:calc(19px * var(--hud-scale));height:calc(19px * var(--hud-scale))}.shop-currency.on-btn b{font-size:calc(14px * var(--hud-scale));letter-spacing:0}.insp-actions .mini{gap:calc(4px * var(--hud-scale));padding:calc(7px * var(--hud-scale)) calc(12px * var(--hud-scale));font-size:calc(14.5px * var(--hud-scale));letter-spacing:calc(.3px * var(--hud-scale));white-space:nowrap}.missions-panel{position:absolute;top:calc(205px * var(--hud-scale));left:calc(119px * var(--hud-scale));width:calc(430px * var(--hud-scale));max-height:calc(610px * var(--hud-scale));display:none;overflow:hidden;border-radius:calc(17px * var(--hud-scale));z-index:var(--z-panel)}.missions-panel.open{display:block;animation:mission-panel-in .18s ease-out both}.heroes-panel{position:absolute;top:calc(270px * var(--hud-scale));left:calc(119px * var(--hud-scale));width:calc(430px * var(--hud-scale));display:none;overflow:hidden;border-radius:calc(17px * var(--hud-scale));z-index:var(--z-panel)}.heroes-panel.open{display:block;animation:mission-panel-in .18s ease-out both}.heroes-head{display:flex;align-items:flex-start;justify-content:space-between;gap:calc(14px * var(--hud-scale));padding:calc(15px * var(--hud-scale)) calc(18px * var(--hud-scale)) calc(12px * var(--hud-scale));border-bottom:1px solid rgba(255,229,151,.42);background:radial-gradient(circle at 14% 0%,rgba(255,198,77,.24),transparent 42%),linear-gradient(180deg,#076782fc,#023548fc)}.heroes-kicker{display:block;margin-bottom:calc(3px * var(--hud-scale));color:#ffd36d;font-size:calc(10px * var(--hud-scale));font-weight:900;letter-spacing:calc(1.9px * var(--hud-scale))}.heroes-head h4{margin:0;color:#fff9e8;font-size:calc(22px * var(--hud-scale));line-height:1.05;text-shadow:0 2px 2px rgba(0,0,0,.72)}.heroes-head p{margin:calc(5px * var(--hud-scale)) 0 0;color:#d6edf1;font-size:calc(12px * var(--hud-scale));font-weight:700}.hero-card{display:grid;grid-template-columns:calc(142px * var(--hud-scale)) minmax(0,1fr);gap:calc(14px * var(--hud-scale));min-height:calc(215px * var(--hud-scale));padding:calc(14px * var(--hud-scale));background:radial-gradient(circle at 18% 30%,rgba(62,208,239,.12),transparent 34%),linear-gradient(155deg,#044053fc,#011e2cfe)}.hero-portrait{position:relative;display:grid;place-items:center;min-height:calc(185px * var(--hud-scale));overflow:hidden;border:calc(2px * var(--hud-scale)) solid #eac56d;border-radius:calc(14px * var(--hud-scale));background:radial-gradient(circle at 50% 35%,rgba(89,223,255,.32),transparent 42%),linear-gradient(180deg,#0c7999,#07384f 72%,#021f2e);box-shadow:inset 0 0 0 1px #ffffff38,inset 0 calc(-20px * var(--hud-scale)) calc(30px * var(--hud-scale)) #00000057,0 calc(5px * var(--hud-scale)) calc(9px * var(--hud-scale)) #0000006b}.hero-portrait>img.icon.art,.hero-portrait>.glyph{width:calc(132px * var(--hud-scale));height:calc(150px * var(--hud-scale));object-fit:contain;image-rendering:auto;filter:saturate(1.12) contrast(1.05) drop-shadow(0 calc(6px * var(--hud-scale)) calc(5px * var(--hud-scale)) rgba(0,0,0,.62))}.hero-owned{position:absolute;right:calc(7px * var(--hud-scale));bottom:calc(7px * var(--hud-scale));padding:calc(3px * var(--hud-scale)) calc(8px * var(--hud-scale));border:1px solid rgba(255,232,164,.72);border-radius:999px;background:#042734e6;color:#ffdf82;font-size:calc(9px * var(--hud-scale));font-weight:900;letter-spacing:calc(1px * var(--hud-scale))}.hero-copy{min-width:0;padding-top:calc(4px * var(--hud-scale))}.hero-title-row,.hero-hp-row,.hero-stats{display:flex;align-items:center;justify-content:space-between;gap:calc(8px * var(--hud-scale))}.hero-title-row h5{margin:0;color:#fff9e8;font-size:calc(24px * var(--hud-scale));line-height:1;text-shadow:0 2px 2px rgba(0,0,0,.8)}.hero-level{padding:calc(4px * var(--hud-scale)) calc(9px * var(--hud-scale));border:1px solid rgba(255,223,130,.76);border-radius:calc(9px * var(--hud-scale));background:linear-gradient(180deg,#c98b26,#704112);color:#fff6d7;font-size:calc(11px * var(--hud-scale));font-weight:900;white-space:nowrap}.hero-copy>p{min-height:calc(34px * var(--hud-scale));margin:calc(8px * var(--hud-scale)) 0 calc(12px * var(--hud-scale));color:#c9dde2;font-size:calc(11px * var(--hud-scale));font-weight:700;line-height:1.35}.hero-hp-row{color:#aeeac5;font-size:calc(11px * var(--hud-scale));font-weight:900}.hero-hp-row b{color:#f4fff8;font-size:calc(12px * var(--hud-scale));font-variant-numeric:tabular-nums}.hero-hp-track{display:block;height:calc(14px * var(--hud-scale));margin-top:calc(5px * var(--hud-scale));overflow:hidden;border:calc(2px * var(--hud-scale)) solid rgba(226,241,228,.58);border-radius:999px;background:#06171c;box-shadow:inset 0 2px 3px #000000e6}.hero-hp-track>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1ca95f,#65e79a 70%,#d8ffb3);box-shadow:inset 0 1px #ffffff6b;transition:width .25s linear}.hero-stats{margin-top:calc(11px * var(--hud-scale))}.hero-damage,.hero-status{color:#f8e2a0;font-size:calc(11px * var(--hud-scale));font-weight:900;white-space:nowrap}.hero-status{color:#68efa3}.hero-cooldown{display:flex;align-items:center;gap:calc(7px * var(--hud-scale));margin-top:calc(11px * var(--hud-scale));padding:calc(7px * var(--hud-scale)) calc(9px * var(--hud-scale));border:1px solid rgba(255,198,85,.54);border-radius:calc(10px * var(--hud-scale));background:#683d0c80;color:#ffe1a0;font-size:calc(11px * var(--hud-scale));font-weight:900}.hero-cooldown[hidden]{display:none}.hero-cooldown-spinner{width:calc(14px * var(--hud-scale));height:calc(14px * var(--hud-scale));flex:0 0 auto;border:calc(2px * var(--hud-scale)) solid rgba(255,232,169,.35);border-top-color:#ffe29a;border-radius:50%;animation:hero-recovery-spin 1s linear infinite}@keyframes hero-recovery-spin{to{transform:rotate(360deg)}}.heroes-panel.is-recovering .hero-portrait{filter:saturate(.72)}.heroes-panel.is-recovering .hero-hp-track>i{background:linear-gradient(90deg,#d77921,#ffc44e 72%,#fff0a4)}.heroes-panel.is-recovering .hero-status{color:#ffc861}@keyframes mission-panel-in{0%{opacity:0;transform:translate(calc(-10px * var(--hud-scale))) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}.missions-head{display:flex;align-items:flex-start;justify-content:space-between;gap:calc(14px * var(--hud-scale));padding:calc(17px * var(--hud-scale)) calc(18px * var(--hud-scale)) calc(13px * var(--hud-scale));border-bottom:1px solid rgba(255,233,164,.36);background:radial-gradient(circle at 12% 0%,rgba(82,210,255,.22),transparent 42%),linear-gradient(180deg,#035b78fa,#01364bfa)}.missions-kicker{display:block;margin-bottom:calc(3px * var(--hud-scale));color:#75e8ff;font-size:calc(10px * var(--hud-scale));font-weight:900;letter-spacing:calc(1.9px * var(--hud-scale))}.missions-head h4{margin:0;color:#fff9e8;font-size:calc(22px * var(--hud-scale));line-height:1.05;text-shadow:0 2px 2px rgba(0,0,0,.72)}.missions-head p{margin:calc(5px * var(--hud-scale)) 0 0;color:#d8edf0;font-size:calc(12px * var(--hud-scale));font-weight:700}.missions-head .missions-reset{display:inline-flex;align-items:center;gap:calc(5px * var(--hud-scale));margin-top:calc(7px * var(--hud-scale));padding:calc(3px * var(--hud-scale)) calc(9px * var(--hud-scale));border:1px solid rgba(255,214,128,.5);border-radius:calc(11px * var(--hud-scale));background:#3a22068c;color:#ffd98a;font-size:calc(11px * var(--hud-scale));font-weight:800;letter-spacing:calc(.4px * var(--hud-scale))}.missions-list{display:flex;flex-direction:column;gap:calc(9px * var(--hud-scale));max-height:calc(500px * var(--hud-scale));padding:calc(12px * var(--hud-scale));overflow-y:auto;background:linear-gradient(180deg,#022a3afa,#011b29fc)}.mission-card{display:grid;grid-template-columns:calc(56px * var(--hud-scale)) minmax(0,1fr) calc(84px * var(--hud-scale));align-items:center;gap:calc(10px * var(--hud-scale));min-height:calc(96px * var(--hud-scale));padding:calc(10px * var(--hud-scale));border:calc(2px * var(--hud-scale)) solid rgba(240,217,155,.65);border-radius:calc(13px * var(--hud-scale));background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 42%),linear-gradient(180deg,#08576ff5,#033043fa);box-shadow:inset 0 1px #ffffff26,0 4px 8px #0000004d}.mission-card.is-ready{border-color:#ffe188;box-shadow:inset 0 1px #ffffff38,0 0 calc(10px * var(--hud-scale)) #ffcb4559}.mission-card.is-claimed{opacity:.62;filter:saturate(.7)}.mission-resource{width:calc(54px * var(--hud-scale));height:calc(54px * var(--hud-scale));display:grid;place-items:center;border-radius:calc(12px * var(--hud-scale));background:#011d2ac2;box-shadow:inset 0 0 0 1px #99e9ff3d}.mission-resource .glyph,.mission-resource .icon,.mission-resource img.icon.art{width:calc(47px * var(--hud-scale));height:calc(47px * var(--hud-scale));object-fit:contain}.mission-copy{min-width:0}.mission-title-row{display:flex;align-items:center;justify-content:space-between;gap:calc(8px * var(--hud-scale))}.mission-title-row>strong{overflow:hidden;color:#fff9e8;font-size:calc(15px * var(--hud-scale));font-weight:900;text-overflow:ellipsis;white-space:nowrap}.mission-reward{display:inline-flex;align-items:center;gap:calc(2px * var(--hud-scale));color:#85ecff;font-size:calc(13px * var(--hud-scale));white-space:nowrap}.mission-reward .glyph,.mission-reward .icon,.mission-reward img.icon.art{width:calc(22px * var(--hud-scale));height:calc(22px * var(--hud-scale));object-fit:contain}.mission-desc{display:block;margin-top:calc(3px * var(--hud-scale));color:#c6dce1;font-size:calc(11px * var(--hud-scale));font-weight:700}.mission-progress-row{display:flex;align-items:center;gap:calc(7px * var(--hud-scale));margin-top:calc(9px * var(--hud-scale))}.mission-progress{flex:1;height:calc(10px * var(--hud-scale));overflow:hidden;border:1px solid rgba(255,238,190,.5);border-radius:999px;background:#011923;box-shadow:inset 0 1px 2px #000000d9}.mission-progress>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#16a9ce,#65e6ee 65%,#fff09e);transition:width .22s ease}.mission-progress-row>b{min-width:calc(78px * var(--hud-scale));color:#f8f4e7;font-size:calc(11px * var(--hud-scale));font-variant-numeric:tabular-nums;text-align:right}.mission-claim{min-height:calc(46px * var(--hud-scale));padding:calc(5px * var(--hud-scale));border:calc(2px * var(--hud-scale)) solid #ffdf83;border-radius:calc(11px * var(--hud-scale));background:linear-gradient(180deg,#ffb82f,#d86a13);box-shadow:inset 0 1px #ffffff7a,0 3px 5px #00000059;color:#241204;font-family:var(--font);font-size:calc(12px * var(--hud-scale));font-weight:900;cursor:pointer}.mission-claim:disabled{border-color:#b4cdd259;background:linear-gradient(180deg,#52707b,#294650);color:#ccdcdf;box-shadow:none;cursor:default}.gem-grant{border-color:#5de1ffad!important;color:#82eaff!important}.telemetry{max-height:calc(610px * var(--hud-scale));overflow-y:auto}@media (max-width: 760px){.missions-panel,.heroes-panel{width:calc(390px * var(--hud-scale))}}.shop-currency-icon{display:grid;place-items:center;width:calc(23px * var(--hud-scale));height:calc(23px * var(--hud-scale));flex:0 0 auto}.shop-currency-icon .glyph,.shop-currency-icon img.icon.art{width:calc(23px * var(--hud-scale));height:calc(23px * var(--hud-scale));object-fit:contain;object-position:center;image-rendering:auto;filter:saturate(1.12) contrast(1.06) drop-shadow(0 1px 1px rgba(0,0,0,.75))}.shop-currency b{color:#fffdf4!important;font-size:calc(13px * var(--hud-scale));font-weight:900!important;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.9)}.shop-free{display:inline-flex;align-items:center;min-height:calc(23px * var(--hud-scale));padding:0 calc(9px * var(--hud-scale));border:1px solid rgba(126,232,180,.55);border-radius:calc(12px * var(--hud-scale));background:#105344ad;color:#d7ffeb;font-size:calc(11px * var(--hud-scale));font-weight:900}.card .foot{display:flex;align-items:center;justify-content:center;width:100%;min-height:calc(18px * var(--hud-scale));margin-top:auto;gap:calc(3px * var(--hud-scale));color:#cce4ed;font-size:calc(9px * var(--hud-scale));font-weight:800;letter-spacing:0;text-transform:none}.card-meta-item{display:inline-flex;align-items:center;justify-content:center;min-height:calc(19px * var(--hud-scale));padding:0 calc(4px * var(--hud-scale));border:1px solid rgba(176,214,227,.25);border-radius:calc(5px * var(--hud-scale));background:#0018238c;white-space:nowrap}.card-footprint:before{content:"▦";margin-right:calc(3px * var(--hud-scale));color:#ffdc82}.card-timing:before{content:"◷";margin-right:calc(3px * var(--hud-scale));color:#8ee7f5}.card:not(.factory-card).is-maxed .foot{visibility:hidden}.drawer-head{gap:calc(8px * var(--hud-scale))}.tabs{flex:0 0 auto;gap:calc(4px * var(--hud-scale))}.tab{display:inline-flex;align-items:center;justify-content:center;min-height:calc(35px * var(--hud-scale));padding:calc(6px * var(--hud-scale)) calc(8px * var(--hud-scale));gap:calc(4px * var(--hud-scale));font-size:calc(11px * var(--hud-scale));letter-spacing:calc(.5px * var(--hud-scale));line-height:1;text-transform:none;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease}.tab-icon{display:grid;place-items:center;width:calc(17px * var(--hud-scale));height:calc(17px * var(--hud-scale));flex:0 0 auto;color:#ffe5a0}.tab-icon .glyph{width:100%;height:100%;stroke-width:2;filter:drop-shadow(0 1px 1px rgba(0,0,0,.7))}.tab.is-active{transform:translateY(calc(-2px * var(--hud-scale)));box-shadow:inset 0 1px #fffbe3,0 calc(4px * var(--hud-scale)) calc(8px * var(--hud-scale)) #0006,0 0 calc(9px * var(--hud-scale)) #ffda7573}.tab.is-active .tab-icon{color:#4a2c07}.build-help{flex:1 1 auto;min-width:0;max-width:calc(235px * var(--hud-scale));min-height:calc(32px * var(--hud-scale));display:flex;align-items:center;padding:calc(4px * var(--hud-scale)) calc(7px * var(--hud-scale));border:1px solid rgba(255,225,145,.34);border-radius:calc(7px * var(--hud-scale));background:#001d28a3;color:#e9f6f8;font-size:calc(10px * var(--hud-scale));font-weight:700;line-height:1.2;text-align:left;text-shadow:0 1px 2px rgba(0,0,0,.78)}.card.is-ready:not(.factory-card):after{content:"✓";position:absolute;top:calc(6px * var(--hud-scale));left:calc(7px * var(--hud-scale));z-index:4;display:grid;place-items:center;width:calc(17px * var(--hud-scale));height:calc(17px * var(--hud-scale));border:1px solid rgba(159,255,211,.7);border-radius:50%;background:#0c5b44eb;color:#caffdf;font-size:calc(11px * var(--hud-scale));font-weight:1000;box-shadow:0 2px 4px #0006}.card.is-active{z-index:5;transform:translateY(calc(-4px * var(--hud-scale))) scale(1.025);filter:brightness(1.16) saturate(1.12);box-shadow:0 0 0 1px #5b3a0f,0 calc(8px * var(--hud-scale)) calc(14px * var(--hud-scale)) #00000085,0 0 calc(15px * var(--hud-scale)) #ffdb6bad,inset 0 1px #ffffff4d}.card.is-poor,.drawer.is-resource .factory-card.is-poor{opacity:1;filter:none}.card.is-poor .cost{color:var(--rocket-white)}.shop-currency.is-missing{border-color:#ff6a63c2;box-shadow:inset 0 1px #ffffff1f,0 0 calc(5px * var(--hud-scale)) #ff433d40}.shop-currency.is-missing b{color:#ff7770!important;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 calc(5px * var(--hud-scale)) rgba(255,48,43,.55)}.card:not(.factory-card).is-waiting .foot{visibility:hidden}.card:not(.factory-card).is-waiting .lock,.card:not(.factory-card).is-locked .lock,.card:not(.factory-card).is-maxed .lock{left:calc(5px * var(--hud-scale));right:calc(5px * var(--hud-scale));bottom:calc(6px * var(--hud-scale));min-height:calc(18px * var(--hud-scale));display:flex;align-items:center;justify-content:center;padding:0 calc(4px * var(--hud-scale));border:1px solid rgba(255,210,112,.56);border-radius:calc(6px * var(--hud-scale));background:#523112e6;color:#ffe6a5;font-size:calc(9px * var(--hud-scale));line-height:1.05;text-shadow:0 1px 2px rgba(0,0,0,.86)}.card:not(.factory-card).is-maxed .lock{border-color:#7ee8b494;background:#0c5241e6;color:#d0ffe6}.hint-bar.is-build-guide{border-color:#ffe29a;box-shadow:0 0 0 1px #765019,0 calc(5px * var(--hud-scale)) calc(12px * var(--hud-scale)) #00000080,0 0 calc(12px * var(--hud-scale)) #ffd56657}.hint-bar.is-build-guide:before{content:"✦";margin-right:calc(8px * var(--hud-scale));color:#ffe08a}.collectall,.hint-bar{display:none!important}.map-shop-panel{position:absolute;top:calc(112px * var(--hud-scale));left:50%;z-index:var(--z-panel);display:none;width:calc(740px * var(--hud-scale));max-width:calc(100vw - 220px * var(--hud-scale));max-height:calc(820px * var(--hud-scale));overflow:hidden;transform:translate(-50%);background:radial-gradient(circle at 50% 0%,rgba(61,199,232,.18),transparent 36%) padding-box,linear-gradient(180deg,#075f78,#033d53 22%,#011f2d) padding-box,linear-gradient(145deg,#fff8da,#ffd36c 44%,#a96d1f) border-box}.map-shop-panel.open{display:flex;flex-direction:column;animation:map-shop-in .18s ease-out both}@keyframes map-shop-in{0%{opacity:0;transform:translate(-50%) translateY(calc(-10px * var(--hud-scale))) scale(.98)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.map-shop-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:calc(14px * var(--hud-scale));padding:calc(15px * var(--hud-scale)) calc(17px * var(--hud-scale));border-bottom:1px solid rgba(255,231,157,.42);background:radial-gradient(circle at 12% 0%,rgba(113,229,255,.25),transparent 42%),linear-gradient(180deg,#077591fa,#023a4efa)}.map-shop-kicker{display:block;margin-bottom:calc(2px * var(--hud-scale));color:#82ecff;font-size:calc(10px * var(--hud-scale));font-weight:1000;letter-spacing:calc(1.8px * var(--hud-scale))}.map-shop-head h4{margin:0;color:#fff9e7;font-size:calc(23px * var(--hud-scale));line-height:1.05;text-shadow:0 2px 2px rgba(0,0,0,.75)}.map-shop-head p{margin:calc(5px * var(--hud-scale)) 0 0;color:#d7edf1;font-size:calc(12px * var(--hud-scale));font-weight:700}.map-shop-wallet{display:inline-flex;align-items:center;justify-content:center;min-width:calc(88px * var(--hud-scale));min-height:calc(54px * var(--hud-scale));padding:0 calc(11px * var(--hud-scale));gap:calc(7px * var(--hud-scale));border:calc(2px * var(--hud-scale)) solid rgba(136,232,255,.72);border-radius:calc(13px * var(--hud-scale));background:linear-gradient(180deg,#0b6789fa,#02293ffa);box-shadow:inset 0 1px #ffffff3d,0 3px 7px #00000059;color:#fff;font-size:calc(18px * var(--hud-scale));font-variant-numeric:tabular-nums}.map-shop-wallet .glyph,.map-shop-wallet .icon,.map-shop-wallet img.icon.art{width:calc(29px * var(--hud-scale));height:calc(29px * var(--hud-scale));object-fit:contain}.map-shop-head .xclose{display:grid;place-items:center;width:calc(34px * var(--hud-scale));height:calc(34px * var(--hud-scale));padding:0;border:1px solid rgba(255,222,151,.55);border-radius:calc(9px * var(--hud-scale));background:linear-gradient(180deg,#b94732,#6d211b);color:#fff4e6;font:900 calc(14px * var(--hud-scale)) var(--font);cursor:pointer}.map-stage{display:flex;flex-direction:column;padding:calc(13px * var(--hud-scale)) calc(13px * var(--hud-scale)) 0;gap:calc(10px * var(--hud-scale))}.map-stage-frame{position:relative;width:100%;aspect-ratio:2 / 1;overflow:hidden;border:calc(2px * var(--hud-scale)) solid rgba(255,223,142,.66);border-radius:calc(14px * var(--hud-scale));background:#01141d;box-shadow:inset 0 0 calc(28px * var(--hud-scale)) #0000009e,0 calc(6px * var(--hud-scale)) calc(16px * var(--hud-scale)) #00000073}.map-stage-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .42s ease}.map-stage-layer.is-on{opacity:1}.map-stage-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 52%,rgba(0,14,22,.62) 100%)}.map-stage-flag{position:absolute;top:calc(10px * var(--hud-scale));left:calc(10px * var(--hud-scale));z-index:2;padding:calc(4px * var(--hud-scale)) calc(10px * var(--hud-scale));border:1px solid rgba(137,255,187,.66);border-radius:calc(11px * var(--hud-scale));background:#094a35db;color:#d7ffe7;font-size:calc(11px * var(--hud-scale));font-weight:1000;letter-spacing:calc(.4px * var(--hud-scale))}.map-stage-flag[hidden]{display:none}.map-stage-flag.is-active{border-color:#b8ffcf;background:#10744eeb}.map-stage-arrow{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:calc(40px * var(--hud-scale));height:calc(40px * var(--hud-scale));border:1px solid rgba(255,236,178,.5);border-radius:50%;background:#021a26a8;color:#fff3cf;font-size:calc(16px * var(--hud-scale));cursor:pointer;transform:translateY(-50%);transition:background .14s ease,transform .14s ease}.map-stage-arrow.prev{left:calc(10px * var(--hud-scale))}.map-stage-arrow.next{right:calc(10px * var(--hud-scale))}.map-stage-arrow:hover{background:#094a60e6;transform:translateY(-50%) scale(1.07)}.map-stage-bar{display:flex;align-items:center;justify-content:space-between;gap:calc(14px * var(--hud-scale))}.map-stage-copy{display:flex;min-width:0;flex-direction:column;gap:calc(3px * var(--hud-scale))}.map-stage-copy strong{color:#fffbed;font-size:calc(20px * var(--hud-scale));font-weight:1000;line-height:1.1;text-shadow:0 2px 3px rgba(0,0,0,.7)}.map-stage-copy small{color:#c8e4e9;font-size:calc(12px * var(--hud-scale));font-weight:700;line-height:1.3}.map-stage-buy{display:inline-flex;align-items:center;flex:0 0 auto;gap:calc(6px * var(--hud-scale));min-width:calc(150px * var(--hud-scale));min-height:calc(44px * var(--hud-scale));font-size:calc(14px * var(--hud-scale));font-weight:1000}.map-stage-buy .glyph,.map-stage-buy .icon,.map-stage-buy img.icon.art{width:calc(20px * var(--hud-scale));height:calc(20px * var(--hud-scale));object-fit:contain}.map-stage-buy:disabled{opacity:.52;filter:grayscale(.7);cursor:default}.map-strip{display:flex;gap:calc(8px * var(--hud-scale));padding:calc(13px * var(--hud-scale));overflow-x:auto;scrollbar-width:thin}.map-chip{position:relative;flex:0 0 calc(112px * var(--hud-scale));overflow:hidden;padding:0;border:calc(2px * var(--hud-scale)) solid rgba(255,223,142,.42);border-radius:calc(10px * var(--hud-scale));background:#012a3b;cursor:pointer;transition:transform .14s ease,border-color .14s ease,filter .14s ease}.map-chip img{display:block;width:100%;aspect-ratio:2 / 1;object-fit:cover}.map-chip-name{display:block;overflow:hidden;padding:calc(4px * var(--hud-scale)) calc(6px * var(--hud-scale));background:linear-gradient(180deg,#043f51f2,#011f2cfa);color:#f4fbff;font-family:var(--font);font-size:calc(10px * var(--hud-scale));font-weight:900;text-align:center;text-overflow:ellipsis;white-space:nowrap}.map-chip-tag{position:absolute;top:calc(4px * var(--hud-scale));right:calc(4px * var(--hud-scale));display:inline-flex;align-items:center;gap:calc(3px * var(--hud-scale));padding:calc(2px * var(--hud-scale)) calc(6px * var(--hud-scale));border-radius:calc(9px * var(--hud-scale));background:#001621d1;color:#f7fbff;font-size:calc(10px * var(--hud-scale));font-weight:1000}.map-chip-tag .glyph,.map-chip-tag .icon,.map-chip-tag img.icon.art{width:calc(13px * var(--hud-scale));height:calc(13px * var(--hud-scale));object-fit:contain}.map-chip.is-owned .map-chip-tag,.map-chip.is-active .map-chip-tag{background:#0b5b41e0;color:#d7ffe7}.map-chip:hover{border-color:#fff0bbe6;transform:translateY(calc(-2px * var(--hud-scale)))}.map-chip.is-poor{filter:saturate(.7) brightness(.86)}.map-chip.is-on-stage{border-color:#fff0a9;box-shadow:0 0 calc(12px * var(--hud-scale)) #ffe28299}.map-chip.is-active{border-color:#b8ffcf}.map-theme-check{color:#b8ffd2;font-size:calc(12px * var(--hud-scale))}@media (max-width: 900px){.map-shop-panel{top:100px;width:calc(100vw - 130px);max-width:none;max-height:calc(100vh - 118px);margin-left:45px}.map-chip{flex-basis:calc(96px * var(--hud-scale))}}@media (max-width: 620px){.map-shop-panel{left:8px;width:calc(100vw - 16px);margin-left:0;transform:none}.map-shop-panel.open{animation:none}.map-shop-head{grid-template-columns:minmax(0,1fr) auto}.map-shop-wallet{grid-column:1 / 2;grid-row:2;justify-self:start}.map-shop-head .xclose{grid-column:2;grid-row:1}}.drawer:not(.open){visibility:hidden}.armypanel,.raidbar{position:fixed;z-index:var(--z-panel)}.icon-btn:has(img.icon.art){background:none;border:none;box-shadow:none;padding:0}.icon-btn:has(img.icon.art) img.icon.art{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.icon-btn:has(img.icon.art):hover{filter:brightness(1.12)}.panel.settings{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:300;width:min(560px,92vw);padding:0 0 calc(20px * var(--hud-scale));pointer-events:auto}.panel.settings[hidden]{display:none}.settings-head{display:flex;align-items:center;justify-content:space-between;gap:calc(14px * var(--hud-scale));padding:calc(15px * var(--hud-scale)) calc(18px * var(--hud-scale));border-bottom:1px solid rgba(255,233,164,.36)}.settings-head h4{margin:0;color:#fff9e8;font-size:calc(21px * var(--hud-scale));text-shadow:0 2px 2px rgba(0,0,0,.7)}.settings-row{display:flex;align-items:center;gap:calc(16px * var(--hud-scale));padding:calc(14px * var(--hud-scale)) calc(22px * var(--hud-scale)) 0}.settings-row.stack{flex-direction:column;align-items:stretch;gap:calc(8px * var(--hud-scale))}.settings-row label{flex:0 0 calc(120px * var(--hud-scale));color:#d8edf0;font-size:calc(14px * var(--hud-scale));font-weight:700;text-align:center}.settings-row.stack label{flex:none}.notches{flex:1 1 auto;display:flex;gap:calc(3px * var(--hud-scale));padding:calc(4px * var(--hud-scale));border-radius:calc(9px * var(--hud-scale));border:1px solid rgba(0,0,0,.45);background:linear-gradient(180deg,#0006,#00000038);box-shadow:inset 0 2px 4px #00000073}.notch{flex:1 1 0;height:calc(24px * var(--hud-scale));padding:0;cursor:pointer;border-radius:calc(4px * var(--hud-scale));border:1px solid rgba(255,255,255,.09);background:#ffffff0f;transition:background 90ms linear}.notch.is-lit{border-color:#2f6b1a;background:linear-gradient(180deg,#8ee063,#4fae2c 60%,#35801d);box-shadow:0 0 calc(5px * var(--hud-scale)) #7ed95780}.notch:hover{border-color:#ffe9a48c}.notch.is-lit:hover{background:linear-gradient(180deg,#a4ee7c,#5cc134 60%,#3d9022)}.tickbox{flex:0 0 auto;display:grid;place-items:center;width:calc(26px * var(--hud-scale));height:calc(26px * var(--hud-scale));padding:0;cursor:pointer;border-radius:calc(6px * var(--hud-scale));border:2px solid rgba(0,0,0,.45);background:linear-gradient(180deg,#24343d,#16232a);box-shadow:inset 0 2px 3px #00000073}.tickbox .tick{font-size:calc(17px * var(--hud-scale));line-height:1;color:#eafff0;opacity:0;transform:scale(.6);transition:opacity 90ms linear,transform 90ms ease-out}.tickbox.is-on{border-color:#2f6b1a;background:linear-gradient(180deg,#8ee063,#4fae2c 60%,#35801d)}.tickbox.is-on .tick{opacity:1;transform:scale(1);text-shadow:0 1px 2px rgba(0,0,0,.6)}.tickbox:hover{border-color:#ffe9a4b3}.audio-row.is-off .notches,.audio-row.is-off label,.audio-row.is-off .row-icon{opacity:.42}.audio-row label{flex:0 0 calc(96px * var(--hud-scale));text-align:left}.row-icon{flex:0 0 auto;display:grid;place-items:center;width:calc(28px * var(--hud-scale));height:calc(28px * var(--hud-scale));color:#cfe6ee;pointer-events:none}.row-icon .glyph{width:calc(22px * var(--hud-scale));height:calc(22px * var(--hud-scale))}.settings-note{margin:calc(10px * var(--hud-scale)) calc(22px * var(--hud-scale)) 0;color:#9dc0cc;font-size:calc(11.5px * var(--hud-scale));text-align:center}.lang-pick{display:flex;gap:calc(12px * var(--hud-scale));padding:0 calc(22px * var(--hud-scale))}.bigbtn{flex:1 1 0;pointer-events:auto;cursor:pointer;padding:calc(11px * var(--hud-scale)) calc(16px * var(--hud-scale));border-radius:calc(10px * var(--hud-scale));border:2px solid #2f6b1a;background:linear-gradient(180deg,#8ee063,#4fae2c 55%,#35801d);color:#fff;font-family:var(--font);font-size:calc(15px * var(--hud-scale));font-weight:800;text-shadow:0 2px 2px rgba(0,0,0,.45);box-shadow:inset 0 2px #ffffff59,0 3px #2a6416}.bigbtn:hover{filter:brightness(1.08)}.bigbtn:active{transform:translateY(2px);box-shadow:inset 0 2px #ffffff40}.bigbtn.is-active{border-color:var(--rocket-gold-hi, #ffd98a);box-shadow:inset 0 2px #ffffff59,0 3px #2a6416,0 0 calc(10px * var(--hud-scale)) #ffd98a80}.bigbtn.blue{border-color:#14567a;background:linear-gradient(180deg,#63c8f0,#2c93c7 55%,#1b6f9c);box-shadow:inset 0 2px #ffffff59,0 3px #155a7d}.bigbtn:disabled{filter:grayscale(.7);opacity:.55;cursor:default;transform:none}.res{border:0;font:inherit;text-align:left;cursor:pointer}.res:hover{filter:brightness(1.08)}.res-plus{position:absolute;right:calc(4px * var(--hud-scale));bottom:calc(2px * var(--hud-scale));width:calc(17px * var(--hud-scale));height:calc(17px * var(--hud-scale));display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,233,164,.6);background:linear-gradient(180deg,#6fdc4f,#2f8f22);color:#fff;font-size:calc(13px * var(--hud-scale));font-weight:900;line-height:1;pointer-events:none}.panel.gemshop{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:300;width:min(620px,94vw);padding:0 0 calc(20px * var(--hud-scale));pointer-events:auto}.panel.gemshop[hidden]{display:none}.shop-grid{display:flex;flex-wrap:wrap;gap:calc(12px * var(--hud-scale));justify-content:center;padding:calc(14px * var(--hud-scale)) calc(20px * var(--hud-scale)) 0}.shop-card{position:relative;flex:1 1 calc(128px * var(--hud-scale));max-width:calc(160px * var(--hud-scale));display:flex;flex-direction:column;align-items:center;gap:calc(3px * var(--hud-scale));padding:calc(12px * var(--hud-scale)) calc(10px * var(--hud-scale));cursor:pointer;border-radius:calc(11px * var(--hud-scale));border:1px solid rgba(255,233,164,.4);background:linear-gradient(180deg,#0a3e54f5,#042232fa);color:#eaf7fb;font-family:var(--font)}.shop-card:hover{border-color:var(--rocket-gold-hi, #ffd98a);filter:brightness(1.1)}.shop-card:active:not(:disabled){transform:translateY(1px)}.shop-card:disabled,.shop-card.is-unavailable{cursor:not-allowed;opacity:.62;filter:saturate(.5)}.shop-card:disabled:hover,.shop-card.is-unavailable:hover{border-color:#ffe9a466;filter:saturate(.5)}.shop-card.is-popular{border-color:#ffd98a;box-shadow:0 0 calc(9px * var(--hud-scale)) #ffd98a3d}.shop-card.is-best{border-color:#ffe6a6;box-shadow:0 0 calc(14px * var(--hud-scale)) #ffd98a6b}.shop-flag{position:absolute;top:calc(-9px * var(--hud-scale));padding:calc(1px * var(--hud-scale)) calc(9px * var(--hud-scale));border-radius:calc(9px * var(--hud-scale));background:linear-gradient(180deg,#ffd98a,#e0a63c);color:#3a2708;font-size:calc(10px * var(--hud-scale));font-weight:900;letter-spacing:1px}.shop-flag--popular{background:linear-gradient(180deg,#fff0b8,#e0a63c)}.shop-flag--best{background:linear-gradient(180deg,#fff4c8,#f0b842);box-shadow:0 calc(2px * var(--hud-scale)) calc(7px * var(--hud-scale)) #0000004d}.shop-art{display:grid;place-items:center}.shop-art .icon,.shop-art .glyph,.shop-art img.icon.art{width:calc(42px * var(--hud-scale));height:calc(42px * var(--hud-scale))}.shop-amount{font-size:calc(18px * var(--hud-scale));font-weight:800}.shop-hours{font-size:calc(11px * var(--hud-scale));color:#9dc0cc}.shop-saving{min-height:calc(14px * var(--hud-scale));padding:calc(1px * var(--hud-scale)) calc(7px * var(--hud-scale));border-radius:calc(8px * var(--hud-scale));background:#31a36933;color:#aef2ca;font-size:calc(10px * var(--hud-scale));font-weight:900;line-height:1.2}.shop-saving.is-empty{visibility:hidden}.shop-price{display:inline-flex;align-items:center;gap:calc(4px * var(--hud-scale));margin-top:calc(4px * var(--hud-scale));padding:calc(3px * var(--hud-scale)) calc(11px * var(--hud-scale));border-radius:calc(11px * var(--hud-scale));background:#001923b3;border:1px solid rgba(111,225,255,.5);color:#a7e6ff;font-size:calc(13px * var(--hud-scale));font-weight:800}.shop-price.is-blocked{border-color:#ffc66c80;background:#482708b8;color:#ffd18c;font-size:calc(10px * var(--hud-scale))}.shop-price .icon,.shop-price .glyph{width:calc(16px * var(--hud-scale));height:calc(16px * var(--hud-scale))}.settings-account{margin:calc(16px * var(--hud-scale)) calc(22px * var(--hud-scale)) 0;padding-top:calc(14px * var(--hud-scale));border-top:1px solid rgba(255,233,164,.22)}.account-row{display:flex;align-items:center;gap:calc(10px * var(--hud-scale))}.account-label{flex:0 0 auto;color:#d8edf0;font-size:calc(14px * var(--hud-scale));font-weight:700}.account-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ffe4ab;font-size:calc(15px * var(--hud-scale));font-weight:800;text-shadow:0 2px 2px rgba(0,0,0,.6)}.account-edit{margin-top:calc(12px * var(--hud-scale));display:flex;flex-direction:column;gap:calc(9px * var(--hud-scale))}.account-edit[hidden]{display:none}.account-edit .login-name-input{padding:calc(8px * var(--hud-scale)) calc(11px * var(--hud-scale));border-radius:calc(8px * var(--hud-scale));font-size:calc(15px * var(--hud-scale))}.account-edit .login-dice{width:calc(38px * var(--hud-scale));border-radius:calc(8px * var(--hud-scale))}.account-edit .login-check{min-height:calc(15px * var(--hud-scale));font-size:calc(12px * var(--hud-scale));text-align:left}.account-actions{display:flex;gap:calc(10px * var(--hud-scale));margin-top:calc(12px * var(--hud-scale))}.account-actions .mini{flex:1 1 0;justify-content:center}.account-edit .account-actions{margin-top:0}.login-check{margin:0;min-height:1.2em;font-size:clamp(12px,1.4vw,14px);font-weight:700;text-align:center;transition:color .14s ease}.login-check.is-checking{color:#8fb0c6;font-weight:400}.login-check.is-ok{color:#7de5a2}.login-check.is-bad{color:#ff9c94}.login{position:fixed;inset:0;z-index:500;overflow:hidden;display:grid;place-items:center;font-family:var(--font);opacity:1;transition:opacity .42s ease,transform .42s ease;pointer-events:auto}.login.is-leaving{opacity:0;transform:scale(1.04);pointer-events:none}.login-sky{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 18%,#1d3d5c,#12253a 42%,#0a1420 78%,#060c14)}.login-base{position:absolute;left:50%;bottom:-6vh;width:min(1500px,128vw);transform:translate(-50%);opacity:.34;filter:saturate(.7) brightness(.72) blur(1px);pointer-events:none;user-select:none}.login-vignette{position:absolute;inset:0;background:radial-gradient(75% 60% at 50% 45%,#0000 40%,#04090fb8),linear-gradient(180deg,#04090f80,#04090f00 30%,#04090fd9);pointer-events:none}.login-hero{position:absolute;bottom:0;height:min(64vh,640px);pointer-events:none;user-select:none;filter:drop-shadow(0 18px 34px rgba(0,0,0,.6));animation:login-rise .9s cubic-bezier(.2,.9,.3,1) both}.login-hero-left{right:calc(50% + 275px);transform:scaleX(-1);animation-delay:90ms}.login-hero-right{left:calc(50% + 275px);animation-delay:.17s}@keyframes login-rise{0%{opacity:0;transform:translateY(40px)}}.login-hero-left{animation-name:login-rise-flipped}@keyframes login-rise-flipped{0%{opacity:0;transform:translateY(40px) scaleX(-1)}to{opacity:1;transform:translateY(0) scaleX(-1)}}@media (max-width: 1180px){.login-hero{display:none}}.login-stack{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.6vh,20px);padding:4vh 20px;width:min(560px,92vw);text-align:center}.login-logo{width:min(560px,84vw);filter:drop-shadow(0 10px 26px rgba(0,0,0,.7));animation:login-drop .7s cubic-bezier(.2,.9,.3,1) both}@keyframes login-drop{0%{opacity:0;transform:translateY(-26px) scale(.96)}}.login-tagline{margin:0;color:#ffd98a;letter-spacing:clamp(2px,.7vw,6px);font-size:clamp(12px,1.5vw,16px);font-weight:700;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.8)}.login-card{width:100%;margin-top:clamp(6px,1.2vh,14px);padding:clamp(16px,2.4vh,24px) clamp(16px,3vw,28px);border-radius:18px;border:2px solid rgba(240,180,60,.55);background:linear-gradient(180deg,#15293ff0,#0c1a29f5);box-shadow:0 22px 60px #0009,inset 0 1px #ffe9a42e;display:flex;flex-direction:column;gap:clamp(10px,1.5vh,16px);animation:login-drop .7s .12s cubic-bezier(.2,.9,.3,1) both}.login-play{width:100%;padding:clamp(13px,1.9vh,18px) 20px;border:0;border-radius:13px;cursor:pointer;font-family:var(--font);font-size:clamp(18px,2.4vw,25px);font-weight:800;letter-spacing:1.5px;color:#40260a;background:linear-gradient(180deg,#ffe08a,#f5bb45 45%,#e09324);box-shadow:0 5px #9a5f14,0 12px 26px #0000007a,inset 0 1px #ffffffb3;text-shadow:0 1px 0 rgba(255,255,255,.45);transition:transform 90ms ease,box-shadow 90ms ease,filter 90ms ease}.login-play:hover{filter:brightness(1.06)}.login-play:active{transform:translateY(4px);box-shadow:0 1px #9a5f14,0 6px 14px #00000073,inset 0 1px #ffffff80}.login-or{display:flex;align-items:center;gap:12px;color:#8fb0c6;font-size:13px;letter-spacing:1px}.login-or:before,.login-or:after{content:"";flex:1 1 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(150,185,220,.4),transparent)}.login-google{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 18px;cursor:pointer;border-radius:11px;border:1px solid #dadce0;background:#fff;color:#3c4043;font-family:var(--font);font-size:clamp(14px,1.7vw,17px);font-weight:700;box-shadow:0 3px 10px #00000057;transition:background 90ms ease,transform 90ms ease}.login-google:hover{background:#f4f6f8}.login-google:active{transform:translateY(2px)}.google-g{width:20px;height:20px;flex:0 0 auto}.login-note{margin:0;color:#8fb0c6;font-size:clamp(11px,1.3vw,13px);line-height:1.5}.login-langs{display:flex;gap:10px;margin-top:clamp(4px,1vh,10px)}.login-lang{cursor:pointer;padding:7px 20px;border-radius:999px;border:1px solid rgba(150,185,220,.3);background:#08121d99;color:#9fbdd0;font-family:var(--font);font-size:14px;font-weight:700;transition:color 90ms ease,border-color 90ms ease,background 90ms ease}.login-lang:hover{color:#fff;border-color:#f0b43c80}.login-lang.is-active{color:#40260a;background:linear-gradient(180deg,#ffe08a,#e9a832);border-color:#f0b43ce6}.login-toast{position:absolute;left:50%;bottom:7vh;z-index:3;transform:translate(-50%,14px);padding:11px 22px;border-radius:11px;border:1px solid rgba(240,180,60,.45);background:#0a1623f5;color:#ffe4ab;font-size:14px;opacity:0;transition:opacity .18s ease,transform .18s ease;pointer-events:none}.login-toast.is-up{opacity:1;transform:translate(-50%)}@media (max-height: 620px){.login-logo{width:min(360px,70vw)}.login-tagline{display:none}}.settings-link{margin:calc(14px * var(--hud-scale)) auto 0;padding:calc(6px * var(--hud-scale)) calc(14px * var(--hud-scale));border:0;background:none;cursor:pointer;color:#8fb0c6;font-family:var(--font);font-size:calc(12px * var(--hud-scale));text-decoration:underline;text-underline-offset:3px}.settings-link:hover{color:var(--amber)}.login-card.is-naming{animation:login-card-turn .32s cubic-bezier(.2,.9,.3,1) both}@keyframes login-card-turn{0%{opacity:0;transform:translateY(10px) scale(.98)}}.login-name-title{margin:0;color:#ffe4ab;font-size:clamp(17px,2.1vw,22px);font-weight:800;letter-spacing:.5px;text-align:center}.login-name-row{display:flex;gap:10px;align-items:stretch}.login-name-input{flex:1 1 auto;min-width:0;padding:13px 16px;border-radius:11px;border:2px solid rgba(150,185,220,.32);background:#060e17d9;color:#fff;font-family:var(--font);font-size:clamp(16px,2vw,20px);font-weight:700;letter-spacing:.5px;transition:border-color .12s ease,box-shadow .12s ease}.login-name-input::placeholder{color:#6d8ba1;font-weight:400}.login-name-input:focus{outline:none;border-color:#f0b43ccc;box-shadow:0 0 0 3px #f0b43c26}.login-dice{flex:0 0 auto;display:grid;place-items:center;width:clamp(48px,6vw,58px);padding:0;cursor:pointer;border-radius:11px;border:2px solid rgba(240,180,60,.5);background:linear-gradient(180deg,#1e364ff2,#102032f2);transition:border-color .12s ease,background .12s ease}.login-dice:hover{border-color:#f0b43cf2;background:linear-gradient(180deg,#284461f2,#162a3ff2)}.login-dice img{width:62%;height:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.login-dice.is-rolling img{animation:dice-roll .48s cubic-bezier(.3,.8,.35,1)}@keyframes dice-roll{0%{transform:rotate(0) scale(1)}55%{transform:rotate(300deg) scale(1.18)}to{transform:rotate(360deg) scale(1)}}@media (prefers-reduced-motion: reduce){.login-dice.is-rolling img{animation:none}}:root[data-layout=phone] .topbar{position:fixed;top:var(--phone-safe-top);left:calc(6px * var(--hud-scale));right:calc(6px * var(--hud-scale));height:auto;flex-direction:column;align-items:stretch;gap:calc(5px * var(--hud-scale))}:root[data-layout=phone] .player-card{min-width:0;height:auto;align-self:flex-start;max-width:calc(100% - 128px * var(--hud-scale));padding:calc(4px * var(--hud-scale)) calc(10px * var(--hud-scale)) calc(4px * var(--hud-scale)) calc(4px * var(--hud-scale))}:root[data-layout=phone] .player-card .xp{display:none}:root[data-layout=phone] .player-meta{min-width:0}:root[data-layout=phone] .player-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root[data-layout=phone] .avatar{width:calc(34px * var(--hud-scale));height:calc(34px * var(--hud-scale))}:root[data-layout=phone] .res-rack{position:static;flex-direction:row;width:100%;gap:calc(5px * var(--hud-scale))}:root[data-layout=phone] .res{flex:1 1 0;min-width:0;height:calc(40px * var(--hud-scale));padding:calc(4px * var(--hud-scale)) calc(8px * var(--hud-scale));gap:calc(5px * var(--hud-scale));border-radius:calc(9px * var(--hud-scale))}:root[data-layout=phone] .res .res-icon,:root[data-layout=phone] .res .res-icon .icon,:root[data-layout=phone] .res .res-icon img.icon.art{width:calc(24px * var(--hud-scale));height:calc(24px * var(--hud-scale))}:root[data-layout=phone] .res.gems{flex:0 0 calc(110px * var(--hud-scale));max-width:calc(110px * var(--hud-scale));padding-left:calc(5px * var(--hud-scale));padding-right:calc(5px * var(--hud-scale))}:root[data-layout=phone] .res .val .max{display:none}:root[data-layout=phone] .res .val{justify-content:flex-start;font-size:calc(19px * var(--hud-scale))}:root[data-layout=phone] .res .body{gap:calc(4px * var(--hud-scale))}:root[data-layout=phone] .res .cap{height:calc(6px * var(--hud-scale))}:root[data-layout=phone] .workbar{position:fixed;top:calc(var(--phone-safe-top) + 112px * var(--hud-scale));left:calc(6px * var(--hud-scale));right:calc(6px * var(--hud-scale));flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:calc(5px * var(--hud-scale))}:root[data-layout=phone] .workpill{min-width:0;min-height:calc(32px * var(--hud-scale));padding:calc(3px * var(--hud-scale)) calc(9px * var(--hud-scale));border-radius:calc(9px * var(--hud-scale))}:root[data-layout=phone] .workpill .pill-sub{display:none}:root[data-layout=phone] .collectall{min-height:calc(32px * var(--hud-scale));padding:calc(3px * var(--hud-scale)) calc(10px * var(--hud-scale))}:root[data-layout=phone] .rail.left{position:fixed;left:calc(6px * var(--hud-scale));top:calc(var(--phone-safe-top) + 152px * var(--hud-scale));flex-direction:row;gap:calc(6px * var(--hud-scale))}:root[data-layout=phone] .rail-btn{width:calc(46px * var(--hud-scale));min-width:0;height:calc(46px * var(--hud-scale));padding:0;justify-content:center;border-radius:calc(12px * var(--hud-scale))}:root[data-layout=phone] .rail-btn .tag{display:none}:root[data-layout=phone] .rail-btn .icon,:root[data-layout=phone] .rail-btn svg{width:calc(24px * var(--hud-scale));height:calc(24px * var(--hud-scale))}:root[data-layout=phone] .rail.right{position:fixed;right:calc(6px * var(--hud-scale));top:var(--phone-safe-top);flex-direction:row;align-items:center;gap:calc(5px * var(--hud-scale))}:root[data-layout=phone] .rail.right>div{flex-direction:row;gap:calc(5px * var(--hud-scale))!important}:root[data-layout=phone] .icon-btn{width:calc(34px * var(--hud-scale));height:calc(34px * var(--hud-scale))}:root[data-layout=phone] .dock{position:fixed;left:calc(6px * var(--hud-scale));right:calc(6px * var(--hud-scale));bottom:var(--phone-safe-bottom);flex-direction:row;align-items:stretch;gap:calc(6px * var(--hud-scale))}:root[data-layout=phone] .dock .action{flex:1 1 0;width:auto;min-width:0;height:calc(58px * var(--hud-scale));flex-direction:row;gap:calc(7px * var(--hud-scale));padding:0 calc(6px * var(--hud-scale));border-radius:calc(13px * var(--hud-scale))}:root[data-layout=phone] .dock .action .tag{font-size:calc(14px * var(--hud-scale))}:root[data-layout=phone] .raidbar{left:calc(6px * var(--hud-scale));right:calc(6px * var(--hud-scale));bottom:calc(var(--phone-safe-bottom) + 66px * var(--hud-scale));width:auto;box-sizing:border-box;transform:none;padding:calc(8px * var(--hud-scale))}:root[data-layout=phone] .raidbar .army-grid{gap:calc(4px * var(--hud-scale))}:root[data-layout=phone] .raidbar .troopcard.tight{min-width:0;padding-inline:calc(7px * var(--hud-scale))}:root[data-layout=phone] .raidbar .troopcard .tname{min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}:root[data-layout=phone] .hud-layer{--phone-safe-top: max(calc(6px * var(--hud-scale)), env(safe-area-inset-top, 0px));--phone-safe-bottom: max(calc(6px * var(--hud-scale)), env(safe-area-inset-bottom, 0px));--phone-band: calc(58px * var(--hud-scale));--phone-dock-height: calc(58px * var(--hud-scale));--phone-dock-space: calc( var(--phone-safe-bottom) + var(--phone-dock-height) + 8px * var(--hud-scale) );--phone-sheet-top: calc(var(--phone-safe-top) + 170px * var(--hud-scale))}@media (orientation: landscape){:root[data-layout=phone] .topbar{flex-direction:row;align-items:flex-start}:root[data-layout=phone] .player-card{max-width:calc(220px * var(--hud-scale))}:root[data-layout=phone] .res-rack{width:auto;flex:1 1 auto;max-width:calc(560px * var(--hud-scale));margin-left:auto;margin-right:calc(120px * var(--hud-scale))}:root[data-layout=phone] .workbar{top:calc(var(--phone-safe-top) + 64px * var(--hud-scale));left:calc(6px * var(--hud-scale));right:auto}:root[data-layout=phone] .rail.left{top:auto;bottom:var(--phone-safe-bottom);flex-direction:row}:root[data-layout=phone] .rail.right{top:var(--phone-safe-top)}:root[data-layout=phone] .dock{left:auto;right:calc(6px * var(--hud-scale));width:auto}:root[data-layout=phone] .dock .action{flex:0 0 auto;width:calc(132px * var(--hud-scale))}}:root[data-layout=phone] .drawer,:root[data-layout=phone] .armypanel,:root[data-layout=phone] .missions-panel,:root[data-layout=phone] .heroes-panel,:root[data-layout=phone] .map-shop-panel,:root[data-layout=phone] .inspector{left:calc(6px * var(--hud-scale));right:calc(6px * var(--hud-scale));top:auto;bottom:var(--phone-dock-space);width:auto;max-width:none;max-height:62vh;max-height:min(62dvh,calc(var(--app-height) - var(--phone-sheet-top) - var(--phone-dock-space)));overflow-y:auto;overflow-x:hidden;transform:none;padding:calc(10px * var(--hud-scale))}:root[data-layout=phone] .drawer{transform:translateY(10px)}:root[data-layout=phone] .drawer.open{transform:none}:root[data-layout=phone] .armypanel.open{transform:none}:root[data-layout=phone] .dock{z-index:40}:root[data-layout=phone] .card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(6px * var(--hud-scale))}:root[data-layout=phone] .card{width:auto;min-width:0}:root[data-layout=phone] .tutor{left:calc(6px * var(--hud-scale));right:calc(6px * var(--hud-scale));width:auto;max-width:none;top:calc(var(--phone-safe-top) + 204px * var(--hud-scale));max-height:46vh;max-height:min(46dvh,calc(var(--app-height) - var(--phone-dock-space) - 218px * var(--hud-scale)));overflow-y:auto}:root[data-layout=phone] .placebar{position:fixed;inset:0;transform:none;display:block;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;pointer-events:none;z-index:65}:root[data-layout=phone] .placebar[hidden]{display:none!important}:root[data-layout=phone] .placebar-what{position:fixed;left:50%;bottom:calc(var(--phone-safe-bottom) + 118px * var(--hud-scale));max-width:calc(100vw - 250px * var(--hud-scale));overflow:hidden;text-overflow:ellipsis;transform:translate(-50%);padding:calc(6px * var(--hud-scale)) calc(12px * var(--hud-scale));border:calc(2px * var(--hud-scale)) solid rgba(255,224,142,.78);border-radius:calc(12px * var(--hud-scale));background:linear-gradient(180deg,#075b70f5,#012533fa);box-shadow:0 calc(5px * var(--hud-scale)) calc(12px * var(--hud-scale)) #00000073}:root[data-layout=phone] .mobile-placement-tools{display:block;position:fixed;inset:0;pointer-events:none}:root[data-layout=phone] .mobile-placement-tools[hidden]{display:none!important}:root[data-layout=phone] .mobile-dpad{position:fixed;left:calc(8px * var(--hud-scale));bottom:var(--phone-safe-bottom);width:calc(136px * var(--hud-scale));height:calc(136px * var(--hud-scale));border:calc(3px * var(--hud-scale)) solid rgba(255,229,153,.82);border-radius:50%;background:radial-gradient(circle at 48% 42%,#0c788ff5,#022f41fa 67%),#06384b;box-shadow:inset 0 0 0 calc(4px * var(--hud-scale)) #00111a80,0 calc(6px * var(--hud-scale)) calc(14px * var(--hud-scale)) #0000008c;pointer-events:auto;touch-action:none}:root[data-layout=phone] .dpad-key{position:absolute;width:calc(48px * var(--hud-scale));height:calc(48px * var(--hud-scale));display:grid;place-items:center;border:calc(2px * var(--hud-scale)) solid rgba(255,237,181,.75);border-radius:calc(12px * var(--hud-scale));color:#efffd8;background:linear-gradient(180deg,#31bd69,#11753f);box-shadow:inset 0 calc(2px * var(--hud-scale)) 0 #ffffff3b,0 calc(3px * var(--hud-scale)) calc(5px * var(--hud-scale)) #00000073;font:1000 calc(24px * var(--hud-scale))/1 system-ui,sans-serif;text-shadow:0 2px 0 rgba(0,0,0,.45);touch-action:manipulation}:root[data-layout=phone] .dpad-key:active{transform:translateY(calc(2px * var(--hud-scale)));filter:brightness(1.14)}:root[data-layout=phone] .dpad-key.nw{top:calc(5px * var(--hud-scale));left:calc(5px * var(--hud-scale))}:root[data-layout=phone] .dpad-key.ne{top:calc(5px * var(--hud-scale));right:calc(5px * var(--hud-scale))}:root[data-layout=phone] .dpad-key.sw{bottom:calc(5px * var(--hud-scale));left:calc(5px * var(--hud-scale))}:root[data-layout=phone] .dpad-key.se{right:calc(5px * var(--hud-scale));bottom:calc(5px * var(--hud-scale))}:root[data-layout=phone] .dpad-knob{position:absolute;left:50%;top:50%;width:calc(34px * var(--hud-scale));height:calc(34px * var(--hud-scale));transform:translate(-50%,-50%);border:calc(2px * var(--hud-scale)) solid rgba(255,235,171,.75);border-radius:50%;background:radial-gradient(circle at 35% 30%,#1590ad,#04384e 72%);box-shadow:0 calc(3px * var(--hud-scale)) calc(6px * var(--hud-scale)) #00000080}:root[data-layout=phone] .mobile-placement-actions{position:fixed;right:calc(8px * var(--hud-scale));bottom:var(--phone-safe-bottom);display:flex;align-items:flex-end;gap:calc(6px * var(--hud-scale));pointer-events:auto}:root[data-layout=phone] .placement-action,:root[data-layout=phone] .placement-confirm{border:calc(3px * var(--hud-scale)) solid #ffe39a;color:#fffbe8;box-shadow:inset 0 calc(2px * var(--hud-scale)) 0 #ffffff40,0 calc(5px * var(--hud-scale)) calc(12px * var(--hud-scale)) #0000008c;text-shadow:0 2px 0 rgba(0,0,0,.45);touch-action:manipulation}:root[data-layout=phone] .placement-action{width:calc(48px * var(--hud-scale));height:calc(48px * var(--hud-scale));display:grid;place-items:center;padding:calc(8px * var(--hud-scale));border-radius:calc(13px * var(--hud-scale));background:linear-gradient(180deg,#117f9e,#03475f);font-size:calc(24px * var(--hud-scale))}:root[data-layout=phone] .placement-action.cancel{background:linear-gradient(180deg,#d86249,#8d251d)}:root[data-layout=phone] .placement-confirm{width:calc(94px * var(--hud-scale));height:calc(76px * var(--hud-scale));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(1px * var(--hud-scale));border-radius:calc(16px * var(--hud-scale));background:linear-gradient(180deg,#5ddd59,#19983e 58%,#0b6c30);font:1000 calc(15px * var(--hud-scale))/1 system-ui,sans-serif}:root[data-layout=phone] .placement-confirm-icon{font-size:calc(32px * var(--hud-scale));line-height:.8}:root[data-layout=phone] .placement-confirm.is-invalid{border-color:#e9c2aa;background:linear-gradient(180deg,#b65d50,#71312d);filter:saturate(.78)}:root[data-layout=phone] .placement-action:active,:root[data-layout=phone] .placement-confirm:active{transform:translateY(calc(2px * var(--hud-scale)));filter:brightness(1.12)}:root[data-layout=phone] .hud-layer.mobile-placement-active .dock{display:none}@media (orientation: landscape){:root[data-layout=phone] .hud-layer.mobile-placement-active .rail.left{opacity:0;pointer-events:none}}:root[data-layout=phone] .askbox-card{width:calc(100vw - 32px * var(--hud-scale));max-width:none}@media (orientation: landscape){:root[data-layout=phone] .drawer,:root[data-layout=phone] .armypanel,:root[data-layout=phone] .missions-panel,:root[data-layout=phone] .heroes-panel,:root[data-layout=phone] .map-shop-panel,:root[data-layout=phone] .inspector{left:calc(178px * var(--hud-scale));right:calc(150px * var(--hud-scale));bottom:var(--phone-safe-bottom);max-height:76vh;max-height:min(76dvh,calc(var(--app-height) - var(--phone-safe-top) - var(--phone-safe-bottom)))}:root[data-layout=phone] .drawer{bottom:var(--phone-dock-space);max-height:min(68dvh,calc(var(--app-height) - var(--phone-safe-top) - var(--phone-dock-space) - 6px * var(--hud-scale)))}:root[data-layout=phone] .tutor{top:calc(var(--phone-safe-top) + 82px * var(--hud-scale));right:calc(118px * var(--hud-scale));max-height:62vh}:root[data-layout=phone] .placebar{inset:0}:root[data-layout=phone] .placebar-what{bottom:calc(var(--phone-safe-bottom) + 96px * var(--hud-scale));max-width:calc(100vw - 480px * var(--hud-scale))}:root[data-layout=phone] .mobile-dpad{width:calc(124px * var(--hud-scale));height:calc(124px * var(--hud-scale))}:root[data-layout=phone] .dpad-key{width:calc(44px * var(--hud-scale));height:calc(44px * var(--hud-scale))}:root[data-layout=phone] .placement-confirm{width:calc(86px * var(--hud-scale));height:calc(66px * var(--hud-scale))}:root[data-layout=phone] .card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}:root[data-layout=phone] .missions-panel.open,:root[data-layout=phone] .heroes-panel.open,:root[data-layout=phone] .map-shop-panel.open{animation:phone-sheet-in .16s ease-out both}@keyframes phone-sheet-in{0%{opacity:0;transform:translateY(calc(10px * var(--hud-scale)))}to{opacity:1;transform:none}}:root[data-layout=phone] .toasts{top:auto;left:calc(6px * var(--hud-scale));right:calc(6px * var(--hud-scale));bottom:calc(var(--phone-dock-space) + 4px * var(--hud-scale));transform:none;align-items:center}:root[data-layout=phone] .toast{max-width:100%}:root[data-layout=phone] .drawer-head{flex-direction:column;align-items:stretch;gap:calc(6px * var(--hud-scale))}:root[data-layout=phone] .tabs{overflow-x:auto;scrollbar-width:none;padding-bottom:calc(2px * var(--hud-scale))}:root[data-layout=phone] .tabs::-webkit-scrollbar{display:none}:root[data-layout=phone] .tab{flex:0 0 auto;padding:calc(6px * var(--hud-scale)) calc(10px * var(--hud-scale))}:root[data-layout=phone] .build-help{text-align:left;white-space:normal;max-width:none}:root[data-layout=phone] .scout.is-preview{padding:calc(10px * var(--hud-scale));padding-bottom:calc(74px * var(--hud-scale))}:root[data-layout=phone] .scout-card{width:100%}@media (orientation: landscape){:root[data-layout=phone] .scout.is-preview{padding-bottom:calc(10px * var(--hud-scale))}:root[data-layout=phone] .scout-card{width:min(100%,calc(440px * var(--hud-scale)))}}