/* Labels sit on opaque engraved plaques, never on the illustrated altar. */
.hud-panel-heading h2,.battle-top h1,.modal-backdrop .dialog h2{font-family:var(--hud-title-font);font-weight:400;line-height:1.25;letter-spacing:.3px}
.hud-panel-heading h2{font-size:34px;margin-top:5px}
.hud-panel-heading small{font-size:10px;color:#d9b58a;letter-spacing:1.6px;line-height:1.4}
.hud-panel-heading #hudPanelArt{width:82px;height:84px}
.hud-panel-heading h2,.mob-name-row strong{text-wrap:balance}
.hud-backdrop .tab-button{font-size:11px;letter-spacing:.5px}
.font-control{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:20px;color:#e0c5a2;font:12px/1.5 Arial,sans-serif}
.font-control select{max-width:100%;min-height:40px}
.settings-card .font-note{margin-top:12px;font-size:12px;color:#d0b89e}

/* Resources share a baseline and enough room for their labels. */
.top-resources{align-items:center;gap:20px}
.topbar .resource-pill{gap:8px;min-width:100px;align-items:center}
.resource-pill>div:last-child{display:grid;grid-template-rows:12px 21px;gap:2px;align-items:center}
.topbar .resource-pill small{display:block;font:9px/12px Arial,sans-serif;letter-spacing:.9px;margin:0;color:#d7bd9a}
.topbar .resource-pill strong{display:block;font:18px/21px Georgia,serif;color:#ffe1b4}
.topbar .profile-copy small{font-size:8px;line-height:1.4;color:#d7bd9a}
.topbar .profile-copy strong{font-size:14px;line-height:1.3;color:#ffe1b4}
.topbar .ui-tools button{font-size:11px;color:#ead1ad}

/* Region and enemy use two distinct columns aligned to the same top edge. */
.battle-top{top:16px;left:32%;width:min(450px,43%);min-height:58px;padding:7px 32px;display:flex;align-items:center;justify-content:center}
.battle-top::before{inset:0;border-width:10px;border-image-width:20px;background:#180e12}
.battle-top h1{font-size:30px;line-height:1.2;margin:5px 0 0;color:#ffe1b2}
.battle-top .eyebrow{font-size:9px;line-height:12px;letter-spacing:1.5px;color:#dfbe91}
.zone-crest{right:7px;top:50%;transform:translateY(-50%);width:26px;height:30px;font-size:13px}
.stage-strip{left:32%;top:87px;width:320px;max-width:38%;gap:6px 10px}
.stage-caption strong,.stage-caption>span{font:9px/12px Arial,sans-serif;letter-spacing:.7px;color:#edd0a7}
.stage-pips span{font-size:10px;line-height:12px;color:#c4a47d}
.stage-pips .active{color:#ffe3b0}
.app-frame .battlefield .mob-info{top:16px!important;left:77%!important;width:min(350px,29%)!important;min-height:58px;padding:8px 12px;display:flex;flex-direction:column;justify-content:center}
.mob-info::before{inset:0;border-width:8px;border-image-width:17px;background:#180e12}
.battlefield .mob-name-row{min-height:23px;gap:8px;flex-wrap:nowrap}
.battlefield .mob-name-row strong{font:17px/23px Georgia,serif;color:#ffe3b9}
.battlefield .mob-rank{font:9px/15px Arial,sans-serif;padding:0 4px;color:#ffe0ae;flex:none}
.battlefield .hp-track{flex:none;height:13px;margin-top:5px}
.battlefield .hp-numbers{font:10px/11px Arial,sans-serif;color:#fff2de}
.app-frame .battlefield{--headroom:132px}
.battle-panel:has(.boss-fight) .battle-top{left:50%}
.battle-panel:has(.boss-fight) .stage-strip{left:50%}
.app-frame .battlefield.boss-fight .mob-info{top:126px!important;left:50%!important;width:min(560px,62%)!important;min-height:46px;padding:5px 14px}
.app-frame .battlefield.boss-fight,.app-frame .battlefield.final-boss-fight{--headroom:194px}

/* One solid mini-HUD under each relic, with aligned titles and hotkeys. */
.relic-nav{gap:7px;padding:0 8% 9px}
.relic-button{height:138px;justify-content:flex-end;padding:0 0 3px;gap:3px;isolation:isolate}
.relic-button img{width:74px;height:74px;flex:none}
.relic-button>.relic-caption{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;min-height:48px;padding:8px 7px;border:7px solid transparent;border-image:var(--infernal-frame) 128 / 12px / 0 stretch;background:#190f13;text-shadow:0 1px #000;white-space:normal;letter-spacing:0}
.relic-caption>span{display:block;font:15px/18px Georgia,serif;color:#ffe0ae;white-space:nowrap}
.relic-caption>small{display:flex;align-items:center;justify-content:center;gap:7px;font:9px/11px Arial,sans-serif;letter-spacing:.6px;color:#d9bd97;white-space:nowrap}
.relic-caption kbd{display:inline-block;font:9px/11px Arial,sans-serif;padding:0 3px;background:#37211d;color:#ffe1b3;border-color:#99734e}
.relic-button:hover .relic-caption,.relic-button[aria-expanded=true] .relic-caption{background:#40201b}

.relic-badge{top:13px;right:7px;min-width:20px;height:20px;font-size:12px}
.hud-secondary{gap:9px}
.hud-secondary button{display:grid;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:7px;min-height:42px;height:42px;padding:6px 16px;text-align:left}
.hud-secondary button>img{width:28px;height:30px;object-fit:contain}
.hud-secondary button>.secondary-label{font:14px/20px Georgia,serif;color:#ffe0b4}
.hud-secondary button>.secondary-icon{font:21px/28px Georgia,serif;color:#d8b684;text-align:center}
.hud-secondary kbd{display:block;font:9px/12px Arial,sans-serif;color:#edcea0;margin:0;text-align:center}

@media(min-width:1600px){.relic-button{height:156px}.relic-button img{width:88px;height:88px}.relic-caption>span{font-size:17px;line-height:20px}.relic-caption>small{font-size:10px;line-height:12px}.relic-badge{top:17px;right:12px}}
@media(max-width:1100px){.top-resources{gap:9px}.topbar .resource-pill{min-width:86px;gap:4px}.topbar .resource-pill small{font-size:8px;letter-spacing:.5px}.topbar .resource-pill strong{font-size:16px}.relic-nav{padding-inline:3%;gap:5px}.relic-caption>span{font-size:13px}.relic-caption>small{font-size:8px;gap:4px}.hud-secondary button{padding-inline:10px;grid-template-columns:23px minmax(0,1fr) 14px;gap:4px}.hud-secondary button>img{width:23px;height:26px}.hud-secondary button>.secondary-label{font-size:12px}.battle-top h1{font-size:27px}.battle-top .eyebrow{font-size:8px}.battlefield .mob-name-row strong{font-size:15px}}
@media(max-width:760px){
  .hud-panel-heading h2{font-size:26px;line-height:1.3;margin-top:4px}.hud-panel-heading small{font-size:8px;line-height:1.5;letter-spacing:1px}.hud-panel-heading #hudPanelArt{width:54px;height:60px}.hud-backdrop .tab-button{font-size:8px;letter-spacing:.2px}.font-control{font-size:12px}.settings-card .font-note{font-size:11px}
  .top-resources{gap:5px;padding-top:2px}.topbar .resource-pill{min-width:0;gap:4px}.resource-pill>div:last-child{grid-template-rows:10px 17px;gap:1px}.topbar .resource-pill small{font-size:8px;line-height:10px;letter-spacing:.3px}.topbar .resource-pill strong{font-size:15px;line-height:17px}.topbar .ui-tools button{font-size:10px}
  .battle-top{top:8px;left:50%;width:90%;max-width:360px;min-height:48px;padding:6px 27px}.battle-top h1{font-size:24px;line-height:1.2;margin-top:3px}.battle-top .eyebrow{font-size:8px;line-height:10px;letter-spacing:1px}.zone-crest{right:4px;width:22px;height:27px;font-size:11px}.stage-strip{left:50%;top:67px;max-width:82%;width:300px;gap:4px 8px}.stage-caption strong,.stage-caption>span{font-size:8px;line-height:10px;letter-spacing:.3px}.stage-pips span{font-size:9px;line-height:10px}.stage-strip::before{inset:-4px -8px}
  .app-frame .battlefield .mob-info,.app-frame .battlefield.boss-fight .mob-info{top:110px!important;left:50%!important;width:86%!important;min-height:42px;padding:5px 10px}.battlefield .mob-name-row{min-height:18px;gap:6px}.battlefield .mob-name-row strong{font-size:14px;line-height:18px}.battlefield .mob-rank{font-size:8px;line-height:13px}.battlefield .hp-track{height:12px;margin-top:3px}.battlefield .hp-numbers{font-size:9px;line-height:10px}.app-frame .battlefield,.app-frame .battlefield.boss-fight,.app-frame .battlefield.final-boss-fight{--headroom:166px}
  .relic-nav{height:90px;padding:0 0 2px;gap:4px;max-width:360px}.relic-button{height:88px;padding:0;gap:2px}.relic-button img{width:41px;height:41px;max-width:95%}.relic-button>.relic-caption{min-height:41px;border-width:5px;border-image-width:9px;padding:4px 1px;gap:3px}.relic-caption>span{font-size:11px;line-height:14px}.relic-caption>small{font-size:8px;line-height:10px;letter-spacing:0;gap:3px}.relic-caption kbd{display:none}.relic-badge{top:0;right:0;min-width:15px;height:16px;padding:1px 2px;font-size:10px}
  .hud-secondary{gap:7px}.hud-secondary button{grid-template-columns:18px minmax(0,1fr);gap:3px;height:33px;min-height:33px;padding:5px 5px}.hud-secondary button>img{width:18px;height:22px}.hud-secondary button>.secondary-label{font-size:11px;line-height:17px}.hud-secondary button>.secondary-icon{font-size:16px;line-height:20px}.hud-secondary kbd{display:none}
  .modal-backdrop .dialog h2{font-size:28px;line-height:1.3}
}
@media(max-width:360px){.relic-caption>span{font-size:10px}.relic-caption>small{font-size:8px}.hud-secondary button{padding-inline:4px;gap:2px}.hud-secondary button>.secondary-label{font-size:10px}.battle-top h1{font-size:22px}.hud-panel-heading h2{font-size:24px}}
@media(orientation:landscape) and (max-height:600px){
  .topbar .resource-pill{min-width:65px}.top-resources{gap:8px}.resource-pill>div:last-child{grid-template-rows:9px 15px;gap:1px}.topbar .resource-pill small{font-size:7px;line-height:9px}.topbar .resource-pill strong{font-size:14px;line-height:15px}.topbar .ui-tools button{font-size:9px}
  .battle-top{top:8px;left:28%;width:40%;max-width:none;min-height:42px;padding:4px 18px}.battle-top h1{font-size:22px;line-height:1.2;margin-top:2px}.battle-top .eyebrow{font-size:7px;line-height:9px;letter-spacing:.7px}.stage-strip{top:61px;left:28%;max-width:36%;width:240px;gap:3px 6px}.stage-caption strong,.stage-caption>span{font-size:7px;line-height:9px}.stage-pips span{font-size:8px;line-height:9px}
  .app-frame .battlefield .mob-info{top:8px!important;left:77%!important;width:32%!important;min-height:42px;padding:5px 9px}.battlefield .mob-name-row{min-height:17px}.battlefield .mob-name-row strong{font-size:13px;line-height:17px}.battlefield .mob-rank{font-size:7px;line-height:11px}.battlefield .hp-track{height:11px;margin-top:3px}.battlefield .hp-numbers{font-size:8px;line-height:9px}.app-frame .battlefield{--headroom:98px}.app-frame .battlefield.boss-fight .mob-info{top:98px!important;width:70%!important;left:50%!important;min-height:40px}.app-frame .battlefield.boss-fight,.app-frame .battlefield.final-boss-fight{--headroom:150px}
  .relic-nav{height:100px;padding:0 2% 2px;gap:5px}.relic-button{height:96px;padding:0;gap:2px}.relic-button img{width:46px;height:46px}.relic-button>.relic-caption{min-height:42px;padding:4px 2px;border-width:5px;border-image-width:9px;gap:3px}.relic-caption>span{font-size:11px;line-height:14px}.relic-caption>small{font-size:8px;line-height:10px;letter-spacing:.2px}.relic-caption kbd{display:none}.relic-badge{top:0;right:0;min-width:16px;height:16px;font-size:10px}.hud-secondary button{height:34px;min-height:34px;grid-template-columns:20px minmax(0,1fr);padding:5px 7px;gap:4px}.hud-secondary button>img{width:20px;height:23px}.hud-secondary button>.secondary-label{font-size:12px}.hud-secondary kbd{display:none}.hud-panel-heading h2{font-size:28px}.hud-panel-heading small{font-size:8px;letter-spacing:1px}
}
@media(min-width:761px) and (min-height:601px){html[data-focus=battle] .relic-nav{height:125px}html[data-focus=battle] .relic-button{height:121px}html[data-focus=battle] .relic-button img{width:61px;height:61px}}

/* Desktop reading sizes: keep the painted frames and large gothic headings. */
@media(min-width:1000px) and (min-height:600px){
  html.hw-game-active .topbar{padding:4px 22px;gap:14px}
  html.hw-game-active .top-resources{gap:16px}
  html.hw-game-active .topbar .resource-pill{min-width:102px;gap:7px}
  html.hw-game-active .resource-pill>div:last-child{grid-template-rows:14px 24px;gap:0}
  html.hw-game-active .topbar .resource-pill small{font:600 11px/14px Arial,sans-serif;letter-spacing:.5px;color:#e4ccaa}
  html.hw-game-active .topbar .resource-pill strong{font:18px/24px Georgia,serif;color:#fff0d3;font-variant-numeric:tabular-nums}
  html.hw-game-active .topbar .profile-copy{display:grid}
  html.hw-game-active .topbar .profile-copy small{font:10px/13px Arial,sans-serif;color:#dfc5a2;letter-spacing:.6px}
  html.hw-game-active .topbar .profile-copy strong{font:14px/20px Georgia,serif;color:#ffe6bf;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  html.hw-game-active .battle-top .eyebrow{font:600 11px/14px Arial,sans-serif;letter-spacing:1px;color:#ead0a8}
  html.hw-game-active .stage-strip{width:min(360px,38%);max-width:38%;gap:6px 10px}
  html.hw-game-active .stage-strip::before{background:#171014}
  html.hw-game-active .stage-caption strong,html.hw-game-active .stage-caption>span{font:600 11px/15px Arial,sans-serif;color:#eed7b6;letter-spacing:.3px;white-space:nowrap}
  html.hw-game-active .stage-pips span{font:11px/16px Arial,sans-serif;color:#ccb18a}
  html.hw-game-active .stage-pips .completed{color:#ead3b0}
  html.hw-game-active .stage-pips .active{color:#fff1d4;background:#52331f;font-weight:700;box-shadow:inset 0 -2px #c9a56a}
  html.hw-game-active .battlefield .mob-name-row{flex-wrap:nowrap;margin:0}
  html.hw-game-active .battlefield .mob-name-row strong{white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}
  html.hw-game-active .battlefield .mob-rank{font:11px/15px Arial,sans-serif;padding:1px 4px;color:#f0d7b1}
  html.hw-game-active .battlefield .hp-track{height:16px;margin-top:5px}
  html.hw-game-active .battlefield .hp-numbers{font:700 12px/14px Arial,sans-serif;color:#fff8e8;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000}
  html.hw-game-active .battlefield .target-hint{font:11px/14px Arial,sans-serif!important;letter-spacing:.5px!important;bottom:-16px!important;color:#e1c6a1;text-shadow:0 1px 2px #000}
  html.hw-game-active .battle-bottom{font:11px/14px Arial,sans-serif;color:#dfc7a5;letter-spacing:.3px;text-shadow:0 1px 2px #000}

  html.hw-game-active .hud-dock{--hud-orb-size:clamp(94px,8.2vw,132px);grid-template-columns:minmax(350px,1fr) minmax(340px,1.15fr) 148px;height:100%;gap:16px;padding:6px 18px 8px}
  html.hw-game-active .hud-dock .errant-vitals{grid-template-columns:var(--hud-orb-size) minmax(0,1fr) 54px;max-width:560px;height:100%;gap:10px;padding:0}
  html.hw-game-active .hud-dock .life-medallion{width:var(--hud-orb-size);height:var(--hud-orb-size)}
  html.hw-game-active .hud-dock .vitals-copy{display:block;min-width:0}
  html.hw-game-active .hud-dock .hero-level-line{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 4px;font:10px/16px Arial,sans-serif;color:#dcc3a0}
  html.hw-game-active .hud-dock .hero-level-line>span:last-child{flex:none;white-space:nowrap;line-height:20px}
  html.hw-game-active .hud-dock .errant-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:16px/20px Georgia,serif;color:#ffe5bd;letter-spacing:.3px}
  html.hw-game-active .hud-dock #levelValue{font:14px/18px Georgia,serif;color:#ffe7bd}
  html.hw-game-active .hud-dock .hero-health-line{flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:0 6px}
  html.hw-game-active .hud-dock .hero-health-line>span{display:block;font:10px/14px Arial,sans-serif;letter-spacing:.6px;color:#ddc4a3}
  html.hw-game-active .hud-dock #heroHPText{font:clamp(16px,1.35vw,20px)/26px Georgia,serif;color:#ffe6d2;font-variant-numeric:tabular-nums}
  html.hw-game-active .hud-dock .hero-health-track{height:5px;margin:4px 0}
  html.hw-game-active .hud-dock .hero-health-footer{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:2px;font:10px/14px Arial,sans-serif;color:#ddc5a5}
  html.hw-game-active .hud-dock .hero-health-footer>span{white-space:nowrap}
  html.hw-game-active .hud-dock #heroRegeneration{font:600 12px/14px Arial,sans-serif;color:#e6dcbb;font-variant-numeric:tabular-nums}
  html.hw-game-active .hud-dock #xpLabel{font:11px/14px Arial,sans-serif;color:#e5cca5;overflow:visible;text-overflow:clip}
  html.hw-game-active .hud-dock .xp-track{height:3px;margin:4px 0 0}
  html.hw-game-active .hud-dock .quick-potion{width:54px;height:78px;padding:4px 1px;gap:3px;color:#edd2ac}
  html.hw-game-active .hud-dock .quick-potion b{font:700 12px/14px Arial,sans-serif;color:#ffe6bc}
  html.hw-game-active .hud-dock .quick-potion>span:last-child{font:11px/14px Arial,sans-serif;letter-spacing:0}
  html.hw-game-active .hud-dock .quick-potion kbd{display:inline-block;font:11px/13px Arial,sans-serif;padding:0 2px;color:#ffe6bc}
  html.hw-game-active .hud-dock .quick-potion:disabled{opacity:1;border-color:#4f3c32;color:#c1ac90}
  html.hw-game-active .hud-dock .quick-potion:disabled #quickPotionArt{opacity:.5}
  html.hw-game-active .hud-dock .relic-nav{height:100%;max-width:none;padding:0;gap:6px}
  html.hw-game-active .hud-dock .relic-button{height:100%;padding:0 0 2px;gap:2px}
  html.hw-game-active .hud-dock .relic-button img{width:clamp(56px,4.7vw,88px);height:clamp(56px,4.7vw,88px)}
  html.hw-game-active .hud-dock .relic-caption{min-height:61px;padding:6px;border-width:6px;gap:3px}
  html.hw-game-active .hud-dock .relic-caption>span{font:16px/20px Georgia,serif;color:#ffe6be}
  html.hw-game-active .hud-dock .relic-caption>small{font:11px/14px Arial,sans-serif;color:#ead0ac;letter-spacing:.4px;gap:5px}
  html.hw-game-active .hud-dock .relic-caption kbd{display:inline-block;font:11px/13px Arial,sans-serif;min-width:16px;padding:0 2px;color:#fff0cf}
  html.hw-game-active .hud-dock .hud-secondary{width:148px;gap:8px}
  html.hw-game-active .hud-dock .hud-secondary button{grid-template-columns:22px minmax(0,1fr) 16px;gap:6px;height:40px;min-height:40px;padding:6px 10px}
  html.hw-game-active .hud-dock .hud-secondary button>img{width:22px;height:27px}
  html.hw-game-active .hud-dock .hud-secondary button>.secondary-label{font:14px/18px Georgia,serif;color:#ffe6bf}
  html.hw-game-active .hud-dock .hud-secondary kbd{display:block;font:11px/14px Arial,sans-serif;color:#f1d9b5}
  html.hw-game-active[data-focus=battle] .hud-dock{--hud-orb-size:96px;padding-block:3px}
  html.hw-game-active[data-focus=battle] .topbar{padding-block:2px}
  html.hw-game-active[data-focus=battle] .hud-dock .relic-button img{width:44px;height:44px}

  html.hw-game-active .app-frame .event-button{height:calc(100% - 15px);grid-template-rows:minmax(30px,1fr) 36px 16px 6px 18px;gap:3px}
  html.hw-game-active .app-frame .event-illustration{width:100%;height:100%;min-height:0}
  html.hw-game-active .app-frame .event-ribbon{height:15px;font:700 10px/15px Arial,sans-serif;letter-spacing:.4px;color:#efd2a7;white-space:nowrap}
  html.hw-game-active .app-frame .event-title{font:700 15px/18px Georgia,serif;color:#ffe8c6}
  html.hw-game-active .app-frame .event-instruction{font:700 11px/14px Arial,sans-serif;letter-spacing:.1px;color:#ecd1a8}
  html.hw-game-active .app-frame .event-clock{font:700 12px/16px Arial,sans-serif;color:#f5d7a8}
  html.hw-game-active .hud-backdrop .stat-tile small,html.hw-game-active .hud-backdrop .stat-tile>span:last-child{font:11px/15px Arial,sans-serif;color:#dfc7a6}
  html.hw-game-active .hud-backdrop .tab-button{font-size:12px;line-height:16px}
}

/* Short laptop windows get a compact readable footer, rather than 5–7 px type. */
@media(min-width:1000px) and (min-height:600px) and (max-height:680px){
  html.hw-game-active .app-frame{grid-template-rows:42px 0 minmax(0,1fr) 112px}
  html.hw-game-active .topbar{height:42px;padding:2px 16px;gap:10px}
  html.hw-game-active .hud-dock{--hud-orb-size:94px;padding:4px 12px;gap:12px}
  html.hw-game-active .hud-dock .errant-vitals{gap:8px}
  html.hw-game-active .hud-dock .hero-level-line{margin-bottom:3px;line-height:16px}
  html.hw-game-active .hud-dock .errant-name{font-size:14px;line-height:18px}
  html.hw-game-active .hud-dock #levelValue{font-size:12px;line-height:16px}
  html.hw-game-active .hud-dock #heroHPText{font-size:16px;line-height:20px}
  html.hw-game-active .hud-dock .hero-health-track{height:4px;margin:3px 0}
  html.hw-game-active .hud-dock .hero-health-footer{gap:1px;line-height:13px}
  html.hw-game-active .hud-dock #heroRegeneration{font-size:11px;line-height:13px}
  html.hw-game-active .hud-dock #xpLabel{line-height:13px}
  html.hw-game-active .hud-dock .xp-track{height:2px}
  html.hw-game-active .hud-dock .relic-button img{width:44px;height:44px}
  html.hw-game-active .hud-dock .relic-caption{min-height:54px;border-width:5px;padding:5px;gap:3px}
  html.hw-game-active .hud-dock .relic-caption>span{font-size:15px;line-height:18px}
  html.hw-game-active .hud-dock .relic-caption>small{line-height:13px}
  html.hw-game-active .battle-top{top:8px}
  html.hw-game-active .battle-top h1{font-size:22px;line-height:26px;margin-top:2px}
  html.hw-game-active .stage-strip,html.hw-game-active .battle-panel:has(.final-boss-fight) .stage-strip{top:68px;width:300px;max-width:30%;gap:4px 8px}
  html.hw-game-active .app-frame .battlefield .mob-info{min-height:50px;padding:5px 9px}
  html.hw-game-active .battlefield .mob-name-row{min-height:20px;gap:6px}
  html.hw-game-active .battlefield .mob-name-row strong{font-size:15px;line-height:20px;white-space:nowrap}
  html.hw-game-active .battlefield .hp-track{margin-top:4px}
  html.hw-game-active .app-frame .event-overlay{height:184px;padding:20px 12px 12px}
  html.hw-game-active .app-frame .event-title{font-size:14px;line-height:17px}
}
@media(min-width:1000px) and (max-width:1100px) and (min-height:600px) and (max-height:680px){
  html.hw-game-active .app-frame .event-overlay{width:128px}
}

/* Desktop utilities: rem-based type; never change html font-size. */
@media(min-width:1000px) and (min-height:600px){
  html.hw-game-active .topbar .resource-pill small,html.hw-game-active .topbar .profile-copy small,html.hw-game-active .stage-caption strong,html.hw-game-active .stage-caption>span,html.hw-game-active .stage-pips span,html.hw-game-active .battle-bottom,html.hw-game-active .hud-dock .hero-level-line>span:last-child,html.hw-game-active .hud-dock .hero-health-line>span,html.hw-game-active .hud-dock .hero-health-footer>span,html.hw-game-active .hud-dock #heroRegeneration,html.hw-game-active .hud-dock #xpLabel,html.hw-game-active .hud-dock .relic-caption>small,html.hw-game-active .hud-dock .relic-caption kbd,html.hw-game-active .hud-dock .hud-secondary kbd,html.hw-game-active .hud-dock .quick-potion>span:last-child,html.hw-game-active .hud-dock .quick-potion kbd{
    font-size:.8125rem;line-height:1.3;letter-spacing:.01em;color:#f3dfbf;text-shadow:0 .0625rem .125rem #000,0 -.0625rem .0625rem #0009;
  }
  html.hw-game-active .topbar .resource-pill strong{font-size:1.125rem;line-height:1.4;color:#fff0d3;text-shadow:0 .0625rem .125rem #000}
  html.hw-game-active .resource-pill>div:last-child{grid-template-rows:1.1rem 1.575rem}
  html.hw-game-active .hud-dock .hero-health-footer>span:first-child{display:flex;flex-wrap:wrap;gap:0 .3rem;white-space:normal}
  html.hw-game-active .hud-dock .hero-health-line{row-gap:0}
  html.hw-game-active .hud-dock .relic-caption{min-height:4.2rem}
  html.hw-game-active .hud-dock .relic-button img{width:3rem;height:3rem}
  html.hw-game-active .hud-dock .hud-secondary button{height:2.65rem}
  html.hw-game-active[data-focus=battle] .app-frame{grid-template-rows:3.125rem 0 minmax(0,1fr) 9rem}
  html.hw-game-active[data-focus=battle] .topbar{height:3.125rem}
}
@media(min-width:1000px) and (min-height:600px) and (max-height:680px){
  html.hw-game-active .app-frame,html.hw-game-active[data-focus=battle] .app-frame{grid-template-rows:3.125rem 0 minmax(0,1fr) 9rem}
  html.hw-game-active .topbar{height:3.125rem}
  html.hw-game-active .hud-dock .relic-button img{width:2.5rem;height:2.5rem}
  html.hw-game-active .hud-dock .hero-level-line{margin-bottom:.125rem}
}

/* Include 600px-high desktop windows in the existing event type scale. */
@media(min-width:1000px) and (max-height:600px){
 html.hw-game-active #appFrame #eventOverlay{width:128px}
 html.hw-game-active #appFrame #eventOverlay .event-ribbon{height:15px;font:700 10px/15px Arial,sans-serif;letter-spacing:.4px;white-space:nowrap}
 html.hw-game-active #appFrame #eventOverlay .event-instruction{font:700 11px/14px Arial,sans-serif;letter-spacing:.1px}
 html.hw-game-active #appFrame #eventOverlay .event-clock{font:700 12px/16px Arial,sans-serif}
}