@import"https://fonts.googleapis.com/css2?family=New+Rocker&display=swap";:root{color-scheme:light;--title-font: "New Rocker", Georgia, "Times New Roman", serif;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #15202b;--muted: #677587;--cream: #fff5d7;--panel: rgba(21, 30, 40, .86);--panel-strong: rgba(18, 25, 33, .94);--paper: rgba(255, 250, 234, .94);--line: rgba(255, 255, 255, .2);--dark-line: rgba(22, 28, 36, .18);--blue: #246fc9;--blue-deep: #0f3c78;--red: #d84b31;--red-deep: #7b2318;--green: #78a92f;--yellow: #f3c44d;--stone: #c1c9d3;--wood: #f1bc76;--glass: #b9f2ff;--shadow: 0 20px 46px rgba(9, 18, 28, .32);--panel-shadow: 0 14px 28px rgba(9, 18, 28, .24)}.builder-shell{--builder-panel-width: 456px;--builder-gold: #f2bd48;--builder-gold-dark: #a9651f;--builder-wood: #7a4a25;--builder-wood-dark: #2b1d16;--builder-blue: #1f6fd1;--builder-panel-bg: rgba(11, 20, 27, .94)}.builder-command-panel{position:absolute;top:14px;bottom:14px;left:14px;z-index:8;width:min(var(--builder-panel-width),calc(100vw - 28px));display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:9px;border:2px solid rgba(243,196,77,.28);border-radius:8px;padding:10px;background:linear-gradient(180deg,rgba(34,47,55,.2),transparent 26%),linear-gradient(180deg,#121e26fa,#060e12f5);box-shadow:0 18px 36px #03080c80,inset 0 0 0 1px #ffffff14,inset 0 -18px 34px #00000047;color:#fff;pointer-events:auto;transition:transform .26s ease,filter .26s ease}.builder-command-panel:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;z-index:-1;border-radius:6px;border:1px solid rgba(255,255,255,.08);pointer-events:none}.builder-panel-is-collapsed .builder-command-panel{transform:translate(calc(-100% + 44px))}.builder-panel-is-collapsed .builder-command-panel>:not(.builder-panel-collapse){opacity:0;pointer-events:none}.builder-panel-collapse{position:absolute;top:150px;right:-44px;width:44px;min-width:44px;height:112px;min-height:112px;border:2px solid rgba(255,232,146,.44);border-left:0;border-radius:0 8px 8px 0;padding:0;background:linear-gradient(180deg,#2f7ee0,#0e3e82 52%,#11283b),linear-gradient(90deg,rgba(255,255,255,.2),transparent);box-shadow:8px 10px 20px #03080c57,inset 0 2px #ffffff47;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.28)}.builder-panel-collapse span{writing-mode:vertical-rl;text-orientation:mixed;font-size:.74rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.builder-panel-banner{position:relative;min-height:104px;display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:10px;margin:-16px -18px -2px;padding:18px 24px 16px 18px;isolation:isolate}.builder-panel-banner:before{content:"";position:absolute;top:-28px;right:-30px;bottom:-26px;left:-28px;z-index:-1;background:url(/art/ui/builder-panel-cap.png) center / 100% 100% no-repeat;filter:drop-shadow(0 12px 14px rgba(3,8,12,.32));pointer-events:none}.builder-back-button{min-width:66px;min-height:66px;display:grid;grid-template-rows:1fr auto;place-items:center;gap:2px;border:2px solid rgba(255,255,255,.22);border-radius:8px;padding:7px 6px 6px;background:linear-gradient(180deg,#6d6f73,#2b3035 58%,#171d23);box-shadow:inset 0 2px #ffffff3d,0 7px 11px #00000042;color:#fff;text-transform:uppercase}.builder-back-button b{font-size:.68rem;line-height:1}.builder-back-arrow{width:26px;height:20px;display:block;clip-path:polygon(38% 0,0 50%,38% 100%,38% 66%,100% 66%,100% 34%,38% 34%);background:#fff9df;filter:drop-shadow(0 2px 0 rgba(0,0,0,.44))}.builder-title-stack{min-width:0;padding-right:30px;color:#fff4cf;text-shadow:0 3px 0 rgba(43,21,10,.9),0 0 8px rgba(43,21,10,.32)}.builder-title-stack h2{font-size:clamp(1.8rem,3.1vw,2.7rem);font-weight:400;line-height:.92;text-transform:uppercase}.builder-title-stack small{display:block;margin-top:5px;overflow:hidden;color:#9edf58;font-size:1rem;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.builder-budget-card,.builder-kit-panel,.builder-bombs{border:1px solid rgba(255,255,255,.14);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 20%),linear-gradient(180deg,#17232bf5,#081014eb);box-shadow:inset 0 0 0 1px #00000057,0 8px 14px #00000029}.builder-budget-card{display:grid;gap:7px;padding:12px 14px}.builder-section-title{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.builder-section-title span{color:#cbb280;font-size:.78rem;font-weight:950;letter-spacing:.03em;text-transform:uppercase}.builder-section-title strong{color:#fff8d8;font-size:1.08rem;font-weight:950;text-shadow:0 2px 0 rgba(0,0,0,.28)}.builder-budget-meter{height:10px;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#050a0e8f}.builder-budget-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#38a2ff,#74d861 58%,#ffd75c);box-shadow:0 0 10px #50b7ff42}.builder-budget-card em{color:#ffffffb8;font-size:.74rem;font-style:normal;font-weight:850}.builder-budget-card em.ok{color:#aee86b}.builder-kit-panel{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;padding:12px}.builder-kit-panel .panel-heading h3{color:#9bd8ff;font-size:1.28rem;text-shadow:0 2px 0 rgba(0,0,0,.38)}.builder-kit-panel .panel-heading .eyebrow{color:#cbb280}.selected-material-chip{min-height:34px;border-color:#7b5b25;background:linear-gradient(180deg,#e0a856,#9a642d);color:#2d1b0f;box-shadow:inset 0 2px #ffffff4d,0 4px 9px #0000003d}.builder-command-panel .hotbar-bank{min-height:0;overflow:auto;padding-right:2px}.builder-command-panel .hotbar-slots{gap:10px}.builder-command-panel .hotbar-slot{min-height:128px;grid-template-columns:1fr;grid-template-rows:minmax(42px,1fr) auto auto;justify-items:center;align-content:center;gap:6px;border-color:#ffffff2e;border-radius:8px;padding:10px 8px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 35%),linear-gradient(180deg,#232a30,#12181d);box-shadow:inset 0 2px #ffffff14,inset 0 -4px #00000038;text-align:center}.builder-command-panel .hotbar-slot.is-selected{border-color:#ffd75c;background:linear-gradient(180deg,rgba(255,236,146,.16),transparent 42%),linear-gradient(180deg,#303134,#181f22);box-shadow:inset 0 0 0 2px #ffdd582e,0 0 0 2px #ffd84e52,0 0 18px #ffd84e33}.builder-command-panel .slot-swatch{width:54px;height:54px;grid-row:1;grid-column:1;align-self:center;border-radius:8px}.builder-command-panel .shape-preview{grid-row:1;grid-column:1;min-height:54px}.builder-command-panel .shape-preview:before{width:min(78px,calc(var(--shape-w) * 18px));height:max(10px,min(48px,calc(var(--shape-h) * 18px)))}.builder-command-panel .hotbar-slot span:not(.slot-swatch):not(.shape-preview){color:#fff4cf;font-size:.9rem;text-shadow:0 2px 0 rgba(0,0,0,.4);text-transform:uppercase}.builder-command-panel .hotbar-slot small{color:#ffffffc7;font-size:.72rem;white-space:normal}.builder-command-panel .hotbar-slot b{top:7px;right:7px;background:#fff8d8eb;color:#24303a}.builder-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.builder-action-button{min-height:58px;display:grid;grid-template-rows:24px auto;gap:3px;place-items:center;padding:6px 4px;border-color:#fff3;background:linear-gradient(180deg,#3c4c57,#1c252c);color:#fff7d6;text-shadow:0 2px 0 rgba(0,0,0,.36);text-transform:uppercase}.builder-action-button i{width:24px;height:24px;display:block;position:relative}.action-static i{border:3px solid #d7d7dd;border-radius:5px;box-shadow:inset 0 0 0 2px #ffffff2e}.action-rotate{background:linear-gradient(180deg,#7ca845,#3d6c22)}.action-rotate i:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:4px solid #fff9df;border-left-color:transparent;border-radius:999px}.action-rotate i:after{content:"";position:absolute;right:1px;top:1px;width:9px;height:9px;clip-path:polygon(0 0,100% 50%,0 100%);background:#fff9df}.action-delete{background:linear-gradient(180deg,#d46a45,#8d2f21)}.action-delete i:before{content:"";position:absolute;left:6px;right:6px;top:7px;bottom:3px;border:3px solid #fff9df;border-top:0;border-radius:0 0 4px 4px}.action-delete i:after{content:"";position:absolute;left:4px;right:4px;top:3px;height:4px;border-radius:3px;background:#fff9df}.action-clear{background:linear-gradient(180deg,#3c7ec5,#1f477f)}.action-clear i:before{content:"";position:absolute;top:3px;right:4px;bottom:3px;left:4px;border-radius:4px;background:linear-gradient(135deg,transparent 0 38%,#fff9df 40% 58%,transparent 60%),radial-gradient(circle at 78% 22%,#fff9df 0 2px,transparent 3px)}.save-fortress-button{grid-column:1 / -1;min-height:58px;border-color:#754a1275;background:linear-gradient(180deg,#ffdf72,#dda338 56%,#9f5e1e);color:#3a2110;font-size:1.18rem;text-shadow:0 2px 0 rgba(255,245,194,.5);text-transform:uppercase}.save-fortress-button i{width:24px;height:18px;display:inline-block;clip-path:polygon(0 0,74% 0,100% 50%,74% 100%,0 100%);background:#c5362d;box-shadow:0 0 0 2px #3a211047}.builder-bombs{display:grid;gap:8px;padding:10px}.builder-bomb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.bomb-pill{min-height:76px;display:grid;grid-template-rows:28px auto auto;justify-items:center;gap:3px;border-radius:8px;padding:7px 4px;background:linear-gradient(180deg,#222b32,#11181e);color:#fff4cf;text-align:center;text-transform:uppercase}.bomb-pill-icon{width:28px;height:28px;border-radius:999px;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.56),transparent 18%),linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent),#11181e 42%));box-shadow:inset 0 -4px 5px #00000047,0 3px 8px #00000038}.bomb-pill span{max-width:100%;overflow:hidden;font-size:.64rem;font-weight:950;line-height:1.05;text-overflow:ellipsis}.bomb-pill b{min-width:24px;min-height:24px;display:grid;place-items:center;border-radius:999px;background:#fff8d8eb;color:#24303a;font-size:.78rem}.builder-resource-bar{top:14px;right:14px;left:auto;z-index:5;grid-template-columns:repeat(5,minmax(94px,auto));gap:0;border:2px solid rgba(255,221,132,.34);border-radius:8px;padding:0 12px;background:linear-gradient(90deg,#916338 0 12px,transparent 12px calc(100% - 12px),#916338 calc(100% - 12px)),linear-gradient(180deg,#482d18f5,#21160ff5);box-shadow:0 12px 24px #03080c47,inset 0 2px #ffffff24;overflow:hidden}.builder-resource-bar .resource-chip{min-height:60px;min-width:92px;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;gap:2px 8px;border:0;border-left:1px solid rgba(255,226,150,.18);border-radius:0;padding:8px 10px;background:transparent;box-shadow:none}.builder-resource-bar .resource-chip:first-child{border-left:0}.resource-icon{grid-row:1 / span 2;grid-column:1;width:30px;height:30px;align-self:center;border-radius:6px;background:linear-gradient(135deg,var(--accent, #d7d7dd),color-mix(in srgb,var(--accent, #d7d7dd),#11181e 34%));box-shadow:inset 0 2px #ffffff61,0 2px 6px #00000038}.resource-chip.budget .resource-icon{border-radius:2px 6px 6px 2px;background:linear-gradient(90deg,#b87931 0 4px,transparent 4px),linear-gradient(135deg,#2f82e5,#144782);clip-path:polygon(0 0,78% 0,100% 50%,78% 100%,0 100%)}.resource-chip.ammo .resource-icon{border-radius:999px;background:radial-gradient(circle at 34% 26%,rgba(255,255,255,.54),transparent 17%),linear-gradient(135deg,#5c626b,#1b222a)}.resource-chip.material-stone .resource-icon{--accent: var(--stone)}.resource-chip.material-wood .resource-icon{--accent: var(--wood)}.resource-chip.material-glass .resource-icon{--accent: var(--glass)}.builder-resource-bar .resource-chip span{color:#d4bd89;font-size:.66rem}.builder-resource-bar .resource-chip strong{color:#fff8d8;font-size:1rem}.builder-resource-bar .resource-meter{grid-column:2;height:5px}.builder-profile-popover{top:190px;right:18px;width:min(330px,calc(100vw - 36px))}.builder-profile-popover .profile-toggle,.builder-profile-popover .profile-fields{border:2px solid rgba(117,74,18,.32);background:linear-gradient(180deg,rgba(255,255,255,.45),transparent 38%),linear-gradient(180deg,#f7e3b4,#dba95f);color:#3a2110;box-shadow:0 9px 16px #03080c2e,inset 0 2px #ffffff5c}.builder-profile-popover .profile-toggle{min-height:52px;text-transform:uppercase}.builder-profile-popover .profile-toggle span{color:#6f431d;font-size:.82rem;font-weight:950}.builder-profile-popover .profile-fields{padding:10px}.builder-profile-popover input{border-color:#754a1238;background:#fffaeae6;font-weight:800}.builder-workbench-tip{position:absolute;left:50%;bottom:22px;z-index:4;width:min(520px,calc(100vw - 520px));min-height:54px;display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px;border:2px solid rgba(117,74,18,.2);border-radius:8px;padding:8px 18px 8px 10px;transform:translate(-50%);background:linear-gradient(180deg,rgba(255,255,255,.5),transparent 44%),linear-gradient(180deg,#f8e8bb,#d9a85e);box-shadow:0 10px 20px #03080c33;color:#4b2f17;pointer-events:none}.builder-workbench-tip span{width:44px;height:38px;display:block;border-radius:50% 45% 46% 48%;background:radial-gradient(circle at 36% 32%,#ffe4a0 0 10%,transparent 11%),linear-gradient(135deg,#a66a31,#5a331d);transform:rotate(-12deg)}.builder-workbench-tip p{min-width:0;color:#4b2f17;font-size:.95rem;font-weight:850;line-height:1.25}@media(max-width:1180px){.builder-command-panel{--builder-panel-width: 410px}.builder-command-panel .hotbar-slot{min-height:108px}.builder-resource-bar{grid-template-columns:repeat(5,minmax(76px,auto))}.builder-resource-bar .resource-chip{min-width:76px;grid-template-columns:28px minmax(0,1fr);padding-inline:8px}.resource-icon{width:26px;height:26px}.builder-workbench-tip{width:min(430px,calc(100vw - 460px))}}@media(max-width:900px){#ui:has(.builder-shell) .audio-controller{display:none}.builder-command-panel{top:10px;bottom:10px;left:10px;width:min(392px,calc(100vw - 20px))}.builder-resource-bar{top:10px;right:10px;width:min(392px,calc(100vw - 76px));grid-template-columns:repeat(3,minmax(0,1fr))}.builder-resource-bar .resource-chip{min-height:48px}.builder-profile-popover{top:170px;right:10px;width:min(284px,calc(100vw - 76px))}.builder-workbench-tip{display:none}}@media(max-width:560px){.builder-command-panel{width:min(344px,calc(100vw - 20px));grid-template-rows:auto auto minmax(0,1fr) auto}.builder-panel-banner{grid-template-columns:62px minmax(0,1fr);min-height:86px;padding:16px 18px 12px 14px}.builder-back-button{min-width:56px;min-height:56px}.builder-title-stack h2{font-size:1.52rem}.builder-title-stack small{font-size:.82rem}.builder-command-panel .hotbar-slot{min-height:88px;padding:8px 5px}.builder-command-panel .slot-swatch{width:42px;height:42px}.builder-command-panel .hotbar-slot span:not(.slot-swatch):not(.shape-preview){font-size:.72rem}.builder-command-panel .hotbar-slot small{font-size:.62rem}.builder-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-bombs,.builder-profile-popover{display:none}}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#6fbbe5;color:var(--ink)}body{min-width:320px}.webgl{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw!important;height:100dvh!important;display:block;outline:none;touch-action:none;-webkit-user-select:none;user-select:none}#ui{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;z-index:2;pointer-events:none}#ui.is-aiming>*{visibility:hidden;opacity:0;pointer-events:none}#ui button,#ui input,#ui a{pointer-events:auto}button,.button-link{min-height:44px;min-width:0;border:1px solid rgba(255,255,255,.28);border-radius:8px;padding:0 16px;background:linear-gradient(180deg,#fffdf2,#dfe7ee);box-shadow:inset 0 2px #ffffff9e,0 8px 14px #09121c29;color:var(--ink);font:inherit;font-weight:850;letter-spacing:0;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .16s ease,filter .16s ease,border-color .16s ease}button:hover,.button-link:hover{transform:translateY(-1px);filter:brightness(1.04)}button:disabled{cursor:not-allowed;opacity:.48;transform:none;filter:grayscale(.25)}.primary-button{background:linear-gradient(180deg,#ff7c43,#c63a24);border-color:#ffdaa485;color:#fff;text-shadow:0 2px 0 rgba(73,20,14,.44)}.ghost-button,.icon-button{background:linear-gradient(180deg,#ffffffeb,#d5e1ebeb)}input{width:100%;min-height:42px;border:1px solid var(--dark-line);border-radius:8px;padding:0 12px;background:#ffffffe6;color:var(--ink);font:inherit;letter-spacing:0}input[type=range]{min-height:0;padding:0;accent-color:var(--yellow)}.audio-controller{position:fixed;right:16px;top:16px;z-index:20;width:min(320px,calc(100vw - 32px));display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 10px;align-items:center;border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:9px;background:#0e1823d1;box-shadow:var(--panel-shadow);color:#fff;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.audio-panel-toggle{display:none}.speaker-icon{position:relative;width:24px;height:24px;display:block}.speaker-icon:before{content:"";position:absolute;left:2px;top:7px;width:8px;height:10px;border-radius:3px 1px 1px 3px;background:currentColor}.speaker-icon:after{content:"";position:absolute;left:9px;top:4px;width:12px;height:16px;border:3px solid currentColor;border-left:0;border-radius:0 999px 999px 0}#ui:has(.builder-shell) .audio-controller{top:88px;right:18px}#ui:has(.destroyer-shell) .audio-controller{top:92px;right:auto;left:14px}.audio-mute-button{grid-row:1 / span 2;min-height:66px;min-width:76px;display:grid;place-items:center;gap:4px;padding:0 10px;background:linear-gradient(180deg,#fff8df,#d9e1e8)}.audio-mute-button .speaker-icon{width:24px;height:24px}.audio-mute-button b{font-size:.72rem;line-height:1;text-transform:uppercase}.audio-controller.is-muted .audio-mute-button{background:linear-gradient(180deg,#f4d1ce,#cfa8a4)}.audio-slider{min-width:0;display:grid;grid-template-columns:46px minmax(72px,1fr) 32px;align-items:center;gap:7px}.audio-slider span,.audio-slider b{color:#ffffffbd;font-size:.68rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.audio-slider b{text-align:right}.audio-slider input{width:100%}label{display:grid;gap:6px}label span,.eyebrow,dt{color:var(--muted);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{max-width:780px;font-family:var(--title-font);font-weight:400;font-size:clamp(3.1rem,7.2vw,7.4rem);line-height:.9;letter-spacing:0}h2{font-family:var(--title-font);font-weight:400;font-size:clamp(1.15rem,2.1vw,1.72rem);line-height:1.05;letter-spacing:0}h3{font-family:var(--title-font);font-weight:400;font-size:1.05rem;line-height:1.12;letter-spacing:0}.home-panel,.modal-layer,.gallery-panel,.result-panel{pointer-events:auto}.home-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:center;gap:24px;padding:clamp(18px,4vw,54px) clamp(18px,4vw,54px) max(58px,clamp(18px,4vw,54px));overflow-y:auto;scrollbar-gutter:stable}.fortress-home{min-height:100%;background:linear-gradient(90deg,#091420b8,#0914205c 44%,#0914200d),linear-gradient(180deg,#ffffff14,#234b2c33),url(/art/fortress-duel-panorama.png) center / cover no-repeat;color:#fff}.home-player-card{position:absolute;top:16px;left:16px;width:min(330px,calc(100vw - 32px));min-height:74px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.24);border-radius:8px;padding:9px;background:#0e1823c7;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.home-player-card strong,.home-player-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-player-card small{margin-top:3px;color:#ffffffb3;font-size:.82rem;font-weight:800}.settings-button{min-height:38px;padding:0 12px;color:#fff;background:linear-gradient(180deg,#384553,#182430)}.brand-stack{max-width:840px;display:grid;gap:14px;text-shadow:0 4px 0 rgba(7,14,20,.2),0 12px 28px rgba(7,14,20,.42)}.brand-stack .eyebrow{width:fit-content;border-radius:8px;padding:8px 12px;background:#0d1c2aad;color:var(--yellow);box-shadow:inset 0 0 0 1px #ffffff2e}.lede{max-width:620px;color:#ffffffe6;font-size:clamp(1rem,1.7vw,1.2rem);font-weight:750;line-height:1.46}.role-grid{display:grid;width:min(100%,960px);grid-template-columns:repeat(3,minmax(220px,300px));gap:14px;align-items:stretch}.role-card{position:relative;aspect-ratio:2 / 3;min-height:0;overflow:hidden;display:grid;align-content:end;justify-items:start;gap:8px;border:2px solid rgba(255,255,255,.26);border-radius:8px;padding:16px;background:linear-gradient(180deg,#1d344b,#0d1b28);color:#fff;text-align:left;isolation:isolate}.role-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:var(--mode-art, none) center / cover no-repeat}.role-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#050c140d 20%,#050c14d6 78%)}.role-card span:not(.mode-card-art){max-width:100%;font-family:var(--title-font);font-size:1.32rem;font-weight:400;line-height:1.05}.role-card small{max-width:230px;color:#ffffffd1;font-weight:750;line-height:1.3}.role-card b{min-height:38px;min-width:96px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:linear-gradient(180deg,#418de9,#1758ac);box-shadow:inset 0 2px #ffffff4d;color:#fff;text-align:center}.destroyer-card b,.leaderboard-card b{background:linear-gradient(180deg,#ff7c43,#c94126)}.leaderboard-card{min-height:0}.leaderboard-card:after{background:linear-gradient(180deg,#050c1414 16%,#050c14e0 82%)}.storage-note{width:fit-content;max-width:min(640px,calc(100vw - 36px));border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:10px 12px;background:#0b1723a8;box-shadow:var(--panel-shadow);color:#ffffffc7;font-weight:800}.home-footer{position:absolute;left:16px;right:142px;bottom:10px;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;max-width:calc(100vw - 158px);color:#ffffffc2;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;font-weight:750;line-height:1.35;text-shadow:0 2px 10px rgba(5,12,20,.78)}.home-footer a,.footer-link{color:#fff5d7eb;text-decoration:underline;text-underline-offset:3px}.footer-link{min-height:0;border:0;border-radius:0;padding:0;background:none;box-shadow:none;font:inherit;font-weight:850}.footer-link:hover{transform:none;filter:none}.game-shell{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mode-ribbon,.top-bar{position:absolute;top:14px;left:14px;z-index:4;min-height:66px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.24);border-radius:8px;padding:9px;background:linear-gradient(180deg,#14263af0,#09131fe6);box-shadow:var(--shadow);color:#fff;pointer-events:auto}.mode-ribbon:after{content:"";position:absolute;left:-1px;right:-1px;bottom:-9px;height:12px;background:var(--ribbon-color, var(--blue));clip-path:polygon(0 0,calc(100% - 26px) 0,100% 50%,calc(100% - 26px) 100%,0 100%);box-shadow:0 8px 16px #09121c38}.builder-ribbon{--ribbon-color: #1f6fd1;width:min(430px,calc(100vw - 28px))}.destroyer-ribbon{--ribbon-color: #b73a24;width:min(560px,calc(100vw - 28px))}.mode-ribbon .eyebrow,.top-bar .eyebrow{color:#ffffff9e}.mode-ribbon h2,.top-bar h2{overflow:hidden;color:#fff;text-overflow:ellipsis;white-space:nowrap}.mode-ribbon small{display:block;overflow:hidden;margin-top:2px;color:#ffffffc2;font-size:.82rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.back-button{min-width:54px;min-height:48px;padding:0 12px}.builder-profile-popover{position:absolute;top:96px;right:14px;z-index:5;width:min(310px,calc(100vw - 28px));display:grid;gap:8px;pointer-events:auto}.profile-toggle{justify-content:space-between;width:100%;background:linear-gradient(180deg,#fffef4,#dfe9f0)}.profile-toggle b{min-height:26px;border-radius:8px;padding:4px 9px;background:#17202a14;color:var(--muted);font-size:.78rem}.profile-fields{display:none;gap:10px;border:1px solid var(--dark-line);border-radius:8px;padding:12px;background:var(--paper);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.builder-profile-popover.is-open .profile-fields{display:grid}.builder-resource-bar{position:absolute;top:14px;right:14px;z-index:4;display:grid;grid-template-columns:repeat(5,minmax(78px,auto));gap:8px;pointer-events:auto}.resource-chip{min-height:52px;min-width:78px;display:grid;gap:3px;align-content:center;border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:7px 10px;background:#0f1822d6;box-shadow:var(--panel-shadow);color:#fff}.resource-chip span{color:#ffffffad;font-size:.68rem;font-weight:900;text-transform:uppercase}.resource-chip strong{font-size:1rem;line-height:1}.resource-chip[class*=material-]{border-color:color-mix(in srgb,var(--accent),#ffffff 16%)}.resource-meter{height:5px;overflow:hidden;border-radius:999px;background:#ffffff2e}.resource-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6ed58f,#f3c44d)}.builder-hotbar{position:absolute;left:14px;top:104px;bottom:14px;z-index:3;width:min(456px,calc(100vw - 28px));display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto auto;gap:10px;border:2px solid rgba(255,255,255,.22);border-radius:8px;padding:10px;background:linear-gradient(180deg,#122232f0,#080f16e6);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.panel-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;color:#fff}.panel-heading .eyebrow{color:#ffffff94}.selected-material-chip,.target-status{min-height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--accent, #fff),#0b1520 16%);border-radius:8px;padding:0 9px;background:color-mix(in srgb,var(--accent, #fff),#17202a 14%);color:#17202a;font-size:.78rem;font-weight:950;white-space:nowrap}.budget-hud{min-width:0;display:grid;grid-template-columns:auto 1fr;align-content:center;gap:4px 8px;border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:10px;background:#ffffff1a;color:#fff}.budget-hud strong{font-size:1.35rem}.budget-hud span{align-self:center;color:#ffffffb3;font-size:.74rem;font-weight:850;text-transform:uppercase}.budget-hud .meter{grid-column:1 / -1}.budget-hud em{grid-column:1 / -1;color:#ffffffb8;font-size:.72rem;font-style:normal;font-weight:800;line-height:1.25}.budget-hud em.ok{color:#bce8cd}.builder-keyboard-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:8px;background:#ffffff14;color:#ffffffbd;font-size:.68rem;font-weight:850}.builder-keyboard-guide span{min-width:0;display:flex;align-items:center;gap:5px}.builder-keyboard-guide kbd{min-height:22px;min-width:24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.34);border-radius:5px;padding:0 6px;background:#0c141db8;box-shadow:inset 0 1px #ffffff2e;color:#fff;font:inherit;font-size:.66rem;font-weight:950}.hotbar-bank{display:grid;gap:8px;min-width:0;overflow:auto;padding-right:2px}.hotbar-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hotbar-slot{position:relative;min-width:0;min-height:86px;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;gap:3px 8px;border:2px solid rgba(255,255,255,.2);border-radius:8px;padding:8px;background:linear-gradient(180deg,#fff9e6,#d9e1e8);text-align:left}.hotbar-slot.is-selected{border-color:var(--yellow);background:linear-gradient(180deg,#fffbe9,#f1e3a8);box-shadow:inset 0 0 0 2px #17202a24,0 0 0 2px #f4d96b47}.slot-swatch,.hotbar-slot .shape-preview{grid-row:1 / span 2;grid-column:1}.slot-swatch{width:30px;height:30px;align-self:center;border:2px solid rgba(23,32,42,.46);border-radius:5px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent),#17202a 28%));box-shadow:inset 0 2px #ffffff75}.hotbar-slot span:not(.slot-swatch):not(.shape-preview){min-width:0;overflow:hidden;color:var(--ink);font-size:.86rem;font-weight:950;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.hotbar-slot small{min-width:0;overflow:hidden;color:var(--muted);font-size:.68rem;font-weight:850;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.hotbar-slot b{position:absolute;top:6px;right:6px;min-width:26px;min-height:26px;display:grid;place-items:center;border-radius:8px;background:#17202a14;color:var(--ink);font-size:.82rem}.shape-slot{grid-template-columns:42px minmax(0,1fr)}.hotbar-slot.shape-slot span:not(.shape-preview){overflow:visible;font-size:.78rem;text-overflow:clip;white-space:normal}.hotbar-slot.shape-slot small{overflow:visible;text-overflow:clip;white-space:normal}.shape-preview{width:100%;min-height:32px;display:flex;align-items:center;justify-content:center;overflow:visible}.shape-preview:before{content:"";width:min(36px,calc(var(--shape-w) * 6px));height:max(5px,min(30px,calc(var(--shape-h) * 10px)));border:2px solid rgba(23,32,42,.58);border-radius:5px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent),#17202a 32%));box-shadow:inset 0 1px #ffffff80}.shape-slot.material-stone .shape-preview:before{background:linear-gradient(135deg,rgba(255,255,255,.28),transparent 46%),linear-gradient(90deg,rgba(55,62,72,.22) 0 18%,transparent 18% 48%,rgba(55,62,72,.18) 48% 54%,transparent 54%),linear-gradient(135deg,#c5cdd6,#7f8893)}.shape-slot.material-wood .shape-preview:before{background:linear-gradient(0deg,transparent 42%,rgba(95,48,19,.28) 43% 48%,transparent 49%),linear-gradient(135deg,#f1bc76,#9b5d2c)}.shape-slot.material-glass .shape-preview:before{background:linear-gradient(135deg,rgba(255,255,255,.65) 0 18%,transparent 19% 48%,rgba(255,255,255,.36) 49% 58%,transparent 59%),linear-gradient(135deg,#b9f2ffeb,#3f9fb4a8);box-shadow:inset 0 1px #ffffffbf,0 0 10px #7ed8ee3d}.builder-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.builder-actions button{min-width:0;min-height:42px;padding:0 10px}.save-fortress-button{grid-column:1 / -1;min-height:52px;font-size:1rem}.builder-bombs{display:flex;flex-wrap:wrap;align-content:start;gap:6px}.bomb-pill{display:inline-flex;align-items:center;gap:6px;min-height:30px;border:1px solid color-mix(in srgb,var(--accent),#17202a 15%);border-radius:8px;padding:0 9px;background:#ffffffe0;color:var(--ink);font-size:.76rem;font-weight:850}.destroyer-ammo-panel,.target-fortress-panel{position:absolute;z-index:3;display:grid;gap:10px;border:2px solid rgba(255,255,255,.18);border-radius:8px;padding:12px;background:linear-gradient(180deg,#191e23eb,#0a0d11e0);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.destroyer-ammo-panel{left:14px;bottom:14px;width:min(520px,calc(100vw - 28px))}.target-fortress-panel{top:92px;right:14px;width:min(330px,calc(100vw - 28px))}.bomb-select,.bullet-select{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.bomb-button,.bullet-button{min-height:128px;min-width:0;display:grid;grid-template-rows:38px minmax(0,1fr) auto;justify-items:center;gap:6px;border:2px solid rgba(255,255,255,.2);border-radius:8px;padding:9px 7px;background:linear-gradient(180deg,#fffcecf2,#d3dee5eb);text-align:center}.bomb-button.is-selected,.bullet-button.is-selected{border-color:#9ada3a;box-shadow:inset 0 0 0 2px #17202a24,0 0 0 2px #9ada3a57}.bomb-orb,.bullet-orb{width:36px;height:36px;border:2px solid rgba(23,32,42,.34);border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.75),transparent 20%),radial-gradient(circle at 62% 65%,color-mix(in srgb,var(--accent),#000 28%),var(--accent));box-shadow:inset -4px -6px #0000002e}.bomb-basic .bomb-orb{background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.72),transparent 20%),linear-gradient(135deg,#8e969d,#30333a)}.bomb-explosive .bomb-orb{border-radius:44% 50% 52% 48%}.bomb-fire .bomb-orb{border-radius:44% 54% 46% 50%}.bomb-iron .bomb-orb{background:radial-gradient(circle at 34% 28%,#ffffff,transparent 20%),linear-gradient(135deg,#edf1f4,#6e7680)}.bomb-copy,.bullet-copy{min-width:0;display:grid;gap:3px}.bomb-copy strong,.bomb-copy small,.bullet-copy strong,.bullet-copy small{min-width:0;overflow:hidden;text-overflow:ellipsis}.bomb-copy strong,.bullet-copy strong{color:var(--ink);font-size:.78rem;line-height:1.05}.bomb-copy small,.bullet-copy small{display:-webkit-box;color:var(--muted);font-size:.64rem;font-weight:800;line-height:1.1;-webkit-box-orient:vertical;-webkit-line-clamp:2}.bomb-button b,.bullet-button b{min-height:24px;min-width:36px;display:grid;place-items:center;border-radius:8px;background:#17202a1a;color:var(--ink);font-size:.82rem}.bullet-spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.bullet-spec-grid div{min-width:0;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px;background:#ffffff14}.bullet-spec-grid dd{margin:0;overflow:hidden;color:#fff;font-size:.86rem;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.tip-strip{border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:9px 10px;background:#ffffff14;color:#ffffffd6;font-size:.84rem;font-weight:800;line-height:1.3}.target-status{background:#9ada3a}.target-status.danger{background:#ff7c43;color:#fff}.target-stat-grid,.stat-list,.card-stats,.recap-grid{display:grid;gap:8px;margin:0}.target-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.target-stat-grid div,.recap-grid div{min-width:0;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:9px;background:#ffffff14}.target-stat-grid dd,.recap-grid dd{margin:0;overflow:hidden;color:#fff;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.target-materials{display:grid;gap:8px}.target-physics-note{min-width:0;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 10px;background:#ffffff14;color:#ffffffc7;font-size:.78rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.target-material-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:center;color:#fff}.target-material-row span{color:#ffffffc2;font-size:.78rem;font-weight:850}.target-material-row b{font-size:.82rem}.target-material-row i{grid-column:1 / -1;height:8px;overflow:hidden;border-radius:999px;background:#ffffff29}.target-material-row em{display:block;height:100%;border-radius:inherit;background:var(--accent, #9ada3a)}.flag-health em{background:#ff405f}.fire-command{position:absolute;right:14px;bottom:72px;z-index:3;min-width:220px;min-height:60px;display:grid;place-items:center;border:2px solid rgba(255,230,184,.5);border-radius:8px;padding:0 18px;background:linear-gradient(180deg,#ff7c43,#bd3422);box-shadow:var(--shadow),inset 0 2px #ffffff47;color:#fff;font-weight:950;text-align:center;text-shadow:0 2px 0 rgba(78,18,12,.46)}.launcher-drag-zone{position:absolute;left:0;bottom:0;z-index:2;width:min(62vw,660px);height:min(72vh,620px);cursor:grab;pointer-events:auto;touch-action:none}.launcher-drag-zone:active{cursor:grabbing}.is-selected{border-color:var(--yellow)}.meter{height:10px;overflow:hidden;border-radius:999px;background:#ffffff2e}.meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6ed58f,#f3c44d)}.toast{position:absolute;left:50%;bottom:18px;z-index:10;transform:translate(-50%);width:fit-content;max-width:calc(100vw - 36px);border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:11px 14px;background:#121921eb;box-shadow:var(--shadow);color:#fff;font-weight:850;pointer-events:auto}.toast.inline{position:static;transform:none}.gallery-panel{min-height:100%;overflow:auto;padding:18px;display:grid;align-content:start;gap:16px;background:linear-gradient(180deg,#ffffffa8,#6fbbe561),url(/art/fortress-duel-panorama.png) center / cover fixed no-repeat}.top-bar.unframed{position:static;box-shadow:var(--panel-shadow)}.filter-row{display:flex;flex-wrap:wrap;gap:8px}.filter-row button{text-transform:capitalize}.build-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;max-width:1120px}.build-card,.leaderboard-board{min-height:220px;display:grid;gap:16px;align-content:space-between;border:1px solid var(--dark-line);border-radius:8px;padding:16px;background:var(--paper);box-shadow:var(--panel-shadow)}.build-preview{position:relative;width:100%;aspect-ratio:1;margin:0;overflow:hidden;border:1px solid rgba(24,34,44,.14);border-radius:6px;background:linear-gradient(180deg,#8ecfebdb,#fbeeb294 58%,#688f4eb8);box-shadow:inset 0 1px #ffffff80}.build-preview img{width:100%;height:100%;display:block;object-fit:cover}.build-preview-generated{padding:7%}.build-preview-zone{position:absolute;top:7%;right:7%;bottom:7%;left:7%;overflow:hidden;border:1px solid rgba(255,255,255,.48);border-radius:5px;background:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(180deg,#26303c33,#26303c0f);background-size:12.5% 12.5%,12.5% 12.5%,100% 100%}.build-preview-block,.build-preview-flag{position:absolute;transform-origin:center}.build-preview-block{border:1px solid color-mix(in srgb,var(--block-accent) 72%,#17202a);border-radius:3px;background:linear-gradient(145deg,rgba(255,255,255,.36),transparent 40%),var(--block-color);box-shadow:0 4px 8px #0d161f38}.build-preview-flag{display:grid;place-items:center;border:1px solid rgba(255,242,179,.86);border-radius:4px;background:#ff405f29}.build-preview-flag i{width:42%;height:62%;display:block;border-left:3px solid #20242e;background:linear-gradient(90deg,#ff405f 0 72%,transparent 72%)}.build-card p{margin-top:6px;color:var(--muted);font-weight:750}.card-stats div,.stat-list div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}dd{margin:0;font-weight:900}.leaderboard-panel{gap:18px}.leaderboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1180px}.leaderboard-board{min-height:0;align-content:start}.leaderboard-heading{display:grid;gap:3px}.leader-list{display:grid;gap:8px}.leader-row{display:grid;grid-template-columns:30px 46px minmax(0,1fr) minmax(180px,auto);align-items:center;gap:10px;min-height:68px;border:1px solid rgba(24,34,44,.1);border-radius:8px;padding:10px;background:#ffffffb3}.leader-rank{color:var(--muted);font-size:.95rem}.leader-avatar{width:46px;height:46px;display:grid;place-items:center;overflow:hidden;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:#17202a;box-shadow:0 6px 14px #14222c29;color:#fff;font-size:.88rem;font-weight:950}.leader-avatar img{width:100%;height:100%;object-fit:cover}.leader-avatar.fallback{background:linear-gradient(135deg,var(--blue),var(--green))}.leader-name{min-width:0;display:grid;gap:3px}.leader-name strong{overflow:hidden;font-size:.98rem;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.leader-name span,.leader-empty{color:var(--muted);font-size:.82rem;font-weight:750}.leader-stats{display:grid;grid-template-columns:repeat(3,minmax(54px,1fr));gap:6px;margin:0}.leader-stats div{display:grid;gap:2px;min-width:0;border-radius:6px;padding:6px 8px;background:#17202a0f}.leader-stats dt{font-size:.62rem}.leader-stats dd{font-size:1rem}.leader-empty{border:1px dashed rgba(24,34,44,.18);border-radius:8px;padding:16px}.modal-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#17202a2e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.result-panel{position:absolute;left:50%;top:50%;width:min(660px,calc(100vw - 36px));max-height:calc(100dvh - 36px);overflow:auto;transform:translate(-50%,-50%);display:grid;gap:16px;border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:clamp(18px,4vw,28px);background:linear-gradient(180deg,#fffaeafa,#ebe2ccf5);box-shadow:var(--shadow)}.modal-layer .result-panel{position:static;transform:none}.publish-panel{width:min(720px,calc(100vw - 36px))}.about-layer{z-index:12;background:#09121c7a}.about-panel{width:min(780px,calc(100vw - 28px));color:var(--ink)}.about-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.about-panel h2{color:var(--ink);font-size:clamp(2rem,5vw,3.4rem)}.about-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.about-spec-grid div{border:1px solid rgba(24,34,44,.12);border-radius:8px;padding:12px;background:#ffffff94}.about-spec-grid dd{margin:5px 0 0;color:var(--ink);font-size:.92rem;font-weight:760;line-height:1.35}.about-actions{display:flex;flex-wrap:wrap;gap:10px}.result-panel h1{color:var(--ink);font-size:clamp(2rem,5vw,4.2rem)}.result-panel p{color:var(--muted);font-weight:780}.result-actions{display:flex;flex-wrap:wrap;gap:10px}.identity-form{display:grid;gap:12px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.recap-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.recap-grid div{border-color:#18222c1a;background:#ffffff9e}.recap-grid dd{color:var(--ink)}.share-input{font-size:.92rem}@media(max-width:1100px){.role-grid{width:min(100%,762px);grid-template-columns:repeat(3,minmax(180px,240px))}.builder-resource-bar{top:88px;left:14px;right:auto;grid-template-columns:repeat(5,minmax(68px,1fr));width:min(560px,calc(100vw - 28px))}.builder-hotbar{top:154px}.builder-profile-popover{top:88px}}@media(max-width:760px){.audio-controller{top:auto;right:10px;bottom:10px;left:auto;width:min(300px,calc(100vw - 20px))}#ui:has(.builder-shell) .audio-controller{top:154px;right:10px;bottom:auto;left:auto}#ui:has(.destroyer-shell) .audio-controller{top:calc(102px + 29dvh);right:auto;bottom:auto;left:10px}.home-panel{align-content:start;gap:16px;padding:96px 12px 72px}.home-player-card{top:10px;left:10px;width:calc(100vw - 20px);grid-template-columns:48px minmax(0,1fr) auto}h1{font-size:clamp(2.8rem,17vw,4.6rem)}.brand-stack{gap:10px}.lede{font-size:.96rem}.role-grid{width:calc(100vw - 24px);max-width:none;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(210px,min(58vw,300px));overflow-x:auto;padding-bottom:6px;gap:10px;scrollbar-width:thin}.role-card{min-height:0}.role-card:before{background-position:center 34%}.leaderboard-card{min-height:0}.home-footer{left:12px;right:116px;bottom:88px;max-width:calc(100vw - 128px);gap:4px 10px}.mode-ribbon,.top-bar{top:10px;left:10px;right:10px;width:auto}.mode-ribbon .ghost-button,.top-bar .ghost-button{grid-column:1 / -1;width:100%}.builder-resource-bar{top:88px;left:10px;right:10px;width:auto;grid-template-columns:repeat(3,minmax(0,1fr))}.resource-chip{min-width:0;min-height:46px;padding:6px 8px}.builder-profile-popover{top:244px;right:10px;width:min(300px,calc(100vw - 20px))}.builder-hotbar{left:10px;right:10px;top:auto;bottom:10px;width:auto;max-height:46dvh;grid-template-rows:auto auto auto minmax(0,1fr) auto auto;overflow:auto}.hotbar-slot{min-height:68px}.builder-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.destroyer-ammo-panel{left:10px;right:10px;bottom:10px;width:auto;max-height:42dvh;overflow:auto}.target-fortress-panel{top:92px;right:10px;width:min(330px,calc(100vw - 20px));max-height:29dvh;overflow:auto}.bomb-select,.bullet-select{grid-template-columns:repeat(2,minmax(0,1fr))}.bomb-button,.bullet-button{min-height:94px;grid-template-columns:36px minmax(0,1fr) auto;grid-template-rows:auto;justify-items:start;text-align:left}.bomb-button b,.bullet-button b{align-self:center}.bullet-spec-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fire-command{right:10px;bottom:calc(42dvh + 20px);min-width:170px;min-height:48px;font-size:.86rem}.launcher-drag-zone{width:76vw;height:60vh}.toast{bottom:calc(46dvh + 20px)}.destroyer-shell .toast{bottom:calc(42dvh + 78px)}.leaderboard-grid{grid-template-columns:1fr}.leader-row{grid-template-columns:28px 42px minmax(0,1fr)}.leader-stats{grid-column:1 / -1}.field-grid,.recap-grid,.about-spec-grid{grid-template-columns:1fr}.result-actions{display:grid;grid-template-columns:1fr}}@media(hover:none),(pointer:coarse){.builder-keyboard-guide{display:none}}@media(max-width:480px){.audio-controller{grid-template-columns:72px minmax(0,1fr);gap:6px 8px;padding:8px}.audio-mute-button{min-width:0}.audio-slider{grid-template-columns:38px minmax(60px,1fr) 28px}.home-panel{padding-bottom:76px}.role-card{padding:13px}.role-card span:not(.mode-card-art){font-size:1.1rem}.role-card small{font-size:.82rem}.home-footer{right:12px;max-width:calc(100vw - 24px)}.about-heading{display:grid}.about-heading .icon-button{width:100%}.builder-profile-popover{display:none}.hotbar-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.hotbar-slot{grid-template-columns:1fr;grid-template-rows:28px auto auto;justify-items:center;text-align:center}.slot-swatch,.hotbar-slot .shape-preview{grid-row:1;grid-column:1}.hotbar-slot span:not(.slot-swatch):not(.shape-preview),.hotbar-slot small{max-width:100%;font-size:.66rem}.target-fortress-panel{left:10px;width:auto}.target-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fire-command{left:10px;right:10px}}#ui:has(.builder-shell) .audio-controller{top:112px;right:18px}.builder-shell .builder-resource-bar{top:14px;right:14px;left:auto;width:auto;grid-template-columns:repeat(5,minmax(94px,auto))}.builder-command-panel .builder-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.builder-command-panel .builder-bombs{display:grid;flex-wrap:initial;align-content:initial}.builder-command-panel .save-fortress-button{background:linear-gradient(180deg,#ffdf72,#dda338 56%,#9f5e1e);color:#3a2110}.builder-command-panel .bomb-pill{display:grid;flex-wrap:initial}.builder-shell .builder-profile-popover{top:190px;right:18px;gap:0}.builder-shell .builder-profile-popover.is-open .profile-toggle{border-bottom:0;border-radius:8px 8px 0 0}.builder-shell .builder-profile-popover.is-open .profile-fields{border-top:0;border-radius:0 0 8px 8px}.builder-shell .builder-profile-popover:not(.is-open) .profile-toggle{border-radius:8px}@media(max-width:1180px){.builder-shell .builder-resource-bar{grid-template-columns:repeat(5,minmax(76px,auto))}.builder-shell .builder-workbench-tip{width:min(430px,calc(100vw - 460px))}}@media(max-width:900px){#ui:has(.builder-shell) .audio-controller{display:none}.builder-shell .builder-resource-bar{top:10px;right:10px;left:auto;width:min(392px,calc(100vw - 76px));grid-template-columns:repeat(3,minmax(0,1fr))}.builder-shell .builder-profile-popover{top:170px;right:10px;width:min(284px,calc(100vw - 76px))}.builder-shell .builder-workbench-tip{display:none}}@media(max-width:560px){.builder-command-panel .builder-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-command-panel .builder-bombs,.builder-shell .builder-profile-popover{display:none}}.builder-command-panel{grid-template-rows:112px 62px minmax(0,1fr) auto 112px;gap:8px;padding:10px 12px 12px}.builder-panel-banner{min-height:112px;grid-template-columns:74px minmax(0,1fr);gap:10px;margin:-18px -22px -2px;padding:18px 28px 17px 18px}.builder-panel-banner:before{top:-23px;right:-32px;bottom:-21px;left:-28px;background-size:100% 100%}.builder-back-button{min-width:66px;min-height:68px}.builder-title-stack{align-self:center;padding-right:42px}.builder-title-stack h2{overflow:visible;font-size:clamp(1.72rem,1.94vw,2.05rem);line-height:.9;white-space:nowrap}.builder-title-stack small{width:max-content;max-width:100%;margin-top:6px;padding:2px 10px 3px;border-radius:0 0 5px 5px;background:#2a201294;font-size:.96rem;line-height:1.05}.builder-command-panel .builder-budget-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:3px 10px;padding:9px 13px}.builder-command-panel .builder-budget-card .builder-section-title{display:contents}.builder-command-panel .builder-budget-card .builder-section-title span{grid-column:1;grid-row:1}.builder-command-panel .builder-budget-card .builder-section-title strong{grid-column:3;grid-row:1;font-size:1.08rem}.builder-command-panel .builder-budget-card .builder-budget-meter{grid-column:2;grid-row:1}.builder-command-panel .builder-budget-card em{grid-column:2 / 4;grid-row:2;justify-self:end;font-size:.68rem}.builder-command-panel .builder-kit-panel{gap:8px;padding:11px}.builder-command-panel .builder-kit-panel .panel-heading{min-height:46px}.builder-command-panel .builder-kit-panel .panel-heading h3{font-size:1.22rem;line-height:1}.builder-command-panel .selected-material-chip{min-height:34px;min-width:60px;padding-inline:10px}.builder-command-panel .hotbar-bank{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:9px;overflow:hidden}.builder-command-panel .hotbar-slots{min-height:0;grid-template-columns:repeat(3,minmax(0,1fr))}.builder-command-panel .hotbar-slot{min-height:0;height:100%;grid-template-rows:minmax(48px,1fr) auto auto;gap:5px;padding:9px 7px 8px}.builder-command-panel .materials-hotbar .hotbar-slot{grid-template-rows:minmax(58px,1fr) auto auto}.builder-command-panel .slot-swatch{align-self:end;width:58px;height:58px;margin-bottom:4px}.builder-command-panel .material-slot .slot-swatch{border:2px solid rgba(255,255,255,.34);border-radius:8px;transform:perspective(80px) rotateX(4deg) rotateY(-8deg);box-shadow:inset 0 2px #ffffff75,inset -9px -8px #0000001f,0 8px 10px #00000042}.builder-command-panel .material-stone .slot-swatch{background:linear-gradient(90deg,transparent 0 34%,rgba(66,72,80,.22) 34% 39%,transparent 39% 68%,rgba(66,72,80,.18) 68% 73%,transparent 73%),linear-gradient(0deg,transparent 0 44%,rgba(66,72,80,.18) 44% 50%,transparent 50%),linear-gradient(135deg,#dde2e8,#858d98 62%,#68717d)}.builder-command-panel .material-wood .slot-swatch{background:radial-gradient(ellipse at 64% 52%,rgba(92,48,22,.46) 0 10%,transparent 11%),linear-gradient(0deg,transparent 0 32%,rgba(97,49,20,.26) 33% 38%,transparent 39% 68%,rgba(97,49,20,.22) 69% 73%,transparent 74%),linear-gradient(135deg,#f2bb73,#b87534 58%,#8b4f25)}.builder-command-panel .material-glass .slot-swatch{background:linear-gradient(135deg,rgba(255,255,255,.82) 0 16%,transparent 17% 45%,rgba(255,255,255,.46) 46% 55%,transparent 56%),linear-gradient(135deg,#c4f8fff5,#5abed4c7 60%,#257ea09e);box-shadow:inset 0 2px #ffffffb8,inset -9px -8px #1d7aa029,0 0 14px #7ed8ee47,0 8px 10px #00000038}.builder-command-panel .shape-preview{align-items:end;min-height:58px;padding-bottom:7px}.builder-command-panel .shape-preview:before{width:min(84px,calc(var(--shape-w) * 19px));height:max(12px,min(46px,calc(var(--shape-h) * 20px)))}.builder-command-panel .hotbar-slot span:not(.slot-swatch):not(.shape-preview){font-size:.86rem;line-height:1}.builder-command-panel .hotbar-slot small{font-size:.66rem;line-height:1.12}.builder-command-panel .builder-actions{position:relative;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding-top:17px}.builder-actions-label{position:absolute;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;color:#cbb280;font-size:.72rem;font-weight:950;letter-spacing:.04em;text-transform:uppercase;pointer-events:none}.builder-actions-label:before,.builder-actions-label:after{content:"";height:1px;background:linear-gradient(90deg,transparent,rgba(203,178,128,.74),transparent)}.builder-action-button{min-height:55px;grid-template-rows:23px auto;border-radius:7px;font-size:.72rem}.builder-command-panel .save-fortress-button{min-height:54px;margin-top:2px;border-radius:7px;font-size:1.02rem}.builder-command-panel .builder-bombs{gap:6px;padding:9px 10px 10px}.builder-command-panel .builder-bomb-grid{gap:6px}.builder-command-panel .bomb-pill{min-height:64px;grid-template-rows:24px auto 20px;gap:2px;padding:5px 4px 4px}.builder-command-panel .bomb-pill-icon{width:25px;height:25px}.builder-command-panel .bomb-pill span{font-size:.58rem}.builder-command-panel .bomb-pill b{min-width:22px;min-height:22px}@media(max-height:780px)and (min-width:761px){.builder-command-panel{grid-template-rows:96px 56px minmax(0,1fr) auto 96px;gap:7px}.builder-panel-banner{min-height:98px}.builder-command-panel .hotbar-slot{grid-template-rows:minmax(40px,1fr) auto auto}.builder-command-panel .slot-swatch{width:48px;height:48px}.builder-command-panel .bomb-pill{min-height:54px;grid-template-rows:21px auto 18px}}.destroyer-shell{--destroyer-panel-width: 470px;--destroyer-red: #cf4d2d;--destroyer-red-dark: #742418;--destroyer-green: #a6df39;--destroyer-panel-bg: rgba(12, 17, 20, .95)}#ui:has(.destroyer-shell) .audio-controller{top:158px;left:500px;right:auto;z-index:12;width:auto;display:grid;grid-template-columns:48px;gap:0;border:0;padding:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}#ui:has(.destroyer-shell) .audio-panel-toggle{width:48px;height:48px;display:grid;place-items:center;border:2px solid rgba(255,232,172,.28);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 42%),linear-gradient(180deg,#263132eb,#0a0e0fe6);box-shadow:0 10px 18px #00000042,inset 0 2px #ffffff29;color:#ffd86b}#ui:has(.destroyer-shell) .audio-controller:not(.is-open) .audio-mute-button,#ui:has(.destroyer-shell) .audio-controller:not(.is-open) .audio-slider{display:none}#ui:has(.destroyer-shell) .audio-controller.is-open{width:min(318px,calc(100vw - 32px));grid-template-columns:48px minmax(0,1fr);gap:8px 10px;border:1px solid rgba(255,221,132,.2);border-radius:8px;padding:10px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 24%),linear-gradient(180deg,#1f2526fa,#0b0f11f5);box-shadow:inset 0 0 0 1px #0000006b,0 10px 18px #00000040}#ui:has(.destroyer-shell) .audio-controller.is-open .audio-panel-toggle{grid-row:1 / span 3;grid-column:1;align-self:start}#ui:has(.destroyer-shell) .audio-mute-button{grid-row:auto;grid-column:2;min-height:42px;min-width:0;grid-template-columns:28px minmax(0,1fr);place-items:center start;border-color:#ffe8ac33;padding:0 10px;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 42%),linear-gradient(180deg,#66523c,#2a2520);color:#fff3c5;text-shadow:0 2px 0 rgba(0,0,0,.38);text-transform:uppercase}#ui:has(.destroyer-shell) .audio-mute-button .speaker-icon{width:21px;height:21px}#ui:has(.destroyer-shell) .audio-slider{grid-column:2;grid-template-columns:50px minmax(0,1fr) 32px}#ui:has(.destroyer-shell) .audio-slider span,#ui:has(.destroyer-shell) .audio-slider b{color:#d8bd80;font-size:.72rem}.destroyer-command-panel{position:absolute;top:14px;bottom:auto;left:14px;z-index:8;width:min(var(--destroyer-panel-width),calc(100vw - 28px));max-height:calc(100dvh - 28px);display:grid;grid-template-rows:130px auto;align-content:start;gap:8px;border:2px solid rgba(218,171,99,.26);border-radius:8px;padding:10px 12px 12px;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 25%),linear-gradient(180deg,#1d2627fa,#080c0df5);box-shadow:0 18px 36px #02070a80,inset 0 0 0 1px #ffffff12,inset 0 -18px 34px #00000057;color:#fff;pointer-events:auto}.destroyer-command-panel:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;z-index:-1;border:1px solid rgba(255,236,177,.08);border-radius:6px;pointer-events:none}.destroyer-panel-banner{position:relative;min-height:124px;display:grid;grid-template-columns:76px minmax(0,1fr) 94px;align-items:center;gap:10px;margin:-16px -22px -6px;padding:18px 30px 18px 18px;isolation:isolate}.destroyer-panel-banner:before{content:"";position:absolute;top:-18px;right:-28px;bottom:-38px;left:-26px;z-index:-1;background:url(/art/ui/destroyer-panel-cap.png) center / 100% 100% no-repeat;filter:drop-shadow(0 12px 14px rgba(3,8,12,.34));pointer-events:none}.destroyer-back-button,.destroyer-restart-button{display:grid;place-items:center;gap:3px;border:2px solid transparent;border-radius:8px;background:#080d0f0a;box-shadow:none;color:#fff7d6;text-transform:uppercase;text-shadow:0 2px 0 rgba(0,0,0,.38)}.destroyer-back-button:hover,.destroyer-restart-button:hover{background:#ffffff14}.destroyer-back-button{min-width:66px;min-height:68px;grid-template-rows:1fr auto;padding:7px 6px 6px}.destroyer-restart-button{min-height:56px;grid-template-columns:24px minmax(0,1fr);padding:0 10px}.destroyer-back-button b,.destroyer-restart-button b{font-size:.68rem;line-height:1}.destroyer-back-arrow{width:28px;height:22px;display:block;clip-path:polygon(38% 0,0 50%,38% 100%,38% 66%,100% 66%,100% 34%,38% 34%);background:#fff9df;filter:drop-shadow(0 2px 0 rgba(0,0,0,.44))}.destroyer-restart-icon{width:22px;height:22px;display:block;position:relative}.destroyer-restart-icon:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:4px solid #fff9df;border-left-color:transparent;border-radius:999px}.destroyer-restart-icon:after{content:"";position:absolute;right:0;top:2px;width:9px;height:9px;clip-path:polygon(0 0,100% 50%,0 100%);background:#fff9df}.destroyer-title-stack{min-width:0;align-self:center;color:#fff4cf;text-shadow:0 3px 0 rgba(43,21,10,.9),0 0 8px rgba(43,21,10,.32)}.destroyer-title-stack .eyebrow{display:inline-block;margin-bottom:4px;border-radius:999px;padding:2px 10px;background:#0a0f105c;color:#f5cf67;font-size:.68rem}.destroyer-title-stack h2{overflow:hidden;color:#fff4cf;font-size:clamp(1.36rem,1.85vw,1.78rem);font-weight:400;line-height:.95;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.destroyer-title-stack small{display:block;margin-top:5px;overflow:hidden;color:#aee85b;font-size:.92rem;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.destroyer-command-panel .destroyer-ammo-panel{position:relative;inset:auto;z-index:auto;width:auto;display:grid;gap:10px;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:12px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 22%),linear-gradient(180deg,#171f20f5,#080d0ef0);box-shadow:inset 0 0 0 1px #0006,0 8px 14px #00000029;-webkit-backdrop-filter:none;backdrop-filter:none}.destroyer-command-panel .destroyer-ammo-panel{min-height:0;align-self:start;align-content:start;overflow:auto}.destroyer-section-heading,.destroyer-target-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.destroyer-section-heading h3,.destroyer-target-heading h3{overflow:hidden;color:#fff4cf;font-size:1.08rem;font-weight:400;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;text-shadow:0 2px 0 rgba(0,0,0,.38)}.destroyer-section-heading .eyebrow,.destroyer-target-heading .eyebrow{color:#d1b77f}.destroyer-count-badge{min-height:34px;min-width:74px;display:grid;place-items:center;border:1px solid rgba(255,226,150,.24);border-radius:8px;background:linear-gradient(180deg,#4a3a27,#1f1914);color:#fff3c5;font-size:.86rem;font-weight:950;text-transform:uppercase}.destroyer-command-panel .bullet-select{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.destroyer-command-panel .bullet-button{position:relative;min-height:172px;grid-template-rows:64px minmax(42px,1fr) auto;align-content:start;justify-items:center;gap:8px;border:2px solid rgba(63,50,38,.44);border-radius:8px;padding:12px 7px 10px;background:linear-gradient(135deg,rgba(255,210,82,.24) 0 15px,transparent 16px),linear-gradient(180deg,rgba(255,255,255,.82),transparent 30%),linear-gradient(180deg,#f6ecd5,#d3c2a5);box-shadow:inset 0 0 0 1px #ffffff7a,inset 0 -5px #5c462f2e,0 6px 11px #0000002e;color:#2b2218;text-align:center}.destroyer-command-panel .bullet-button:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(75,55,35,.2);border-radius:6px;pointer-events:none}.destroyer-command-panel .bullet-button:disabled{filter:grayscale(.62) brightness(.82);opacity:.78}.destroyer-command-panel .bullet-button.is-selected{border-color:#b8f43d;background:linear-gradient(135deg,rgba(255,210,82,.36) 0 17px,transparent 18px),linear-gradient(180deg,rgba(255,255,255,.9),transparent 32%),linear-gradient(180deg,#fff4dc,#d8c59e);box-shadow:inset 0 0 0 2px #ffffff80,0 0 0 2px #76b51e75,0 0 18px #a6df3947}.destroyer-command-panel .bullet-corner{position:absolute;top:5px;left:5px;width:22px;height:22px;border-radius:5px 0 7px;background:linear-gradient(135deg,#f0bd43,#a0641d);clip-path:polygon(0 0,100% 0,0 100%)}.destroyer-command-panel .bullet-orb{width:58px;height:58px;align-self:end;border-width:3px;box-shadow:inset -6px -8px #0000002e,0 7px 10px #301f1233}.destroyer-command-panel .bomb-explosive .bullet-orb{background:radial-gradient(circle at 35% 27%,rgba(255,255,255,.72),transparent 18%),radial-gradient(circle at 58% 66%,#7d4930 0 11%,transparent 12%),linear-gradient(135deg,#c6824f,#6a391f)}.destroyer-command-panel .bomb-fire .bullet-orb{background:radial-gradient(circle at 35% 27%,rgba(255,255,255,.7),transparent 18%),radial-gradient(circle at 56% 64%,#bc8624 0 12%,transparent 13%),linear-gradient(135deg,#edc55d,#8d5b16)}.destroyer-command-panel .bomb-iron .bullet-orb{background:radial-gradient(circle at 35% 27%,rgba(255,255,255,.78),transparent 18%),linear-gradient(135deg,#89c9f4,#2f6ca2)}.destroyer-command-panel .bullet-copy{align-self:stretch}.destroyer-command-panel .bullet-copy strong{color:#18150f;font-size:.86rem;line-height:1.06;text-shadow:0 1px 0 rgba(255,255,255,.44);text-transform:uppercase;white-space:normal}.destroyer-command-panel .bullet-copy small{color:#463926;font-size:.64rem;line-height:1.16}.destroyer-command-panel .bullet-button b{min-width:42px;min-height:28px;border:1px solid rgba(82,61,36,.34);background:linear-gradient(180deg,#6d8e1e,#365913);color:#fff9df;font-size:.86rem;text-shadow:0 2px 0 rgba(0,0,0,.32)}.destroyer-command-panel .bullet-button:disabled b{background:linear-gradient(180deg,#8a8378,#4a4339)}.destroyer-command-panel .bullet-spec-grid{gap:7px}.destroyer-command-panel .bullet-spec-grid div{border-color:#daab632e;background:linear-gradient(180deg,#392e21cc,#14110ed1)}.destroyer-command-panel .bullet-spec-grid dt{color:#cbb280}.destroyer-command-panel .bullet-spec-grid dd{color:#fff4cf;font-size:.88rem;text-shadow:0 2px 0 rgba(0,0,0,.28)}.destroyer-command-panel .tip-strip{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:8px;border-color:#ffdd8429;padding:10px 11px;background:linear-gradient(180deg,#282219e6,#0e0d0bdb);color:#f7e4b1;font-size:.82rem}.destroyer-command-panel .tip-strip span{width:22px;height:22px;display:block;border-radius:999px;background:radial-gradient(circle at 46% 34%,#fff8b7 0 18%,transparent 19%),linear-gradient(180deg,#ffd65a,#b36d1f);box-shadow:inset 0 -3px #0003}.destroyer-target-panel{top:18px;right:18px;z-index:8;width:min(390px,calc(100vw - 36px));gap:12px;border:2px solid rgba(218,171,99,.26);padding:16px;background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 22%),linear-gradient(180deg,#1c2222f7,#080c0df2);box-shadow:0 16px 30px #02070a6b,inset 0 0 0 1px #ffffff14,inset 0 -14px 24px #00000047;-webkit-backdrop-filter:none;backdrop-filter:none}.destroyer-target-panel:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;z-index:-1;border:1px solid rgba(255,236,177,.08);border-radius:6px}.destroyer-target-panel .target-status{min-height:40px;display:inline-grid;grid-template-columns:22px max-content;align-items:center;gap:7px;border:2px solid rgba(39,75,15,.38);border-radius:8px;padding:0 10px;background:linear-gradient(180deg,#c6f05e,#78a92f);color:#20340e;font-size:.8rem;font-weight:950;text-transform:uppercase;box-shadow:inset 0 2px #ffffff57,0 6px 10px #0003;white-space:nowrap}.destroyer-target-panel .target-status i{width:18px;height:22px;clip-path:polygon(50% 0,90% 12%,90% 50%,50% 100%,10% 50%,10% 12%);background:#294916}.destroyer-target-panel .target-status.danger{border-color:#681c1466;background:linear-gradient(180deg,#ff8962,#c23e28);color:#fff8d9}.destroyer-target-panel .target-status.danger i{background:#fff8d9}.destroyer-target-panel .target-stat-grid{gap:8px}.destroyer-target-panel .target-stat-grid div{min-height:64px;border-color:#ffffff1f;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 42%),linear-gradient(180deg,#1f1f1deb,#0f0e0de6)}.destroyer-target-panel .target-stat-grid dt{color:#aab4bf;font-size:.74rem}.destroyer-target-panel .target-stat-grid dd{color:#fff4cf;font-size:1.18rem;text-shadow:0 2px 0 rgba(0,0,0,.34)}.destroyer-target-panel .target-physics-note{border-color:#ffffff1a;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 42%),#00000038;color:#cfd7df}.destroyer-target-panel .target-materials{gap:10px}.destroyer-target-panel .target-material-row{grid-template-columns:minmax(0,1fr) 34px;gap:6px 10px}.destroyer-target-panel .target-material-label{min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;color:#fff4cf;font-size:.86rem;font-weight:950;text-transform:uppercase}.destroyer-target-panel .target-mini-icon{width:26px;height:26px;display:block;grid-column:auto;border-radius:6px;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.42),transparent 20%),linear-gradient(135deg,var(--accent, #d7d7dd),color-mix(in srgb,var(--accent, #d7d7dd),#11181e 38%));box-shadow:inset 0 -4px #0000002e,0 3px 5px #00000038}.destroyer-target-panel .target-mini-icon.material-stone{--accent: var(--stone)}.destroyer-target-panel .target-mini-icon.material-wood{--accent: var(--wood)}.destroyer-target-panel .target-mini-icon.material-glass{--accent: var(--glass)}.destroyer-target-panel .target-mini-icon.flag{border-radius:2px 7px 7px 2px;background:linear-gradient(90deg,#54321e 0 4px,transparent 4px),linear-gradient(135deg,#e64738,#8c241d);clip-path:polygon(0 0,82% 0,100% 50%,82% 100%,0 100%)}.destroyer-target-panel .target-material-row b{color:#fff4cf;font-size:.94rem;text-align:right}.destroyer-target-panel .target-material-meter{grid-column:1 / -1;height:9px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#00000059}.destroyer-target-panel .target-material-meter em{display:block;height:100%;border-radius:inherit;background:var(--accent, #9ada3a);box-shadow:0 0 10px color-mix(in srgb,var(--accent, #9ada3a),transparent 46%)}.destroyer-target-panel .flag-health .target-material-meter em{background:linear-gradient(90deg,#e43b35,#ff6c5d)}.destroyer-shell .fire-command{right:70px;bottom:24px;z-index:8;width:min(390px,calc(100vw - 520px));min-width:320px;min-height:72px;grid-template-columns:58px minmax(0,1fr);justify-items:start;gap:12px;border-color:#ffdc9e66;padding:9px 18px 9px 10px;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 34%),linear-gradient(180deg,#df6a39,#9c2f22)}.fire-command-hand{width:48px;height:46px;display:block;border-radius:50% 46% 44% 48%;background:radial-gradient(circle at 37% 34%,#fff0bd 0 15%,transparent 16%),linear-gradient(135deg,#dfae72,#7a4522);box-shadow:inset 0 -5px #0000002e,0 4px 9px #00000038;transform:rotate(-10deg)}.destroyer-shell .fire-command strong,.destroyer-shell .fire-command small{display:block;min-width:0;color:#fff8d8;overflow-wrap:anywhere}.destroyer-shell .fire-command strong{font-size:1.12rem;line-height:1.05;text-transform:uppercase}.destroyer-shell .fire-command small{margin-top:3px;font-size:.82rem;font-weight:850;text-shadow:0 1px 0 rgba(78,18,12,.44)}.destroyer-shell .fire-command.is-empty{background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 34%),linear-gradient(180deg,#766f66,#3c3430)}@media(max-width:1180px){.destroyer-shell{--destroyer-panel-width: 424px}#ui:has(.destroyer-shell) .audio-controller{left:454px}#ui:has(.destroyer-shell) .audio-controller.is-open{width:min(292px,calc(100vw - 32px))}.destroyer-panel-banner{grid-template-columns:68px minmax(0,1fr) 82px;padding-right:24px}.destroyer-restart-button{grid-template-columns:1fr;gap:2px;padding-inline:7px}.destroyer-restart-icon{width:18px;height:18px}.destroyer-command-panel .bullet-button{min-height:154px;padding-inline:5px}.destroyer-title-stack h2{font-size:1.34rem}.destroyer-command-panel .bullet-orb{width:50px;height:50px}.destroyer-target-panel{width:min(350px,calc(100vw - 36px))}}@media(max-width:960px){#ui:has(.destroyer-shell) .audio-controller{top:10px;left:10px;right:auto}#ui:has(.destroyer-shell) .audio-controller.is-open{width:min(318px,calc(100vw - 20px))}.destroyer-command-panel{top:auto;right:10px;bottom:10px;left:10px;width:auto;max-height:48dvh;grid-template-rows:auto minmax(0,1fr);overflow:auto}.destroyer-panel-banner{position:sticky;top:0;z-index:2;min-height:92px;grid-template-columns:62px minmax(0,1fr) 82px;margin-bottom:-2px}.destroyer-title-stack h2{font-size:1.42rem}.destroyer-command-panel .destroyer-ammo-panel{overflow:visible}.destroyer-command-panel .bullet-select{overflow-x:auto;grid-template-columns:repeat(4,minmax(108px,1fr));padding-bottom:2px}.destroyer-command-panel .bullet-button{min-height:122px;grid-template-rows:48px minmax(34px,1fr) auto}.destroyer-command-panel .bullet-orb{width:44px;height:44px}.destroyer-target-panel{top:10px;right:10px;width:min(330px,calc(100vw - 20px));max-height:34dvh;overflow:auto}.destroyer-shell .fire-command{right:10px;bottom:calc(48dvh + 20px);width:min(330px,calc(100vw - 20px));min-width:0;min-height:62px}.destroyer-shell .toast{bottom:calc(48dvh + 92px)}}@media(max-width:560px){#ui:has(.destroyer-shell) .audio-controller{top:calc(31dvh + 18px);left:8px}#ui:has(.destroyer-shell) .audio-controller.is-open{width:min(308px,calc(100vw - 16px))}.destroyer-command-panel{max-height:52dvh;padding:8px}.destroyer-panel-banner{grid-template-columns:56px minmax(0,1fr) 68px;min-height:84px;padding:14px 18px 12px 14px}.destroyer-back-button{min-width:52px;min-height:54px}.destroyer-restart-button b,.destroyer-back-button b{font-size:.6rem}.destroyer-title-stack .eyebrow{font-size:.56rem}.destroyer-title-stack h2{font-size:1.2rem}.destroyer-title-stack small{font-size:.74rem}.destroyer-section-heading h3,.destroyer-target-heading h3{font-size:.92rem}.destroyer-command-panel .destroyer-ammo-panel{padding:10px}.destroyer-command-panel .bullet-spec-grid{grid-template-columns:repeat(3,minmax(94px,1fr));overflow-x:auto}.destroyer-command-panel .tip-strip{font-size:.74rem}.destroyer-target-panel{right:8px;left:8px;width:auto;max-height:31dvh;padding:12px}.destroyer-target-heading{grid-template-columns:1fr}.destroyer-target-panel .target-status{justify-self:start;min-height:34px;font-size:.68rem}.destroyer-target-panel .target-stat-grid div{min-height:56px;padding:8px}.destroyer-shell .fire-command{left:8px;right:8px;bottom:calc(52dvh + 18px);width:auto;grid-template-columns:44px minmax(0,1fr);padding:8px 12px 8px 8px}.fire-command-hand{width:38px;height:36px}.destroyer-shell .fire-command strong{font-size:.92rem}.destroyer-shell .fire-command small{font-size:.72rem}}@media(max-height:780px)and (min-width:961px){.destroyer-command-panel{grid-template-rows:112px auto;gap:7px}.destroyer-panel-banner{min-height:108px}#ui:has(.destroyer-shell) .audio-controller{top:138px}.destroyer-command-panel .bullet-button{min-height:128px;grid-template-rows:44px minmax(32px,1fr) auto;gap:6px}.destroyer-command-panel .bullet-orb{width:42px;height:42px}.destroyer-command-panel .bullet-spec-grid div{padding:6px}.destroyer-command-panel .tip-strip{padding:8px;font-size:.76rem}}#ui:has(.destroyer-shell) .audio-controller{display:none}.destroyer-top-card{position:absolute;top:20px;left:24px;z-index:9;width:min(350px,calc(100vw - 48px));min-height:82px;display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;border:2px solid rgba(255,224,154,.22);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 28%),linear-gradient(180deg,#1b282ff0,#091015f0);box-shadow:0 12px 24px #050c1257,inset 0 0 0 1px #0000005c;color:#fff7d6;pointer-events:auto;overflow:hidden}.destroyer-home-button{align-self:stretch;min-width:0;min-height:78px;display:grid;grid-template-rows:34px auto;place-items:center;gap:4px;border:0;border-right:2px solid rgba(255,224,154,.12);border-radius:0;padding:8px 4px 7px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 42%),linear-gradient(180deg,#293a40cc,#0d1519b8);color:#fff7d6;text-transform:uppercase;text-shadow:0 2px 0 rgba(0,0,0,.42)}.destroyer-home-button b{font-size:.72rem;line-height:1}.destroyer-home-icon{position:relative;width:34px;height:31px;display:block;color:#fff7d6;filter:drop-shadow(0 2px 0 rgba(0,0,0,.45))}.destroyer-home-icon:before,.destroyer-home-icon:after{content:"";position:absolute;background:currentColor}.destroyer-home-icon:before{left:5px;right:5px;top:13px;bottom:1px;border-radius:2px}.destroyer-home-icon:after{left:2px;top:1px;width:30px;height:22px;clip-path:polygon(50% 0,100% 48%,84% 48%,84% 100%,16% 100%,16% 48%,0 48%)}.destroyer-top-card .destroyer-title-stack{min-width:0;padding:0 16px}.destroyer-top-card .destroyer-title-stack h2{overflow:hidden;color:#fff7d6;font-size:1.22rem;font-weight:950;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.destroyer-top-card .destroyer-title-stack small{display:flex;align-items:center;gap:8px;margin-top:8px;overflow:hidden;color:#aee85b;font-size:.93rem;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.destroyer-top-card .destroyer-title-stack i{width:14px;height:14px;display:inline-block;flex:0 0 auto;background:#f2c663;clip-path:polygon(0 76%,66% 10%,90% 34%,24% 100%,0 100%);filter:drop-shadow(0 1px 0 rgba(0,0,0,.4))}.destroyer-brand-mark{position:absolute;top:28px;left:50%;z-index:4;width:min(430px,36vw);display:grid;justify-items:center;transform:translate(-50%);color:#fff4cf;pointer-events:none;text-align:center;text-transform:uppercase;text-shadow:0 5px 0 #46230d,0 8px 14px rgba(0,0,0,.34)}.destroyer-brand-mark strong{color:#ffe7a6;font-size:clamp(2rem,4.3vw,4.1rem);font-weight:950;line-height:.86}.destroyer-brand-mark span{display:inline-block;color:#fff4cf;font-size:.36em;line-height:1;vertical-align:middle;text-shadow:0 2px 0 #46230d}.destroyer-brand-mark em{min-width:184px;margin-top:8px;border-radius:8px;padding:4px 16px;background:linear-gradient(180deg,#8b5224,#4e2a15);color:#fff4cf;font-size:1.12rem;font-style:normal;font-weight:950;letter-spacing:.02em;box-shadow:inset 0 2px #ffffff29,0 5px 10px #0000003d}.destroyer-target-panel{top:22px;right:24px;width:min(430px,calc(100vw - 48px));gap:14px;border:2px solid rgba(255,224,154,.22);border-radius:8px;padding:16px 18px 18px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 28%),linear-gradient(180deg,#1b282ff0,#091015f0);box-shadow:0 12px 24px #050c1257,inset 0 0 0 1px #0000005c}.destroyer-target-panel .destroyer-target-heading{gap:12px;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:12px}.destroyer-target-panel .destroyer-target-heading .eyebrow{color:#aab8c4;font-size:.78rem}.destroyer-target-panel .destroyer-target-heading h3{color:#fff4cf;font-size:1.16rem;font-weight:950;line-height:1.05;text-transform:none;white-space:nowrap}.destroyer-target-panel .target-status{min-height:42px;grid-template-columns:22px max-content;padding:0 12px;font-size:.72rem}.target-strength-row{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:12px}.target-castle-icon{position:relative;width:48px;height:42px;display:block;border-radius:5px 5px 3px 3px;background:linear-gradient(90deg,transparent 0 10px,#8c9398 10px 16px,transparent 16px 32px,#8c9398 32px 38px,transparent 38px),linear-gradient(180deg,#d4d0c6,#8e8f8f);box-shadow:inset 0 -5px #00000038,0 4px 8px #0000003d}.target-castle-icon:before{content:"";position:absolute;left:4px;right:4px;top:-13px;height:17px;background:linear-gradient(90deg,#d4d0c6 0 8px,transparent 8px 14px,#d4d0c6 14px 22px,transparent 22px 28px,#d4d0c6 28px 36px)}.target-castle-icon:after{content:"";position:absolute;left:18px;bottom:0;width:12px;height:15px;border-radius:7px 7px 0 0;background:#231f1b80}.target-strength-row strong{display:block;margin-bottom:8px;color:#fff4cf;font-size:.9rem;font-weight:950;text-transform:uppercase}.target-strength-meter{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.target-strength-meter i{height:20px;border:1px solid rgba(255,210,104,.16);border-radius:5px;background:#ffffff1f}.target-strength-meter i.is-lit{background:linear-gradient(180deg,#ffe17a,#d89124);box-shadow:inset 0 2px #ffffff38,0 0 9px #f4b93f29}.destroyer-bottom-hud{position:absolute;left:24px;right:24px;bottom:22px;z-index:9;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:end;gap:42px;pointer-events:none}.destroyer-bottom-hud>*{pointer-events:auto}.destroyer-bottom-hud .destroyer-ammo-panel{position:relative;inset:auto;width:auto;display:grid;gap:10px;border:2px solid rgba(255,224,154,.22);border-radius:8px;padding:12px 14px 14px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 30%),linear-gradient(180deg,#1b2224f5,#0a0e0ff0);box-shadow:0 12px 24px #050c1257,inset 0 0 0 1px #0000005c;-webkit-backdrop-filter:none;backdrop-filter:none}.destroyer-bottom-hud .destroyer-section-heading{display:block}.destroyer-bottom-hud .destroyer-section-heading h3{color:#fff4cf;font-size:.92rem;font-weight:950;letter-spacing:.03em;line-height:1;text-transform:uppercase}.destroyer-bottom-hud .bullet-select{display:grid;grid-template-columns:repeat(5,minmax(136px,1fr));gap:12px}.destroyer-bottom-hud .bullet-button,.locked-bullet-card{position:relative;min-width:0;min-height:96px;display:grid;grid-template-columns:70px minmax(0,1fr);grid-template-rows:1fr;align-items:center;justify-items:start;gap:12px;border:2px solid rgba(255,224,154,.24);border-radius:8px;padding:12px 44px 12px 12px;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 30%),linear-gradient(180deg,#242726f0,#111111e6);color:#fff4cf;text-align:left}.destroyer-bottom-hud .bullet-button.is-selected{border-color:#9aea2f;background:linear-gradient(180deg,rgba(98,149,36,.38),transparent 48%),linear-gradient(180deg,#252f22fa,#0e1410f0);box-shadow:0 0 0 2px #9aea2f38,0 0 18px #9aea2f29}.destroyer-bottom-hud .bullet-button.is-selected:after{content:"";position:absolute;left:50%;bottom:-18px;width:26px;height:20px;transform:translate(-50%);clip-path:polygon(0 0,100% 0,50% 100%);background:#9aea2f}.destroyer-bottom-hud .bullet-button:disabled{filter:grayscale(.5) brightness(.78)}.destroyer-bottom-hud .bullet-orb{width:56px;height:56px;border-width:2px;align-self:center}.destroyer-bottom-hud .bullet-copy{display:grid;gap:4px}.destroyer-bottom-hud .bullet-copy strong{color:#fff4cf;font-size:.74rem;font-weight:950;line-height:1.05;text-transform:uppercase;white-space:normal;text-shadow:0 2px 0 rgba(0,0,0,.42)}.destroyer-bottom-hud .bullet-copy small{color:#ffffffd1;font-size:.72rem;font-weight:850;line-height:1.15;white-space:normal}.destroyer-bottom-hud .bullet-button b{position:absolute;right:10px;bottom:10px;min-width:38px;min-height:28px;display:grid;place-items:center;border:1px solid rgba(28,54,13,.3);border-radius:7px;background:linear-gradient(180deg,#9bd83b,#4f841b);color:#fff8d8;font-size:.92rem;font-weight:950;text-shadow:0 2px 0 rgba(0,0,0,.34)}.destroyer-bottom-hud .bullet-button:disabled b{border-color:#5d221b4d;background:linear-gradient(180deg,#d86b43,#962d22)}.locked-bullet-card{justify-items:center;grid-template-columns:1fr;gap:3px;border-style:dashed;border-color:#ffffff38;padding:13px;color:#ffffff8a;text-align:center}.locked-bullet-card span{position:relative;width:28px;height:26px;display:block;border:4px solid currentColor;border-radius:6px}.locked-bullet-card span:before{content:"";position:absolute;left:50%;top:-18px;width:20px;height:18px;border:4px solid currentColor;border-bottom:0;border-radius:999px 999px 0 0;transform:translate(-50%)}.locked-bullet-card b,.locked-bullet-card small{font-weight:950;line-height:1.1}.destroyer-bottom-hud .fire-command{position:relative;right:auto;bottom:auto;width:auto;min-width:0;min-height:106px;display:grid;grid-template-columns:minmax(0,1fr) 58px;align-items:center;gap:14px;border:2px solid rgba(255,218,164,.34);border-radius:8px;padding:16px 18px 16px 24px;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 35%),linear-gradient(180deg,#ed7a42,#ae3422);box-shadow:0 12px 24px #050c1257,inset 0 2px #ffffff2e;color:#fff8d8;text-align:left}.destroyer-bottom-hud .fire-command strong{font-size:1.44rem;line-height:1;text-transform:uppercase}.destroyer-bottom-hud .fire-command small{margin-top:8px;font-size:.88rem}.fire-command-target{position:relative;width:50px;height:50px;display:block;border:5px solid #fff8d8;border-radius:999px;opacity:.92;filter:drop-shadow(0 2px 0 rgba(0,0,0,.32))}.fire-command-target:before,.fire-command-target:after{content:"";position:absolute;background:#fff8d8}.fire-command-target:before{left:50%;top:-12px;bottom:-12px;width:5px;transform:translate(-50%)}.fire-command-target:after{left:-12px;right:-12px;top:50%;height:5px;transform:translateY(-50%)}@media(max-width:1180px){.destroyer-brand-mark{display:none}.destroyer-bottom-hud{grid-template-columns:1fr;gap:12px}.destroyer-bottom-hud .fire-command{justify-self:end;width:min(420px,100%)}}@media(max-width:760px){.destroyer-top-card{top:10px;left:10px;width:min(330px,calc(100vw - 20px))}.destroyer-target-panel{top:102px;right:10px;left:10px;width:auto;max-height:150px;padding:12px}.destroyer-target-panel .destroyer-target-heading{grid-template-columns:1fr;gap:8px;padding-bottom:8px}.destroyer-target-panel .target-status{justify-self:start;min-height:34px;font-size:.68rem}.target-strength-row{grid-template-columns:42px minmax(0,1fr)}.target-castle-icon{width:38px;height:32px}.target-strength-meter{gap:3px}.target-strength-meter i{height:13px}.destroyer-bottom-hud{left:10px;right:10px;bottom:10px}.destroyer-bottom-hud .destroyer-ammo-panel{overflow-x:auto;padding:10px}.destroyer-bottom-hud .bullet-select{grid-template-columns:repeat(5,minmax(170px,1fr))}.destroyer-bottom-hud .fire-command{min-height:74px;grid-template-columns:minmax(0,1fr) 44px;padding:12px 14px}.destroyer-bottom-hud .fire-command strong{font-size:1rem}.destroyer-bottom-hud .fire-command small{font-size:.74rem}.fire-command-target{width:38px;height:38px;border-width:4px}}