:root{--bg-primary: #0a0f1d;--panel-bg: rgba(13, 22, 38, .75);--panel-border: rgba(116, 215, 238, .25);--accent-cyan: #74d7ee;--accent-gold: #ffbd59;--text-main: #e2f1f8;--text-dim: #8faec4;--font-main: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Space Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-main)}.app-container{width:100vw;height:100vh;position:relative}.overlay-panel{position:absolute;background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--panel-border);border-radius:12px;padding:16px 20px;color:var(--text-main);z-index:10;box-shadow:0 8px 32px #0006}.header-overlay{top:20px;left:20px;display:flex;flex-direction:column;gap:8px;max-width:340px}.header-title{font-size:1.5rem;font-weight:700;letter-spacing:.5px;background:linear-gradient(135deg,#ffffff 0%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-subtitle{font-size:.85rem;color:var(--text-dim);line-height:1.4}.enter-vr-btn{margin-top:10px;background:linear-gradient(135deg,#0284c7,#0369a1);border:1px solid rgba(116,215,238,.4);color:#fff;font-family:var(--font-main);font-weight:600;font-size:.95rem;padding:10px 18px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.enter-vr-btn:hover{background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 0 16px #74d7ee66;transform:translateY(-1px)}.spell-bar-overlay{bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px}.spell-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:var(--text-main);padding:10px 16px;border-radius:8px;font-family:var(--font-main);font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.spell-btn.active{background:#74d7ee33;border-color:var(--accent-cyan);box-shadow:0 0 12px #74d7ee4d;color:#fff}.spell-btn:hover:not(.active){background:#ffffff1a;border-color:#ffffff4d}.spell-key{font-family:var(--font-mono);font-size:.75rem;background:#0006;padding:2px 6px;border-radius:4px;color:var(--accent-cyan)}.dev-panel-overlay{top:20px;right:20px;width:280px;display:flex;flex-direction:column;gap:12px}.dev-panel-title{font-size:.9rem;font-weight:700;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:1px}.control-group{display:flex;flex-direction:column;gap:4px}.control-label{font-size:.8rem;color:var(--text-dim);display:flex;justify-content:space-between}.control-slider{width:100%;accent-color:var(--accent-cyan)}