/* Frontline command workshop: original field-journal art. */
.command-eyebrow{display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:800;color:#e9bd62;margin-bottom:10px}
.command-eyebrow .ic{width:22px;height:22px}
.soldier-stage{position:relative;background:radial-gradient(ellipse at 50% 30%,#574437,#181717);border:1px solid #736044;border-radius:12px;overflow:hidden;margin:16px 0}
.soldier-stage canvas{display:block;width:100%;height:255px;touch-action:pan-y;cursor:grab}
.soldier-stage>span{position:absolute;bottom:12px;left:14px;color:#b9aa94;font-size:10px;pointer-events:none;text-transform:uppercase;letter-spacing:.12em}
.soldier-turn{position:absolute;right:10px;bottom:8px;display:flex;gap:6px}
.soldier-parts{display:flex;gap:6px;overflow:auto;padding:2px 0 12px;scrollbar-width:thin}
.soldier-parts button{display:flex;align-items:center;gap:5px;flex:none;min-height:42px;padding:6px 10px;border:1px solid #514b42;border-radius:7px;background:#242527;color:#ddd2c0;font-size:11px}
.soldier-parts button.on{background:#57452c;border-color:#dcb568;color:#fff3cf}
.soldier-parts .ic{width:20px;height:20px}
.soldier-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.soldier-choices button{min-height:49px;display:flex;align-items:center;gap:8px;text-align:left;background:#222427;border:1px solid #545249;border-radius:7px;padding:9px;color:#ece3d5;font-size:12px}
.soldier-choices button.on{border-color:#ebbf63;background:#3e3425}
.soldier-choices i{width:18px;height:25px;flex:none;border:1px solid #ffffff4a;border-radius:4px}
.soldier-choices .ic{width:16px;height:16px;margin-left:auto}
.soldier-colours{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:14px 0;padding:10px;background:#101416;border-radius:8px}
.soldier-colours>span{width:100%;font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#b9ae9b;margin-bottom:2px}
.soldier-colours button{display:flex;align-items:center;gap:5px;min-height:36px;border:1px solid #595245;background:#262727;color:#dfd7c8;padding:5px 10px;border-radius:5px;font-size:11px}
.soldier-colours button.on{border-color:#e1b35a;color:#ffe4a6}
.soldier-colours i{width:10px;height:10px;border-radius:50%;border:1px solid #fff5}
.soldier-colours input{width:42px;height:36px;padding:2px;border:1px solid #b59563;background:#242424}
.soldier-wear{display:grid;gap:8px}
.soldier-wear>div{border:1px solid #4c4941;border-radius:8px;overflow:hidden}
.soldier-wear-toggle{display:flex;align-items:center;width:100%;gap:10px;padding:12px;background:#252729;border:0;color:#e8dfd0;text-align:left}
.soldier-wear-toggle.on{background:#3e382c}
.soldier-wear-toggle .ic{width:24px;height:24px}
.soldier-wear-toggle span{margin-left:auto;font-size:11px;color:#dabc82}
.soldier-wear .soldier-colours{margin:0;border-radius:0}
.soldier-sheet h2{font-size:34px;line-height:1.05}
.terr-reveal{background:radial-gradient(ellipse at center,#403021ee,#080d12f5)!important;backdrop-filter:blur(14px)}
.tr-card{position:relative;overflow:hidden;border:1px solid #d2a352!important;border-radius:14px!important;background:linear-gradient(135deg,#2b302d,#141a20)!important;box-shadow:0 0 80px #c9872633,0 24px 100px #000!important;animation:command-arrive .65s cubic-bezier(.16,.85,.25,1) both}
.tr-card:before{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 50% 75%,#efbf6112 0deg 2deg,transparent 2deg 18deg);pointer-events:none;animation:command-rays 12s linear infinite;z-index:0}
.tr-card>*{position:relative}
.tr-top{letter-spacing:.2em;text-transform:uppercase;padding:18px}
.tr-top small{color:#f2d49a}
.tr-map{border-top:1px solid #98723a;border-bottom:1px solid #98723a}
.tr-stamp{font-size:clamp(23px,7vw,40px)!important;padding:16px 10px 6px!important;text-shadow:0 3px 0 #0007}
.tr-stars{position:relative;gap:12px;flex-wrap:wrap;padding:10px 20px 18px;animation:none!important}
.tr-stars b{flex-basis:100%;margin:5px 0 0;font-size:18px;color:#f5d89b}
.tr-star{position:relative;width:48px;height:48px;filter:drop-shadow(0 4px 3px #0008);transform-origin:center;animation:priority-star .65s cubic-bezier(.16,.8,.25,1.3) both;animation-delay:calc(.45s + var(--star-i)*.24s)}
.tr-star.on{fill:#f6c55d;stroke:#fff0b8;filter:drop-shadow(0 0 13px #f0b54380)}
.tr-sub{display:block;padding:0 20px 22px;color:#dfd3ba}
.tr-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.tr-particles i{position:absolute;left:50%;top:78%;width:4px;height:8px;background:#ffe0a0;opacity:0;animation:priority-spark 1s ease-out calc(.6s + var(--spark-i)*.015s) both;transform:rotate(calc(var(--spark-i)*30deg))}
.tr-card:after{content:"";position:absolute;inset:-20%;background:linear-gradient(110deg,transparent 43%,#fff5 50%,transparent 57%);transform:translateX(-100%);pointer-events:none;animation:command-glint .8s ease-out .7s both}
@keyframes command-scan{to{transform:translateY(450%)}}
@keyframes command-arrive{from{opacity:0;transform:translateY(40px) rotateX(9deg) scale(.88)}to{opacity:1;transform:none}}
@keyframes command-rays{to{transform:rotate(360deg)}}
@keyframes priority-star{0%{opacity:0;transform:translateY(-65px) rotateY(170deg) scale(1.8)}65%{opacity:1;transform:translateY(4px) rotateY(-12deg) scale(.88)}100%{opacity:1;transform:none}}
@keyframes priority-spark{10%{opacity:1}100%{opacity:0;transform:rotate(calc(var(--spark-i)*30deg)) translateY(-150px) scale(.25)}}
@keyframes command-glint{to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.terr-scan,.tr-card,.tr-card:before,.tr-card:after,.tr-star,.tr-particles i{animation:none!important}.tr-star{opacity:1;transform:none}.tr-particles,.terr-scan{display:none}}
.transmission{position:fixed!important;top:max(12px,env(safe-area-inset-top))!important;bottom:auto!important;left:12px!important;right:12px!important;margin:0 auto!important;width:auto!important;max-width:480px!important;display:flex!important;align-items:flex-start;gap:12px;padding:13px 38px 19px 13px!important;border:2px solid #a58957!important;border-top:4px solid #b9232b!important;border-radius:3px!important;background:linear-gradient(115deg,#30291ff5,#141713f5)!important;box-shadow:3px 4px 0 #080908b0,inset 0 0 0 1px #e6d2a525!important;pointer-events:auto;touch-action:pan-x;z-index:120}
.transmission.show{transform:translateY(0);opacity:1;pointer-events:auto}
.transmission.dismissed{transform:translateY(calc(-100% - 60px));opacity:0;pointer-events:none}
.transmission>.ic{width:29px;height:29px;flex:none;padding:5px;background:#694827;border-radius:9px}
.transmission>div{min-width:0}
.transmission small{display:block;font-size:9px!important;text-transform:uppercase;letter-spacing:.12em;color:#d8b775}
.transmission b{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font:600 13px/1.4 system-ui!important;margin:4px 0}
.transmission em{font:10px/1.4 system-ui!important;color:#b5bdc5}
.tx-dismiss{position:absolute;top:6px;right:6px;width:32px;height:32px;border:0;background:#ffffff10;color:#d7dce0;border-radius:50%;font-size:20px}
.tx-handle{position:absolute;bottom:6px;left:calc(50% - 20px);width:40px;height:4px;border-radius:10px;background:#c6cdd65c}
.transmission.glitch,.transmission.tear{animation:none!important}
.soldier-sheet h2{font-family:var(--display);font-weight:400;letter-spacing:.025em}
.soldier-stage canvas{touch-action:none}
.soldier-stage,.soldier-parts button,.soldier-choices button,.soldier-colours,.soldier-wear>div,.tr-card{border-radius:2px!important;border-width:2px!important;box-shadow:3px 4px 0 #080707!important}
.soldier-stage{background:#221d18}
.soldier-choices button{background:#262522;border-color:#514a3d}
.soldier-choices button.on,.soldier-parts button.on{background:#4c3f28}
.soldier-colours{background:#171714}
.soldier-colours button,.soldier-colours input{border-radius:2px}
.soldier-turn .ic{width:24px;height:24px}
.tr-card{background:#25231e!important}
.tr-card .tr-map{height:270px!important;width:100%;position:relative;z-index:1}
.tr-card .globe-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.tr-map-frame{position:relative}
.tr-card .tr-stars,.tr-card .tr-stamp,.tr-card .tr-sub{z-index:2}
.tr-card:after{z-index:3}
.tr-card .tr-particles{z-index:4}
/* Build 96: field-journal layouts. A sheet has one scrolling body and a reserved action footer. */
.setup-sheet.sheet-box{display:flex!important;flex-direction:column;gap:0!important;overflow:hidden!important;max-height:calc(100dvh - 24px)!important;padding:14px!important;min-width:0}
.setup-head{flex:none;padding:0 46px 10px 0!important;margin:0 0 10px!important;border-bottom:1px solid #675840;min-height:44px;display:flex;align-items:center;gap:9px}
.setup-head:has(>h2){display:block}.setup-head>p{font-size:14px;line-height:1.35;margin:7px 0 0}.setup-head>.command-eyebrow{margin-bottom:6px}.setup-head h2{font:32px/1 var(--display)!important;margin:0!important;overflow-wrap:anywhere}
.setup-head small{display:block;font:10px/1.3 var(--body);color:#d9b66c;margin-top:4px}
.practice-sheet .setup-head{display:block}.setup-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 3px 10px 0;scrollbar-width:thin}
.setup-actions{position:static!important;flex:none!important;display:flex!important;gap:8px;padding:10px 0 max(2px,env(safe-area-inset-bottom))!important;margin:0!important;background:#1c1b18!important;border-top:1px solid #66543c;z-index:3}
.setup-actions .btn{flex:1;min-width:0;min-height:44px;font:25px/1 var(--display);white-space:normal;padding:8px!important}
.setup-actions .wi{width:20px;height:20px;flex:none}.setup-body .pm-sub{font-size:12px;line-height:1.35;margin:0 0 10px}.setup-body .field-label{margin:10px 0 5px}
.setup-body .pm-preview{height:170px}.setup-body .pm-cap{font-size:12px;line-height:1.3;margin:7px 0}.setup-body .pm-maps{gap:6px}.setup-body .pm-map{min-width:0}.setup-body .pm-map span{overflow-wrap:anywhere;font-size:18px}
.setup-body .seg button{min-width:0;min-height:44px;white-space:normal;line-height:1.1}.setup-body .pm-tabs{margin:0 0 10px}.setup-body .pm-tabs button{font-size:21px}
.creator-entry{display:flex;align-items:center;position:relative;gap:12px;width:100%;min-height:94px;margin:12px 0;padding:10px 12px;background:#251d1c url('../assets/ui/command-etch.svg') center/cover;color:#f1e8d4;border:2px solid #7c3436;box-shadow:3px 4px #080707;text-align:left;overflow:hidden}
.creator-art{flex:0 0 100px;width:100px}.creator-art svg{display:block;width:100%}.creator-entry>span:nth-child(2){flex:1;min-width:0}.creator-entry em{display:block;color:#d6a84c;font-style:normal;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.creator-entry b{display:block;font:31px/1.1 var(--display)}.creator-entry small{display:block;font-size:12px;margin-top:4px}.creator-entry>i{width:24px;flex:none}.creator-entry>i .wi{width:24px;height:24px}
.sandbox-advanced{margin:14px 0 0;border-top:1px dashed #6f5b40;padding:10px 0}.sandbox-advanced summary,.locker-preview summary,.locker-group summary{cursor:pointer;color:#dcc18b;font-size:13px;min-height:34px;padding:7px 0}.sandbox-advanced summary .wi{width:20px;height:20px;vertical-align:middle}.sandbox-options{display:grid;gap:8px;margin:8px 0}.sandbox-options>button,.infantry-entry{display:flex;align-items:center;gap:10px;width:100%;padding:10px;color:#f4edde;border:2px solid #665440;background:linear-gradient(135deg,#302826,#171615);text-align:left;box-shadow:2px 3px #080707}.sandbox-options>button>span,.infantry-entry>span{flex:1;min-width:0}.sandbox-options b,.infantry-entry b{display:block;font-size:14px}.sandbox-options small,.infantry-entry small{display:block;font-size:10px;color:#bfb6a8;margin-top:3px}.sandbox-options .wi,.infantry-entry>.wi{width:24px;height:24px;flex:none}.infantry-entry{margin:8px 0}
.terr-sheet{background:#1c1c19 url('../assets/ui/command-etch.svg') center/cover}.terr-head>.wi{width:26px;height:26px;flex:none}.terr-net{padding:7px;border:1px solid #514b40;background:#111719;margin-bottom:8px}.terr-net .seg .wi{width:17px;height:17px;margin-right:5px}.terr-net small{display:block;font-size:10px;line-height:1.35;margin-top:4px}.terr-maps{display:flex!important;gap:6px;overflow:auto;scroll-snap-type:x mandatory;padding:2px 0 8px;margin:0}.terr-map{position:relative;flex:0 0 118px;min-height:58px!important;padding:7px!important;border:1px solid #65573e!important;background:#202b29!important;text-align:left;scroll-snap-align:start;color:#eee1c7}.terr-map .wi{width:17px;height:17px;float:left;margin:0 5px 0 0}.terr-map b{display:block;font:18px/1.1 var(--display)}.terr-map small{display:block;clear:both;font-size:9px;margin-top:3px;color:#b7b7a8}.terr-map.on{border-color:#ebbd59!important;background:#50422b!important}
.terr-slots{display:grid!important;grid-template-columns:1fr!important;gap:4px!important;margin:0}.terr-slot{display:flex!important;align-items:center;gap:3px;min-height:44px!important;padding:0!important;background:#252622!important;border:1px solid #504b3e!important}.terr-slot.active{border-color:#f33e46!important;box-shadow:inset 3px 0 #f33e46}.terr-slot-select{display:flex;align-items:center;gap:8px;flex:1;min-width:0;min-height:44px;border:0;background:none;color:#eee1c7;padding:4px 7px;text-align:left}.terr-slot-select>i{display:grid;place-items:center;flex:none;width:24px;height:26px;font:23px var(--display);font-style:normal;background:#a92530;color:#fff1db}.terr-slot-select>span{min-width:0}.terr-slot-select small{display:block;color:#baa98b;font:9px/1.2 var(--body)}.terr-slot-select b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:18px/1.1 var(--display)}.terr-slot-tools{display:flex;flex:none}.terr-slot-tools button{display:grid;place-items:center;width:34px;min-height:44px;border:0;background:#1115;color:#e5d6b9;font-size:23px}.terr-slot-tools .wi{width:17px;height:17px}.terr-slot button:disabled{opacity:.3}.terr-pick{margin:3px 0 9px}.terr-pick-help{display:block;font-size:10px;line-height:1.3;margin:5px 0}.terr-search{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,.8fr);gap:6px;margin:8px 0}.terr-search>.wi{display:none}.terr-search input,.terr-search select{width:100%;min-width:0;max-width:none;padding:8px 6px;min-height:44px;background:#101719;color:#eee1c7;border:1px solid #625843;border-radius:1px;font-size:12px}
.terr-canvas{position:relative;height:clamp(190px,33dvh,290px);border:2px solid #ab8651;background:#101b20!important;overflow:hidden;isolation:isolate;touch-action:none}.terr-canvas canvas#terr-cv,.terr-canvas .globe-layer{position:absolute;inset:0;width:100%;height:100%!important;display:block;image-rendering:auto!important}.terr-canvas .globe-layer{pointer-events:none}.terr-canvas #terr-cv{z-index:1;background:transparent}.terr-canvas:before,.terr-scan{display:none}.terr-map-label{position:absolute;z-index:2;top:6px;left:6px;max-width:calc(100% - 100px);font-size:8px;background:#101719dd;color:#ddc896;padding:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.terr-map-label .wi{width:12px;height:12px;vertical-align:middle}.terr-zoom{position:absolute;z-index:3;right:6px;top:6px;bottom:auto;font-size:18px!important;min-height:32px!important}.terr-map-meta{display:flex;flex-wrap:wrap;gap:7px;margin:7px 0;font-size:9px;color:#c2b69e}.terr-map-meta .wi{width:14px;height:14px;vertical-align:middle}.terr-flag{display:flex;align-items:center;gap:12px;margin:8px 0}.terr-flag .seg{flex:1}
#tab-locker>.loadout.small{padding:8px;grid-template-columns:64px minmax(0,1fr);gap:6px}#tab-locker>.loadout.small .lo-hero{grid-row:1;height:86px}#tab-locker>.loadout.small .lo-soldier{height:86px;width:64px;object-fit:contain}#tab-locker>.loadout.small .lo-gear{min-width:0}#tab-locker>.loadout.small .lo-gear-i{padding:3px;min-width:0}#tab-locker>.loadout.small .lo-gear-i img{height:54px;width:100%;object-fit:contain}#tab-locker>.loadout.small .lo-gear-i small{font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#tab-locker>.loadout.small .lo-chips{display:none}.locker-preview{margin:4px 0}.locker-preview .preview{height:180px}.locker-selector{margin-top:10px}.locker-group h3{font:23px var(--display);color:#d9b66c;margin:12px 0 7px}.locker-group{margin-bottom:12px}.locker-group .items{margin:0}.locker-group summary{font:22px var(--display)}.items .item{min-width:0}.items .item b{overflow-wrap:anywhere;line-height:1.1}
.sheet-box:not(.setup-sheet) h2{overflow-wrap:anywhere}.sheet-box .actions .btn{min-width:0;white-space:normal}.sheet-box input,.sheet-box select{max-width:100%}.armory-grid>*{min-width:0}
/* Radio lives directly under body, outside transformed or clipped game panels. */
body>.transmission{top:max(10px,env(safe-area-inset-top))!important;bottom:auto!important;z-index:10050!important;border-radius:2px!important;border:2px solid #82613d!important;background:#211c19 url('../assets/ui/command-etch.svg') center/cover!important;box-shadow:3px 5px #080707!important;max-height:min(210px,35dvh);font-family:var(--body)}
body>.transmission b{font:15px/1.3 var(--body)!important}.tx-dismiss{width:36px;height:36px;border-radius:1px!important;background:#302820!important}.transmission>.wi{width:28px;height:28px;flex:none}.command-actions{display:flex;position:sticky;bottom:-1px;gap:8px;padding:12px 0 max(4px,env(safe-area-inset-bottom));background:#211c19;z-index:3}.command-actions>*{flex:1;min-width:0}
.soldier-stage,.soldier-parts button,.soldier-choices button,.soldier-colours,.soldier-wear>div,.tr-card{border-radius:2px!important;border-width:2px!important}.soldier-stage{background:#221d18}.soldier-stage canvas{touch-action:none}.soldier-turn .wi{width:24px;height:24px}.tr-card{background:#25231e!important}.tr-card .tr-map{height:270px!important}
@media(max-width:360px){.creator-art{flex-basis:76px;width:76px}.creator-entry b{font-size:27px}.setup-sheet.sheet-box{padding:10px!important;max-height:calc(100dvh - 12px)!important}.setup-head h2{font-size:29px!important}.terr-slot-tools button{width:30px}.setup-actions .btn{font-size:23px}.terr-map{flex-basis:110px}}
@media(max-height:500px){.setup-head{padding-bottom:5px!important;margin-bottom:5px!important}.setup-head h2{font-size:26px!important}.setup-body .pm-preview{height:125px}.terr-canvas{height:190px}}

body>.transmission{transform:translateY(calc(-100% - 60px))!important;visibility:hidden}body>.transmission.show{transform:translateY(0)!important;visibility:visible}body>.transmission.dismissed{transform:translateY(calc(-100% - 60px))!important;visibility:hidden;pointer-events:none!important}
.setup-sheet.sheet-box{position:relative}.setup-sheet>.setup-body{flex:1 1 auto!important;min-height:0!important}.setup-sheet>.sheet-x{position:absolute;top:12px;right:12px;margin:0;width:36px;height:36px}.setup-sheet>.setup-head{min-height:50px}
#tab-locker>.loadout.small{grid-template-areas:"hero gear";height:100px}#tab-locker>.loadout.small .lo-hero{min-height:0}#tab-locker>.loadout.small .lo-gear-i small{display:block}
body>.transmission>div{flex:1;min-width:0;overflow:visible;transform:none!important;animation:none!important}body>.transmission small,body>.transmission em{display:block!important;position:static!important;max-height:none!important;opacity:1!important;visibility:visible!important}body>.transmission b{margin:4px 0!important}
.campaign-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0 0 12px}.campaign-tools button{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 4px;min-height:46px;min-width:0;background:#211c19;border:1px solid #715839;color:#eadfc7;font:18px/1.1 var(--display)}.campaign-tools .wi{width:18px;height:18px;flex:none}.purchase-guide-options{display:grid;gap:7px}.purchase-guide-options button{display:flex;gap:10px;align-items:center;text-align:left;border:1px solid #716044;background:#1c1915;padding:10px;color:#eee1c7;min-height:58px}.purchase-guide-options .wi{width:28px;height:28px;flex:none}.purchase-guide-options b,.purchase-guide-options small{display:block}.purchase-guide-options small{font-size:11px;line-height:1.35;color:#bfae90;margin-top:4px}.purchase-help{margin-bottom:10px}
.campaign-tour{position:fixed;inset:0;z-index:11000;pointer-events:none}.tour-shade{position:absolute;pointer-events:auto;background:#080706c9}.tour-outline{position:absolute;pointer-events:none;border:2px solid #edb64c;box-shadow:0 0 0 3px #090706,0 0 18px #f1a43755}.tour-card{position:absolute;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));max-width:440px;margin:0 auto;background:#282119 url('../assets/ui/command-etch.svg') center/cover;border:2px solid #ac8150;box-shadow:4px 5px #080707;padding:12px;pointer-events:auto;color:#f3e9d3;max-height:55dvh;overflow:auto}.tour-card h2{font:28px/1 var(--display);margin:8px 0}.tour-card p{font:13px/1.4 var(--body);margin:8px 0 12px}.tour-progress{display:flex;align-items:center;gap:7px;font-size:11px;color:#d9b56c}.tour-progress .wi{width:20px;height:20px}.tour-progress button{margin-left:auto;width:36px;height:32px;background:#14120f;color:#eadfc7;border:1px solid #645136;font-size:24px}.tour-actions{display:flex;gap:8px}.tour-actions button{flex:1;min-height:44px;background:#181512;border:1px solid #775e3d;color:#eee1c7;font:23px var(--display)}.tour-actions #tour-next{background:#b62430;border-color:#e54e52}.tour-actions button:disabled{opacity:.3}
.setup-sheet.sheet-box{box-sizing:border-box;max-height:calc(100dvh - max(24px,env(safe-area-inset-top)) - env(safe-area-inset-bottom))!important;margin:0!important}.setup-body .pm-preview{position:relative;overflow:hidden}.setup-body .pm-preview canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.setup-body .pm-cap{position:relative;clear:both;line-height:1.4}.terr-slot-select>i{border-radius:1px}.terr-slot-tools i.wi{background:none;border:0;border-radius:0;box-shadow:none;padding:0;display:block}
#tab-locker.page{gap:6px}#tab-locker>.loadout.small{height:90px}.locker-actions{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:8px}.locker-actions .infantry-entry{grid-column:2;grid-row:1;min-height:40px;margin:0;padding:6px}.locker-actions .infantry-entry small,.locker-actions .infantry-entry>.wi:last-child{display:none}.locker-actions .infantry-entry b{font:18px/1 var(--display)}.locker-actions .locker-preview{grid-column:1;grid-row:1;margin:0}.locker-actions .locker-preview[open]{grid-column:1/-1;grid-row:2}.locker-actions summary{font-size:11px;min-height:40px;line-height:1.3}.locker-selector{margin:2px 0}.locker-position{font-size:10px;margin:0}.locker-group h3{margin-top:7px}

/* Build97: native-safe reward art and reachable phone controls. */
.supply-currency,.currency-tabs{display:flex;gap:8px;margin:8px 0 12px}.supply-currency>button,.currency-tabs>button{flex:1;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px}.supply-currency svg,.currency-sheet svg{width:28px;height:28px;flex:none}.currency-tabs button{background:#22251f;border:1px solid #776344;color:#eee4d0;padding:8px}.currency-tabs [aria-pressed=true]{background:#593323;border-color:#d2a758}.currency-pack{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #a78d5c40}.currency-pack>div{flex:1;min-width:0}.currency-pack b,.currency-pack small{display:block}.currency-pack small{font-size:12px;color:#c8baa0}.currency-pack .btn{min-height:44px}.currency-sheet .setup-head p{display:flex;align-items:center;gap:8px}.lo-hero[data-soldier]{border:0;background:transparent;padding:0;cursor:pointer}.lo-hero[data-soldier]:focus-visible{outline:2px solid #e9bd67}
.wb-art{min-height:58px;isolation:isolate}.wb-token{display:grid;place-items:center;width:76px;height:76px;position:relative;flex:none}.wb-token>svg{display:block;width:100%;height:100%;grid-area:1/1;image-rendering:pixelated}.wb-token>.art{grid-area:1/1;position:relative;width:100%!important;height:100%!important;filter:none!important}.wb-token>.art img{filter:none!important}.wb-card.got .wb-art,.wb-card.locked .wb-art{filter:none}.wb-show-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.wb-show canvas{isolation:isolate}.wb-daily-panel{border:1px solid #b6974c70;background:#10120f80}.wb-daily-panel>summary{padding:8px 10px;color:#f2ce78;font-family:var(--display);text-transform:uppercase;cursor:pointer}.wb-daily-panel .wb-daily{margin:0;border:0}.wb-daily-panel[open]{margin-bottom:4px}#tab-pass{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
@media(max-width:699px){.wb{gap:7px}.wb-head{gap:6px;padding:8px 10px}.wb-title h2{font-size:27px}.wb-title em{font-size:10px}.pass-mark.wb-crest{width:44px;height:44px}.wb-show{height:142px;margin:0 -10px}.wb-show canvas,.wb-show-poster{left:24%;width:70%;height:116px;top:0;bottom:auto}.wb-show-cap{left:10px;bottom:7px;max-width:82%}.wb-show-cap b{font-size:22px}.wb-show-cap small{font-size:10px}.wb-show .wb-tierstamp{right:8px;top:7px;padding:3px 6px}.wb-show .wb-tierstamp b{font-size:30px}.wb-show .wb-tierstamp small{font-size:10px}.wb-xp{font-size:15px}.wb-xp small{font-size:11px}.wb-chip{font-size:11px}.wb-claim{min-height:44px;font-size:26px;padding:5px 10px;gap:8px}.wb-claim b{min-width:36px;height:36px;font-size:25px}.wb-claim.idle{min-height:38px;font-size:19px}.wb-track{--rowP:126px;--rowF:104px;--node:40px;--colW:108px;--heroW:168px;padding-top:8px;padding-bottom:12px}.wb-card .wb-name b{font-size:13px}.wb-card .wb-name small{font-size:10px}.wb-card.hero.prem .wb-name b{font-size:16px}.wb-token{width:58px;height:58px}.wb-card.prem .wb-token{width:66px;height:66px}.wb-stamp{font-size:14px;top:6px;right:3px}.wb-daily li span{white-space:normal}.wb-daily-h{font-size:12px}.wb-chips{margin:0 -10px;padding:0 10px}}

.spin-supplies{padding:12px 0}.spin-supplies h3{font-family:var(--display);text-transform:uppercase;color:#e8d2a4}.spin-supply{display:flex;align-items:center;gap:12px;width:100%;min-height:88px;margin:8px 0;padding:12px;background:linear-gradient(120deg,#382321,#151a17);border:1px solid #bc4e43;color:#f2e7cd;text-align:left;box-shadow:3px 3px #090b09}.spin-supply.super{background:linear-gradient(120deg,#4b3d23,#171b17);border-color:#dbba66}.spin-supply>svg{width:58px;height:58px;flex:none}.spin-supply span{flex:1;min-width:0}.spin-supply b,.spin-supply small{display:block}.spin-supply b{font:24px var(--display);text-transform:uppercase}.spin-supply small{font-size:12px;line-height:1.4;color:#d1c3a7}.spin-supply strong{font:32px var(--display);color:#f4ce75}.spin-machine{width:min(100%,520px)!important;background:linear-gradient(145deg,#302e23,#121612)!important}.spin-window{position:relative;min-height:230px;padding:16px 8px;background:repeating-linear-gradient(0deg,#080b0840 0 2px,transparent 2px 5px),#1c2119;border:2px solid #a99055;box-shadow:inset 0 0 30px #000}.spin-shutter{height:200px;display:grid;place-items:center}.spin-shutter svg{width:130px;height:130px;animation:reward-wheel 1.5s cubic-bezier(.1,.7,.2,1) both}.spin-results{display:flex;gap:8px;align-items:stretch;justify-content:center;flex-wrap:wrap}.spin-result{flex:1;min-width:90px;max-width:230px;border:1px solid var(--spin-color);padding:10px;background:#11160f;color:#eee7d6;display:flex;flex-direction:column;align-items:center;gap:5px;animation:command-arrive .4s ease-out both}.spin-result>img,.spin-result>svg{width:100%;height:120px;object-fit:contain}.spin-result small{font:12px var(--display);color:var(--spin-color);text-transform:uppercase}.spin-result b{text-align:center;font-size:13px}.spin-status{text-align:center;color:#e2c789}.spin-controls{display:flex;gap:8px}.spin-controls button{flex:1;min-height:44px}.spin-odds{font-size:12px;margin-top:16px;color:#cabb9d}.spin-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.spin-categories .btn{white-space:normal;min-height:74px;display:flex;flex-direction:column;gap:5px}.spin-categories small{font:11px/1.4 system-ui;color:#c7b892}@keyframes reward-wheel{from{transform:rotate(-800deg) scale(.8)}to{transform:rotate(0) scale(1)}}@media(prefers-reduced-motion:reduce){.spin-shutter svg,.spin-result{animation:none}}

.soldier-choices button>svg{width:28px;height:28px;flex:none}.soldier-choices button small{display:block;color:#e3bb77;font-size:10px;margin-top:3px}.soldier-textures{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.soldier-textures>span{width:100%;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#b9ae9b}.soldier-textures button{display:flex;align-items:center;gap:5px;min-height:40px;padding:6px 9px;background:#20261f;color:#eee2c8;border:1px solid #77674e}.soldier-textures button[aria-pressed=true]{border-color:#e3bc66;background:#51402a}.soldier-textures i{display:block;width:20px;height:22px;background:#69715b;border:1px solid #b8ae8a}.soldier-textures .texture-canvas{background:repeating-linear-gradient(0deg,#343c2c 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#92987c 0 1px,#69715b 1px 3px)}.soldier-textures .texture-ribbed{background:repeating-linear-gradient(0deg,#879073 0 2px,#414a36 2px 4px)}.soldier-textures .texture-leather{background:radial-gradient(ellipse at 25% 20%,#8a6b48,#382c20)}.spin-mastery{font-size:12px;line-height:1.5;color:#e8bf6a;padding:8px;border:1px dashed #b6944d}

.live-map-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.live-map-card{display:flex;flex-direction:column;min-width:0;padding:0;background:#22271d;border:1px solid #9f8954;color:#f2e7cb;text-align:left;box-shadow:3px 3px #080a08;overflow:hidden}.live-map-card canvas{display:block;width:100%;height:95px;image-rendering:pixelated}.live-map-card span{display:block;padding:9px}.live-map-card b{font:22px var(--display);text-transform:uppercase;display:block;white-space:normal}.live-map-card small{font:11px/1.4 system-ui;color:#d0c4a6;display:block}.live-map-card em{font-style:normal;color:#e5bd6f}.live-map-card:active{transform:translateY(2px)}.live-lobbies h2{text-transform:uppercase}.terr-head #terr-leave-round{margin-left:auto;font-size:12px;min-height:40px}#terr-draft-time{padding:0 16px;color:#ecc875}.terr-net[hidden],.terr-maps[hidden]{display:none!important}

.creator-group{border:1px solid #8c754c70;background:#181d17;margin:8px 0}.creator-group>summary{display:flex;align-items:center;gap:8px;min-height:50px;padding:11px 10px;color:#ead5ab;font:19px var(--display);text-transform:uppercase;cursor:pointer;flex-wrap:wrap}.creator-group summary>svg{width:23px;height:23px;flex:none}.creator-group summary small{font:11px/1.4 system-ui;width:100%;padding-left:31px;color:#b7b79b;text-transform:none}.creator-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px}.creator-field{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:12px;color:#d6c8a7}.creator-field input,.creator-field select,.creator-team-list input{width:100%;min-height:44px;min-width:0;background:#0c130e;border:1px solid #8c754c;color:#f0e7ce;padding:8px;border-radius:0;font-size:16px}.creator-group>.note{padding:0 12px}.creator-override-select{padding:12px;display:grid;gap:10px}#cr-override-summary{padding:0 12px 12px;color:#dbc38f;font-size:12px}.creator-presets{display:flex;gap:8px;padding:12px}.creator-presets button{flex:1}.creator-coming{display:flex;align-items:center;gap:8px;font-size:12px;padding:12px;color:#b6b79b}.creator-coming svg{width:24px;height:24px}.creator-coming b{margin-left:auto;color:#dbbf7e}.creator-team-list{padding:0 12px}.creator-team-list article{display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:8px;border-top:1px solid #8c754c70;padding:12px 0}.creator-team-list article>b{grid-column:1/-1;color:#dcb66a}.creator-team-list label{font-size:11px;min-width:0;display:flex;flex-direction:column;gap:4px}.creator-team-list img{width:42px;height:42px;object-fit:cover;image-rendering:pixelated}.creator-team-list svg{width:22px;height:22px}.creator-team-list .btn{display:flex;flex-direction:row;align-items:center;gap:8px;min-height:42px}.creator-setup h2{font-size:32px}.creator-setup .setup-head p{font-size:12px}.creator-setup>.setup-body{padding-top:4px}.creator-setup .setup-footer .btn{min-width:0;white-space:normal}

.creator-join-entry{width:100%;margin:7px 0 12px;min-height:42px}.creator-code{display:flex;align-items:center;gap:12px}.creator-code b{font:26px var(--display);letter-spacing:.16em;color:#edc872}.creator-members article{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #9a845755}.creator-members b,.creator-members small{display:block}.creator-members small{color:#d1bd94;margin-top:4px}.creator-members select{max-width:45%;min-height:44px;background:#111b12;color:#e6d9bd;border:1px solid #a58b53}.creator-lobby .setup-footer{flex-wrap:wrap}.creator-lobby .setup-footer .btn{min-height:44px;flex:1;white-space:normal}

.supreme-category-offer article{padding:10px 0;border-bottom:1px solid #9b845d70}.supreme-category-offer label{display:grid;grid-template-columns:28px minmax(0,1fr);gap:4px 8px;align-items:center;min-height:44px}.supreme-category-offer input{width:22px;height:22px;grid-row:1/3;accent-color:#c83c36}.supreme-category-offer label small{grid-column:2;color:#c5b99c;font-size:11px}.supreme-category-offer details{font-size:12px;color:#c5b99c;margin:8px 0 0 36px}.supreme-category-offer details p{line-height:1.6}

.battle-advantages{padding:10px;background:#10170fd9;border:1px solid #907d4b66}.battle-advantages>div{margin-bottom:7px}.battle-advantages span{display:flex;justify-content:space-between;font:13px var(--display);text-transform:uppercase}.battle-advantages i{display:block;height:6px;background:#35392b;margin-top:3px}.battle-advantages i b{display:block;height:100%}.battle-advantages>small{display:block;font:10px/1.4 system-ui;color:#c2baa0}.event-card .event-countdown{font:18px var(--display);padding:6px 8px;margin-top:6px;background:#101b0de0;border:1px solid #b7cb6b;color:#e8f3b9}.event-card.closed .mc-art{opacity:.65}.event-card.closed .event-countdown{color:#f2cf76;border-color:#8d794d;background:#261c13}.mode-card[data-mode=alliances] .mc-art,.event-card.ea .mc-art,.creator-entry .creator-art{animation:mode-patrol 4s ease-in-out infinite}.event-card.open .mc-art{animation:outbreak-threat 3.3s ease-in-out infinite}.enlist-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.enlist-gallery article{background:#20271b;border:1px solid #ad915a;padding:8px;min-width:0}.enlist-gallery img{width:100%;height:100px;object-fit:contain}.enlist-gallery b,.enlist-gallery small{display:block}.enlist-gallery b{font:18px var(--display)}.enlist-gallery small{font-size:10px;color:#c0b695}.enlist-reward-key p{display:flex;gap:8px;font-size:12px;line-height:1.5}.enlist-reward-key svg{width:24px;height:24px;flex:none}.enlist-preview details{font-size:12px;line-height:1.5}.enlist-preview .setup-head .command-eyebrow svg{width:32px;height:23px}.enlist-preview .setup-head h2{font-size:30px}@keyframes mode-patrol{50%{transform:translateY(-3px) rotate(-2deg)}}@keyframes outbreak-threat{50%{transform:translateX(3px) scale(1.05);filter:brightness(1.2)}}@media(prefers-reduced-motion:reduce){.mode-card[data-mode=alliances] .mc-art,.event-card .mc-art,.creator-entry .creator-art{animation:none!important}}
/* Party tools stay compact even in a full creator room. */
.creator-room-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px;border:1px solid #68563b;background:#171914}.creator-room-tools>b,.creator-room-tools>p{flex-basis:100%}.creator-public{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;text-align:left;margin:8px 0}.creator-public span{display:grid;gap:4px}.creator-public small{white-space:normal;color:#b8b09d}.creator-field textarea{width:100%;box-sizing:border-box;background:#12150f;color:#eee5cf;border:1px solid #766243;padding:12px;font:inherit}.creator-members>article{display:flex;gap:8px;align-items:center;justify-content:space-between;min-height:58px}.creator-members>article>span{flex:1;min-width:0;overflow-wrap:anywhere}.creator-members select{max-width:34%}.pv-row small{display:block;color:#b8b09d}.pv-row{flex-wrap:wrap}.creator-lobby .setup-footer{flex-wrap:wrap}
.tr-playback{position:absolute;z-index:4;bottom:calc(8vh + env(safe-area-inset-bottom));height:3px;left:8%;right:8%;background:#e7dfc244}.tr-playback i{display:block;height:100%;background:#d4aa51;width:0}.tr-paused *{animation-play-state:paused!important}.tr-war .tr-beat.b4{animation-delay:11s}.tr-war .tr-beat.b5{animation-delay:14s}.tr-war .tr-beat{max-width:90vw}.tr-war .tr-beat b{font-size:clamp(24px,6vw,38px)}
.spin-reel-machine{height:140px;position:relative;overflow:hidden;background:linear-gradient(90deg,#100e0b,#30281c,#100e0b);border:3px solid #b49b64;margin:8px 0;box-shadow:inset 0 0 20px #000;flex:none}.spin-reel-machine:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#080908ad,transparent 32% 68%,#080908ad)}.spin-reel-item{height:140px;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:10px 22px;border-left:6px solid var(--spin-color);background:#222622;border-bottom:1px solid #a5906144}.spin-reel-item img,.spin-reel-item>svg{width:96px;height:96px;object-fit:contain;flex:none}.spin-reel-item span{font-family:var(--display);font-size:24px;line-height:1.1;overflow-wrap:anywhere;color:#f0dfb7}.spin-reel-pointer{position:absolute;z-index:2;top:57px;left:0;color:#efd38b;filter:drop-shadow(2px 2px #000);width:24px;height:24px}.spin-reel-pointer svg{width:100%;height:100%}.spin-machine>.setup-body{min-height:0}.spin-machine .spin-window{min-height:0}.spin-machine .setup-footer{flex-wrap:wrap}.spin-machine .spin-results{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.spin-machine .spin-result{flex:1 1 95px;max-width:185px}.spin-machine .spin-result img{max-width:100%;height:96px;object-fit:contain}
@media(prefers-reduced-motion:reduce){.spin-reel-strip{animation:none!important}.spin-result{animation:none!important}}

.supreme-category-offer article>label{display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:10px;row-gap:5px;align-items:start}.supreme-category-offer article>label>b,.supreme-category-offer article>label>small{grid-column:2}.supreme-category-offer input[type="checkbox"]{grid-row:1/3;grid-column:1;width:22px;height:22px;margin:2px 0 0;box-sizing:border-box;border-radius:0;background:#151812;border:2px solid #a28c61}.supreme-category-offer input[type="checkbox"]:after{display:none;content:none}.supreme-category-offer input[type="checkbox"]:checked{background:#b5222c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m4 10 4 5 8-10' fill='none' stroke='%23f3e7c5' stroke-width='3'/%3E%3C/svg%3E") center/18px no-repeat;border-color:#dbb970}.supreme-category-offer article>details{margin:9px 0 0 32px}.supreme-category-offer article>label>small{font-size:12px;line-height:1.4;color:#c4b798}.supreme-category-offer article>label>b{font-size:16px}

.setup-head>h2{white-space:normal;text-align:start;max-width:100%;overflow:visible}