@font-face{font-family:RussoOne;src:url(/fonts/RussoOne-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PressStart2P;src:url(/fonts/PressStart2P-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--ui-font-display:"RussoOne", system-ui, -apple-system, sans-serif;--ui-font-pixel:"PressStart2P", monospace;--ui-scale:1;--s:var(--ui-scale)}html,body{font-family:var(--ui-font-display);cursor:none;-webkit-user-select:none;user-select:none;background:#0b0f14;margin:0;padding:0;overflow:hidden}#root{width:100vw;height:100vh;position:relative;overflow:hidden}#view-root{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}canvas{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes cursorPress{0%{transform:translate(0)rotate(0)scale(1)}40%{transform:translate(calc(2px * var(--s)), calc(3px * var(--s))) rotate(-6deg) scale(.96)}60%{transform:translate(calc(1px * var(--s)), calc(2px * var(--s))) rotate(-4deg) scale(.98)}to{transform:translate(0)rotate(0)scale(1)}}@media (orientation:portrait){:root{--s:calc(var(--ui-scale) * 2.5)}}.vhs{opacity:1;filter:drop-shadow(0 0 20px #00eaff73)drop-shadow(0 0 30px #ff2fd159);background-image:linear-gradient(to bottom, transparent 0%, transparent 46%, #ffffff1f 48%, #00eaff1a 50%, #ff2fd114 52%, transparent 54%, transparent 100%), var(--vhs-bg);will-change:transform, filter;background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:100% 100%,contain;animation:2.4s step-end infinite vhsJitter;position:relative;overflow:hidden;transform:none}.vhs:before,.vhs:after{content:"";background-image:var(--vhs-bg);opacity:0;pointer-events:none;mix-blend-mode:screen;will-change:transform, opacity, clip-path, filter;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;top:0;bottom:0;left:0;right:0}.vhs:before{filter:drop-shadow(-7px 0 #00eaffa6);animation:2.4s step-end infinite vhsGhostCyan}.vhs:after{filter:drop-shadow(7px 0 #ff2fd18c);animation:2.4s step-end infinite vhsGhostMagenta}@keyframes vhsJitter{0%{transform:translate(0)}4%{transform:translate(-4px)}5%{transform:translate(4px)}6%{transform:translate(0)}26%{transform:translate(0)}27%{transform:translate(-2px)}28%{transform:translate(2px)}29%{transform:translate(0)}62%{transform:translate(0)}63%{transform:translate(-5px)}64%{transform:translate(5px)}65%{transform:translate(0)}to{transform:translate(0)}}@keyframes vhsGhostCyan{0%,18%{opacity:0}19%{opacity:.75;clip-path:inset(0 0 72%);transform:translate(-8px)}20%{opacity:0}44%{opacity:.65;clip-path:inset(34% 0 36%);transform:translate(-5px)}45%{opacity:0}74%{opacity:.7;clip-path:inset(72% 0 0);transform:translate(-10px)}75%{opacity:0}to{opacity:0}}@keyframes vhsGhostMagenta{0%,22%{opacity:0}23%{opacity:.65;clip-path:inset(0 0 72%);transform:translate(8px)}24%{opacity:0}48%{opacity:.55;clip-path:inset(34% 0 36%);transform:translate(5px)}49%{opacity:0}78%{opacity:.6;clip-path:inset(72% 0 0);transform:translate(10px)}79%{opacity:0}to{opacity:0}}@media (prefers-reduced-motion:reduce){.vhs,.vhs:before,.vhs:after{animation:none;transform:none}}.cursor{--size:calc(80px * var(--s));z-index:2;width:var(--size);height:var(--size);pointer-events:none;transform-origin:var(--size) var(--size);background:url(/img/claw-pointer.png) 0 0/contain no-repeat;transition:opacity .5s;display:none;position:absolute}body.ui-mode .cursor{display:block}.cursor.hover{filter:drop-shadow(0 0 6px #ff2cff);animation:1s ease-in-out -.15s infinite cursorPress}.cursor.hidden{opacity:0;pointer-events:none}#splash{z-index:10;pointer-events:auto;background:#05040a;position:fixed;top:0;bottom:0;left:0;right:0}#splash:before{content:"";pointer-events:none;background:radial-gradient(60vw 60vh at 50% 18%,#00eaff24,#0000 62%),radial-gradient(70vw 70vh at 50% 92%,#ff2fd11a,#0000 68%),radial-gradient(120vw 120vh,#0000 55%,#0000008c 100%);position:absolute;top:0;bottom:0;left:0;right:0}#splash-bg{filter:saturate(1.05)contrast(1.05);background-image:url(/img/splash-bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}#splash-ui{justify-content:center;align-items:center;gap:calc(48px * var(--s));padding:calc(40px * var(--s));flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}#splash-logo{--vhs-bg:url(/img/logo.png);background-image:url(/img/logo.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:100vw;height:50vh;position:absolute;top:0;left:0}#press-any-key{font-family:var(--ui-font-pixel);letter-spacing:.12em;color:#00eaff;text-shadow:0 0 6px #00eaffcc,0 0 14px #ff2fd199;will-change:transform, opacity, text-shadow;font-size:3vh;animation:1.35s ease-in-out infinite pressPulse;position:absolute;bottom:8vh}@keyframes pressPulse{0%,to{opacity:.92;transform:translateY(0)}50%{opacity:.32;transform:translateY(2px)}}#splash:after{content:"";mix-blend-mode:overlay;opacity:.55;pointer-events:none;background:repeating-linear-gradient(#ffffff08,#ffffff08 1px,#0000 1px 3px),radial-gradient(circle at 18% 14%,#ffffff0f,#0000 42%),radial-gradient(circle at 78% 64%,#ffffff0a,#0000 48%);position:absolute;top:0;bottom:0;left:0;right:0}#splash.is-hidden{opacity:0;transition:opacity .24s}#splash.is-removed{display:none}@media (prefers-reduced-motion:reduce){#press-any-key{opacity:1;animation:none;transform:none}}:root{--ui-design-width:1920;--ui-design-height:1080;--ui-text-main:#f5f7fff5;--ui-text-soft:#b3c2ddd1;--ui-text-dim:#798caca3;--ui-cyan:#58d5ff;--ui-pink:#ff3eb5;--ui-left-width:44%;--ui-diagonal-x:46%;--ui-diagonal-tilt:10deg;--ui-diagonal-line-width:6px;--ui-diagonal-glow-width:36px;--ui-panel-padding-top:32px;--ui-panel-padding-side:34px;--ui-panel-padding-bottom:22px;--ui-preview-overhang:140px;--ui-preview-cut-top:120px;--ui-preview-cut-bottom:32px;--ui-right-info-left:96px;--ui-right-info-right:36px;--ui-right-info-bottom:32px}.ui-scale-root{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.ui-shell{width:calc(var(--ui-design-width) * 1px);height:calc(var(--ui-design-height) * 1px);transform:translate(-50%, -50%) scale(var(--ui-scale,1));transform-origin:50%;pointer-events:auto;position:absolute;top:50%;left:50%;overflow:hidden}.ui-backdrop,.ui-panel{position:absolute;top:0;bottom:0;left:0;right:0}.ui{z-index:1;pointer-events:none;background:radial-gradient(circle at 72% 28%,#ff3eb51f,#0000 24%),radial-gradient(circle at 22% 70%,#58d5ff17,#0000 28%),linear-gradient(#04060c52,#04060ce0);position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.hidden{display:none!important}.ui-backdrop{background:radial-gradient(circle at 72% 28%,#ff3eb51f,#0000 24%),radial-gradient(circle at 22% 70%,#58d5ff17,#0000 28%),linear-gradient(#04060c52,#04060ce0),url(/img/main-menu-bg.jpg) 50%/cover no-repeat;position:absolute;top:0;bottom:0;left:0;right:0}.ui-backdrop:before{content:"";background:radial-gradient(circle at 18% 42%,#58d5ff14,#0000 28%),linear-gradient(90deg,#04070f94 0%,#04070f7a 22%,#04070f4d 42%,#04070f2e 54%,#04070f57 70%,#04070f94 100%);position:absolute;top:0;bottom:0;left:0;right:0}.ui-backdrop:after{content:"";opacity:.05;mix-blend-mode:screen;background-image:linear-gradient(#ffffff29 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:100% 3px,120px 100%;position:absolute;top:0;bottom:0;left:0;right:0}.ui-panel{pointer-events:auto;width:100%;height:100%;position:relative}.ui-left,.ui-right{min-width:0;position:absolute;top:0;bottom:0}.ui-left{width:var(--ui-left-width);padding:var(--ui-panel-padding-top) calc(var(--ui-panel-padding-side) + 18px) var(--ui-panel-padding-bottom) var(--ui-panel-padding-side);z-index:3;grid-template-rows:auto auto 1fr auto;gap:8px;display:grid;left:0}.ui-right{width:calc(100% - var(--ui-left-width));z-index:1;right:0;overflow:hidden}.ui-right:before{content:none}.ui-diagonal{top:-8%;bottom:-8%;left:calc(var(--ui-diagonal-x) + 4px);pointer-events:none;z-index:4;width:48px;position:absolute}.ui-diagonal:before{content:"";width:var(--ui-diagonal-line-width);height:116%;transform:translateX(-50%) rotate(var(--ui-diagonal-tilt));transform-origin:50%;background:linear-gradient(#ff3eb5fa,#58d5ffb8);border-radius:999px;position:absolute;top:0;left:50%;box-shadow:0 0 14px #ff3eb5b8,0 0 28px #ff3eb557,0 0 60px #58d5ff2e}.ui-diagonal:after{content:"";width:var(--ui-diagonal-glow-width);height:116%;transform:translateX(-50%) rotate(var(--ui-diagonal-tilt));transform-origin:50%;filter:blur(14px);background:linear-gradient(#ff3eb52e,#58d5ff0f);position:absolute;top:0;left:50%}.ui-brand-wrap{align-items:flex-start;display:flex}.ui-brand-image{background:url(/img/title.png) 0/contain no-repeat;width:min(600px,100%);height:200px;display:block}.ui-header{flex-direction:column;gap:8px;margin:0 0 0 14px;display:flex}.ui-title{letter-spacing:.08em;text-transform:uppercase;color:var(--ui-pink);text-shadow:0 0 12px #ff3eb53d,0 0 24px #ff3eb51f;font-size:52px;font-weight:900;line-height:1}.ui-description{color:var(--ui-text-soft);font-size:32px;font-weight:600;line-height:1.4}.ui-list-wrap{flex-direction:column;justify-content:center;min-height:0;display:flex}.ui-list{gap:4px;display:grid}.ui-row{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%);background:linear-gradient(#070b15f0,#070b15d1),linear-gradient(90deg,#58d5ff0a,#0000 30%);border:1px solid #58d5ff24;outline:none;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:26px;min-height:58px;padding:16px 14px;transition:transform .14s,border-color .14s,box-shadow .14s,background .14s,opacity .14s;display:grid;position:relative}.ui-row:before{content:"";opacity:0;pointer-events:none;clip-path:inherit;background:linear-gradient(90deg,#ff3eb51a,#ff3eb504 50%,#0000);transition:opacity .14s;position:absolute;top:1px;bottom:1px;left:1px;right:1px}.ui-row:hover{border-color:#58d5ff3d;transform:translate(3px)}.ui-row:focus-visible{border-color:#58d5ff3d;transform:translate(3px)}.ui-row[data-selected="1"]{background:linear-gradient(#160a1cf5,#0c0b1ce6),linear-gradient(90deg,#ff3eb51f,#58d5ff05);border-color:#ff3eb570;transform:translate(8px);box-shadow:0 0 0 1px #ff3eb529,0 0 24px #ff3eb51f}.ui-row[data-selected="1"]:before{opacity:1}.ui-row-icon{width:50px;height:50px;color:var(--ui-cyan);background:#070e1a85;place-items:center;font-size:42px;line-height:1;display:grid}.ui-row[data-selected="1"] .ui-row-icon{color:#ffd6f2;background:#1e0b1cb3;border-color:#ff3eb557;box-shadow:0 0 16px #ff3eb51f}.ui-row-body{min-width:0}.ui-row-title{letter-spacing:.03em;text-transform:uppercase;color:var(--ui-text-main);white-space:nowrap;text-overflow:ellipsis;font-size:42px;font-weight:800;line-height:1;overflow:hidden}.ui-row-right{justify-content:flex-end;align-items:center;gap:10px;min-width:110px;display:flex}.ui-row-value{color:var(--ui-text-soft);white-space:nowrap;font-size:14px;line-height:1}.ui-row-bar{background:#ffffff14;border-radius:999px;width:110px;height:7px;overflow:hidden}.ui-row-fill{border-radius:inherit;background:linear-gradient(90deg, var(--ui-cyan), var(--ui-pink));height:100%;box-shadow:0 0 10px #ff3eb53d,0 0 8px #58d5ff33}.ui-row[data-disabled="1"]{opacity:.62}.ui-row[data-disabled="1"] .ui-row-title{color:var(--ui-text-soft)}.ui-row[data-disabled="1"] .ui-row-icon{color:#b3c2dd8c}.ui-row[data-disabled="1"]:after{content:"LOCKED";letter-spacing:.12em;color:#ff3eb5e0;text-shadow:0 0 10px #ff3eb52e;font-size:18px;font-weight:900;line-height:1;position:absolute;top:50%;right:34px;transform:translateY(-50%)}.ui-row[data-disabled="1"][data-selected="1"]{opacity:.78}.ui-preview-frame{z-index:1;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.ui-preview-image{object-fit:cover;object-position:center;opacity:0;clip-path:polygon(180px 0,100% 0,100% 100%,0 100%);width:calc(100% + 160px);height:100%;transition:opacity .18s,filter .18s;display:block;position:absolute;top:0;bottom:0;left:0}.ui-preview-frame.has-image .ui-preview-image{opacity:1}.ui-preview-ambient{z-index:1;pointer-events:none;background:linear-gradient(#04070f0a,#04070fad),radial-gradient(circle at 72% 30%,#ff3eb51a,#0000 22%),radial-gradient(circle at 28% 70%,#58d5ff14,#0000 18%);position:absolute;top:0;bottom:0;left:0;right:0}.ui-preview-ambient:after{content:"";background:linear-gradient(#04070f00 0%,#04070f0f 42%,#04070f42 62%,#04070f9e 82%,#04070fe6 100%);position:absolute;top:0;bottom:0;left:0;right:0}.ui-right.has-preview .ui-preview-ambient{background:radial-gradient(circle at 72% 30%,#ff3eb529,#0000 22%),radial-gradient(circle at 28% 70%,#58d5ff1a,#0000 18%),linear-gradient(#04070f05 0%,#04070f0f 36%,#04070f4d 58%,#04070fb8 82%,#04070ff0 100%)}.ui-preview-lock{z-index:3;pointer-events:none;letter-spacing:.14em;text-transform:uppercase;color:#ffffffeb;text-shadow:0 0 20px #0000008c,0 0 36px #ff3eb53d;background:#04070f47;place-items:center;font-size:92px;font-weight:900;line-height:1;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.ui-preview-frame.is-locked .ui-preview-image{filter:grayscale(.5)brightness(.8)}.ui-preview-frame.is-locked .ui-preview-ambient{background:linear-gradient(#04070f2e,#04070fe0),radial-gradient(circle at 72% 30%,#ff3eb50f,#0000 22%),radial-gradient(circle at 28% 70%,#58d5ff0a,#0000 18%)}.ui-info{left:var(--ui-right-info-left);right:var(--ui-right-info-right);bottom:var(--ui-right-info-bottom);z-index:5;align-content:end;gap:10px;display:grid;position:absolute}.ui-selected-title{text-transform:uppercase;letter-spacing:.03em;color:var(--ui-pink);text-shadow:0 0 20px #ff3eb557,0 0 60px #ff3eb529;font-size:80px;font-weight:900;line-height:.94}.ui-details{max-width:920px;color:var(--ui-text-soft);text-shadow:0 2px 14px #0000005c;font-size:16px;line-height:1.55}.ui-footer{z-index:5;border-top:1px solid #58d5ff14;flex-wrap:nowrap;align-items:center;gap:6px;padding-top:10px;display:flex;position:relative;overflow:hidden}.hint-key{min-width:40px;height:24px;color:var(--ui-text-main);text-transform:uppercase;letter-spacing:.06em;background:#140a187a;border:1px solid #ff3eb533;border-radius:7px;justify-content:center;align-items:center;padding:0 8px;font-size:22px;font-weight:700;display:inline-flex}.hint-label{color:var(--ui-text-dim);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;margin-right:8px;font-size:22px;line-height:1}@media (orientation:portrait){:root{--ui-left-width:100%;--ui-right-info-left:48px;--ui-right-info-right:48px;--ui-right-info-bottom:44px}.ui-left,.ui-right{width:100%;left:0;right:0}.ui-left{z-index:3;grid-template-rows:auto auto 1fr auto;gap:12px;height:52%;padding:34px 34px 18px;top:0;bottom:auto}.ui-right{z-index:1;height:48%;top:52%;bottom:0}.ui-diagonal{z-index:4;width:100%;height:44px;top:calc(52% - 22px);bottom:auto;left:0}.ui-diagonal:before{width:100%;height:var(--ui-diagonal-line-width);transform-origin:50%;top:50%;left:0;transform:translateY(-50%)}.ui-diagonal:after{width:100%;height:var(--ui-diagonal-glow-width);transform-origin:50%;top:50%;left:0;transform:translateY(-50%)}.ui-brand-wrap{justify-content:flex-start}.ui-brand-image{width:min(560px,100%);height:140px}.ui-header{gap:8px;margin:0}.ui-title{font-size:42px}.ui-description{max-width:none;font-size:24px;line-height:1.3}.ui-list-wrap{justify-content:center}.ui-list{gap:8px}.ui-row{grid-template-columns:48px minmax(0,1fr) auto;gap:22px;padding:14px 16px}.ui-row-icon{width:46px;height:46px;font-size:34px}.ui-row-title{font-size:36px}.ui-row[data-disabled="1"]:after{font-size:16px;right:28px}.ui-preview-frame{top:0;bottom:0;left:0;right:0}.ui-preview-image{object-fit:cover;object-position:center top;clip-path:none;width:100%;height:100%}.ui-preview-ambient{background:linear-gradient(#04070f2e,#04070fc7),radial-gradient(circle at 50% 24%,#ff3eb529,#0000 30%),radial-gradient(circle at 50% 78%,#58d5ff1a,#0000 24%)}.ui-preview-ambient:after{background:linear-gradient(#04070f1f 0%,#04070f2e 22%,#04070f57 48%,#04070fc2 100%)}.ui-preview-lock{letter-spacing:.1em;font-size:72px}.ui-info{left:var(--ui-right-info-left);right:var(--ui-right-info-right);bottom:var(--ui-right-info-bottom);text-align:center;justify-items:center;gap:8px}.ui-selected-title{font-size:72px;line-height:.95}.ui-details{text-align:center;max-width:760px;font-size:24px;line-height:1.35}.ui-footer{justify-content:flex-start;margin-bottom:50px;padding-top:8px}}.hud{--hud-portrait-size:calc(170px * var(--s));--hud-shell-width:calc(460px * var(--s));--hud-shell-height:calc(58px * var(--s));--hud-overlap:calc(-42px * var(--s));--hud-name-left:calc(55px * var(--s));--hud-name-bottom:calc(25px * var(--s));--hud-name-size:calc(36px * var(--s));--hud-backplate-width:calc(490px * var(--s));--hud-backplate-height:calc(150px * var(--s));--hud-backplate-left:calc(-42px * var(--s));--hud-backplate-top:calc(-25px * var(--s));--hud-grid-left:calc(24px * var(--s));--hud-grid-top:calc(12px * var(--s));--hud-grid-width:calc(418px * var(--s));--hud-grid-height:calc(24px * var(--s));--hud-grid-gap:calc(1px * var(--s));z-index:20;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.hud-layout{top:calc(22px * var(--s));left:calc(22px * var(--s));align-items:flex-end;gap:0;display:flex;position:absolute}.hud-portrait{width:var(--hud-portrait-size);height:var(--hud-portrait-size);object-fit:contain;box-shadow:none;filter:none;z-index:3;background:0 0;border:none;flex:none;display:block;position:relative}.hud-info{justify-content:flex-end;align-items:flex-start;gap:calc(6px * var(--s));min-width:var(--hud-shell-width);margin-left:var(--hud-overlap);padding-bottom:calc(10px * var(--s));z-index:1;flex-direction:column;display:flex;position:relative}.hud-name{margin-left:var(--hud-name-left);margin-bottom:var(--hud-name-bottom);font-size:var(--hud-name-size);letter-spacing:.04em;text-transform:uppercase;color:#fff;text-shadow:0 calc(1px * var(--s)) 0 #000, 0 0 calc(8px * var(--s)) #ff5ad2a6, 0 0 calc(18px * var(--s)) #7850ff73;font-weight:900;line-height:1}.hud-name.is-low{text-shadow:0 calc(1px * var(--s)) 0 #000, 0 0 calc(10px * var(--s)) #ff50aaf2, 0 0 calc(20px * var(--s)) #ff464673}.hud-hp-shell{width:var(--hud-shell-width);height:var(--hud-shell-height);position:relative}.hud-hp-backplate{width:var(--hud-backplate-width);height:var(--hud-backplate-height);left:var(--hud-backplate-left);top:var(--hud-backplate-top);z-index:2;pointer-events:none;background-image:url(/img/hud-backplate.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute}.hud-hp-grid{left:var(--hud-grid-left);top:var(--hud-grid-top);width:var(--hud-grid-width);height:var(--hud-grid-height);gap:var(--hud-grid-gap);z-index:1;grid-template-columns:repeat(10,1fr);display:grid;position:absolute}.hud-hp-segment{border-radius:calc(3px * var(--s));border:calc(1px * var(--s)) solid #78dcff1f;box-shadow:inset 0 0 calc(4px * var(--s)) #00000059;background:linear-gradient(#12182eeb,#080c1ceb);position:relative;overflow:hidden}.hud-hp-segment.is-empty{opacity:.32}.hud-hp-segment-fill{transform-origin:0;box-shadow:0 0 calc(6px * var(--s)) #3fd5ffe6, 0 0 calc(14px * var(--s)) #ff68da59;background:linear-gradient(#7cf6ff 0%,#3fd5ff 30%,#6f7eff 65%,#ff68da 100%);transition:transform 90ms linear,opacity .12s ease-out;position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(1)}.hud-hp-segment.is-empty .hud-hp-segment-fill{opacity:0}.hud-hp-shell.is-hit{animation:.14s ease-out hud-hit-flash}.hud-hp-shell.is-low .hud-hp-segment-fill{box-shadow:0 0 calc(6px * var(--s)) #ff50aaf2, 0 0 calc(14px * var(--s)) #ff50aa66}@keyframes hud-hit-flash{0%{filter:brightness();transform:scale(1)}50%{filter:brightness(1.35);transform:scale(1.02)}to{filter:brightness();transform:scale(1)}}@media (orientation:portrait){.hud{--hud-portrait-size:calc(120px * var(--s));--hud-shell-width:calc(330px * var(--s));--hud-shell-height:calc(46px * var(--s));--hud-overlap:calc(-34px * var(--s));--hud-name-left:calc(68px * var(--s));--hud-name-bottom:calc(14px * var(--s));--hud-name-size:calc(22px * var(--s));--hud-backplate-width:calc(350px * var(--s));--hud-backplate-height:calc(105px * var(--s));--hud-backplate-left:calc(-34px * var(--s));--hud-backplate-top:calc(-17px * var(--s));--hud-grid-left:calc(18px * var(--s));--hud-grid-top:calc(10px * var(--s));--hud-grid-width:calc(296px * var(--s));--hud-grid-height:calc(20px * var(--s))}.hud-layout{top:calc(16px * var(--s));left:calc(16px * var(--s))}.hud-info{padding-bottom:calc(8px * var(--s));gap:calc(5px * var(--s))}}#debug-overlay{z-index:9999;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);color:#0f8;cursor:default;background:#000000a6;font-family:monospace;font-size:12px;line-height:1.4;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.debug-header{border-bottom:1px solid #0f83;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.debug-separator{border-right:1px solid #0f84;margin:0 12px}.debug-meta{-webkit-user-select:text;user-select:text;gap:8px;font-weight:500;display:flex}.debug-meta span{text-align:center;color:#9dffcb;border-right:1px solid #0f83;flex:1;padding:4px 6px}.debug-meta span:last-child{border-right:none}.debug-tabs{flex-wrap:wrap;gap:6px;display:flex}.debug-tab{color:#0f8;font:inherit;cursor:pointer;background:#00ff8814;border:1px solid #00ff884d;border-radius:6px;padding:4px 10px}.debug-tab:hover{background:#00ff882e}.debug-tab.active{background:#00ff8840;border-color:#00ff88e6}.debug-content{white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text;height:calc(100% - 96px);margin:0;padding:16px;overflow:auto}.debug-content::-webkit-scrollbar{width:8px}.debug-content::-webkit-scrollbar-thumb{background:#00ff884d;border-radius:4px}.debug-content::-webkit-scrollbar-thumb:hover{background:#00ff8880}