:root{color-scheme:light;font-family:Kyrandia,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#12110f;color:#f5f0e6}@font-face{font-family:Kyrandia;src:url(/kyraweb/assets/font/kyrandia.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(1200px 800px at 20% 10%,#2a241c,#12110f 60%)}#app{width:min(960px,95vw)}.app{display:grid;gap:12px}.layout{display:grid;grid-template-columns:1fr;gap:12px;align-items:start}.stage{width:100%;aspect-ratio:16 / 10;border:2px solid #3a2f22;background:#0b0a08;box-shadow:0 20px 60px #00000073;position:relative;overflow:hidden}.panel-toggle{position:absolute;right:12px;top:12px;z-index:3;border:1px solid #4a3a28;background:#1c1812;color:#f5e7c8;font-family:Kyrandia,ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:12px;padding:6px 10px;cursor:pointer;letter-spacing:.04em;text-transform:uppercase}.debug-panel{position:absolute;right:12px;top:48px;width:320px;padding:12px;background:#14100ceb;border:1px solid #352a1d;border-radius:8px;font-size:12px;line-height:1.4;display:grid;gap:10px;max-height:calc(100% - 72px);overflow-y:auto;transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:2}.debug-panel.open{opacity:1;transform:translateY(0);pointer-events:auto}.debug-header{display:grid;gap:2px}.debug-title{font-family:Kyrandia,ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#e8d7b3}.debug-sub{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;color:#bfa77a;font-size:11px}.debug-row{display:grid;grid-template-columns:16px 1fr;align-items:start;gap:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.debug-row span{white-space:nowrap}.debug-row input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border:1px solid #a7844a;background:#1b140c;box-shadow:inset 0 0 0 2px #1b140c;image-rendering:pixelated}.debug-row input[type=checkbox]:checked{background:#d7b46a;box-shadow:inset 0 0 0 2px #1b140c}.debug-row select,.debug-row input[type=range]{grid-column:1 / -1;width:100%}.debug-row select{background:#1b140c;color:#f1e2c2;border:1px solid #3f2f1f;padding:4px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.debug-row input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;background:#1b140c;border:1px solid #3f2f1f;image-rendering:pixelated}.debug-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#d7b46a;border:1px solid #3f2f1f}.debug-row input[type=range]::-moz-range-thumb{width:12px;height:12px;background:#d7b46a;border:1px solid #3f2f1f}.debug-value{grid-column:1 / -1;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;color:#f5d28f;font-size:11px}.stage canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.intro-panel{position:absolute;left:0;right:0;bottom:0;width:100%;aspect-ratio:2000 / 389;height:auto;background-image:url(/kyraweb/assets/interface/HUD/panel.png);background-size:100% 100%;background-repeat:no-repeat;image-rendering:pixelated;z-index:2;overflow:hidden;cursor:pointer;animation:intro-fade-in .6s steps(12,end) forwards}.intro-panel.closing{animation:none;pointer-events:none}.intro-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/kyraweb/assets/interface/HUD/panel-hover.png);background-size:100% 100%;background-repeat:no-repeat;image-rendering:pixelated;opacity:0;transition:opacity .16s linear;pointer-events:none}.intro-panel.hover:before{opacity:1}.intro-logo{position:absolute;left:69px;top:155px;width:452px;height:auto;image-rendering:pixelated;opacity:0;transform:none;animation:intro-fade-in .6s steps(12,end) forwards;z-index:2;pointer-events:none}.intro-logo.closing{animation:none}.intro-logo-text{position:absolute;left:69px;top:276px;width:460px;font-family:Kyrandia,ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:9px;line-height:1.2;color:#f2e6c9;text-shadow:none;opacity:0;animation:intro-fade-in .6s steps(12,end) forwards;z-index:2;pointer-events:none}.intro-logo-text.closing{animation:none}@keyframes intro-fade-in{0%{opacity:0}to{opacity:1}}@keyframes intro-fade-out{to{opacity:0}}@keyframes intro-logo-fade{to{opacity:1;transform:translateY(0)}}.hud{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:10px 14px;background:#1c1812;border:1px solid #352a1d;border-radius:8px;font-size:14px}.hud-title{font-family:Kyrandia,ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:14px;letter-spacing:.06em;text-transform:uppercase}.hud-body{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:12px;color:#d5c7a4}.hud code{color:#f5d28f}.badge{padding:6px 10px;border-radius:999px;background:#2b2218;border:1px solid #4a3a28;font-size:12px;letter-spacing:.04em;text-transform:uppercase}