:root{--bg: #07090f;--bg-elevated: #0d1120;--glass: rgba(13, 17, 32, .6);--glass-strong: rgba(13, 17, 32, .84);--glass-blur: blur(16px) saturate(140%);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--text: #e8ecf4;--muted: #8b94a7;--cyan: #6ee7ff;--violet: #a78bfa;--gradient: linear-gradient(135deg, #6ee7ff, #a78bfa);--success: #34d399;--warning: #fbbf24;--danger: #f87171;--radius-sm: 10px;--radius: 14px;--radius-lg: 20px;--shadow-soft: 0 24px 60px -20px rgba(0, 0, 0, .6), 0 2px 8px rgba(0, 0, 0, .35);--glow-cyan: 0 10px 40px -10px rgba(110, 231, 255, .45);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .15s;--dur: .22s;--dur-slow: .3s;--font-display: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color-scheme:dark;color:var(--text);background-color:var(--bg);font-family:var(--font-body);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:var(--bg);color:var(--text)}#root{width:100vw;height:100vh;height:100dvh;margin:0;padding:0;overflow:hidden}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-down{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}@keyframes toast-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}@keyframes aurora-drift{0%{transform:translate3d(-3%,-2%,0) rotate(0) scale(1)}to{transform:translate3d(3%,2%,0) rotate(4deg) scale(1.06)}}.glass{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft),inset 0 1px #ffffff0d}.glass-strong{background:var(--glass-strong)}.glass-pad-sm{padding:12px}.glass-pad-md{padding:20px}.glass-pad-lg{padding:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:12px;border:1px solid var(--border);background:transparent;color:var(--text);font-weight:600;font-size:14px;letter-spacing:.01em;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),filter var(--dur) var(--ease-out),color var(--dur-fast) var(--ease-out)}.btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--border-strong)}.btn:active:not(:disabled){transform:translateY(0) scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{height:32px;padding:0 12px;border-radius:10px;font-size:13px}.btn-lg{height:52px;padding:0 22px;border-radius:14px;font-size:16px}.btn-block{width:100%}.btn-primary{background:var(--gradient);color:#07090f;border-color:transparent;box-shadow:0 10px 30px -12px #6ee7ff99,inset 0 1px #ffffff59}.btn-primary:hover:not(:disabled){filter:brightness(1.05) saturate(1.1);box-shadow:0 14px 40px -12px #6ee7ffbf,inset 0 1px #fff6}.btn-secondary{background:#ffffff0f}.btn-secondary:hover:not(:disabled){background:#ffffff1a}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn-ghost:hover:not(:disabled){color:var(--text);background:#ffffff0f}.btn-danger{background:#f871711f;border-color:#f871714d;color:var(--danger)}.btn-danger:hover:not(:disabled){background:#f8717133}.input{width:100%;height:52px;padding:0 16px;border-radius:14px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);font-size:16px;font-weight:500;outline:none;transition:border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),background-color var(--dur) var(--ease-out)}.input::placeholder{color:#8b94a7b3}.input:hover:not(:disabled){border-color:var(--border-strong)}.input:focus{border-color:#6ee7ff99;background:#ffffff0f;box-shadow:0 0 0 4px #6ee7ff24}.input[aria-invalid=true]{border-color:#f8717199}.input:disabled{opacity:.6}.field-label{display:block;margin-bottom:8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;border:1px solid var(--border);background:#ffffff0d;color:var(--text);font-size:12px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.pill-cyan{color:var(--cyan);border-color:#6ee7ff4d;background:#6ee7ff1a}.pill-violet{color:var(--violet);border-color:#a78bfa4d;background:#a78bfa1a}.pill-success{color:var(--success);border-color:#34d3994d;background:#34d3991a}.pill-warning{color:var(--warning);border-color:#fbbf244d;background:#fbbf241a}.pill-danger{color:var(--danger);border-color:#f871714d;background:#f871711a}.dot{width:8px;height:8px;flex:none;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.dot-pulse{animation:pulse-dot 1.6s ease-in-out infinite}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:6px;border:1px solid var(--border-strong);border-bottom-width:2px;background:#ffffff0f;color:var(--text);font-family:var(--font-mono);font-size:11px;font-weight:600;line-height:1}.spinner{display:inline-block;flex:none;width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .8s linear infinite}.notice{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid;font-size:14px;line-height:1.4}.notice-danger{background:#f8717114;border-color:#f871714d;color:#fecaca}.segmented{display:inline-flex;padding:3px;border-radius:999px;border:1px solid var(--border);background:#07090f9e;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.segmented button{height:28px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:12px;font-weight:600;transition:background-color var(--dur) var(--ease-out),color var(--dur-fast) var(--ease-out)}.segmented button:hover{color:var(--text)}.segmented button[aria-pressed=true]{background:var(--gradient);color:#07090f}.launcher{position:relative;isolation:isolate;height:100%;min-height:100%;overflow-x:hidden;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:24px 16px}.launcher-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.aurora{position:absolute;inset:-25%;background:radial-gradient(38% 46% at 18% 28%,rgba(110,231,255,.38),transparent 70%),radial-gradient(42% 50% at 82% 18%,rgba(167,139,250,.4),transparent 70%),radial-gradient(48% 55% at 62% 92%,rgba(110,231,255,.2),transparent 72%),radial-gradient(40% 40% at 8% 88%,rgba(167,139,250,.22),transparent 70%);filter:blur(40px);animation:aurora-drift 22s var(--ease-out) infinite alternate;will-change:transform}.launcher-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%)}.launcher-vignette{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 50%,transparent 40%,var(--bg) 100%)}.launcher-card{width:min(500px,100%);padding:40px 36px 30px;animation:rise var(--dur-slow) var(--ease-out) both}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.display-title{margin:14px 0 0;font-family:var(--font-display);font-size:clamp(2.4rem,7vw,3.3rem);font-weight:700;line-height:.98;letter-spacing:-.03em}.gradient-text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.lede{margin:14px 0 28px;color:var(--muted);font-size:15px}.heading{margin:0;font-family:var(--font-display);font-size:1.6rem;font-weight:700;letter-spacing:-.02em}.section-title{margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.swatch-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.swatch{aspect-ratio:1;width:100%;padding:0;border:0;border-radius:9px;background:var(--swatch);box-shadow:inset 0 0 0 1px #ffffff24;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.swatch:hover{transform:scale(1.08)}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--text),0 0 18px 2px var(--swatch)}.tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 6px 12px;border-radius:var(--radius);border:1px solid var(--border);background:#ffffff08;color:var(--muted);transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),color var(--dur-fast)}.tile:hover{transform:translateY(-1px);color:var(--text);border-color:var(--border-strong);background:#ffffff0f}.tile[aria-pressed=true]{color:var(--text);border-color:#6ee7ffa6;background:linear-gradient(180deg,#6ee7ff24,#a78bfa1a);box-shadow:0 0 0 1px #6ee7ff59,0 0 28px -4px #6ee7ff73}.tile-glyph{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#ffffff0d;font-size:22px}.tile-label{font-size:12px;font-weight:600;text-align:center}.launcher-footer{display:flex;align-items:center;gap:8px;margin-top:22px;color:var(--muted);font-size:12px}.hud{position:fixed;inset:0;z-index:40;pointer-events:none;font-family:var(--font-body)}.hud-chip{pointer-events:auto;display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:#07090f9e;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:0 10px 30px -12px #0009;font-size:13px;font-weight:600;white-space:nowrap}.hud-top-left{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:calc(100vw - 32px)}.hud-top-right{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:8px;pointer-events:auto}.hud-banner{position:absolute;top:72px;left:50%;transform:translate(-50%);width:min(460px,calc(100vw - 32px));pointer-events:auto;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius);border:1px solid rgba(251,191,36,.35);background:#141006d1;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:0 16px 40px -16px #000000b3;color:#fde68a;font-size:14px;animation:slide-down var(--dur-slow) var(--ease-out) both}.hud-banner[data-tone=danger]{border-color:#f8717166;background:#180808d9;color:#fecaca}.hud-banner-text{flex:1;min-width:0}.hud-banner-text strong{display:block;font-weight:600}.hud-banner-text span{color:var(--muted);font-size:12px}.toast-stack{position:absolute;top:72px;right:16px;width:min(320px,calc(100vw - 32px));display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:12px;width:100%;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--border);background:#0d1120db;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-soft);color:var(--text);text-align:left;animation:toast-in var(--dur) var(--ease-out) both}.toast-icon{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:9px;background:#ffffff0f;font-size:14px}.toast-title{font-size:13px;font-weight:600}.toast-body{margin-top:2px;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.toast[data-tone=join] .toast-icon{color:var(--success)}.toast[data-tone=leave] .toast-icon{color:var(--muted)}.toast[data-tone=chat] .toast-icon{color:var(--cyan)}.toast[data-tone=info] .toast-icon{color:var(--violet)}.toast[data-tone=danger] .toast-icon{color:var(--danger)}.hud-controls{position:absolute;right:16px;bottom:16px;pointer-events:auto}.hint-card{width:260px;padding:14px 16px;border-radius:var(--radius);border:1px solid var(--border);background:#07090fb3;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-soft)}.hint-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.hint-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 0;color:var(--muted);font-size:13px}.hint-keys{display:flex;gap:4px;flex:none}.chat-launch{position:absolute;left:16px;bottom:16px;pointer-events:auto;display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 14px 0 16px;border-radius:999px;border:1px solid var(--border);background:#07090fb3;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-soft);color:var(--text);font-size:14px;font-weight:600;transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur) var(--ease-out)}.chat-launch:hover{transform:translateY(-1px);border-color:var(--border-strong)}.unread-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--gradient);color:#07090f;font-size:11px;font-weight:700}.chat-window{position:fixed;left:16px;bottom:16px;z-index:45;width:min(360px,calc(100vw - 32px));height:min(440px,56dvh);display:flex;flex-direction:column;overflow:hidden;border-radius:18px;animation:rise var(--dur) var(--ease-out) both}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border)}.chat-title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:15px;font-weight:700}.chat-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px;display:flex;flex-direction:column;gap:4px}.chat-empty{margin:auto;color:var(--muted);font-size:13px;text-align:center}.bubble-row{display:flex;flex-direction:column;align-items:flex-start;margin-top:6px}.bubble-row.own{align-items:flex-end}.bubble-meta{display:flex;align-items:baseline;gap:6px;margin:0 6px 3px;font-size:11px;color:var(--muted)}.bubble-name{font-weight:600;color:var(--cyan)}.bubble-row.own .bubble-name{color:var(--violet)}.bubble{max-width:86%;padding:8px 12px;border-radius:6px 16px 16px;background:#ffffff0f;font-size:14px;line-height:1.4;overflow-wrap:anywhere}.bubble-row.own .bubble{border-top-left-radius:16px;border-top-right-radius:6px;background:linear-gradient(135deg,#6ee7ff33,#a78bfa38)}.chat-form{display:flex;align-items:center;gap:8px;padding:10px;border-top:1px solid var(--border)}.chat-form .input{height:40px;border-radius:12px;font-size:14px}.scrim{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:16px;background:#04060c9e;-webkit-backdrop-filter:blur(6px) saturate(120%);backdrop-filter:blur(6px) saturate(120%);animation:fade-in var(--dur) var(--ease-out) both}.os-window{display:flex;flex-direction:column;width:min(960px,100%);height:min(640px,100%);overflow:hidden;border-radius:16px;border:1px solid var(--border-strong);background:#0d1120e6;box-shadow:0 40px 100px -30px #000c,0 0 0 1px #0006;animation:rise var(--dur-slow) var(--ease-out) both}.os-titlebar{position:relative;display:flex;align-items:center;flex:none;height:44px;padding:0 14px;gap:12px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#ffffff0f,#ffffff05)}.os-light{width:12px;height:12px;padding:0;border:0;border-radius:50%;background:#ff5f57;box-shadow:inset 0 0 0 .5px #0000004d;transition:filter var(--dur-fast) var(--ease-out)}.os-light:hover{filter:brightness(1.15)}.os-title{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;max-width:calc(100% - 140px);font-size:13px;font-weight:600;color:var(--muted);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.os-body{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.os-desktop{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));align-content:start;gap:12px;padding:28px;background:radial-gradient(60% 70% at 15% 20%,rgba(110,231,255,.18),transparent 70%),radial-gradient(55% 65% at 85% 85%,rgba(167,139,250,.22),transparent 70%),#0b0f1c}.os-icon{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;border-radius:14px;border:1px solid transparent;background:transparent;color:var(--text);transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.os-icon:hover{background:#ffffff0f;border-color:var(--border);transform:translateY(-1px)}.os-icon-glyph{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;color:#fff;font-size:26px;box-shadow:0 10px 24px -10px #0009,inset 0 1px #fff3}.os-icon-label{font-size:12px;font-weight:500}.os-app{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column}.os-dock{display:flex;align-items:center;justify-content:space-between;flex:none;height:56px;padding:0 12px;border-top:1px solid var(--border);background:#07090fb3}.os-dock-apps{display:flex;gap:6px}.os-dock-app{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;border:1px solid transparent;background:#ffffff0a;font-size:18px;transition:background-color var(--dur) var(--ease-out)}.os-dock-app:hover{background:#ffffff1a}.os-clock{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.arcade{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(60% 60% at 20% 10%,rgba(110,231,255,.12),transparent 70%),radial-gradient(60% 60% at 80% 90%,rgba(167,139,250,.14),transparent 70%),#04060cf5;animation:fade-in var(--dur) var(--ease-out) both}.arcade-close{position:absolute;top:16px;right:16px;z-index:2}.arcade-title{margin:0;font-family:var(--font-display);font-size:clamp(2.2rem,6vw,3.4rem);font-weight:700;letter-spacing:-.03em;line-height:1}.dropzone{width:min(520px,100%);padding:32px 24px;border-radius:var(--radius-lg);border:1.5px dashed rgba(110,231,255,.35);background:#6ee7ff0a;text-align:center;transition:border-color var(--dur) var(--ease-out),background-color var(--dur) var(--ease-out)}.dropzone[data-active=true]{border-color:var(--cyan);background:#6ee7ff1a}.arcade-stage{position:absolute;inset:64px 16px 16px;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:#000;transition:left var(--dur-slow) var(--ease-out),right var(--dur-slow) var(--ease-out)}.arcade-stage iframe{display:block;width:100%;height:100%;border:0}.controls-drawer{position:absolute;top:50%;left:16px;z-index:3;width:240px;max-height:80vh;overflow-y:auto;padding:16px;transform:translateY(-50%);transition:transform var(--dur-slow) var(--ease-out),opacity var(--dur) var(--ease-out)}.controls-drawer[data-open=false]{transform:translate(calc(-100% - 24px),-50%);opacity:0;pointer-events:none}.keymap-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;font-size:13px;color:var(--muted)}.customize{align-items:stretch;justify-content:stretch;display:grid;grid-template-columns:minmax(0,1fr) min(420px,42%);gap:16px;padding:16px;overflow:hidden}.customize-stage{position:relative;min-height:0;overflow:hidden}.preview-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(50% 50% at 50% 42%,rgba(110,231,255,.16),transparent 70%),radial-gradient(40% 40% at 60% 70%,rgba(167,139,250,.14),transparent 70%)}.stage-caption{position:absolute;left:16px;right:16px;bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.stage-hint{color:var(--muted);font-size:12px}.customize-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}.customize-scroll{flex:1;min-height:0;overflow-y:auto;padding:26px 26px 12px}.customize-foot{display:grid;gap:10px;padding:16px 26px 22px;border-top:1px solid var(--border)}@media(max-width:860px){.customize{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(200px,38dvh) minmax(0,1fr);padding:12px;gap:12px}.customize-scroll{padding:20px 20px 8px}.customize-foot{padding:14px 20px 18px}}.arcade-top{position:absolute;top:16px;left:16px;z-index:2;display:flex;align-items:center;gap:8px;max-width:calc(100% - 180px)}.arcade-top .hud-chip{min-width:0;overflow:hidden;text-overflow:ellipsis}.arcade-keys{position:absolute;bottom:16px;left:50%;z-index:2;transform:translate(-50%);height:36px;font-size:12px;color:var(--muted)}.arcade-stage[data-drawer=true]{left:272px}@media(max-width:640px){.launcher{padding:16px 12px}.launcher-card{padding:28px 22px 22px}.tile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.swatch-grid{gap:4px}.os-window{height:calc(100dvh - 24px)}.os-desktop{padding:16px;grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.arcade-stage,.arcade-stage[data-drawer=true]{inset:120px 8px 8px}.controls-drawer{top:60px;left:8px;width:min(240px,calc(100vw - 16px));transform:none}.controls-drawer[data-open=false]{transform:translate(calc(-100% - 16px))}.hud-controls{display:none}.hud-top-right{top:auto;right:16px;bottom:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}