@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500;700&display=swap";:root{--bg-void: #030408;--color-primary: #00f0ff;--color-secondary: #7928ca;--color-accent: #ff007f;--color-gold: #ffaa00;--color-text-main: #f0f4fc;--color-text-dim: #7a889b;--glass-bg: rgba(8, 12, 22, .65);--glass-border: rgba(0, 240, 255, .22);--glass-glow: rgba(0, 240, 255, .12);--font-sans: "Space Grotesk", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-void);font-family:var(--font-sans);color:var(--color-text-main);background-image:radial-gradient(circle at 50% 50%,#101a304d,#030408f2 75%),linear-gradient(rgba(0,240,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.02) 1px,transparent 1px);background-size:100% 100%,40px 40px,40px 40px}#webgl-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;outline:none}.scanlines{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:2;background:linear-gradient(#12101000 50%,#00000040 50%);background-size:100% 4px;opacity:.35}.hud-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:10;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem 2rem}.hud-interactive{pointer-events:auto}.hud-header{display:flex;justify-content:space-between;align-items:center}.brand-matrix{display:flex;align-items:center;gap:1rem}.brand-glitch{font-size:1.4rem;font-weight:700;letter-spacing:.25em;color:#fff;text-shadow:0 0 15px rgba(0,240,255,.6);display:flex;align-items:center;gap:.5rem}.brand-dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;box-shadow:0 0 10px var(--color-primary);animation:pulse-dot 2s infinite ease-in-out}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.6);opacity:1;filter:drop-shadow(0 0 8px var(--color-accent))}}.brand-subtitle{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-dim);letter-spacing:.15em;text-transform:uppercase}.credit-badge{display:inline-flex;align-items:center;gap:.45rem;background:#00f0ff14;border:1px solid rgba(0,240,255,.3);padding:.3rem .65rem;border-radius:20px;color:var(--color-text-main);text-decoration:none;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .25s cubic-bezier(.16,1,.3,1)}.credit-badge:hover{background:#00f0ff38;border-color:var(--color-primary);box-shadow:0 0 15px #00f0ff66;transform:translateY(-2px) scale(1.03);color:#fff}.credit-dot{width:6px;height:6px;background:#0f8;border-radius:50%;box-shadow:0 0 8px #0f8}.credit-name{color:var(--color-primary);font-weight:700}.credit-arrow{font-size:.75rem;color:var(--color-primary);transition:transform .2s ease}.credit-badge:hover .credit-arrow{transform:translate(2px,-2px)}.modal-credit-footer{margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08);text-align:center;font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-dim);letter-spacing:.1em}.modal-credit-link{color:var(--color-primary);text-decoration:none;font-weight:700;transition:all .2s ease}.modal-credit-link:hover{color:#fff;text-shadow:0 0 10px var(--color-primary);text-decoration:underline}.hud-top-right{display:flex;align-items:center;gap:1.25rem}.audio-btn{display:flex;align-items:center;gap:.6rem;background:var(--glass-bg);border:1px solid var(--glass-border);padding:.45rem .9rem;border-radius:8px;color:var(--color-text-main);font-family:var(--font-mono);font-size:.8rem;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .25s cubic-bezier(.16,1,.3,1)}.audio-btn:hover{background:#00f0ff26;border-color:var(--color-primary);box-shadow:0 0 20px var(--glass-glow);transform:translateY(-2px)}.audio-bars{display:flex;align-items:flex-end;gap:3px;height:14px}.audio-bar{width:3px;height:4px;background:var(--color-primary);border-radius:1px;transition:height .1s ease}.audio-control-group{display:flex;align-items:center;gap:.75rem;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.25rem .6rem;border-radius:10px}.audio-control-group .audio-btn{background:none;border:none;padding:.35rem .5rem}.volume-slider-wrap{display:flex;align-items:center;gap:.4rem;padding-left:.4rem;border-left:1px solid rgba(255,255,255,.1)}.vol-icon{font-size:.75rem}.volume-slider{-webkit-appearance:none;width:65px;height:4px;border-radius:2px;background:#fff3;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 8px var(--color-primary);cursor:pointer}.vol-val{font-family:var(--font-mono);font-size:.7rem;color:var(--color-primary);min-width:32px}.hud-center-guide{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;opacity:.85;transition:opacity .5s ease}.guide-hero-title{font-size:clamp(2rem,5vw,4.5rem);font-weight:800;letter-spacing:.2em;text-transform:uppercase;background:linear-gradient(135deg,#fff 20%,#00f0ff 70%,#ff007f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 10px 30px rgba(0,240,255,.2));line-height:1.1;margin-bottom:.75rem}.guide-hero-sub{font-family:var(--font-mono);font-size:.9rem;color:var(--color-primary);letter-spacing:.25em;text-transform:uppercase;margin-bottom:1.5rem}.interaction-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.chip{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.35rem .75rem;border-radius:20px;font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-dim);display:flex;align-items:center;gap:.4rem}.chip span{color:var(--color-primary);font-weight:700}.hud-dimension-rail{position:fixed;left:2rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1.25rem;z-index:20}.dim-node{display:flex;align-items:center;gap:.75rem;background:none;border:none;cursor:pointer;text-align:left;opacity:.4;transition:all .3s cubic-bezier(.16,1,.3,1);padding:.25rem 0}.dim-node:hover,.dim-node.active{opacity:1;transform:translate(6px)}.dim-ring{width:14px;height:14px;border:1.5px solid var(--color-text-dim);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.dim-node.active .dim-ring{border-color:var(--color-primary);box-shadow:0 0 12px var(--color-primary)}.dim-node.active .dim-ring:after{content:"";width:6px;height:6px;background:var(--color-primary);border-radius:50%}.dim-label{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.15em;color:var(--color-text-main);text-transform:uppercase}.hud-bottom-deck{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.deck-controls{display:flex;flex-wrap:wrap;gap:.6rem;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:.6rem .8rem;border-radius:12px;box-shadow:0 10px 30px #00000080}.deck-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:var(--color-text-main);padding:.5rem .9rem;border-radius:8px;font-family:var(--font-mono);font-size:.75rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.45rem;transition:all .2s cubic-bezier(.16,1,.3,1)}.deck-btn:hover{background:#00f0ff2e;border-color:var(--color-primary);color:#fff;box-shadow:0 0 15px #00f0ff40;transform:translateY(-2px)}.deck-btn.active{background:var(--color-primary);color:#000;border-color:var(--color-primary);font-weight:700;box-shadow:0 0 20px var(--color-primary)}.deck-btn.accent:hover{background:#ff007f33;border-color:var(--color-accent);box-shadow:0 0 15px #ff007f4d}.physics-detached-ui{box-shadow:0 12px 35px #00f0ff66,0 0 15px #ff007f4d!important;border-color:var(--color-primary)!important;animation:none!important;-webkit-user-select:none;user-select:none}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#020408cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s ease}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-panel{background:#0a0f1cf2;border:1px solid var(--color-primary);box-shadow:0 0 50px #00f0ff40,inset 0 0 30px #00f0ff0d;border-radius:16px;width:min(580px,90vw);padding:2.2rem;position:relative;transform:translateY(20px) scale(.95);transition:all .35s cubic-bezier(.16,1,.3,1)}.modal-overlay.open .modal-panel{transform:translateY(0) scale(1)}.modal-close-btn{position:absolute;top:1.25rem;right:1.25rem;background:none;border:1px solid var(--glass-border);color:var(--color-text-dim);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .2s ease}.modal-close-btn:hover{color:#fff;border-color:var(--color-accent);box-shadow:0 0 15px var(--color-accent)}.modal-tag{font-family:var(--font-mono);font-size:.75rem;color:var(--color-primary);letter-spacing:.2em;text-transform:uppercase;margin-bottom:.5rem}.modal-title{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:1rem;letter-spacing:.05em}.modal-desc{font-size:.95rem;color:var(--color-text-dim);line-height:1.6;margin-bottom:1.5rem}.modal-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.meta-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:.75rem;border-radius:8px}.meta-label{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-dim);text-transform:uppercase}.meta-value{font-family:var(--font-mono);font-size:.85rem;color:var(--color-primary);font-weight:600;margin-top:.25rem}.modal-action-row{display:flex;gap:.75rem}.modal-btn{flex:1;background:var(--color-primary);color:#000;border:none;padding:.75rem;border-radius:8px;font-family:var(--font-mono);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease}.modal-btn:hover{box-shadow:0 0 20px var(--color-primary);transform:translateY(-2px)}.modal-btn.secondary{background:#ffffff0f;color:#fff;border:1px solid rgba(255,255,255,.15)}.modal-btn.secondary:hover{background:#ffffff1f;border-color:#fff}.shortcuts-panel{position:fixed;bottom:2rem;right:2rem;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:.75rem 1rem;border-radius:10px;font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-dim);z-index:15;display:flex;flex-direction:column;gap:.35rem}.shortcut-row{display:flex;justify-content:space-between;gap:1rem}.key-badge{background:#ffffff1a;padding:.1rem .4rem;border-radius:4px;color:var(--color-primary);font-weight:700}.custom-cursor{position:fixed;top:0;left:0;width:24px;height:24px;border:1.5px solid var(--color-primary);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .08s ease,width .2s ease,height .2s ease,border-color .2s ease;mix-blend-mode:difference}.custom-cursor.active{width:44px;height:44px;border-color:var(--color-accent);background:#ff007f26}@media (hover: none) and (pointer: coarse){.custom-cursor{display:none!important}}@media (max-width: 900px){.hud-dimension-rail{left:1rem;gap:.75rem}.dim-label{font-size:.68rem}}@media (max-width: 768px){.hud-container{padding:.75rem .85rem}.hud-header{flex-direction:column;align-items:stretch;gap:.6rem}.brand-matrix{justify-content:space-between;width:100%;flex-wrap:wrap;gap:.5rem}.brand-glitch{font-size:1.15rem}.brand-subtitle{display:none}.credit-badge{font-size:.65rem;padding:.25rem .5rem}.hud-top-right{justify-content:space-between;width:100%;gap:.5rem}.audio-control-group{padding:.2rem .4rem;gap:.4rem}.volume-slider{width:45px}#detach-ui-btn{padding:.4rem .65rem;font-size:.7rem}.hud-center-guide{width:90vw}.guide-hero-title{font-size:clamp(1.6rem,7vw,2.5rem);letter-spacing:.12em;margin-bottom:.35rem}.guide-hero-sub{font-size:.75rem;letter-spacing:.15em;margin-bottom:.75rem}.interaction-chips{gap:.35rem}.chip{font-size:.68rem;padding:.25rem .55rem}.hud-dimension-rail{position:fixed;top:auto;bottom:4.8rem;left:50%;transform:translate(-50%);width:calc(100vw - 1.5rem);max-width:500px;flex-direction:row;justify-content:flex-start;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:.4rem;padding:.35rem .5rem;background:#060a14d9;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;z-index:25;scrollbar-width:none}.hud-dimension-rail::-webkit-scrollbar{display:none}.dim-node{padding:.25rem .6rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;white-space:nowrap;flex-shrink:0;gap:.35rem;opacity:.65}.dim-node.active{background:#00f0ff33;border-color:var(--color-primary);opacity:1;transform:none}.dim-ring{width:8px;height:8px}.dim-node.active .dim-ring:after{width:4px;height:4px}.dim-label{font-size:.65rem;letter-spacing:.08em}.hud-bottom-deck{width:100%;margin-bottom:.25rem}.deck-controls{width:100%;display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:.45rem;padding:.45rem .6rem;border-radius:14px;scrollbar-width:none}.deck-controls::-webkit-scrollbar{display:none}.deck-btn{white-space:nowrap;flex-shrink:0;padding:.42rem .7rem;font-size:.7rem}.shortcuts-panel{display:none}.modal-panel{width:92vw;max-height:88vh;overflow-y:auto;padding:1.5rem 1.25rem;border-radius:14px}.modal-title{font-size:1.35rem}.modal-desc{font-size:.85rem}.modal-meta-grid{grid-template-columns:1fr;gap:.5rem}.modal-action-row{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.hud-container{padding:.5rem .6rem}.brand-glitch{font-size:1.05rem;letter-spacing:.15em}.audio-btn{padding:.3rem .45rem;font-size:.7rem}.guide-hero-title{font-size:1.75rem}.hud-dimension-rail{bottom:4.4rem}}