.hud.left .vitals{
  position:fixed!important;
  z-index:4;
  top:auto!important;
  right:18px!important;
  bottom:18px!important;
  left:auto!important;
  width:148px!important;
  margin:0!important;
  padding:0!important;
  border-color:transparent!important;
  background:transparent!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}
.objective-stack{
  position:absolute;
  z-index:5;
  top:10%;
  left:max(8px,env(safe-area-inset-left));
  display:grid;
  justify-items:start;
  gap:4px;
  width:min(184px,44vw);
  max-width:calc(100vw - 16px);
}
.objective-stack .objective-toggle{
  position:static!important;
  top:auto!important;
  left:auto!important;
  transform:none!important;
}
.objective-stack .objectives-hud{
  position:static!important;
  top:auto!important;
  left:auto!important;
  width:100%;
  min-width:0;
  max-width:100%;
  max-height:34vh;
  overflow:auto;
  transform:none!important;
}
.objective-stack .score{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:baseline;
  column-gap:8px;
  width:100%;
  padding:5px 8px;
  border:1px solid rgba(176,220,215,.2);
  background:rgba(7,26,34,.78);
  text-align:left;
  pointer-events:none;
}
.objective-stack .score>span{grid-column:1;grid-row:1;font-size:9px;letter-spacing:.08em}
.objective-stack .score strong{grid-column:2;grid-row:1;justify-self:end;margin:0;font-size:19px;line-height:1.1}
.objective-stack .score small{grid-column:1/-1;justify-self:end;font-size:9px}
.objective-stack .score small b{font-size:10px}
.hud.right .realm{
  width:116px!important;
  padding:5px 6px!important;
  justify-self:end;
}
.hud.right .realm .micro{font-size:7px}
.hud.right .realm strong{margin-top:3px;font-size:12px}
.hud.right .realm .progress{height:2px;margin:4px 0 3px}
.hud.right .realm small{margin-top:2px;font-size:7px}
@media(max-width:760px){
  .hud.left .vitals{right:8px!important;bottom:10px!important;width:112px!important}
  .objective-stack{top:10%;left:max(6px,env(safe-area-inset-left));width:min(156px,43vw)}
  .objective-stack .score{padding:4px 6px}
  .objective-stack .score strong{font-size:15px}
  .hud.right .realm{width:84px!important;padding:4px 5px!important}
  .hud.right .realm strong{font-size:10px}
  .hud.right .realm .micro,.hud.right .realm small{font-size:6px}
  .hud.right .realm .progress{height:2px;margin:3px 0 2px}
}

.title-block p{display:none}
.toast{top:auto;bottom:clamp(112px,16vh,180px)}
@media(max-width:760px) and (orientation:portrait){
  .hud.top{top:max(8px,env(safe-area-inset-top));left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}
  .title-block{gap:7px}
  .seal{width:30px;height:30px;flex-basis:30px;font-size:17px}
  .top h1{font-size:17px;letter-spacing:.04em}
  .actions{gap:4px}
  .actions .square{width:32px;height:32px;padding:0;font-size:13px}
  .actions #photoMode,.actions #toggleHints{display:none}
  .top .distance{position:fixed;top:max(4px,env(safe-area-inset-top));left:50%;display:flex;align-items:baseline;gap:3px;transform:translateX(-50%);text-align:center;white-space:nowrap}
  .top .distance span{font-size:8px;letter-spacing:0}
  .top .distance strong{font-size:16px;line-height:1}
  .top .distance small{font-size:8px}
  .top .distance .daily-hud,.top .distance .mode-hud{display:none!important}
  .objective-stack{position:static;display:contents;width:auto;max-width:none}
  .objective-stack .objective-toggle{position:fixed!important;top:54px!important;left:max(10px,env(safe-area-inset-left))!important;z-index:6;display:grid;place-items:center;width:54px;height:32px;padding:0 6px;border:1px solid rgba(197,255,240,.3);border-radius:18px;background:rgba(7,26,34,.76);color:var(--jade2);font-size:10px}
  .objective-stack .objectives-hud{position:fixed!important;top:92px!important;left:max(10px,env(safe-area-inset-left))!important;z-index:6;width:min(190px,54vw);padding:8px;border:1px solid rgba(197,255,240,.24);background:rgba(7,26,34,.88)}
  .objective-stack .score{position:fixed;bottom:max(14px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));width:128px;padding:7px 9px;border-color:rgba(197,255,240,.3);background:rgba(7,26,34,.68);text-align:left}
  .objective-stack .score>span{font-size:10px}
  .objective-stack .score strong{font-size:21px}
  .objective-stack .score small{justify-self:start;font-size:9px}
  .hud.right .realm{position:fixed!important;top:53px!important;right:max(10px,env(safe-area-inset-right))!important;left:202px!important;z-index:4;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:6px;width:auto!important;margin:0!important;padding:4px 0!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:left}
  .hud.right .realm .micro,.hud.right .realm p{display:none!important}
  .hud.right .realm strong{grid-column:1;grid-row:1;margin:0;font-size:10px;letter-spacing:0}
  .hud.right .realm .progress{grid-column:1;grid-row:2;height:4px;margin:4px 0 0}
  .hud.right .realm small{grid-column:2;grid-row:1/3;margin:0;color:var(--ink);font-size:8px;white-space:nowrap}
  .hud.left{top:31%;left:8px;width:auto;pointer-events:none}
  .hud.left .pressure,.hud.left .sect{display:none}
  .hud.left .vitals{position:fixed!important;top:91px!important;right:max(10px,env(safe-area-inset-right))!important;bottom:auto!important;left:auto!important;z-index:4;width:92px!important;padding:4px 0!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:right}
  .hud.left .vitals .label-row{justify-content:flex-end;gap:6px;color:var(--ink);font-size:11px}
  .hud.left .vitals .label-row b{font-size:11px}
  .hud.left .vitals .bar{height:4px;margin:5px 0 9px;background:rgba(231,83,87,.28)}
  .hud.left .vitals .bar.gold{width:58px;height:3px;margin:4px 0 7px auto;background:rgba(73,190,225,.24)}
  .hud.left .vitals .bar.gold i{background:#50c9ed;box-shadow:0 0 10px rgba(80,201,237,.48)}
  .hud.left .vitals .hint-row{justify-content:flex-end;gap:5px;font-size:9px}
  .hud.left .vitals .hint-row strong{font-size:10px}
  .hud.left .vitals .hint-row:nth-of-type(4){position:fixed;top:auto;right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));z-index:7;display:grid;justify-items:center;gap:2px;width:68px;padding:3px 4px;border:0;border-radius:0;background:transparent;text-align:center;pointer-events:none}
  .hud.left .vitals .hint-row:nth-of-type(4) span{font-size:10px}
  .hud.left .vitals .hint-row:nth-of-type(4) strong{font-size:16px;color:var(--jade2)}
  .hud.left .vitals .hint-row:nth-of-type(5),.hud.left .vitals .power-badges{display:none}
  .hud.right{top:auto;right:auto;bottom:0;left:0;width:0;height:0}
  .hud.right .realm,.hud.right .chain{pointer-events:none}
  .hud.right .chain{position:fixed;top:48%;right:10px;width:auto;padding:0;border:0;background:transparent;box-shadow:none;text-align:right;pointer-events:none}
  .hud.right .chain .micro,.hud.right .chain p{display:none}
  .hud.right .chain strong{margin:0;color:var(--gold);font-size:16px}
  .hud.right .skill{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:6;display:grid;place-items:center;gap:0;width:88px;height:88px;min-height:0;padding:0;border:2px solid rgba(240,194,109,.72);border-radius:50%;background:radial-gradient(circle,rgba(59,47,33,.94),rgba(20,24,27,.96));box-shadow:0 0 0 4px rgba(240,194,109,.12),0 0 22px rgba(240,194,109,.24);text-align:center}
  .hud.right .skill-glyph{width:auto;height:auto;border:0;color:transparent;font-size:0;text-shadow:none}
  .hud.right .skill-glyph::before{color:var(--gold);font:700 48px/1 Georgia,serif;text-shadow:0 0 12px rgba(240,194,109,.55);content:'E'}
  .hud.right .skill>span:nth-child(2){display:none}
  .hud.right .skill em{top:auto;right:0;bottom:8px;left:0;color:#f7dfaa;font-size:7px;text-align:center}
  .hud.bottom{right:auto;bottom:0;left:0;width:0;height:0;pointer-events:none}
  .hud.bottom .controls{display:none}
  .touch-controls{bottom:max(12px,env(safe-area-inset-bottom));left:calc(50% + 15px);grid-template-columns:repeat(4,24px);gap:3px;transform:translateX(-50%)}
  .touch-controls button{width:24px;height:32px;border-color:rgba(197,255,240,.24);background:rgba(8,28,35,.54);font-size:13px}
  .touch-controls button[data-action="skill"]{display:none}
  .toast{display:none!important}
}
@media(max-width:760px) and (orientation:portrait) and (max-height:740px){
  .hud.left .vitals{top:91px!important}
  .hud.right .chain{top:47%}
  .hud.right .skill{width:76px;height:76px}
  .hud.right .skill-glyph::before{font-size:44px}
  .touch-controls{grid-template-columns:repeat(4,22px)}
  .touch-controls button{width:22px;height:28px}
}
@media(max-width:380px) and (orientation:portrait){
  .objective-stack .score{width:112px;padding:6px 7px}
  .objective-stack .score strong{font-size:18px}
  .touch-controls{left:calc(50% + 8px);grid-template-columns:repeat(4,20px);gap:3px}
  .touch-controls button{width:20px;height:28px}
  .hud.right .skill{right:max(10px,env(safe-area-inset-right));width:72px;height:72px}
  .hud.right .skill-glyph::before{font-size:42px}
}