:root{--arc-control-safe-x: max(18px, env(safe-area-inset-left));--arc-control-safe-y: max(16px, env(safe-area-inset-bottom));--arc-control-accent: #71edff;--arc-control-accent-strong: #eaffff;--arc-control-text: #ffffff;--arc-control-shadow: rgba(0, 0, 0, .38);--arc-control-joystick: clamp(102px, 25vh, 128px);--arc-control-joystick-axis: clamp(78px, 19vh, 96px);--arc-control-joystick-wide: clamp(122px, 30vh, 154px);--arc-control-joystick-tall: clamp(122px, 30vh, 154px);--arc-control-large: clamp(88px, 22vh, 112px);--arc-control-small: clamp(52px, 13vh, 66px);--arc-control-joystick-row: 60%;--arc-control-center-gap: clamp(10px, 2.4vh, 16px);--arc-control-center-offset: clamp(64px, 16vh, 82px)}.arc-control-layer{position:fixed;inset:0;z-index:30;display:none;pointer-events:none;user-select:none;-webkit-user-select:none;touch-action:none}.arc-control{--arc-place-x: var(--arc-control-safe-x);--arc-place-y: var(--arc-control-safe-y);position:absolute;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;font-family:IBM Plex Mono,ui-monospace,monospace}.arc-control[hidden]{display:none!important}.arc-control--disabled{opacity:.34;pointer-events:none}.arc-place--bottom-left{left:var(--arc-place-x);bottom:var(--arc-place-y)}.arc-place--bottom-right{right:var(--arc-place-x);bottom:var(--arc-place-y)}.arc-place--left-center{left:var(--arc-place-x);top:var(--arc-control-joystick-row);transform:translateY(-50%)}.arc-place--right-center{right:var(--arc-place-x);top:var(--arc-control-joystick-row);transform:translateY(-50%)}.arc-place--left-upper{left:var(--arc-place-x);top:22%}.arc-place--right-upper{right:var(--arc-place-x);top:22%}.arc-place--left-lower{left:var(--arc-place-x);top:calc(var(--arc-control-joystick-row) + var(--arc-control-center-offset) + var(--arc-control-center-gap))}.arc-place--right-lower{right:var(--arc-place-x);top:calc(var(--arc-control-joystick-row) + var(--arc-control-center-offset) + var(--arc-control-center-gap))}.arc-place--left-lower-inner{left:calc(var(--arc-place-x) + var(--arc-control-large) + 12px);top:calc(var(--arc-control-joystick-row) + var(--arc-control-center-offset) + var(--arc-control-center-gap) + 14px)}.arc-place--right-lower-inner{right:calc(var(--arc-place-x) + var(--arc-control-large) + 12px);top:calc(var(--arc-control-joystick-row) + var(--arc-control-center-offset) + var(--arc-control-center-gap) + 14px)}.arc-place--top-left{left:var(--arc-place-x);top:max(14px,env(safe-area-inset-top))}.arc-place--top-right{right:var(--arc-place-x);top:max(14px,env(safe-area-inset-top))}.arc-joystick{display:flex;flex-direction:column;align-items:center;gap:5px}.arc-joystick__base{position:relative;display:grid;place-items:center;width:var(--arc-control-joystick);height:var(--arc-control-joystick);border:3px solid color-mix(in srgb,var(--arc-control-accent) 78%,#ffffff 22%);outline:2px solid color-mix(in srgb,var(--arc-control-accent-strong) 52%,transparent);outline-offset:4px;border-radius:50%;background:color-mix(in srgb,#07101b 12%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--arc-control-accent) 22%,transparent),inset 0 0 0 1px #ffffff14}.arc-joystick--horizontal .arc-joystick__base{width:var(--arc-control-joystick-wide);height:var(--arc-control-joystick-axis);border-radius:999px}.arc-joystick--vertical .arc-joystick__base{width:var(--arc-control-joystick-axis);height:var(--arc-control-joystick-tall);border-radius:999px}.arc-joystick__base:before,.arc-joystick__base:after{content:"";position:absolute;background:color-mix(in srgb,var(--arc-control-accent) 22%,transparent);pointer-events:none}.arc-joystick--omni .arc-joystick__base:before{width:62%;height:1px}.arc-joystick--omni .arc-joystick__base:after{width:1px;height:62%}.arc-joystick--horizontal .arc-joystick__base:before{width:66%;height:1px}.arc-joystick--horizontal .arc-joystick__base:after{display:none}.arc-joystick--vertical .arc-joystick__base:before{width:1px;height:66%}.arc-joystick--vertical .arc-joystick__base:after{display:none}.arc-joystick__knob{position:relative;z-index:2;width:clamp(46px,11vh,58px);height:clamp(46px,11vh,58px);border:3px solid color-mix(in srgb,var(--arc-control-accent-strong) 82%,transparent);border-radius:50%;background:color-mix(in srgb,var(--arc-control-accent) 46%,transparent);box-shadow:0 7px 16px var(--arc-control-shadow),0 0 18px color-mix(in srgb,var(--arc-control-accent) 34%,transparent);will-change:transform}.arc-control--active .arc-joystick__knob,.arc-control--engaged .arc-joystick__knob{background:color-mix(in srgb,var(--arc-control-accent) 74%,transparent)}.arc-joystick__arrows{position:absolute;inset:0;display:grid;place-items:center;white-space:pre-line;color:color-mix(in srgb,var(--arc-control-accent-strong) 58%,transparent);font:800 clamp(20px,5vh,28px)/1 system-ui,sans-serif;letter-spacing:.2em;pointer-events:none}.arc-control__label{min-height:12px;color:color-mix(in srgb,var(--arc-control-text) 82%,transparent);font-size:clamp(8px,1.9vh,10px);font-weight:800;line-height:1;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 2px 5px var(--arc-control-shadow)}.arc-button{display:grid;place-items:center;align-content:center;gap:2px;border:2px solid color-mix(in srgb,var(--arc-control-accent-strong) 72%,transparent);border-radius:50%;padding:8px;color:var(--arc-control-text);background:color-mix(in srgb,var(--arc-control-accent) 72%,#101724 28%);box-shadow:0 8px 18px var(--arc-control-shadow),0 0 18px color-mix(in srgb,var(--arc-control-accent) 30%,transparent);font:inherit;text-transform:uppercase;transition:transform .06s ease,filter .06s ease}.arc-button--large{width:var(--arc-control-large);height:var(--arc-control-large)}.arc-button--small{width:var(--arc-control-small);height:var(--arc-control-small)}.arc-button__icon{font:800 clamp(16px,4vh,24px)/1 system-ui,sans-serif}.arc-button__label{white-space:pre-line;text-align:center;font-size:clamp(9px,2.2vh,13px);font-weight:900;line-height:.95;letter-spacing:.06em}.arc-button__sub{font-size:clamp(7px,1.6vh,9px);font-weight:700;line-height:1;letter-spacing:.12em;opacity:.75}.arc-button--small .arc-button__sub{display:none}.arc-button--small .arc-button__label{font-size:clamp(8px,1.9vh,10px)}.arc-control--active.arc-button{transform:translateY(3px) scale(.96);filter:brightness(1.18);box-shadow:0 3px 8px var(--arc-control-shadow),0 0 22px color-mix(in srgb,var(--arc-control-accent) 42%,transparent)}@media (hover: none),(pointer: coarse){.arc-control-layer{display:block}}@media (hover: hover) and (pointer: fine){.arc-control-layer{display:none!important}}@media (orientation: portrait){.arc-control-layer{visibility:hidden}}@media (orientation: landscape) and (max-height: 430px){:root{--arc-control-safe-x: max(12px, env(safe-area-inset-left));--arc-control-safe-y: max(10px, env(safe-area-inset-bottom));--arc-control-joystick: clamp(90px, 27vh, 110px);--arc-control-joystick-wide: clamp(108px, 31vh, 132px);--arc-control-joystick-tall: clamp(108px, 31vh, 132px);--arc-control-large: clamp(78px, 24vh, 98px);--arc-control-small: clamp(46px, 14vh, 58px);--arc-control-center-offset: clamp(56px, 16vh, 68px)}}:root{--bg: #04060c;--bg2: #070d18;--cyan: #34e2ff;--cyan-soft: #8af3ff;--magenta: #ff48c4;--text: #d8f4ff;--dim: #5e7d92;--line: rgba(52, 226, 255, .22)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden;-webkit-font-smoothing:antialiased}#stage{position:fixed;inset:0;display:block}canvas{display:block}.vignette{position:fixed;inset:0;pointer-events:none;z-index:2;background:radial-gradient(120% 90% at 50% 38%,transparent 40%,rgba(0,0,0,.55) 100%)}.scan{position:fixed;inset:0;pointer-events:none;z-index:2;opacity:.18;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,rgba(255,255,255,.1) 0 1px,transparent 1px 3px)}.hud{position:fixed;inset:0;z-index:3;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(16px,3vw,34px)}.top{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.mark{font-family:Orbitron,sans-serif;font-weight:900;font-size:clamp(20px,3.4vw,30px);letter-spacing:.42em;color:#fff;text-shadow:0 0 18px color-mix(in srgb,var(--cyan) 55%,transparent),0 0 2px var(--cyan)}.status{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim)}.status .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--magenta);margin-right:8px;vertical-align:middle;box-shadow:0 0 10px var(--magenta);animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}.console{pointer-events:auto;width:min(680px,100%);margin:0 auto;display:flex;flex-direction:column;gap:14px;transition:opacity .25s ease,transform .25s ease}.console.hidden{opacity:0;transform:translateY(14px);pointer-events:none}.reply{min-height:64px;font-size:clamp(14px,1.9vw,17px);line-height:1.55;color:var(--text);letter-spacing:.01em}.reply .who{color:var(--cyan);letter-spacing:.22em;font-size:11px;text-transform:uppercase;display:block;margin-bottom:7px;text-shadow:0 0 12px color-mix(in srgb,var(--cyan) 60%,transparent)}.reply .body{text-shadow:0 0 18px color-mix(in srgb,var(--cyan) 10%,transparent)}.caret{display:inline-block;width:9px;height:1.05em;vertical-align:-2px;background:var(--cyan);margin-left:3px;box-shadow:0 0 10px var(--cyan);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.field{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:linear-gradient(180deg,#081220b8,#040810b8);backdrop-filter:blur(7px);padding:13px 16px;border-radius:2px;box-shadow:0 0 0 1px #0006 inset,0 12px 40px #00000073}.field:focus-within{border-color:color-mix(in srgb,var(--cyan) 60%,transparent);box-shadow:0 0 26px color-mix(in srgb,var(--cyan) 18%,transparent)}.field .glyph{color:var(--cyan);font-weight:700;text-shadow:0 0 12px var(--cyan)}.field input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:clamp(14px,1.8vw,16px);letter-spacing:.02em}.field input::placeholder{color:var(--dim)}.field button{border:1px solid var(--line);background:transparent;color:var(--cyan-soft);font:inherit;font-size:11px;letter-spacing:.22em;text-transform:uppercase;padding:8px 14px;border-radius:2px;cursor:pointer;transition:.15s ease}.field button:hover{border-color:var(--cyan);color:#fff;box-shadow:0 0 18px color-mix(in srgb,var(--cyan) 25%,transparent)}.field button:focus-visible,.field input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.field button:disabled{opacity:.4;cursor:default;box-shadow:none}.hint{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);text-align:center;opacity:.78}.colophon{margin-top:12px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);text-align:center;opacity:.62;line-height:1.8}.colophon p{margin:0}.colophon a{color:var(--dim);text-decoration:underline;pointer-events:auto}.colophon a:hover,.colophon a:focus-visible{color:var(--cyan-soft)}.nowebgl{position:fixed;inset:0;z-index:5;display:none;place-items:center;padding:24px;text-align:center;background:var(--bg)}.nowebgl p{max-width:30ch;color:var(--dim);line-height:1.6}.prompt{pointer-events:auto;align-self:center;margin-bottom:10px;border:1px solid var(--line);background:linear-gradient(180deg,#081220c7,#040810c7);backdrop-filter:blur(7px);color:var(--cyan-soft);font:inherit;font-size:11px;letter-spacing:.22em;text-transform:uppercase;padding:10px 18px;border-radius:2px;cursor:pointer;box-shadow:0 0 22px color-mix(in srgb,var(--cyan) 14%,transparent);animation:pulse 2.4s ease-in-out infinite}.prompt:hover{color:#fff;border-color:var(--cyan)}.prompt[hidden]{display:none}.map{position:fixed;top:clamp(58px,9vh,92px);right:clamp(16px,3vw,34px);z-index:3;width:176px;height:176px;border:1px solid var(--line);background:#0408109e;backdrop-filter:blur(4px);border-radius:2px;box-shadow:0 0 22px #00000073;pointer-events:none}.map.hidden{display:none}.tray{pointer-events:none;position:fixed;left:clamp(16px,3vw,34px);bottom:clamp(16px,3vw,34px);z-index:3;display:flex;flex-direction:column;gap:8px;max-width:42vw}.tray-count{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim)}.hp{width:150px;height:7px;border:1px solid var(--line);border-radius:2px;background:#04081099;overflow:hidden}.hp-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--magenta),var(--cyan));box-shadow:0 0 10px var(--cyan);transition:width .2s ease}.gear{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.tray-chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--chip, var(--cyan));border:1px solid color-mix(in srgb,var(--chip, var(--cyan)) 45%,transparent);padding:4px 8px;border-radius:2px;text-shadow:0 0 10px color-mix(in srgb,var(--chip, var(--cyan)) 60%,transparent);background:#0408108c}.hud .colophon{position:fixed;right:clamp(16px,3vw,34px);bottom:clamp(10px,2vw,20px);margin:0;max-width:46vw;text-align:right}.overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:radial-gradient(120% 90% at 50% 38%,#04060cd1 30%,#000000f0);backdrop-filter:blur(4px);transition:opacity .4s ease}.overlay.gone{opacity:0;pointer-events:none}.overlay-card{max-width:560px;text-align:center;display:flex;flex-direction:column;gap:18px;align-items:center}.overlay-card h1{margin:0;font-family:Orbitron,sans-serif;font-weight:900;font-size:clamp(26px,5vw,42px);letter-spacing:.32em;color:#fff;text-shadow:0 0 26px color-mix(in srgb,var(--cyan) 60%,transparent);text-transform:lowercase}.overlay-sub{margin:0;color:var(--text);line-height:1.7;font-size:clamp(13px,1.8vw,15px);opacity:.9}.overlay-controls{margin:0;display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}#enter{border:1px solid var(--cyan);background:transparent;color:var(--cyan-soft);font:inherit;font-size:12px;letter-spacing:.3em;text-transform:uppercase;padding:12px 34px;border-radius:2px;cursor:pointer;box-shadow:0 0 26px color-mix(in srgb,var(--cyan) 22%,transparent);transition:.15s ease}#enter:hover{color:#fff;box-shadow:0 0 40px color-mix(in srgb,var(--cyan) 40%,transparent)}.overlay-fineprint{margin:0;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);opacity:.7;line-height:1.8}.attack{pointer-events:auto;position:fixed;right:clamp(16px,4vw,40px);bottom:clamp(64px,12vh,110px);z-index:4;width:58px;height:58px;border-radius:50%;border:1px solid var(--line);background:#08122099;color:var(--cyan-soft);font-size:22px;cursor:pointer;box-shadow:0 0 18px color-mix(in srgb,var(--cyan) 18%,transparent);transition:.1s ease}.attack:active{transform:scale(.92);color:#fff;border-color:var(--cyan)}.gearbtn{pointer-events:auto;position:fixed;right:clamp(16px,4vw,40px);bottom:clamp(134px,22vh,184px);z-index:4;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#08122099;color:var(--dim);font-size:16px;cursor:pointer}.gearbtn:hover{color:var(--cyan-soft);border-color:var(--cyan)}.menu-card{max-width:620px;width:100%;text-align:left;align-items:stretch;gap:12px}.menu-card h1{text-align:center;font-size:clamp(20px,3.5vw,28px)}.menu-h{margin:4px 0 0;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);font-weight:500}.menu-slots{display:flex;gap:10px}.slot{flex:1;border:1px solid var(--line);padding:8px 12px;display:flex;justify-content:space-between;background:#08122080}.slot-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}.slot-item{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan-soft)}.menu-grid{display:flex;flex-wrap:wrap;gap:8px}.menu-item{border:1px solid var(--line);background:#0812208c;color:var(--text);font:inherit;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:8px 12px;border-radius:2px;cursor:pointer;display:flex;gap:10px;align-items:baseline}.menu-item .tag{font-size:9px;color:var(--dim);letter-spacing:.12em}.menu-item:hover{border-color:var(--cyan);color:#fff}.menu-item.equipped{border-color:var(--cyan);color:var(--cyan-soft);box-shadow:0 0 14px color-mix(in srgb,var(--cyan) 20%,transparent)}.menu-note{font-size:10px;color:var(--dim);letter-spacing:.14em;text-transform:uppercase;align-self:center}.menu-stats{margin:4px 0 0;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);line-height:1.8}#menu-close{border:1px solid var(--cyan);background:transparent;color:var(--cyan-soft);font:inherit;font-size:11px;letter-spacing:.24em;text-transform:uppercase;padding:10px 20px;border-radius:2px;cursor:pointer;align-self:center}#menu-close:hover{color:#fff}.hurt{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:0;background:radial-gradient(120% 90% at 50% 50%,transparent 45%,rgba(255,56,96,.5) 100%)}.overlay[hidden]{display:none}@media (prefers-reduced-motion: reduce){.status .dot,.caret,.prompt{animation:none}.console,.overlay{transition:none}}@media (max-width: 560px){.mark{letter-spacing:.3em}.top .status{flex-basis:100%}.field{gap:8px;padding:12px}.field button{padding:8px 10px;letter-spacing:.14em}.tray{max-width:60vw}.map{width:128px;height:128px;top:74px}.hud .colophon{position:static;max-width:none;text-align:center;margin-top:8px}}@media (hover: none),(pointer: coarse){body{touch-action:none;overscroll-behavior:none}.hud{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.attack{width:66px;height:66px;right:max(14px,env(safe-area-inset-right));bottom:max(72px,calc(env(safe-area-inset-bottom) + 60px));font-size:26px;background:#081220c7}.gearbtn{width:50px;height:50px;right:max(22px,calc(env(safe-area-inset-right) + 8px));bottom:max(148px,calc(env(safe-area-inset-bottom) + 142px));background:#081220c7}.prompt{min-height:48px;padding:10px 15px;bottom:max(18px,env(safe-area-inset-bottom))}.overlay{align-items:start;overflow-y:auto;padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom))}.overlay-card{margin:auto;max-width:94vw}#enter,#menu-close,#rise{min-height:50px;touch-action:manipulation}.menu-item{min-height:44px}.console{position:fixed;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));width:auto;max-height:58dvh;padding:12px;overflow-y:auto;background:#040810eb;border:1px solid var(--line)}.field input{font-size:16px;min-width:0}.field button{min-height:44px}}@media (max-width: 560px){.hud{padding-top:max(10px,env(safe-area-inset-top))}.mark{font-size:18px;letter-spacing:.22em}.top .status{font-size:8px;letter-spacing:.12em;max-width:66vw}.map{width:104px;height:104px;top:max(58px,calc(env(safe-area-inset-top) + 52px));right:max(10px,env(safe-area-inset-right));opacity:.78}.tray{left:max(10px,env(safe-area-inset-left));bottom:max(10px,env(safe-area-inset-bottom));max-width:56vw}.hp{width:124px}.gear{max-width:52vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud .colophon{display:none}.overlay-card{gap:13px}.overlay-card h1{font-size:27px;letter-spacing:.2em}.overlay-sub{font-size:12px;line-height:1.55}.overlay-controls{font-size:9px;gap:6px 12px}.overlay-fineprint{display:none}.field{display:grid;grid-template-columns:auto 1fr;gap:8px}.field input{grid-column:2}.field button{min-width:0;padding:8px}}@media (hover: none) and (orientation: landscape) and (max-height: 520px){.map{width:88px;height:88px;top:48px}.tray{bottom:8px}.attack{bottom:22px}.gearbtn{bottom:100px}.top .status,.hud .colophon{display:none}}@media (hover: none),(pointer: coarse){.hud:before,.hud:after{content:none!important;display:none!important}.attack,.gearbtn,.prompt{display:none!important}}@media (hover: none) and (orientation: landscape){.hud{padding:6px 12px}.mark{font-size:15px;margin-left:84px}.top .status{display:none}.map{right:max(12px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top));width:128px;height:128px}.tray{left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom))}.hud .colophon{display:none}.overlay{place-items:start center;overflow-y:auto;padding:max(10px,env(safe-area-inset-top)) 14px max(10px,env(safe-area-inset-bottom))}.overlay-card{margin:auto;gap:10px;max-width:640px}.overlay-card h1{font-size:clamp(24px,9vh,40px)}.overlay-sub{font-size:11px;line-height:1.5}.overlay-controls{gap:5px 12px;font-size:8.5px}.overlay-fineprint{display:none}.menu-card{gap:7px;max-width:680px;padding:10px 14px}.menu-card h1{font-size:16px}.menu-h{font-size:10px;margin:4px 0 2px}.menu-slots{gap:6px}.menu-grid{gap:5px}.menu-grid button{padding:6px 8px;font-size:9px}.menu-stats{font-size:8px;margin:4px 0}#menu-close,#rise,#enter{min-height:42px}#labyrinth-move-control{--arc-place-x: max(18px, env(safe-area-inset-left))}#labyrinth-turn-control{--arc-place-x: max(18px, env(safe-area-inset-right))}#labyrinth-attack-control{--arc-place-x: max(34px, env(safe-area-inset-right));top:20%}#labyrinth-interact-control{--arc-place-x: max(42px, env(safe-area-inset-right));top:48%}#labyrinth-gear-control{--arc-place-x: max(18px, env(safe-area-inset-right))}}.status-stack{display:flex;flex-direction:column;gap:5px}.campaign-line{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan-soft);text-shadow:0 0 12px color-mix(in srgb,var(--cyan) 30%,transparent)}.key-readout{color:#ffe08a;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}.boss-hud{position:fixed;left:50%;top:clamp(80px,14vh,132px);width:min(520px,calc(100vw - 44px));transform:translate(-50%);padding:10px 13px 12px;border:1px solid color-mix(in srgb,var(--magenta) 46%,transparent);background:#040812d1;backdrop-filter:blur(8px);box-shadow:0 0 26px color-mix(in srgb,var(--magenta) 20%,transparent);pointer-events:none}.boss-hud-row{display:flex;justify-content:space-between;gap:16px;margin-bottom:7px;color:#fff;font-family:Orbitron,sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase}#boss-state{color:var(--cyan-soft)}.boss-meter{height:10px;overflow:hidden;border:1px solid color-mix(in srgb,var(--magenta) 42%,transparent);background:#ffffff12}.boss-fill{width:100%;height:100%;background:linear-gradient(90deg,var(--magenta),var(--cyan));box-shadow:0 0 14px color-mix(in srgb,var(--magenta) 55%,transparent);transition:width .18s linear}.tray .chip{max-width:150px;overflow:hidden;text-overflow:ellipsis}@media (max-width: 780px),(max-height: 520px){.campaign-line{font-size:8px;max-width:56vw}.boss-hud{top:64px;width:min(430px,calc(100vw - 190px));padding:7px 9px 8px}.boss-hud-row{font-size:8px;margin-bottom:5px}.boss-meter{height:8px}.key-readout{font-size:9px}.tray-chips .chip:nth-child(n+3){display:none}}@media (hover: none) and (orientation: landscape){#labyrinth-turn-control{top:48%;transform:translateY(-50%);--arc-place-x: max(18px, env(safe-area-inset-right))}#labyrinth-attack-control{top:58%;transform:none;--arc-place-x: max(18px, env(safe-area-inset-right))}#labyrinth-gear-control{top:84%;transform:none;--arc-place-x: max(18px, env(safe-area-inset-right))}#labyrinth-interact-control{top:70%;transform:none;--arc-place-x: max(18px, env(safe-area-inset-right))}}
