:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--demo-ink:#d7f5c8;--demo-ink-dim:#8fbf7a;--demo-panel:#081c0eb8;--demo-line:#8fbf7a59;--demo-focus:#b8ff8a;--demo-control-bg:#0b1a10;--demo-control-border:#3d6b32}*{box-sizing:border-box}html,body{height:100%;min-height:100%;margin:0}body{min-height:100dvh;color:var(--demo-ink);background:#020617;flex-direction:column;font-family:IBM Plex Mono,SF Mono,ui-monospace,Menlo,Consolas,monospace;display:flex}.demo-stage-host{flex-direction:column;flex:auto;height:100dvh;min-height:0;max-height:100dvh;display:flex;overflow:hidden}.demo-stage-host game-controller{--gc-host-min-height:0;--gc-host-height:100%;--gc-shell-bg:#111827;--gc-stage-bg:#04140a;--gc-stage-border-width:3px;--gc-stage-border-color:#1f3d28;--gc-color-text:#e5e7eb;--gc-action-btn-bg:#f8fafc;--gc-action-btn-color:#111827;--gc-action-btn-border-color:#0f172a;--gc-dpad-btn-bg:#1f2937;--gc-dpad-btn-border-color:#0f172a;--gc-ancillary-btn-bg:#1f2937;--gc-ancillary-btn-color:#e5e7eb;--gc-ancillary-btn-border-color:#0f172a;--gc-joystick-ring-bg:#1f2937;--gc-joystick-ring-border:2px solid #0f172a;--gc-joystick-knob-bg:#f8fafc;--gc-joystick-knob-border:2px solid #0f172a;--gc-main-controls-bg:#ffffff0a;flex:auto;height:100%;min-height:0;max-height:100%}.stage-screen{width:100%;min-height:0;color:var(--demo-ink);background:radial-gradient(at 50% 0,#48a05a2e,#0000 55%),linear-gradient(#062012 0%,#04140a 100%);flex-direction:column;flex:auto;gap:.75rem;padding:clamp(.65rem,2.2vmin,1rem);display:flex;overflow:auto}.stage-screen__header{flex:none}.stage-screen__brand{letter-spacing:.02em;color:var(--demo-focus);text-shadow:0 0 18px #b8ff8a40;margin:0;font-size:clamp(1rem,2.8vmin,1.35rem);font-weight:700}.stage-screen__tagline{color:var(--demo-ink-dim);margin:.2rem 0 0;font-size:.78rem}.stage-screen__panel{border:1px solid var(--demo-line);background:var(--demo-panel);flex-direction:column;flex:auto;gap:.65rem;min-height:0;padding:.75rem;display:flex}.stage-screen__heading{letter-spacing:.14em;text-transform:uppercase;color:var(--demo-ink-dim);margin:0;font-size:.72rem;font-weight:700}.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}@media (width<=420px),(orientation:landscape) and (height<=420px){.stage-grid{grid-template-columns:1fr}}.stage-field{flex-direction:column;gap:.3rem;min-width:0;display:flex}.stage-field__label{color:var(--demo-ink-dim);font-size:.72rem}.stage-field__control{border:1px solid var(--demo-control-border);background:var(--demo-control-bg);width:100%;min-height:2.1rem;color:var(--demo-ink);font:inherit;border-radius:4px;padding:.35rem .5rem;font-size:.82rem}.stage-field__control:focus-visible{outline:2px solid var(--demo-focus);outline-offset:2px}.stage-toggle{color:var(--demo-ink);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.45rem;font-size:.85rem;display:inline-flex}.stage-toggle input{accent-color:#6fbf57;width:1rem;height:1rem}.stage-support{border-top:1px solid var(--demo-line);flex-direction:column;gap:.45rem;padding-top:.15rem;display:flex}.stage-support__list{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.stage-support__item{justify-content:space-between;align-items:baseline;gap:.75rem;font-size:.78rem;display:flex}.stage-support__label{color:var(--demo-ink-dim)}.stage-support__value{letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:700}.stage-support__value[data-supported=true]{color:var(--demo-focus)}.stage-support__value[data-supported=false]{color:#f0a8a0}.stage-toggle[data-unsupported=true]{opacity:.55}.stage-screen__hint{color:var(--demo-ink-dim);margin:0;font-size:.72rem;line-height:1.4}.stage-screen__nav{flex-wrap:wrap;flex:none;gap:.45rem .75rem;padding-top:.15rem;display:flex}.stage-link{color:var(--demo-focus);border-bottom:1px solid #b8ff8a59;font-size:.8rem;font-weight:600;text-decoration:none}.stage-link:hover,.stage-link:focus-visible{color:#fff;border-bottom-color:#fff}.stage-link--external:after{content:" ↗";font-size:.75em}