:root{--aurax-accent-from: #ff7a59;--aurax-accent-to: #ff9d6c;--aurax-accent: #ff7a59;--aurax-accent-contrast: #ffffff;--aurax-success: #2ecc71;--aurax-error: #e74c3c;--aurax-info: #3b82f6;--aurax-warning: #f5a623;--aurax-font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--aurax-font-size-xs: 12px;--aurax-font-size-sm: 14px;--aurax-font-size-md: 16px;--aurax-font-size-lg: 20px;--aurax-font-size-xl: 28px;--aurax-font-weight-regular: 400;--aurax-font-weight-medium: 500;--aurax-font-weight-bold: 700;--aurax-space-1: 4px;--aurax-space-2: 8px;--aurax-space-3: 12px;--aurax-space-4: 16px;--aurax-space-5: 24px;--aurax-space-6: 32px;--aurax-space-7: 48px;--aurax-radius-sm: 8px;--aurax-radius-md: 12px;--aurax-radius-lg: 16px;--aurax-radius-pill: 999px;--aurax-shadow-card: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--aurax-shadow-raised: 0 8px 24px rgba(0, 0, 0, .12);--aurax-duration-fast: .12s;--aurax-duration-base: .2s}:root,[data-theme=light]{--aurax-bg: #f5f5f7;--aurax-surface: #ffffff;--aurax-surface-muted: #f0f0f3;--aurax-border: #e5e5ea;--aurax-text: #1c1c1e;--aurax-text-muted: #6b6b70;--aurax-overlay: rgba(0, 0, 0, .04)}[data-theme=dark]{--aurax-bg: #0f0f12;--aurax-surface: #1c1c1f;--aurax-surface-muted: #26262b;--aurax-border: #34343a;--aurax-text: #f5f5f7;--aurax-text-muted: #9a9aa1;--aurax-overlay: rgba(255, 255, 255, .06)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--aurax-font-family);font-size:var(--aurax-font-size-md);color:var(--aurax-text);background:var(--aurax-bg);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:var(--aurax-font-weight-bold)}button{font-family:inherit}.app{display:grid;grid-template-columns:1fr;height:100%}.sidebar{background:var(--aurax-surface);border-right:1px solid var(--aurax-border);padding:var(--aurax-space-5) var(--aurax-space-4);display:flex;flex-direction:column;gap:var(--aurax-space-2);overflow-y:auto;position:fixed;inset:0 auto 0 0;width:min(280px,85vw);transform:translate(-100%);transition:transform var(--aurax-duration-fast) ease;z-index:50}.sidebar--open{transform:translate(0);box-shadow:var(--aurax-shadow-raised)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;border:none;padding:0;margin:0;background:#00000073;z-index:45;cursor:pointer}.sidebar__brand{display:flex;align-items:center;gap:var(--aurax-space-3);margin-bottom:var(--aurax-space-4)}.sidebar__logo{width:36px;height:36px;border-radius:var(--aurax-radius-md);background:linear-gradient(135deg,var(--aurax-accent-from),var(--aurax-accent-to))}.sidebar__title{font-size:var(--aurax-font-size-lg)}.sidebar__section{font-size:var(--aurax-font-size-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--aurax-text-muted);margin:var(--aurax-space-3) var(--aurax-space-2) var(--aurax-space-1)}.nav-item{display:flex;align-items:center;gap:var(--aurax-space-3);width:100%;text-align:left;border:none;background:transparent;color:var(--aurax-text);padding:var(--aurax-space-3);border-radius:var(--aurax-radius-md);cursor:pointer;transition:background var(--aurax-duration-fast)}.nav-item:hover{background:var(--aurax-overlay)}.nav-item--active{background:linear-gradient(135deg,var(--aurax-accent-from),var(--aurax-accent-to));color:var(--aurax-accent-contrast)}.nav-item__code{font-weight:var(--aurax-font-weight-bold);font-size:var(--aurax-font-size-sm);width:26px}.nav-item__label{font-size:var(--aurax-font-size-sm);flex:1}.nav-item__chevron{opacity:.5}.main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--aurax-space-2);padding:var(--aurax-space-4) var(--aurax-space-5);border-bottom:1px solid var(--aurax-border);background:var(--aurax-surface)}.topbar__lead{display:flex;align-items:center;gap:var(--aurax-space-3);min-width:0}.topbar__menu-btn{display:inline-flex;align-items:center;gap:var(--aurax-space-2);flex:none;padding:var(--aurax-space-3) var(--aurax-space-4);font-size:var(--aurax-font-size-lg);font-weight:var(--aurax-font-weight-bold)}.topbar__title{display:none;font-size:var(--aurax-font-size-lg);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__actions{display:flex;align-items:center;gap:var(--aurax-space-2);flex:none}.topbar__btn-label{display:none}.content{flex:1;padding:var(--aurax-space-5);min-height:0;display:flex;flex-direction:column}.btn{border:1px solid var(--aurax-border);background:var(--aurax-surface);color:var(--aurax-text);padding:var(--aurax-space-2) var(--aurax-space-4);border-radius:var(--aurax-radius-pill);font-size:var(--aurax-font-size-sm);font-weight:var(--aurax-font-weight-medium);cursor:pointer;transition:filter var(--aurax-duration-fast),background var(--aurax-duration-fast)}.btn:hover{background:var(--aurax-overlay)}.btn--primary{border:none;color:var(--aurax-accent-contrast);background:linear-gradient(135deg,var(--aurax-accent-from),var(--aurax-accent-to))}.btn--primary:hover{filter:brightness(1.05)}.btn--icon{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:var(--aurax-font-size-lg)}.card{background:var(--aurax-surface);border:1px solid var(--aurax-border);border-radius:var(--aurax-radius-lg);box-shadow:var(--aurax-shadow-card);padding:var(--aurax-space-5)}.badge{display:inline-flex;align-items:center;gap:var(--aurax-space-1);font-size:var(--aurax-font-size-xs);font-weight:var(--aurax-font-weight-medium);padding:2px var(--aurax-space-2);border-radius:var(--aurax-radius-pill);background:var(--aurax-surface-muted);color:var(--aurax-text-muted)}.badge__dot{width:8px;height:8px;border-radius:50%}.intro{max-width:640px;margin:auto;text-align:center;display:flex;flex-direction:column;gap:var(--aurax-space-4);align-items:center}.intro__joystick{align-self:center}.intro__text{color:var(--aurax-text-muted);line-height:1.5}.stage{position:relative;flex:1;min-height:360px;border-radius:var(--aurax-radius-lg);background:var(--aurax-surface);border:1px solid var(--aurax-border);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair}.stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--stage-watermark);background-repeat:no-repeat;background-position:center;background-size:min(45%,420px);opacity:.15;pointer-events:none;z-index:0}.stage--no-watermark:before{display:none}.stage__hint{position:absolute;top:var(--aurax-space-3);left:50%;transform:translate(-50%);color:var(--aurax-text-muted);font-size:var(--aurax-font-size-sm);pointer-events:none}.stat-row{display:flex;gap:var(--aurax-space-4);margin-bottom:var(--aurax-space-4);flex-wrap:wrap}.stat{display:flex;flex-direction:column}.stat__value{font-size:var(--aurax-font-size-xl);font-weight:var(--aurax-font-weight-bold)}.stat__label{font-size:var(--aurax-font-size-xs);color:var(--aurax-text-muted);text-transform:uppercase;letter-spacing:.04em}.toast{position:absolute;bottom:var(--aurax-space-5);left:50%;transform:translate(-50%);padding:var(--aurax-space-3) var(--aurax-space-5);border-radius:var(--aurax-radius-pill);color:#fff;font-weight:var(--aurax-font-weight-medium);box-shadow:var(--aurax-shadow-raised)}@media (max-width: 767.98px){.topbar{padding:var(--aurax-space-3) var(--aurax-space-4)}.content{padding:var(--aurax-space-4)}}@media (min-width: 1024px){.app{grid-template-columns:280px 1fr}.sidebar{position:static;width:auto;transform:none;transition:none;box-shadow:none;z-index:auto}.drawer-overlay,.topbar__menu-btn{display:none}.topbar__title{display:block}.topbar__btn-label{display:inline}}