:root{--color-background: #0f1115;--color-surface: #181b22;--color-text: #f5f6f8;--color-accent: #4c8dff;--font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius: 12px;--space: 16px;color-scheme:dark light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-background);color:var(--color-text);font-family:var(--font-family);-webkit-font-smoothing:antialiased}.app-shell{display:flex;min-height:100%;flex-direction:column}.app-header,.app-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space);padding:calc(var(--space) * .75) var(--space)}.app-title{margin:0;font-size:1.125rem;font-weight:700;letter-spacing:.01em}.app-nav{display:flex;gap:calc(var(--space) * .75)}.nav-item{font-size:.875rem;opacity:.75}.app-main{display:flex;flex:1;align-items:center;justify-content:center;padding:var(--space)}.app-footer{justify-content:center}.app-debug{margin:0;font-size:.75rem;opacity:.6}.game-surface{position:relative;width:100%;max-width:960px;height:min(78vh,900px);overflow:hidden;border-radius:var(--radius);background:var(--color-surface)}.game-mount{width:100%;height:100%;touch-action:none}.game-credit{position:absolute;right:calc(var(--space) * .75);bottom:calc(var(--space) * .5);margin:0;font-size:.6875rem;opacity:.55;pointer-events:none}.level-controls{position:absolute;left:50%;bottom:calc(var(--space) * .75);display:flex;align-items:center;gap:calc(var(--space) * .75);padding:.4rem .6rem;border-radius:calc(var(--radius) / 1.5);background:#000000ad;transform:translate(-50%)}.level-button{padding:.35rem .65rem;border:0;border-radius:calc(var(--radius) / 2);background:var(--color-accent);color:#fff;font:inherit;cursor:pointer}.level-label{min-width:7rem;font-size:.8rem;text-align:center}.game-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space);padding:calc(var(--space) * 1.5);text-align:center}.screen{padding:var(--space)}.screen-centered{display:flex;min-height:100%;flex-direction:column;align-items:center;justify-content:center;gap:var(--space)}.screen-label{margin:0;font-size:.875rem;opacity:.75}.notice{max-width:34rem;padding:var(--space);border:1px solid rgb(255 255 255 / .12);border-radius:var(--radius);background:var(--color-surface);text-align:left}.notice-info{border-left:3px solid var(--color-accent)}.notice-warning{border-left:3px solid #f0b429}.notice-error{border-left:3px solid #e5484d}.notice-title{margin:0;font-weight:600}.notice-detail{margin:calc(var(--space) * .5) 0 0;font-size:.875rem;opacity:.8}.notice code{font-size:.8125rem;overflow-wrap:anywhere}.button{margin-top:var(--space);padding:.5rem 1rem;border:0;border-radius:calc(var(--radius) / 2);background:var(--color-accent);color:#fff;font:inherit;font-size:.875rem;cursor:pointer}.spinner{width:28px;height:28px;border:3px solid rgb(255 255 255 / .18);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}