/* Approved design coordinates are measured against 2048 x 869.
   Visible artwork is independent from the minimum touch target. */
@font-face{font-family:PZBrush;src:url('./assets/fonts/MaShanZheng-Regular.woff2') format('woff2');font-display:swap;font-weight:100 900}
#game#game#game#game#game#game#game#game#game{
 --du:min(calc(100vw / 2048),calc(100dvh / 869));--dv:calc(100dvh / 869);--pz-serif:PZBrush,'KaiTi',serif;--w-serif:PZBrush,'KaiTi',serif;
 & :is(button,input,select){font-family:var(--pz-serif)}
 & .hero-panel{position:fixed;left:2.4%;top:2.2%;width:21%;height:14%;gap:calc(12 * var(--du));padding:0}
 & .avatar{flex:0 0 auto;width:calc(111 * var(--du));height:calc(111 * var(--du));padding:calc(5 * var(--du));border:calc(3 * var(--du)) solid #a8946b;box-shadow:0 0 0 calc(5 * var(--du)) #283835bb;background:#263530}
 & .hero-info{padding-top:0;overflow:visible}
 & .hero-line{height:calc(54 * var(--dv));display:block}
 & .hero-line b{font:400 calc(44 * var(--du))/1.1 var(--pz-serif);color:#f4e1b9;letter-spacing:calc(2 * var(--du))}
 & #level{position:absolute;left:calc(81 * var(--du));top:calc(82 * var(--du));width:calc(39 * var(--du));height:calc(39 * var(--du));min-width:0;padding:0;border-radius:50%;background:#334039;border:calc(2 * var(--du)) solid #b7a980;font:calc(27 * var(--du))/1 Georgia,serif;color:#efe1bc}
 & .hp-track{height:calc(29 * var(--dv));margin:calc(7 * var(--dv)) 0 0;border:calc(2 * var(--du)) solid #cebb91;box-shadow:inset 0 0 3px #101612;background:#342d29a8}
 & #hp-fill{background:linear-gradient(#a8584a,#ad4d3d 50%,#9a3f35)}
 & #hp-text{font:calc(26 * var(--du))/1 Georgia,serif;color:#f5e1b4;display:flex;align-items:center;justify-content:center;inset:0}
 & #insight{display:none}
 &[data-bosses='true'] #insight{display:block;font:calc(25 * var(--du))/1.15 var(--pz-serif);margin-top:calc(7 * var(--dv));color:#ead4a9}
 & .hud-right .kills{position:fixed;left:8.5%;top:13.5%;width:16%;height:5%;gap:calc(10 * var(--du));padding:0;color:#eed8ad}
 & .kills :is(span,small,b){font:calc(29 * var(--du))/1.2 var(--pz-serif);color:#eed8ad;font-weight:400;white-space:nowrap}
 & .kills>small{margin-left:calc(15 * var(--du))}
 &[data-bosses='true'] .hud-right .kills{left:2.5%;top:17.5%;width:21%;justify-content:space-between}
 & .xp-track{left:2.2%;right:2.2%;bottom:.55%;height:calc(10 * var(--dv));border:1px solid #24342b;background:#182e27bd}
 & #xp-fill{background:linear-gradient(90deg,#b7ab78,#d8c99d);box-shadow:1px 0 3px #f8e3a5}
 & #xp-caption{left:0;bottom:calc(13 * var(--dv));font:calc(26 * var(--du))/1.1 var(--pz-serif)}
 & #chapter-hud{position:fixed;left:50%;top:2.3%;transform:translateX(-50%);width:27%;max-width:none;text-align:center}
 & #chapter-name{font:calc(43 * var(--du))/1.15 var(--pz-serif);letter-spacing:calc(3 * var(--du));color:#f4e1b8}
 & #region-name{font:calc(30 * var(--du))/1.25 var(--pz-serif);margin:calc(7 * var(--dv)) 0;color:#f0dcb4}
 & #chapter-hud .timer{width:100%;height:calc(62 * var(--dv));min-height:0;margin:0;border:0;display:block;background:linear-gradient(90deg,transparent,#293a3299 22%,#293a3299 78%,transparent)}
 & #timer{font:calc(50 * var(--du))/1.2 Georgia,serif;letter-spacing:calc(3 * var(--du));color:#eddbb5}
 & #phase{display:none}
 &[data-bosses='true'] #chapter-hud{top:.2%}
 &[data-bosses='true'] #chapter-name{font-size:calc(32 * var(--du))}
 &[data-bosses='true'] #region-name{display:none}
 &[data-bosses='true'] #chapter-hud .timer{display:flex;flex-direction:column;height:calc(86 * var(--dv))}
 &[data-bosses='true'] #phase{display:block;order:2;font:calc(28 * var(--du))/1.3 var(--pz-serif)}
 & #map-panel{position:fixed;top:2.1%;right:7.65%;width:calc(272 * var(--du));height:calc(272 * var(--du));padding:calc(7 * var(--du));border:calc(4 * var(--du)) solid #a49472;background:#333e32;box-shadow:0 0 0 calc(5 * var(--du)) #283a2acc;border-radius:50%}
 & #mini-map{filter:saturate(.5) sepia(.18);border-radius:50%;width:100%;height:100%}
 & :is(#pause-btn,#mobile-toolbar button,#camera-reset){position:fixed;display:grid;place-items:center;min-width:44px;min-height:44px;width:calc(113 * var(--du));height:calc(113 * var(--du));padding:0;border:0;border-radius:50%;box-shadow:none;background:none;color:#f0dfb8;font:calc(40 * var(--du))/1 var(--pz-serif)}
 & :is(#pause-btn,#mobile-toolbar button,#camera-reset)::before{content:'';display:block;position:absolute;inset:0;border:calc(3 * var(--du)) solid #ad9a72;border-radius:50%;background:radial-gradient(ellipse,#293b35 45%,#263832dd 65%,#182c2399 72%,transparent 76%);box-shadow:0 0 0 calc(4 * var(--du)) #18312760;z-index:-1}
 & #pause-btn{right:1.7%;top:1.8%;font-size:calc(41 * var(--du));display:flex;flex-direction:column;gap:calc(5 * var(--dv));color:#3b3529;isolation:isolate}
 & #pause-btn::before{background:radial-gradient(circle,#fff9e8 62%,#ece2ca 68%,#fff8dd 70%,transparent 75%);border-color:#f9e9be;box-shadow:0 0 calc(17 * var(--du)) #f9e1a399}
 & #pause-btn::after{display:none}
 & #pause-btn small{font:calc(30 * var(--du))/1 var(--pz-serif);color:#393328}
 & #pause-btn .pause-bars{display:block;width:calc(36 * var(--du));height:calc(36 * var(--du));background:linear-gradient(90deg,#3b3529 0 30%,transparent 30% 70%,#3b3529 70%);border:0}
 & #pause-btn .pause-bars::before,& #pause-btn .pause-bars::after{display:none}
 & #pause-btn.square{display:flex;flex-direction:column;justify-content:center;gap:calc(5 * var(--dv));background:url('./assets/ui/fidelity/batch1/battle-round-pause.webp') center/100% 100% no-repeat;box-shadow:none;color:#3b3529}
 & #pause-btn.square::before{display:none}
 & #mobile-toolbar{position:fixed;right:1.8%;top:17%;display:flex;flex-direction:column;gap:calc(16 * var(--dv));width:calc(113 * var(--du))}
 & #mobile-toolbar button{position:relative;isolation:isolate;font:calc(36 * var(--du))/1 var(--pz-serif)}
 & #mobile-toolbar .game-icon{display:none}
 & #book-btn{order:0}
 & #army-btn{order:1}
 & #camera-reset{right:11.4%;top:34.2%;isolation:isolate;font:calc(35 * var(--du))/1 var(--pz-serif)}
 & #camera-reset .game-icon{display:none}
 & #camera-reset small{display:none}
 & #squad-hud{position:fixed;left:2.3%;top:19.2%;width:22%;padding:0}
 & #squad-toggle{height:calc(77 * var(--dv));min-height:44px;padding:0 calc(22 * var(--du));font:calc(34 * var(--du))/1.2 var(--pz-serif);border-left:calc(7 * var(--du)) solid #c6a86c;border-radius:calc(10 * var(--du));background:linear-gradient(90deg,#253e37b0,#263f3677);color:#f2dfb6;text-shadow:0 1px 2px #26332c;white-space:nowrap}
 & #squad-toggle::before{display:none}
 &[data-bosses='true'] #squad-hud{top:36.8%;width:20%}
 & #squad-hud.expanded{max-height:45%;width:24%;background:#223b32ef;padding:0 calc(10 * var(--du)) calc(18 * var(--du))}
 & #elite-health{position:fixed;left:50%;top:14.5%;transform:translateX(-50%);width:38%;max-width:none;padding:0;background:none}
 & #elite-health[data-visible='1']{width:12.4%}
 & #elite-health[data-visible='2']{width:25%}
 & .boss-list{gap:calc(10 * var(--du))}
 & .boss-row{height:calc(94 * var(--dv));min-height:44px;padding:calc(7 * var(--du));grid-template-columns:29% minmax(0,1fr);gap:calc(8 * var(--du));border:calc(3 * var(--du)) double #5d5143;border-radius:calc(4 * var(--du));background:#e8ddc9 url('./assets/ui/rebuild/paper.webp') center/cover;box-shadow:0 calc(3 * var(--dv)) calc(5 * var(--du)) #101d1b99,inset 0 0 0 calc(3 * var(--du)) #d9c6a4;color:#201e1a;text-shadow:none;overflow:visible}
 & .boss-row[aria-pressed='true']{border-color:#7c6550}
 & .boss-avatar{width:100%;height:auto;aspect-ratio:1;border:calc(3 * var(--du)) solid #736551;padding:calc(2 * var(--du));background:#253734}
 & .boss-heading{height:auto}
 & .boss-heading>b{font:calc(34 * var(--du))/1.05 var(--pz-serif);color:#1d1d1a;font-weight:400}
 & .boss-track{height:calc(22 * var(--dv));margin:calc(6 * var(--dv)) 0 0;border:1px solid #5a4e40;background:#3e342e}
 & .boss-body{position:relative}
 & .boss-hp-text{position:absolute;inset:auto 0 0;display:block;text-align:center;font:calc(24 * var(--du))/1.05 Georgia,serif;color:#f9dfbd;text-shadow:0 1px #693528}
 & .boss-next{font:calc(23 * var(--du))/1.2 var(--pz-serif);background:#e8decabb;border:1px solid #887354;color:#2d3f35;min-height:28px;height:auto;padding:2px 8px;margin-top:4px;min-width:72px}
 & #touch-pad{left:5.2%;bottom:7.5%;width:calc(267 * var(--du));height:calc(267 * var(--du));background:#3346303b;border:calc(2 * var(--du)) solid #d0cb9a44;box-shadow:none}
 & #touch-base{inset:20%;border:calc(2 * var(--du)) solid #dfd3a66a;background:#8f927329}
 & #touch-knob{width:62%;height:62%;margin:0;left:19%;top:19%;transform:translate(0,0);border:calc(2 * var(--du)) solid #e1d7b6;background:radial-gradient(circle at 37% 30%,#d8d8b8,#a6aa8f);box-shadow:0 0 calc(10 * var(--du)) #23382c4d}
 & .actions{position:fixed;right:2.3%;bottom:7.5%;width:19.5%;height:40.5%}
 & .ability{width:calc(158 * var(--du));height:calc(158 * var(--du));border:calc(3 * var(--du)) double #c3af78;padding:0;box-shadow:0 0 0 calc(4 * var(--du)) #22342f;overflow:visible}
 & .ability::before{filter:none;opacity:1;inset:0}
 & .ability>b{position:absolute;top:calc(100% + 9 * var(--dv));left:-30%;width:160%;font:calc(34 * var(--du))/1.1 var(--pz-serif);text-align:center;color:#f4e0b0;white-space:nowrap;bottom:auto;transform:none}
 & #jump-icon{left:23%;top:0}
 & #dash-icon{left:0;bottom:0;top:auto}
 & #ult-icon{width:calc(193 * var(--du));height:calc(193 * var(--du));right:0;bottom:2%;left:auto;top:auto}
 & .ability-mark{inset:2%;width:96%;height:96%}
 & .ability-mark .game-icon{width:100%;height:100%;border-radius:50%;filter:none;opacity:1}
 & #ult-level{font:calc(25 * var(--du))/1.1 Georgia,serif;right:0;top:0;bottom:auto}
 & #ult-status{font:calc(29 * var(--du))/1 Georgia,serif}
 & #skill-bar{position:fixed;left:50%;right:auto;bottom:9.1%;transform:translateX(-50%);gap:calc(23 * var(--du));justify-content:center}
 & .skill-slot{width:calc(105 * var(--du));height:calc(105 * var(--du));min-width:0;min-height:0;padding:calc(5 * var(--du));border:calc(3 * var(--du)) solid #c3b582;box-shadow:0 0 0 calc(5 * var(--du)) #25372c;background:#1c342c}
 & .skill-slot>span,& .skill-slot .game-icon{width:100%;height:100%;border-radius:50%}
 & .skill-slot>small{right:-6%;bottom:-6%;font:calc(24 * var(--du))/1.1 Georgia,serif;padding:1px calc(5 * var(--du));color:#e9d8ad;border:1px solid #c7b178;border-radius:3px}
 & .skill-slot>em{font:calc(32 * var(--du))/1 Georgia,serif}
 & .skill-slot>b{display:block;position:absolute;top:calc(100% + 10 * var(--dv));left:-35%;width:170%;font:calc(32 * var(--du))/1.1 var(--pz-serif);color:#f2dfaf;white-space:nowrap;text-shadow:0 2px 2px #273624;transform:none}
 & #guide-bar{bottom:24%;font-size:calc(24 * var(--du));opacity:.8}
 & #interact-prompt{bottom:auto;top:33%;left:63%;width:17%;height:7%;min-height:34px;min-width:100px;padding:4px 10px;background:#e9dec8 url('./assets/ui/rebuild/paper.webp') center/cover;border:1px solid #b4a17a}
 & #interact-title{font:calc(34 * var(--du))/1.2 var(--pz-serif)}
 & #notice-feed{top:29%;left:2.5%;max-width:22%}
 /* The D13 layout is horizontal within each card, not a stack of tall posters. */
 & #upgrade{padding:0;background:#12282bc9;backdrop-filter:blur(2px)}
 & .upgrade-wrap{position:absolute;inset:0;width:100%;height:100%;display:block;padding:0;max-height:none}
 & .upgrade-identity{position:absolute;left:19%;top:3.5%;height:5%;min-height:0;justify-content:flex-start;font:calc(28 * var(--du))/1.2 var(--pz-serif)}
 & #upgrade-portrait{width:calc(42 * var(--du));height:calc(42 * var(--du));border-radius:0}
 & #upgrade-heading{position:absolute;left:3.4%;top:2.4%;font:calc(46 * var(--du))/1.2 var(--pz-serif);color:#ead6a0;letter-spacing:0}
 & #upgrade-pending{font-size:calc(22 * var(--du))}
 & #upgrade-help{position:absolute;left:3.5%;top:10%}
 & #cards{position:absolute;left:8.5%;top:19%;width:83%;height:52%;max-height:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(28 * var(--du));margin:0;flex:none}
 & #cards .card{padding:6% 5%;border:calc(4 * var(--du)) double #c1aa78;box-shadow:0 0 0 calc(3 * var(--du)) #526b66;background:#f1e7d2 url('./assets/ui/rebuild/paper.webp') center/100% 100%;border-radius:2px;display:block;position:relative;overflow:visible;text-align:center}
 & #cards .card-key,& #cards .card-tag{display:none}
 & #cards h3{position:absolute;left:32%;top:7%;width:60%;margin:0;font:calc(37 * var(--du))/1.2 var(--pz-serif);color:#314f50;font-weight:400}
 & #cards .card-icon{position:absolute;left:5%;top:25%;width:29%;height:auto;aspect-ratio:1;margin:0;padding:3px;box-shadow:none;border:2px solid #a48b5a}
 & #cards .card-icon .game-icon{width:100%;height:100%}
 & #cards .card-level{position:absolute;right:4%;top:3%;font:calc(24 * var(--du))/1.1 Georgia,serif;color:#efdcac;background:#2b4e4d;padding:2px 5px;border-radius:3px;min-height:0}
 & #cards .card-value{position:absolute;left:36%;top:28%;width:59%;height:45%;margin:0;font:calc(25 * var(--du))/1.28 var(--pz-serif);color:#292c25;text-align:left;overflow:auto;white-space:normal}
 & #cards .card-choose{position:absolute;left:17%;bottom:6%;width:66%;height:15%;min-height:0;padding:0;display:grid;place-items:center;background:#e9d5a2;border:1px solid #b99557;border-radius:20px;box-shadow:inset 0 0 5px #d0a06a;color:#53452d;font:calc(29 * var(--du))/1 var(--pz-serif)}
 & #cards[data-count='1']{grid-template-columns:minmax(200px,32%);justify-content:center}
 /* D10 title stays horizontal at the exact corner used in each chapter. */
 & .departure-copy{left:9%;top:8%;width:33%;text-shadow:none}
 & .departure-copy h2{writing-mode:horizontal-tb;max-height:none;margin:0;font:calc(105 * var(--du))/1.1 var(--pz-serif);color:#171c17;letter-spacing:0;white-space:nowrap}
 & .departure-copy>span{position:absolute;right:0;top:0;writing-mode:vertical-rl;font:calc(26 * var(--du))/1 var(--pz-serif);color:#a54a36}
 & .departure-copy small{position:static;display:block;writing-mode:horizontal-tb;width:100%;height:auto;margin-top:calc(12 * var(--dv));font:calc(40 * var(--du))/1.2 var(--pz-serif);color:#202720;letter-spacing:0;text-align:center}
 & #departure[data-chapter='hanjin'] .departure-copy{left:70%;top:7%;width:25%}
 & #departure[data-chapter='hanjin'] .departure-copy h2{font-size:calc(105 * var(--du))}
 & #departure[data-chapter='hanjin'] .departure-copy small{font-size:calc(38 * var(--du))}
 & #departure-hero{left:35%;top:4%;width:64%;height:94%;animation:none}
 & #departure[data-chapter='hanjin'] #departure-hero{left:7%;top:9%;width:60%;height:86%}
 & .departure-bottom{left:8%;right:8%;bottom:3.5%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;background:none}
 & #departure-message{font:calc(25 * var(--du))/1.1 var(--pz-serif);color:#e9dfc3;text-shadow:0 1px 2px #171c18}
 & #departure-progress{width:100%;height:calc(15 * var(--dv));border:0;clip-path:polygon(0 45%,1% 14%,99% 0,100% 48%,98% 88%,1% 100%)}
 & #departure-skip{display:none}
 & #departure[data-state='failed'] #departure-skip{display:block}
 & #departure[data-state='failed'] .departure-bottom{background:#e9e0caed;padding:14px}
 & #departure[data-state='failed'] #departure-message{color:#3c342b;text-shadow:none}
 /* D16 typography and complete body framing. */
 & .elite-plate{left:9%;top:7%;width:31%;height:auto;padding:0;background:none}
 & #elite-tier{font:calc(32 * var(--du))/1.2 var(--pz-serif);color:#e6dfcc;background:linear-gradient(90deg,#233c3b,#233c3b00);padding:2px 10px;display:inline-block;border:0}
 & #elite-name{font:calc(165 * var(--du))/1.15 var(--pz-serif);color:#111914;margin:calc(15 * var(--dv)) 0 0;letter-spacing:0;text-shadow:none;font-weight:400}
 & #elite-title{display:none}
 & .elite-shout{left:9%;top:43%;width:30%;font:calc(63 * var(--du))/1.6 var(--pz-serif);color:#19221b;text-align:left;text-shadow:none;white-space:pre-line}
 & #elite-skip{left:11%;top:auto;bottom:9%;width:21%;height:13%;min-height:44px;font:calc(62 * var(--du))/1 var(--pz-serif);background:transparent url('./assets/ui/fidelity/batch1/login-secondary.webp') center/100% 100% no-repeat;border:0;box-shadow:none;color:#3e3527}
 & #elite-portrait{left:45%;right:auto;top:3%;width:49%;height:96%;object-fit:contain;object-position:center bottom;filter:none;animation:none}
}
@media(max-aspect-ratio:19/10){
 #game#game#game#game#game#game#game#game#game{
  & #elite-health{width:40%;top:16.5%}
  & #elite-health[data-visible='1']{width:13.3%}
  & #elite-health[data-visible='2']{width:26.7%}
  & #mobile-toolbar{gap:2px}
  & #camera-reset{top:31%}
  & #cards{left:5%;width:90%;top:23%;height:58%;gap:10px}
  & #cards .card-value{font-size:max(11px,calc(25 * var(--du)));line-height:1.35}
 }
}

#game#game#game#game#game#game#game#game#game {
 & .boss-row{border:0;border-radius:0;box-shadow:none;padding:calc(10 * var(--du));background:transparent url('./assets/ui/fidelity/batch1/boss-card.webp') center/100% 100% no-repeat}
 & #cards .card{border:0;border-radius:0;box-shadow:none;background:transparent url('./assets/ui/fidelity/batch1/upgrade-card.webp') center/100% 100% no-repeat}
 & #cards .card-choose{background:none;border:0;box-shadow:none;bottom:8%;left:15%;width:70%;height:16%}
 & #departure-art{inset:0;width:100%;height:100%;object-fit:contain;object-position:center;animation:none;transform:none;filter:none;z-index:1}
 & #departure-hero{display:none}
 & .departure-copy{clip-path:inset(50%);height:1px;width:1px;overflow:hidden}
 & #departure::before,& #departure::after{display:none}
 & #departure[data-chapter=changban]{--departure-plate:url('./assets/ui/fidelity/batch1/departure-changban-plate.webp')}
 & #departure[data-chapter=hanjin]{--departure-plate:url('./assets/ui/fidelity/batch1/departure-hanjin-plate.webp')}
 & #departure::before{content:'';display:block;position:absolute;inset:-12px;background:var(--departure-plate) center/cover;filter:blur(12px);z-index:0}
 & .departure-bottom{z-index:3}
 & #tactical-map{grid-template-rows:15.2dvh minmax(0,1fr) 10.8dvh;background:#eee5d0}
 & #tactical-map header{padding:2dvh 1.8vw;background:#f6f0e3;border:0;display:flex;align-items:center;gap:2vw}
 & #tactical-map h2{font:calc(75 * var(--du))/1.1 var(--pz-serif);color:#171e18;letter-spacing:0;margin:0}
 & #tactical-map header p{font:calc(28 * var(--du))/1.2 var(--pz-serif);color:#29392e;display:block}
 & #tactical-map #map-close{background:transparent url('./assets/ui/fidelity/batch1/login-secondary.webp') center/100% 100% no-repeat;width:14vw;height:11dvh;font:calc(43 * var(--du))/1 var(--pz-serif);border:0;min-height:44px}
 & #tactical-map footer{background:#f2ead9;border:0;padding:0 1.5vw;justify-content:flex-end;gap:calc(13 * var(--du))}
 & #tactical-map footer button{font:calc(30 * var(--du))/1 var(--pz-serif);height:8.8dvh;min-height:44px;background:#f1e5c9;border:2px double #484d3a;padding:0 10px}
 & #tactical-legend{left:35%;bottom:3%;background:none;font:calc(28 * var(--du))/1 var(--pz-serif);color:#29372c;gap:1.5vw}
 & #tactical-selection{position:fixed;left:1.5%;bottom:3%;width:15%;min-height:12%;padding:1.5%;font:calc(30 * var(--du))/1.3 var(--pz-serif);color:#263c2e;background:#f0e5ce;border:3px double #5f6855;box-shadow:3px 4px 0 #35463e88}
 & #tactical-map #map-track{position:fixed;left:4%;bottom:4%;width:10%;height:5%;min-height:32px;border:0;background:transparent url('./assets/ui/fidelity/batch1/login-primary.webp') center/100% 100% no-repeat;color:#f2e2c4}
 & #tactical-selection:has(b){padding-bottom:7dvh}
 & #squad-hud:not(.expanded)>:not(#squad-toggle){display:none}
 & #battle-weather{z-index:1}
 & #hud,& #chapter-hud,& #squad-hud,& #elite-health,& #mobile-toolbar,& #map-panel,& #run-tools,& #bottom-hud,& #camera-reset{z-index:5}
 & #tactical-legend{bottom:-8dvh;z-index:3;left:35%;gap:1vw;font-size:calc(24 * var(--du))}
 & #tactical-selection{bottom:2%;min-height:20%;padding:1.3% 1.4% 6dvh}
 & .ability .cooldown-cover{opacity:.45}
 &[data-bosses=true] #squad-hud:not(.expanded)>.formation-row{display:block;margin-top:calc(14 * var(--dv));padding:calc(14 * var(--du)) calc(22 * var(--du));border-left:calc(7 * var(--du)) solid #87a9a0;border-radius:calc(10 * var(--du));background:linear-gradient(90deg,#253e37b0,#263f3677)}
 &[data-bosses=true] #squad-hud:not(.expanded) #formation-btn{display:none}
 &[data-bosses=true] #squad-hud:not(.expanded) #formation-name{font:calc(32 * var(--du))/1.2 var(--pz-serif);color:#ead8b4}
}