/* Chrono's compact status panels scale with the arena, including embedded games. */
#game-window{--hud-gold:#d7b979;--hud-ivory:#fff0cc;--hud-ink:#111424;container-type:inline-size}
#game-window .hud{inset:0;display:block;padding:0;background:none;pointer-events:none;z-index:4}
#game-window .fight-hud{top:1.2cqw;left:1.2cqw;right:1.2cqw;display:grid;grid-template-columns:minmax(0,1fr) 8cqw minmax(0,1fr);gap:1cqw;padding:0;align-items:start;z-index:3}
#game-window .fighter-gauges{position:relative;min-width:0;padding:2.85cqw 1.05cqw .75cqw 7.1cqw;border:1px solid #d7b979bd;border-radius:4px;background:linear-gradient(112deg,#14182af2,#212138e8 65%,#151c2ae6);box-shadow:inset 0 0 0 2px #17182c,0 3px 10px #06071480;color:var(--hud-ivory)}
#game-window .player-two-gauges{padding-left:1.05cqw;padding-right:7.1cqw;text-align:right;background:linear-gradient(248deg,#14182af2,#212138e8 65%,#151c2ae6)}
#game-window .hud strong,#game-window .hud-right strong{position:absolute;top:1.65cqw;left:8.8cqw;right:auto;max-width:calc(42% - 10cqw);margin:0;color:var(--hud-ivory);font:700 clamp(8px,1.75cqw,17px)/1.1 'Barlow Condensed',Arial,sans-serif;letter-spacing:.045em;text-transform:uppercase;text-shadow:0 2px 2px #080911;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#game-window .hud-right strong{left:auto;right:8.8cqw}
#game-window .hud-portrait{position:absolute;top:2.05cqw;left:2.2cqw;width:5.4cqw;height:7cqw;max-height:72px;object-fit:cover;object-position:50% 10%;padding:1px;border:1px solid #bda473;border-radius:3px;background:radial-gradient(ellipse at 50% 20%,#4d3b5e,#151c2c 80%);box-shadow:0 2px 5px #06071499;pointer-events:none}
#game-window #hud-portrait-two{left:auto;right:2.2cqw;transform:scaleX(-1)}
#game-window .health-track{height:clamp(6px,1.25cqw,13px);border:1px solid #e8cc91;border-radius:2px;background:#502b3d;box-shadow:inset 0 1px 3px #0c0c1c,0 1px 0 #080c1a;overflow:hidden}
#game-window .fight-hud .health-track span{height:100%;background:linear-gradient(180deg,#ffebad,#e6b966 52%,#ce914b);box-shadow:inset 0 1px #fff2c291;transition:width .07s linear}
#game-window .fight-hud .player-two-gauges .health-track span{background:linear-gradient(180deg,#e4d6ff,#b59be4 52%,#8b70bf)}
#game-window .guard-row{display:flex;align-items:center;gap:.5cqw;margin:.32cqw 0;min-width:0;min-height:0}
#game-window .guard-row small{flex:0 0 7.1cqw;color:#d7ecdb;font:700 clamp(5px,.8cqw,8px)/1.12 'Barlow',Arial,sans-serif;letter-spacing:.02em;text-shadow:none;white-space:nowrap}
#game-window .player-two-gauges .guard-row{flex-direction:row-reverse}
#game-window .guard-track{height:clamp(3px,.48cqw,5px);border:1px solid #91b9a1;border-radius:1px;background:#142a27;box-shadow:none;overflow:hidden}
#game-window .guard-track span{background:linear-gradient(90deg,#57af95,#b6e4b7)}
#game-window .guard-track[data-state=low] span{background:#e8b665}
#game-window .guard-track[data-state=broken]{border-color:#f48a93;background:#5a233d}
#game-window .guard-track[data-state=parry] span{background:#d5ffff}
#game-window .super-gauge .meter-track{position:relative;height:clamp(4px,.72cqw,8px);margin-top:.32cqw;border:1px solid #839fc9;border-radius:2px;background:#101d36;box-shadow:inset 0 1px 3px #060b1b;overflow:hidden}
#game-window .meter-track span{background:linear-gradient(180deg,#b8f1ff,#5aaed5);box-shadow:inset 0 1px #e6fdff80}
#game-window .super-gauge .meter-track::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent calc(33.333% - 1px),#15223b calc(33.333% - 1px),#15223b calc(33.333% + 1px),transparent calc(33.333% + 1px),transparent calc(66.666% - 1px),#15223b calc(66.666% - 1px),#15223b calc(66.666% + 1px),transparent calc(66.666% + 1px))}
#game-window .super-gauge .meter-track[data-ready=true]{border-color:#ffe1a1;box-shadow:0 0 5px #e3bd5340}
#game-window .super-meter-label{display:block;width:auto;height:auto;position:static;clip-path:none;margin:.25cqw 0 0;padding:0;background:none;color:#bcd4ec;font:700 clamp(5px,.8cqw,8px)/1.1 'Barlow',Arial,sans-serif;letter-spacing:.03em;text-shadow:none;white-space:nowrap}
#game-window .fighter-gauges>span{position:absolute;top:.75cqw;right:1.05cqw;left:auto;color:#f3d89a;font:700 clamp(6px,1.1cqw,11px)/1 Arial,sans-serif;letter-spacing:.2em}
#game-window .player-two-gauges>span{left:1.05cqw;right:auto}
#game-window .fighter-gauges>small{position:static;display:block;width:auto;height:auto;clip-path:none;margin:.4cqw 0 0;padding:0;color:#d4cbdf;font:500 clamp(5px,.82cqw,8px)/1.15 'Barlow',Arial,sans-serif;letter-spacing:.01em;text-shadow:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#game-window .round-clock{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:7.6cqw;margin:0;padding:.65cqw .2cqw;border:1px solid #e2c17e;border-radius:4px 4px 12px 12px;background:linear-gradient(#343047f5,#11182af2);box-shadow:inset 0 0 0 2px #181b2a,0 3px 10px #06071499;text-shadow:0 2px 1px #080b16}
#game-window .round-clock strong{display:block;color:#fff1cb;font:700 clamp(16px,3.65cqw,36px)/1 'Barlow Condensed',Impact,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.015em}
#game-window .round-clock small{display:block;margin:.4cqw 0 0;color:#dfcba7;font:700 clamp(5px,.75cqw,7px)/1.1 'Barlow',Arial,sans-serif;letter-spacing:.07em;white-space:nowrap}
#game-window .hud #mode-label{position:absolute;top:9.15cqw;left:50%;right:auto;transform:translateX(-50%);display:block;width:18cqw;height:auto;max-width:none;margin:0;padding:0;clip-path:none;overflow:visible;color:#e5ddcf;font:600 clamp(5px,.68cqw,7px)/1.2 'Barlow',Arial,sans-serif;letter-spacing:.03em;text-align:center;white-space:normal;text-shadow:0 1px 2px #050710}
#game-window .combat-feedback{top:12.4cqw;left:2.3cqw;right:auto;max-width:calc(50% - 7cqw)}
#game-window .combat-feedback-two{left:auto;right:2.3cqw;text-align:right}
#game-window .combo-count{color:#fff0bc;font:700 clamp(10px,2.1cqw,22px)/1 'Barlow Condensed',Impact,sans-serif;text-shadow:0 2px #21182c,0 0 7px #000}
#game-window .custom-combo-status{margin-top:.45cqw;padding:.35cqw .7cqw;border-color:#c2a1d5;background:#201b36e8;font-size:clamp(6px,1cqw,10px)}
#game-window .custom-combo-status span{font-size:clamp(5px,.8cqw,8px)}
@container(max-width:500px){
  #game-window .fighter-gauges{padding-top:3.1cqw;padding-bottom:.9cqw;border-radius:2px;box-shadow:0 1px 4px #06071488}
  #game-window .hud strong,#game-window .hud-right strong{top:1.8cqw;max-width:calc(42% - 9cqw);font-size:clamp(7px,1.75cqw,9px)}
  #game-window .guard-row{gap:.6cqw;margin:.35cqw 0}
  #game-window .guard-row small{flex-basis:8cqw;font-size:5px;letter-spacing:0}
  #game-window .super-meter-label{margin-top:.35cqw;font-size:5px;letter-spacing:0}
  #game-window .fighter-gauges>small{margin-top:.4cqw;font-size:5px;line-height:1.05}
  #game-window .fighter-gauges>span{font-size:6px;letter-spacing:.05em}
  #game-window .round-clock{min-height:8cqw;border-radius:2px 2px 6px 6px}
  #game-window .round-clock small{font-size:5px;letter-spacing:0}
  #game-window .hud #mode-label{top:10.4cqw;width:20cqw;font-size:5px;letter-spacing:0}
  #game-window .combat-feedback{top:16.7cqw}
}
@media(prefers-reduced-motion:reduce){#game-window .health-track span{transition:none}}