:root{--bg:#101719;--panel:#182123;--panel2:#1c2729;--border:#2c3636;--text:#edf1e9;--muted:#82918e;--lime:#d3ee89;--lime-dark:#253523;--mono:'Consolas',monospace;--font:'Noto Sans SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.hidden{display:none!important}.site-header{height:78px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 38px;gap:58px}.brand{color:var(--lime);display:flex;align-items:center;text-decoration:none;gap:12px}.brand svg{width:34px;height:34px}.brand strong{font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:1.1px;font-size:26px}.brand strong span{color:#edf1e9;margin-left:4px}.brand i{height:20px;width:1px;background:#3c4745;margin:0 3px}.brand-cn{font-size:12px;color:#aab5b0;letter-spacing:2px}.site-header nav{display:flex;align-self:stretch;gap:32px}.nav-link{border:0;background:none;color:#8d9996;font-size:13px;padding:0 2px;position:relative}.nav-link.active{color:var(--lime)}.nav-link.active:after{content:'';position:absolute;bottom:-1px;height:2px;left:0;right:0;background:var(--lime)}.nav-link span{margin-left:7px;font-size:14px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.version{font:10px var(--mono);letter-spacing:1px;color:#71817c;margin-right:13px}.icon-button{background:none;border:1px solid #33403e;width:34px;height:34px;border-radius:5px;font-size:21px;position:relative;color:#b7c1b8}.icon-button:hover{border-color:var(--lime);color:var(--lime)}.slash{position:absolute;font-size:22px;left:11px;top:2px}main{max-width:1680px;padding:0 38px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;padding:30px 0 27px;gap:16px}.eyebrow{font:10px var(--mono);letter-spacing:2px;color:var(--lime);display:flex;align-items:center;gap:9px}.little-line{width:19px;height:2px;background:var(--lime)}h1{font-size:27px;letter-spacing:1px;margin:10px 0 0;font-weight:700}h1 span{color:#91a180}.connection{display:grid;grid-template-columns:8px auto;column-gap:9px;align-items:center;font-size:11px;color:#c6d1bf}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 9px #d3ee8926;flex-shrink:0}.connection-sub{grid-column:2;font:9px var(--mono);letter-spacing:1px;color:#73837a;margin-top:7px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:20px}.arena-panel{min-width:0;overflow:hidden;border:1px solid #39443c;border-radius:8px;background:#151e1e}.arena-toolbar{height:48px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #35403a}.map-label{display:flex;align-items:center;gap:9px;font-size:11px}.map-tag{border:1px solid #3a473d;border-radius:3px;padding:3px 6px;font-size:9px;color:#9eaa92;margin-left:5px}.arena-meta{display:flex;align-items:center;gap:21px;color:#86928a;font-size:10px}.arena-meta b{font:600 14px var(--mono);color:#dbe2cf;margin-left:7px}.small-button{border:0;border-left:1px solid #35403a;background:none;padding:3px 0 3px 17px;font:16px var(--mono);color:#b3bea8}.canvas-wrap{position:relative;aspect-ratio:16/10;background:#343d2c;overflow:hidden}#battlefield{width:100%;height:100%;display:block;cursor:crosshair;outline:0;touch-action:none}.field-top-label,.field-bottom-label{position:absolute;pointer-events:none;left:20px;right:20px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1px;color:#c7d3af70}.field-top-label{top:17px}.field-bottom-label{bottom:15px;font-family:var(--font);font-size:9px;letter-spacing:1px}.field-bottom-label span{display:flex;align-items:center;gap:6px}.field-bottom-label i{width:4px;height:4px;background:#b8d58b;border-radius:50%}.lobby-overlay,.pause-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0b140f25}.lobby-card{position:relative;width:360px;padding:29px 32px 21px;border:1px solid #899a635c;border-radius:7px;background:#17211ced;box-shadow:0 20px 65px #03090460;backdrop-filter:blur(10px)}.card-corners{position:absolute;width:24px;height:24px;top:-1px;left:-1px;border-top:2px solid var(--lime);border-left:2px solid var(--lime);border-radius:7px 0 0 0}.lobby-card .eyebrow{font-size:9px;letter-spacing:1.4px}.lobby-card h2{font-size:34px;line-height:1.45;margin:18px 0 10px;letter-spacing:1px;font-weight:800}.lobby-card h2 span{color:var(--lime)}.lobby-description{font-size:11px;line-height:1.9;color:#a5b49c;margin:0 0 22px}.mode-tabs{display:flex;border-bottom:1px solid #3a4735;margin:0 0 18px;gap:25px}.mode-tabs button{position:relative;background:none;border:0;color:#8f9d84;padding:9px 0 12px;font-size:12px}.mode-tabs .selected{color:var(--lime)}.mode-tabs .selected:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--lime)}.mode-tabs span{font:9px var(--mono);padding:2px 4px;border:1px solid #5c6a4a;border-radius:3px;margin-left:4px}.primary-button{width:100%;border:1px solid var(--lime);background:var(--lime);color:#20301c;border-radius:4px;padding:13px 16px;font-size:12px;font-weight:700;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:12px}.primary-button:hover{background:#e0f5ae;border-color:#e0f5ae;transform:translateY(-1px)}.primary-button span{font-size:20px;line-height:15px}.lobby-note{font-size:9px;letter-spacing:.5px;text-align:center;color:#839278;margin-top:12px;margin-bottom:0}.error-message{font-size:11px;line-height:1.65;color:#ffb190;margin:10px 0 0}.error-message:empty{margin:0}.input-label{display:block;color:#a2b093;font-size:10px;margin-bottom:6px}input{width:100%;min-width:0;background:#101912;border:1px solid #46513c;border-radius:4px;padding:10px 11px;color:var(--text);font-size:12px}input::placeholder{color:#7a8973}.multiplayer-actions{display:flex;gap:8px;margin-top:12px}.multiplayer-actions .primary-button{flex:1}.secondary-button{background:#293423;border:1px solid #566246;border-radius:4px;font-size:11px;padding:0 16px;color:#d1dfbd}.secondary-button:hover{border-color:var(--lime)}.join-form{display:flex;gap:8px;margin-top:9px}.join-form .primary-button{width:78px;padding:9px 12px}.controls-strip{min-height:46px;padding:10px 16px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;color:#8d9a91;font-size:10px}.controls-strip>div{display:flex;align-items:center;gap:4px}.controls-strip>div>span{margin-left:4px}kbd{font:9px var(--mono);background:#26302b;border:1px solid #465040;border-bottom-width:2px;border-radius:3px;padding:3px 5px;min-width:18px;text-align:center;color:#c0cab5}.controls-end{margin-left:auto;font-size:9px;color:#758572}.controls-end>span{color:#c3dc8b;margin-left:6px}.sidebar{display:flex;flex-direction:column;gap:14px}.status-card{border:1px solid var(--border);border-radius:7px;background:var(--panel);padding:17px}.section-label{display:flex;align-items:center;justify-content:space-between}.section-label h3{font-size:11px;font-weight:500;margin:0;letter-spacing:1px}.section-label>span{font:9px var(--mono);letter-spacing:1px;color:#71837a}.vehicle-preview{position:relative;height:138px;padding-top:91px}.vehicle-preview canvas{position:absolute;top:-5px;left:50%;transform:translateX(-50%);width:230px;height:105px}.vehicle-preview strong{font-size:13px;font-weight:600;display:block}.vehicle-preview div span{display:block;font:8px var(--mono);color:#75897e;margin-top:4px;letter-spacing:.8px}.vehicle-badge{position:absolute;right:0;bottom:11px;border:1px solid #40523a;color:#a7bf83;background:#26331f;padding:3px 7px;border-radius:3px;font-size:9px}.health-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#81938a;margin-top:4px}.health-label strong{font:12px var(--mono);color:#d5e9b8}.health-label small{font:9px var(--mono);color:#768878}.health-track{height:5px;background:#303c31;margin-top:8px;border-radius:2px;overflow:hidden}.health-track>div{height:100%;width:100%;background:var(--lime);transition:width .2s}.stats-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border);margin-top:17px;padding-top:13px}.stats-grid>div+div{border-left:1px solid var(--border);padding-left:22px}.stats-grid span{font-size:9px;color:#849189;display:block}.stats-grid strong{font:22px 'Barlow Condensed',var(--mono);letter-spacing:1px;font-weight:600;margin-top:5px;display:block}.tiny-dot{width:5px;height:5px;border-radius:50%;background:#52694c}.buffs-list{margin-top:15px}.empty-buff{display:flex;align-items:center;gap:12px;font-size:10px;color:#98a58f}.empty-buff>span{display:grid;place-items:center;width:32px;height:32px;border:1px dashed #43503e;border-radius:5px;color:#65745e;font-size:22px}.empty-buff small{display:block;margin-top:5px;font-size:9px;color:#697c70}.buff-row{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:10px}.buff-row .supply-icon{width:27px;height:27px;font-size:18px}.buff-row time{margin-left:auto;color:#c7df91;font:10px var(--mono)}.squad-card{padding-bottom:13px}.squad-row{display:flex;align-items:center;gap:9px;font-size:10px;margin-top:17px}.avatar-dot{width:7px;height:7px;border-radius:2px;background:var(--lime);box-shadow:0 0 0 4px #d3ee8910;margin:0 4px}.squad-row small{font-size:8px;color:#92a17f;margin-left:3px}.squad-status{margin-left:auto;font-size:9px;color:#98b27c}.room-button{border:1px dashed #42523d;background:none;border-radius:4px;font-size:10px;padding:10px 8px;margin-top:18px;width:100%;color:#8d9f7f}.room-button:hover{border-color:var(--lime);color:var(--lime)}.room-button>span{font-size:15px;margin-right:4px}.tactical-note{display:flex;gap:11px;padding:5px 6px 0;color:#84907f}.tip-symbol{font-size:26px;color:#7b9063}.tactical-note h3{font-size:10px;font-weight:500;margin:2px 0 7px}.tactical-note h3 span{font:9px var(--mono);border:1px solid #394635;border-radius:3px;padding:1px 4px;margin-left:6px;color:#6d8061}.tactical-note p{font-size:10px;line-height:1.9;margin:0;color:#71806e}.supply-section{margin-top:24px}.supply-heading{display:flex;align-items:center;gap:14px;margin-bottom:13px}.supply-heading h2{font-size:12px;letter-spacing:1px;font-weight:500;margin:0}.supply-heading>span{font-size:10px;color:#6e8073}.supply-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.supply-item{display:flex;align-items:center;gap:11px;position:relative;border:1px solid var(--border);border-radius:6px;background:#172022;padding:15px 13px}.supply-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid;border-radius:7px;font:26px var(--mono);flex-shrink:0}.repair{color:#b7e77e;background:#b7e77e10;border-color:#b7e77e35}.shield{color:#80c1e8;background:#80c1e810;border-color:#80c1e835}.rapid{color:#efd77c;background:#efd77c10;border-color:#efd77c35}.spread{color:#e5a084;background:#e5a08410;border-color:#e5a08435}.speed{color:#bdaceb;background:#bdaceb10;border-color:#bdaceb35}.supply-item strong{font-size:11px;font-weight:500;display:block}.supply-item div>span{display:block;color:#76877b;font-size:9px;margin-top:5px}.supply-index{position:absolute;right:10px;top:8px;color:#42534b;font:8px var(--mono)}footer{display:flex;justify-content:space-between;padding:24px 0;color:#62746c;font-size:9px}footer>span:first-child{display:flex;align-items:center;gap:7px}footer i{display:block;width:4px;height:4px;border-radius:50%;background:#6d8258}footer>span:last-child{font:8px var(--mono);letter-spacing:1px}footer>span:last-child span{margin-left:14px;color:#94a876}.pause-overlay{background:#09110ac7;backdrop-filter:blur(5px)}.pause-card{width:300px;text-align:center}.pause-card .eyebrow{justify-content:center}.pause-card h2{font-size:30px;margin:15px 0}.pause-card p{color:#93a188;font-size:11px;margin-bottom:25px;line-height:1.8}.text-button{border:0;background:none;color:#92a183;font-size:11px;padding:17px}.wave-banner{position:absolute;top:36%;left:0;right:0;text-align:center;background:#122017d9;padding:23px;border-block:1px solid #b3cc7d3b;color:var(--lime);font-size:25px;font-weight:700;pointer-events:none}.wave-banner small{display:block;font:10px var(--mono);letter-spacing:2px;margin-top:9px}.respawn-banner{position:absolute;bottom:65px;left:50%;transform:translateX(-50%);background:#25241dea;border:1px solid #a28e50;color:#f0d593;padding:14px 24px;border-radius:5px;font-size:12px;white-space:nowrap}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#e0edc8;color:#26351f;padding:13px 22px;border-radius:5px;box-shadow:0 4px 30px #0005;font-size:12px;z-index:10;max-width:90vw;text-align:center}dialog{border:1px solid #4c5e43;border-radius:10px;color:var(--text);background:#19251e;width:min(530px,92vw);padding:34px;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#070e0bc9;backdrop-filter:blur(5px)}dialog h2{font-size:25px;margin:16px 0}dialog p,dialog dd{color:#9da994;font-size:12px;line-height:1.9}dialog dt{font-size:12px;color:#cde2ac;margin-top:16px}dialog dd{margin:4px 0 0}dialog dl{margin-bottom:25px}.dialog-close{position:absolute;right:17px;top:17px;border:0}.canvas-wrap:fullscreen{aspect-ratio:auto;width:100vw;height:100vh;background:#101719;display:flex;align-items:center;justify-content:center}.canvas-wrap:fullscreen canvas{width:min(100vw,160vh);height:min(100vh,62.5vw)}@media(min-width:1550px){main{padding:0 52px}.site-header{padding:0 52px}.game-layout{grid-template-columns:minmax(0,1fr) 280px}.lobby-card{width:390px;padding:35px 35px 27px}.lobby-card h2{font-size:38px}.lobby-description{font-size:12px}.sidebar{gap:17px}.status-card{padding:20px}.vehicle-preview{height:150px;padding-top:100px}.vehicle-preview canvas{height:115px;width:250px}}@media(max-width:1150px){.site-header{padding:0 24px;gap:30px}main{padding:0 24px}.game-layout{grid-template-columns:minmax(0,1fr) 235px;gap:15px}.controls-end{display:none}.controls-strip{gap:15px}.lobby-card{padding:22px 25px 17px;width:325px}.lobby-card h2{font-size:28px;margin-top:14px}.lobby-description{margin-bottom:13px;font-size:10px}.mode-tabs{margin-bottom:12px}.lobby-card .primary-button{padding:11px 14px}.vehicle-preview{height:124px;padding-top:80px}.vehicle-preview canvas{width:210px;height:95px}.status-card{padding:14px}.sidebar{gap:11px}.tactical-note{display:none}.supply-item{padding:13px 10px;gap:8px}.supply-icon{width:30px;height:30px}.supply-item div>span{font-size:8px}.intro h1{font-size:23px}.supply-grid{gap:8px}}@media(max-width:850px){.site-header{height:65px;padding:0 18px}.brand-cn,.brand i,.version,.site-header nav{display:none}.header-actions{gap:7px}.brand strong{font-size:24px}main{padding:0 16px}.intro{padding:23px 0}.intro h1{font-size:20px;letter-spacing:0}.intro .eyebrow{font-size:8px}.connection{display:none}.game-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.player-card{grid-row:span 2}.vehicle-preview{height:138px;padding-top:92px}.squad-card{grid-column:2}.buffs-card{grid-column:2}.canvas-wrap{min-height:380px;aspect-ratio:16/10}#battlefield{object-fit:contain}.supply-grid{grid-template-columns:repeat(3,1fr)}.supply-item{min-height:67px}.lobby-card{width:310px}.lobby-card h2{font-size:27px}.lobby-description{font-size:10px}.controls-strip{justify-content:center}.arena-toolbar{padding:0 12px}.arena-meta{gap:12px}.field-top-label,.field-bottom-label{left:12px;right:12px;font-size:7px}footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Keep the lobby usable on short windows without relying on remote assets. */
.canvas-wrap{width:100%;min-width:0}
.vehicle-picker{margin:13px 0 8px}.vehicle-picker label{display:flex;justify-content:space-between}.vehicle-picker label span{font-size:9px;color:#82966e}.vehicle-picker select{width:100%;padding:10px 12px;border:1px solid #506142;border-radius:4px;background:#202d20;color:#e2edcf;font:12px var(--font);cursor:pointer}.vehicle-picker select:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.vehicle-details{margin-top:8px;font:10px var(--mono);color:#c4d69a}.vehicle-description{font-size:10px;color:#90a080;line-height:1.6;margin:6px 0 10px}.lobby-card h2{font-size:28px;margin:12px 0 8px}.lobby-description{margin-bottom:10px}.lobby-card{padding-top:24px;padding-bottom:18px}.lobby-card .mode-tabs{margin-bottom:12px}.lobby-card .mode-tabs button{padding-bottom:9px}
.lobby-overlay{overflow-y:auto;padding:20px 0;align-items:safe center}
.lobby-card{flex-shrink:0;max-width:calc(100% - 24px);margin:auto}
.tactical-note p{white-space:pre-line}
@media(max-width:520px){.supply-grid{grid-template-columns:repeat(2,1fr)}.intro h1{font-size:18px}.lobby-card{padding:21px}.controls-strip{gap:10px}.map-tag{display:none}}

/* Touch combat keeps the map and both thumbs in the same viewport. */
.touch-controls{display:none}
.combat-hud{position:absolute;top:12px;left:14px;right:14px;display:flex;align-items:center;gap:12px;pointer-events:none;color:#e2edc5;font:11px var(--mono);text-shadow:0 1px 3px #000}
.combat-hud button{display:none;pointer-events:auto;background:#17251ee8;border:1px solid #73895b;border-radius:6px;color:var(--lime);padding:10px 12px;margin-left:auto;min-height:44px}
.in-battle .field-top-label{display:none}
.boss-health{position:absolute;top:48px;left:50%;transform:translateX(-50%);width:min(380px,65%);padding:8px 12px;border:1px solid #ad81477a;border-radius:5px;background:#1f2019e8;pointer-events:none;color:#f1cf8b;text-align:center;font-size:10px}
.boss-health>div{height:5px;background:#4a3e2d;margin-top:7px;border-radius:3px;overflow:hidden}
.boss-health i{display:block;height:100%;background:linear-gradient(90deg,#df935b,#f1ce7c);transition:width .1s}
.touch-ui button,.touch-ui input,.touch-ui select{min-height:44px}
.touch-ui input,.touch-ui select{font-size:16px}
.touch-ui .lobby-card{width:min(360px,calc(100% - 24px))}
.touch-ui.in-battle{overflow:hidden;overscroll-behavior:none}
.touch-ui.in-battle .arena-panel{position:fixed;inset:0;z-index:5;border:0;border-radius:0;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);background:#101916}
.touch-ui.in-battle .arena-toolbar{height:44px;min-height:44px;padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
.touch-ui.in-battle .canvas-wrap{flex:1;min-height:0;aspect-ratio:auto;background:radial-gradient(ellipse at center,#2a3825,#101916);width:100%}
.touch-ui.in-battle #battlefield{width:100%;height:calc(100% - 164px - env(safe-area-inset-bottom));object-fit:contain;margin:auto}
.touch-ui.in-battle .controls-strip,.touch-ui.in-battle .field-bottom-label{display:none}
.touch-ui.in-battle .combat-hud button{display:block}
.touch-ui.in-battle .combat-hud{top:4px;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));font-size:10px;gap:8px}
.touch-ui.in-battle .touch-controls{display:flex;position:absolute;bottom:max(10px,env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));justify-content:space-between;align-items:center;pointer-events:none;user-select:none;-webkit-user-select:none}
.stick-group{display:flex;flex-direction:column;align-items:center;gap:8px;color:#b2c49a;font-size:11px;letter-spacing:2px}
.touch-stick{width:116px;height:116px;border-radius:50%;border:1px solid #91ab6175;background:radial-gradient(circle,#60734930 0 38%,#253324a8 39% 62%,#53674428 63%);position:relative;display:grid;place-items:center;touch-action:none;pointer-events:auto;box-shadow:inset 0 0 24px #0d1b16aa}
.touch-stick.engaged{border-color:#d3ee89;box-shadow:0 0 24px #d3ee891a}
.aim-stick{border-color:#c59a6f70;background:radial-gradient(circle,#95694630 0 38%,#322b22a8 39% 62%,#74573c28 63%)}
.aim-stick.engaged{border-color:#f2c181}
.stick-cross{font:46px var(--mono);color:#8ea86c40;pointer-events:none}
.stick-knob{position:absolute;width:43px;height:43px;border:1px solid #c8dc9da0;background:#9ab36c6b;border-radius:50%;box-shadow:0 3px 12px #0004;pointer-events:none}
.aim-stick .stick-knob{background:#c1936278;border-color:#e4c397b0}
.touch-hint{color:#7f9678;text-align:center;font-size:9px;line-height:1.9;letter-spacing:1px}
.battle-paused .touch-controls{visibility:hidden}
.pause-overlay,.lobby-overlay{z-index:3}
.touch-ui .pause-card{max-width:calc(100% - 40px)}
.touch-ui .respawn-banner{bottom:180px;font-size:11px;white-space:normal;width:max-content;max-width:90%;text-align:center;padding:12px}
.touch-ui .wave-banner{font-size:20px;padding:18px 10px}
.touch-ui .toast{bottom:max(20px,env(safe-area-inset-bottom));z-index:10}
@media(max-width:600px){
  .touch-ui:not(.in-battle) .canvas-wrap{min-height:570px}
  .touch-ui .sidebar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .touch-ui .vehicle-preview canvas{max-width:100%;object-fit:contain}
  .touch-ui .vehicle-badge{font-size:8px;padding:3px;right:0}
  .touch-ui .intro h1{font-size:16px}
}
@media(orientation:landscape){
  .touch-ui.in-battle #battlefield{width:calc(100% - 254px - env(safe-area-inset-left) - env(safe-area-inset-right));height:100%;margin:auto;object-fit:contain}
  .touch-ui.in-battle .touch-controls{bottom:max(14px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right))}
  .touch-ui.in-battle .touch-hint{display:none}
  .touch-ui.in-battle .combat-hud{right:max(8px,env(safe-area-inset-right));left:max(8px,env(safe-area-inset-left));align-items:flex-start}
  .touch-ui.in-battle #combat-health{max-width:120px;line-height:1.8}
  .touch-ui.in-battle #combat-buffs{position:absolute;top:48px;left:0;max-width:116px}
  .touch-ui.in-battle .boss-health{top:4px;width:min(300px,40%);padding:5px 8px}
  .touch-ui.in-battle .respawn-banner{bottom:10px;max-width:55%}
}