:root{--bg-deep: #060608;--bg-base: #0b0b0f;--bg-elevated: rgba(255, 255, 255, .025);--bg-glass: rgba(255, 255, 255, .035);--bg-hover: rgba(255, 255, 255, .06);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--text-primary: rgba(255, 255, 255, .88);--text-secondary: rgba(255, 255, 255, .5);--text-tertiary: rgba(255, 255, 255, .28);--text-ghost: rgba(255, 255, 255, .12);--glow-warm: rgba(255, 220, 180, .08);--glow-cool: rgba(160, 180, 255, .06);--accent-pulse: rgba(255, 255, 255, .6);--accent-live: #4ade80;--mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--serif: "Playfair Display", Georgia, serif;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--glass-blur: 32px;--glass-bg: rgba(10, 15, 25, .4);--glass-border: rgba(100, 150, 255, .08);--glass-shadow: 0 10px 40px rgba(0, 0, 0, .5), inset 0 1px 1px rgba(255, 255, 255, .05)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;scrollbar-width:none}*::-webkit-scrollbar{display:none}html,body{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}html::-webkit-scrollbar,body::-webkit-scrollbar{display:block;width:6px}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px;transition:background .3s}html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover{background:#fff6}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:transparent}html{background:var(--bg-deep);color:var(--text-primary);font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;overflow:hidden}body{background:var(--bg-deep);min-height:100vh;overflow-x:hidden;overflow-y:hidden}::selection{background:#ffffff26;color:var(--text-primary)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:2px}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-ghost{color:var(--text-ghost)}.shell{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;width:100%;max-width:1540px;margin:0 auto;padding:var(--space-xl) var(--space-2xl);gap:var(--space-md);background:transparent;position:relative;overflow-x:hidden;font-family:var(--sans)}.shell:before{content:"";position:absolute;top:-20vh;right:-20vw;bottom:-20vh;left:-20vw;background:radial-gradient(ellipse at 20% 30%,rgba(30,60,120,.08) 0%,transparent 60%),radial-gradient(ellipse at 80% 70%,rgba(120,180,255,.05) 0%,transparent 60%);pointer-events:none;z-index:-1}header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:16px;box-shadow:var(--glass-shadow);position:relative;z-index:2;margin-top:var(--space-md)}.hd-left{display:flex;flex-direction:column;gap:4px}.hd-wordmark{font-family:var(--mono);font-size:14px;font-weight:500;letter-spacing:.35em;color:var(--text-primary);text-transform:uppercase}.hd-subtitle{font-family:var(--sans);font-size:10px;font-weight:500;letter-spacing:.15em;color:#ffffffb3;text-transform:uppercase}.hd-center{display:flex;flex-direction:column;align-items:center;gap:8px}.hd-install{font-family:var(--sans);font-size:9px;font-weight:500;letter-spacing:.3em;color:#ffffff8c;text-transform:uppercase}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border:1px solid var(--border-default);border-radius:100px;font-size:9px;letter-spacing:.25em;color:var(--text-secondary);background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .4s ease}.pulse-dot{width:5px;height:5px;border-radius:50%;background:var(--accent-live);animation:pulse 2.5s ease-in-out infinite;box-shadow:0 0 6px #4ade8066}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.6)}}.hd-right{text-align:right}.clock-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.clock-label{font-size:8px;letter-spacing:.3em;color:var(--text-tertiary)}#live-clock{font-size:18px;font-weight:300;letter-spacing:.15em;color:var(--text-primary);font-variant-numeric:tabular-nums}main{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr) minmax(220px,260px);gap:48px;padding:40px 0 80px;position:relative;z-index:2;align-items:start}.sidebar{display:flex;flex-direction:column;min-width:0;gap:var(--space-xl)}.sidebar-left{margin-top:60px}.section-label{font-family:var(--sans);font-size:10px;letter-spacing:.25em;color:var(--text-tertiary);margin-bottom:var(--space-sm);font-weight:500;text-transform:uppercase;padding-left:12px}.catalogue{display:flex;flex-direction:column;gap:4px;background:linear-gradient(135deg,#ffffff08,#ffffff01);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:8px}.catalogue-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;cursor:default;transition:all .4s cubic-bezier(.2,.8,.2,1);background:transparent}.catalogue-item:hover{background:#ffffff08;transform:translate(4px)}.catalogue-item.active{background:#ffffff0d;color:#fff;box-shadow:inset 0 0 10px #ffffff05}.cat-num{font-family:var(--mono);font-size:10px;color:var(--text-tertiary);font-weight:500;min-width:24px}.cat-name{font-family:var(--sans);font-size:11px;color:var(--text-secondary);font-weight:500;letter-spacing:.15em;transition:color .3s ease;text-transform:uppercase}.catalogue-item.active .cat-name,.catalogue-item.active .cat-num{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.catalogue-item:hover .cat-name{color:var(--text-primary)}.spotify-divider{width:100%;height:1px;background:var(--border-subtle);margin:var(--space-xl) 0 var(--space-lg)}.spotify-panel{margin-top:auto}.spotify-connect-btn{width:100%;padding:16px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:8px;color:var(--text-secondary);font-family:var(--sans);font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:all .4s cubic-bezier(.19,1,.22,1);text-align:left;box-shadow:0 4px 12px #0000001a}.spotify-connect-btn:hover{background:#1ed7601a;border-color:#1ed76066;color:#1ed760;box-shadow:0 0 20px #1ed76026;transform:translate(4px)}.spotify-track{margin-top:var(--space-md);padding:var(--space-md);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:8px;box-shadow:var(--glass-shadow);display:none}.spotify-track.visible{display:block}.track-title{font-size:10px;color:var(--text-primary);letter-spacing:.15em;font-weight:400;margin-bottom:4px;text-transform:none}.track-artist{font-size:9px;color:var(--text-tertiary);letter-spacing:.2em}.track-meta{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-subtle)}.bpm-label{font-size:8px;color:var(--text-tertiary);letter-spacing:.2em}.bpm-val{color:var(--text-secondary)}.eq-bars{display:flex;gap:2px;align-items:flex-end;height:14px}.eq-bar{width:2px;background:var(--text-tertiary);border-radius:1px;animation:eq-bounce 1.2s ease-in-out infinite alternate}.eq-bar:nth-child(1){height:40%;animation-delay:0s}.eq-bar:nth-child(2){height:70%;animation-delay:.1s}.eq-bar:nth-child(3){height:50%;animation-delay:.2s}.eq-bar:nth-child(4){height:90%;animation-delay:.15s}.eq-bar:nth-child(5){height:60%;animation-delay:.25s}.eq-bar:nth-child(6){height:80%;animation-delay:.05s}.eq-bar:nth-child(7){height:45%;animation-delay:.3s}@keyframes eq-bounce{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.center-col{display:flex;flex-direction:column;gap:var(--space-md);min-width:0;max-width:100%}.cam-wrap{position:relative;width:100%;max-width:760px;margin:0 auto;aspect-ratio:4 / 3;background:#0006;border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000080,inset 0 0 0 1px #ffffff0d,inset 0 0 100px #000c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.cam-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,5,10,.8) 100%)}.cam-label{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;z-index:3;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,transparent 100%)}.cam-label-text{font-size:8px;letter-spacing:.25em;color:#ffffff80}.cam-rec{display:flex;align-items:center;gap:5px;font-size:8px;letter-spacing:.2em;color:#ffffff80}.cam-rec-dot{width:5px;height:5px;border-radius:50%;background:#ef4444;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 6px #ef444480}.reticle{position:absolute;width:20px;height:20px;z-index:3;pointer-events:none}.reticle:before,.reticle:after{content:"";position:absolute;background:#ffffff40}.reticle-tl{top:12px;left:12px}.reticle-tl:before{top:0;left:0;width:1px;height:100%}.reticle-tl:after{top:0;left:0;width:100%;height:1px}.reticle-tr{top:12px;right:12px}.reticle-tr:before{top:0;right:0;width:1px;height:100%}.reticle-tr:after{top:0;right:0;width:100%;height:1px}.reticle-bl{bottom:12px;left:12px}.reticle-bl:before{bottom:0;left:0;width:1px;height:100%}.reticle-bl:after{bottom:0;left:0;width:100%;height:1px}.reticle-br{bottom:12px;right:12px}.reticle-br:before{bottom:0;right:0;width:1px;height:100%}.reticle-br:after{bottom:0;right:0;width:100%;height:1px}.scan-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(100,200,255,.4) 30%,rgba(100,200,255,.8) 50%,rgba(100,200,255,.4) 70%,transparent 100%);z-index:3;top:-2px;opacity:0;pointer-events:none;box-shadow:0 0 15px #64c8ff4d,0 0 40px #64c8ff1a;transition:opacity .3s ease}.scan-line.active{opacity:1;animation:scan 3s ease-in-out infinite}@keyframes scan{0%{top:-2px}to{top:calc(100% + 2px)}}.analysing-text{position:absolute;bottom:14px;left:50%;transform:translate(-50%);font-size:9px;letter-spacing:.3em;color:#64c8ffb3;z-index:3;opacity:0;pointer-events:none;text-shadow:0 0 10px rgba(100,200,255,.3)}.analysing-text.visible{opacity:1}#webcam{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);filter:grayscale(1) contrast(1.1) brightness(1.05);z-index:1}.no-cam{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:4;background:#000000e6}.no-cam-icon svg{width:32px;height:32px;fill:none;stroke:var(--text-tertiary);stroke-width:1}.no-cam-text{font-size:9px;color:var(--text-tertiary);letter-spacing:.25em}.cam-enable-btn{padding:10px 20px;background:var(--bg-glass);border:1px solid var(--border-default);border-radius:2px;color:var(--text-secondary);font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.cam-enable-btn:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.mode-selector{display:flex;justify-content:space-between;align-items:center;margin:var(--space-md) 0;padding:4px;background:#ffffff05;border:1px solid var(--border-subtle);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mode-label{font-family:var(--mono);font-size:8px;letter-spacing:.15em;color:var(--text-tertiary);text-transform:uppercase;margin-left:var(--space-sm)}.mode-toggle-group{display:flex;gap:4px}.mode-btn{background:transparent;border:none;padding:6px 12px;border-radius:6px;font-family:var(--sans);font-size:9px;font-weight:500;color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .3s cubic-bezier(.19,1,.22,1)}.mode-btn:hover{color:var(--text-primary)}.mode-btn.active{color:var(--bg-deep);background:var(--text-primary);box-shadow:0 2px 8px #ffffff1a}.detect-btn{width:100%;padding:20px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;cursor:pointer;transition:all .5s cubic-bezier(.19,1,.22,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #0003}.detect-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(100,200,255,.1) 0%,transparent 50%);opacity:0;transition:opacity .4s ease}.detect-btn:hover{background:#6496ff14;border-color:#64c8ff80;box-shadow:0 0 40px #64c8ff1a;letter-spacing:.4em;text-shadow:0 0 10px rgba(255,255,255,.5)}.detect-btn:hover:before{opacity:1}.detect-btn:active{transform:scale(.98)}.debug-toggle-btn{width:100%;padding:8px;background:transparent;border:1px solid var(--border-subtle);border-radius:2px;color:var(--text-tertiary);font-family:var(--mono);font-size:8px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.debug-toggle-btn:hover{border-color:var(--border-default);color:var(--text-secondary)}.debug-panel{display:none;padding:var(--space-md);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:2px;margin-top:var(--space-sm)}.debug-panel.open{display:block}.debug-row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.03)}.debug-key{font-size:8px;color:var(--text-tertiary);letter-spacing:.2em}.debug-val{font-size:8px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.sidebar-right{display:flex;flex-direction:column;padding:var(--space-xl) var(--space-md);margin-top:60px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);min-width:0;overflow:hidden}.resonance-label-row{margin-bottom:var(--space-sm)}.mood-word{font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.5vw,34px);font-weight:400;color:var(--text-primary);line-height:1.1;margin:var(--space-md) 0 var(--space-xl);overflow:hidden;white-space:nowrap;text-shadow:0 0 40px rgba(255,255,255,.15)}.metrics{display:flex;flex-direction:column;gap:var(--space-xl);margin-top:auto}.metric{opacity:0;transform:translateY(6px);transition:all .5s cubic-bezier(.19,1,.22,1)}.metric.revealed{opacity:1;transform:translateY(0)}.metric-header{display:flex;justify-content:space-between;margin-bottom:8px}.metric-name{font-family:var(--sans);font-size:9px;letter-spacing:.25em;color:var(--text-tertiary);text-transform:uppercase}.metric-val{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--text-secondary);font-variant-numeric:tabular-nums}.metric-track{width:100%;height:2px;background:#ffffff0d;position:relative;border-radius:1px;overflow:visible}.metric-fill{height:100%;background:#64c8ffcc;border-radius:1px;transition:width .6s cubic-bezier(.19,1,.22,1);position:relative;box-shadow:0 0 12px #64c8ff66}.metric-zero{position:absolute;left:50%;top:-3px;width:1px;height:8px;background:var(--text-tertiary)}.bipolar-pos{position:absolute;left:50%;top:0;height:100%}.bipolar-neg{position:absolute;right:50%;top:0;height:100%}footer{display:flex;justify-content:space-between;padding:var(--space-md) 0;border-top:1px solid var(--border-subtle);position:relative;z-index:2}.foot-text{font-size:8px;letter-spacing:.25em;color:var(--text-ghost)}@media(max-width:1200px){.shell{padding:var(--space-lg)}main{grid-template-columns:minmax(180px,220px) minmax(0,1fr) minmax(180px,220px);gap:var(--space-lg)}}@media(max-width:960px){main{grid-template-columns:1fr 1fr;gap:var(--space-lg)}.sidebar-left{order:3;grid-column:1 / -1}.center-col{order:1;grid-column:1 / -1}.sidebar-right{order:2;grid-column:1 / -1;padding-left:0;border-left:none;border-top:1px solid var(--border-subtle);padding-top:var(--space-lg)}.cam-wrap{max-width:100%}.mood-word{font-size:clamp(28px,5vw,40px)}.sidebar-left,.sidebar-right{margin-top:0}}@media(max-width:600px){.shell{padding:var(--space-md)}main{grid-template-columns:1fr;gap:var(--space-lg)}header{flex-direction:column;gap:var(--space-md);align-items:flex-start}.hd-center{align-items:flex-start}.mood-word{font-size:28px}#live-clock{font-size:14px}main{padding:20px 0 40px}footer{padding:var(--space-sm) 0}header{padding:var(--space-sm) var(--space-md)}}body{cursor:none}.cursor-core{position:fixed;top:0;left:0;width:6px;height:6px;background:#fff;border-radius:50%;pointer-events:none;z-index:100000;transform:translate(-50%,-50%);transition:width .3s,height .3s,background .3s;mix-blend-mode:exclusion}.cursor-ring{position:fixed;top:0;left:0;width:40px;height:40px;border:1px solid rgba(100,200,255,.4);border-radius:50%;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);transition:width .4s cubic-bezier(.2,.8,.2,1),height .4s cubic-bezier(.2,.8,.2,1),border-color .4s;mix-blend-mode:screen}.cursor-flare{position:fixed;top:0;left:0;width:150px;height:150px;background:radial-gradient(circle,rgba(100,200,255,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:99998;transform:translate(-50%,-50%);opacity:.5;mix-blend-mode:screen}.cursor-trail{position:fixed;top:0;left:0;width:8px;height:8px;background:#64c8ff66;border-radius:50%;pointer-events:none;z-index:99997;transform:translate(-50%,-50%);mix-blend-mode:screen;filter:blur(2px)}body.cursor-hidden .cursor-core,body.cursor-hidden .cursor-ring,body.cursor-hidden .cursor-flare,body.cursor-hidden .cursor-trail{opacity:0!important;transition:opacity .5s ease}.entry-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:transparent;backdrop-filter:blur(8px) brightness(.7);-webkit-backdrop-filter:blur(8px) brightness(.7);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.entry-gate:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 0%,rgba(1,1,2,.8) 80%);pointer-events:none;z-index:1}.entry-gate-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(250px,35vw,400px);height:clamp(250px,35vw,400px);border-radius:50%;background:radial-gradient(circle at center,rgba(0,0,0,1) 30%,rgba(5,10,25,.6) 65%,transparent 100%);box-shadow:inset 0 0 80px #000,0 0 100px #000000e6,0 0 50px #64b4ff0d;animation:blackhole-breathe 4s cubic-bezier(.4,0,.2,1) infinite alternate;z-index:0}@keyframes blackhole-breathe{0%{transform:translate(-50%,-50%) scale(.96);filter:brightness(.8)}to{transform:translate(-50%,-50%) scale(1.02);filter:brightness(1.2)}}.entry-gate-ring:before,.entry-gate-ring:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;transform:translate(-50%,-50%);opacity:0;background:radial-gradient(circle at center,transparent 40%,rgba(100,180,255,.08) 50%,transparent 60%);filter:blur(4px)}.entry-gate-ring:before{animation:gravitational-wave 6s cubic-bezier(.1,.8,.3,1) infinite}.entry-gate-ring:after{animation:gravitational-wave 6s cubic-bezier(.1,.8,.3,1) infinite 3s}@keyframes gravitational-wave{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}20%{opacity:1}to{transform:translate(-50%,-50%) scale(2.8);opacity:0}}.entry-gate-content{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.entry-gate:hover .entry-gate-content{transform:scale(1.05)}.entry-gate-text{font-family:var(--sans, "Inter", sans-serif);font-size:clamp(14px,2vw,18px);font-weight:300;letter-spacing:.5em;text-transform:uppercase;color:#ffffffe6;text-shadow:0 0 20px rgba(255,255,255,.3)}.entry-gate-sub{font-family:var(--mono, "JetBrains Mono", monospace);font-size:9px;letter-spacing:.35em;text-transform:uppercase;color:#64c8ff66;position:relative}.entry-gate-sub:before,.entry-gate-sub:after{content:"·";margin:0 12px;color:#ffffff1a}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0101024d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden}.loader-particles{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.loader-grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:.05;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px}.loader-scanline{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(100,200,255,.2) 30%,rgba(100,200,255,.5) 50%,rgba(100,200,255,.2) 70%,transparent 100%);z-index:6;opacity:0;box-shadow:0 0 20px #64c8ff26}.loader-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.7) 100%)}.loader-phase{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.boot-line{font-family:var(--mono, "JetBrains Mono", monospace);font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:#ffffff59;opacity:0;transform:translateY(6px)}.loader-hero{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.loader-eyebrow{font-family:var(--mono, "JetBrains Mono", monospace);font-size:9px;letter-spacing:.45em;text-transform:uppercase;color:#ffffff4d;opacity:0;transform:translateY(8px)}.loader-wordmark{font-family:var(--mono, "JetBrains Mono", monospace);font-size:clamp(36px,8vw,72px);font-weight:300;letter-spacing:.2em;text-transform:uppercase;color:#ffffffe6;display:flex;align-items:baseline}.loader-wordmark span{display:inline-block;opacity:0;transform:translateY(30px) scale(.9)}.loader-dot{color:#fff6}.loader-tagline{font-family:var(--mono, "JetBrains Mono", monospace);font-size:9px;letter-spacing:.35em;text-transform:uppercase;color:#ffffff40;opacity:0;transform:translateY(8px)}.loader-status-wrap{position:absolute;bottom:80px;left:50%;transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:16px;opacity:0}.loader-status{font-family:var(--mono, "JetBrains Mono", monospace);font-size:8px;letter-spacing:.3em;text-transform:uppercase;color:#ffffff59}.loader-progress-num{font-family:var(--mono, "JetBrains Mono", monospace);font-size:8px;letter-spacing:.1em;color:#ffffff40;font-variant-numeric:tabular-nums;min-width:24px;text-align:right}.loader-progress-num:after{content:"%";color:#ffffff26;margin-left:1px}.loader-bar{position:absolute;bottom:60px;left:50%;transform:translate(-50%);width:200px;height:1px;background:#ffffff0f;z-index:5;opacity:0;overflow:hidden}.loader-bar-fill{height:100%;width:0%;background:#ffffff80;box-shadow:0 0 8px #ffffff26}@media(max-width:768px){.loader-status-wrap{bottom:70px}.loader-bar{width:180px;bottom:50px}.loader-eyebrow{letter-spacing:.3em}}@media(max-width:600px){.loader-wordmark{font-size:clamp(24px,10vw,40px)}.loader-status-wrap{bottom:60px}.loader-bar{bottom:44px;width:160px}}.grain-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;pointer-events:none;opacity:.04;mix-blend-mode:screen}.grain-overlay:before{content:"";position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;width:150%;height:150%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-size:256px 256px;animation:grain-drift 8s steps(4) infinite}@keyframes grain-drift{0%{transform:translate(0)}25%{transform:translate(-5%,-5%)}50%{transform:translate(3%,-8%)}75%{transform:translate(-8%,3%)}to{transform:translate(0)}}.shell{opacity:1}header .hd-wordmark,header .hd-subtitle,header .hd-install,header .status-pill,header .clock-wrap{opacity:1}.mood-word .char{display:inline-block;opacity:0;will-change:transform,opacity}.status-pill{transition:all .4s ease}.status-pill.state-processing{background:#64c8ff14;border-color:#64c8ff33}.status-pill.state-processing .pulse-dot{background:#64c8ffcc;box-shadow:0 0 8px #64c8ff66}.status-pill.state-searching{border-color:#ffb4644d}.status-pill.state-searching .pulse-dot{background:#ffb464cc;box-shadow:0 0 8px #ffb46466;animation:pulse-fast .8s ease-in-out infinite}@keyframes pulse-fast{0%,to{opacity:1;transform:scale(1)}50%{opacity:.2;transform:scale(.5)}}.catalogue-item{position:relative;overflow:hidden}.catalogue-item:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.3),transparent);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.76,0,.24,1)}.catalogue-item:hover:after{transform:scaleX(1)}.detect-btn{transition:all .5s cubic-bezier(.19,1,.22,1)}.detect-btn:hover{letter-spacing:.4em}.shell[data-analysis-state=analyzing] .cam-wrap{border-color:#64c8ff33;box-shadow:0 0 40px #0009,0 0 60px #64c8ff0d;transition:all .6s ease}.shell[data-analysis-state=detected] .cam-wrap{border-color:#4ade8026;box-shadow:0 0 40px #0009,0 0 60px #4ade800a;transition:all .6s ease}.shell[data-analysis-state=searching] .cam-wrap{border-color:#ffb46426;transition:all .6s ease}.metric-fill{position:relative}.metric-fill:after{content:"";position:absolute;right:0;top:-2px;width:1px;height:6px;background:#ffffff80;box-shadow:0 0 4px #ffffff4d;opacity:0;transition:opacity .3s ease}.metric.revealed .metric-fill:after{opacity:1}footer{position:relative}footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform-origin:center}.spotify-track.visible .eq-bar{background:#fff6;box-shadow:0 0 4px #ffffff26}.audio-toggle{position:fixed;top:50%;right:28px;margin-top:-20px;z-index:9997;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;background:#ffffff0a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:50%;color:#ffffff73;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .5s ease,transform .4s cubic-bezier(.19,1,.22,1)}.audio-toggle svg{width:16px;height:16px}.audio-toggle:hover{background:#ffffff14;border-color:#ffffff26;color:#ffffffb3;transform:scale(1.08)}.audio-toggle:active{transform:scale(.95)}.audio-toggle.is-muted{color:#fff3;border-color:#ffffff0a}.home-button{position:fixed;top:50%;right:28px;margin-top:-80px;z-index:9997;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;background:#ffffff0a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:50%;color:#ffffff73;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .5s ease,transform .4s cubic-bezier(.19,1,.22,1)}.home-button svg{width:16px;height:16px}.home-button:hover{background:#ffffff14;border-color:#ffffff26;color:#ffffffb3;transform:scale(1.08)}.home-button:active{transform:scale(.95)}@media(max-width:600px){.audio-toggle{top:50%;right:16px;margin-top:-20px;width:36px;height:36px}.audio-toggle svg{width:14px;height:14px}.home-button{top:50%;right:16px;margin-top:-76px;width:36px;height:36px}.home-button svg{width:14px;height:14px}}@media(max-width:400px){.loader-bar{width:140px}.loader-wordmark{font-size:clamp(24px,10vw,36px)}}@media(prefers-reduced-motion:reduce){.grain-overlay:before{animation:none}.loading-screen{display:none}}.landing{position:relative;width:100%;height:100vh;overflow:hidden;background:transparent;z-index:1}.landing-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;transform:scale(clamp(.7,min(1vw,1vh) * .1,1.2))}.landing-eyebrow{font-family:var(--sans);font-size:10px;font-weight:500;letter-spacing:.5em;text-transform:uppercase;color:#ffffffe6;margin-bottom:clamp(16px,2vh,24px);opacity:0}.landing-title{font-family:var(--sans);font-size:clamp(40px,8vw,110px);font-weight:300;letter-spacing:.1em;text-transform:uppercase;color:#fff;line-height:1;display:flex;align-items:baseline;gap:0;opacity:0;text-shadow:0 0 40px rgba(0,0,0,.9),0 0 60px rgba(100,180,255,.15);white-space:nowrap}.title-line{display:inline-block}.title-dot{color:#bfbeb8;margin:0 2px}.title-ext{font-weight:400;color:#a09e99}.landing-subtitle{font-family:var(--mono);font-size:10px;font-weight:300;letter-spacing:.35em;text-transform:uppercase;color:#ffffffb3;margin-top:20px;opacity:0}.landing-version{font-family:var(--mono);font-size:8px;letter-spacing:.3em;text-transform:uppercase;color:#ffffff80;margin-top:12px;opacity:0}.scroll-cue{position:absolute;bottom:48px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;z-index:3;opacity:0}.scroll-text{font-family:var(--mono);font-size:8px;letter-spacing:.35em;text-transform:uppercase;color:#565552}.scroll-line-track{width:1px;height:48px;background:#161614;position:relative;overflow:hidden}.scroll-line-fill{width:100%;height:100%;background:#72726e;transform-origin:top;animation:scroll-pulse 2.4s cubic-bezier(.19,1,.22,1) infinite}@keyframes scroll-pulse{0%{transform:scaleY(0);opacity:0}30%{opacity:1}to{transform:scaleY(1);opacity:0}}.fixed-bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:0;overflow:hidden;background-color:var(--c-bg);opacity:0}.matrix-rain-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none;opacity:0}.crash-sequence-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.crash-window{position:absolute;background:#0a0000d9;border:1px solid rgba(255,0,0,.6);box-shadow:0 0 40px #f003,inset 0 0 15px #ff00004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transform:scale(.8);clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%);display:flex;flex-direction:column}.cw-header{background:#f003;border-bottom:1px solid rgba(255,0,0,.5);padding:.3rem .6rem;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.65rem;color:#fff;letter-spacing:.1em}.cw-close{color:red;font-weight:700}.cw-body{padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center}.cw-dense{padding:1rem 2rem;gap:.2rem}.cw-warning{color:red;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.2em}.cw-matrix-col{width:15px;color:red;font-family:monospace;font-size:14px;line-height:14px;text-shadow:0 0 5px #f00;white-space:pre-wrap;word-break:break-all}#tron-arena-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hyper-tron-block{position:relative;overflow:hidden;background:#020202}.hyper-tron-content{position:relative;z-index:10;pointer-events:none}.cyber-btn{pointer-events:auto;margin-top:40px;background:transparent;color:#0ff;border:1px solid #00ffff;padding:16px 32px;font-family:var(--sans);font-size:12px;letter-spacing:.3em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 10px #0ff3,inset 0 0 10px #00ffff1a;transition:all .3s ease}.cyber-btn:hover{background:#00ffff1a;box-shadow:0 0 20px #0ff6,inset 0 0 20px #0ff3;transform:scale(1.05)}#tron-scoreboard{margin-top:40px;display:flex;align-items:center;justify-content:center;gap:40px;font-family:var(--sans);font-size:24px;font-weight:300;letter-spacing:.1em}.score-team{display:flex;align-items:center;gap:12px}.blue-team{color:#0ff;text-shadow:0 0 10px #00ffff}.red-team{color:red;text-shadow:0 0 10px #ff0000}.score-time{color:#ffffff80;font-size:14px;letter-spacing:.2em}.cw-headline{color:#fff;font-family:var(--font-mono);font-size:2rem;margin:0;text-shadow:0 0 10px red;letter-spacing:.1em}.cw-log{font-size:.75rem;letter-spacing:.1em;margin-top:.5rem}.cw-1{top:50%;left:50%;transform:translate(-50%,-50%);min-width:450px;z-index:10}.cw-7{top:25%;left:50%;transform:translate(-50%,-50%);min-width:340px;z-index:11}.cw-2{top:40%;left:25%;transform:translate(-50%,-50%);min-width:280px;z-index:12}.cw-3{top:40%;left:75%;transform:translate(-50%,-50%);min-width:280px;z-index:13}.cw-6{top:65%;left:30%;transform:translate(-50%,-50%);min-width:260px;z-index:14}.cw-5{top:65%;left:70%;transform:translate(-50%,-50%);min-width:260px;z-index:15}.cw-4{top:80%;left:50%;transform:translate(-50%,-50%);min-width:360px;z-index:16}.crash-scroll-cue{position:absolute;bottom:5vh;left:50%;transform:translate(-50%);z-index:20;opacity:0}.crash-scroll-cue .scroll-text{color:red;text-shadow:0 0 10px #f00;letter-spacing:.3em}.crash-scroll-cue .scroll-line-track{background:#f003}.crash-scroll-cue .scroll-line-fill{background:red;box-shadow:0 0 10px red}.glitch{position:relative;display:inline-block}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glitch:before{color:#0ff;z-index:-1;animation:glitch-anim-1 2s infinite linear alternate-reverse}.glitch:after{color:#f0f;z-index:-2;animation:glitch-anim-2 3s infinite linear alternate-reverse}@keyframes glitch-anim-1{0%{clip-path:inset(20% 0 80% 0);transform:translate(-2px,1px)}20%{clip-path:inset(60% 0 10% 0);transform:translate(2px,-1px)}40%{clip-path:inset(40% 0 50% 0);transform:translate(-2px,2px)}60%{clip-path:inset(80% 0 5% 0);transform:translate(2px,-2px)}80%{clip-path:inset(10% 0 70% 0);transform:translate(-1px,1px)}to{clip-path:inset(30% 0 40% 0);transform:translate(1px,-1px)}}@keyframes glitch-anim-2{0%{clip-path:inset(10% 0 60% 0);transform:translate(2px,-1px)}20%{clip-path:inset(30% 0 20% 0);transform:translate(-2px,1px)}40%{clip-path:inset(70% 0 10% 0);transform:translate(2px,-2px)}60%{clip-path:inset(20% 0 50% 0);transform:translate(-2px,2px)}80%{clip-path:inset(50% 0 30% 0);transform:translate(1px,1px)}to{clip-path:inset(5% 0 80% 0);transform:translate(-1px,-1px)}}.landing-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#kinetic-grid-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;mix-blend-mode:screen}.landing-grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;opacity:.04;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px}.experience-scroll-container{position:relative;width:100%;z-index:10}.story-journey{position:relative;width:100%;min-height:200vh;display:flex;flex-direction:column;align-items:center;margin-top:-30vh;padding:5vh 0;gap:0;z-index:10}.story-block{position:relative;width:100%;max-width:1400px;min-height:80vh;padding:0 var(--space-2xl);margin-bottom:25vh;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(100px)}#story-block-2{margin-bottom:0!important}.orbital-gallery-block{opacity:1!important;transform:none!important}.orbital-gallery-container{position:relative;width:100vw;height:100vh;perspective:1200px;display:flex;align-items:center;justify-content:center;max-width:100vw!important;padding:0!important}@keyframes ambientDrift1{0%,to{translate:0 0}50%{translate:0 -20px}}@keyframes ambientDrift2{0%,to{translate:0 0}50%{translate:0 25px}}@keyframes ambientDrift3{0%,to{translate:0 0}50%{translate:0 -15px}}@keyframes ambientDrift4{0%,to{translate:0 0}50%{translate:0 18px}}@keyframes ambientDrift5{0%,to{translate:0 0}50%{translate:0 -22px}}.float-anim-1{animation:ambientDrift1 8s ease-in-out infinite}.float-anim-2{animation:ambientDrift2 11s ease-in-out infinite}.float-anim-3{animation:ambientDrift3 9s ease-in-out infinite}.float-anim-4{animation:ambientDrift4 10s ease-in-out infinite}.float-anim-5{animation:ambientDrift5 12s ease-in-out infinite}.gallery-card{position:absolute;width:460px;background:#0a0f1966;border:1px solid rgba(100,180,255,.15);border-radius:8px;padding:40px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 30px 60px #0009,inset 0 0 20px #64b4ff0d;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1),border-color .4s ease;cursor:pointer}.gallery-card:hover{border-color:#64b4ff80;scale:1.05;z-index:10!important}.g-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px}.g-card-num{font-family:var(--mono);font-size:16px;color:#64b4ff}.g-card-tag{font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:#fff6}.g-card-content h3{font-family:var(--sans);font-size:26px;font-weight:400;color:#fff;margin-bottom:16px}.g-card-content p{font-family:var(--mono);font-size:13px;line-height:1.8;color:#ffffff80}.g-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(100,180,255,.1),transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.gallery-card:hover .g-card-glow{opacity:1}.matrix-block{justify-content:flex-start;padding-left:10vw}.matrix-streams{position:absolute;top:0;right:10vw;height:150%;display:flex;gap:40px;transform:perspective(600px) rotateX(40deg) rotateY(-20deg);opacity:.3;pointer-events:none}.stream{color:#1db954;font-family:monospace;font-size:14px;writing-mode:vertical-rl;text-orientation:upright;letter-spacing:5px;animation:stream-flow 4s linear infinite}.delay-1{animation-delay:1.2s}.delay-2{animation-delay:2.5s}@keyframes stream-flow{0%{transform:translateY(-50%);opacity:0}50%{opacity:1;text-shadow:0 0 10px #1DB954}to{transform:translateY(50%);opacity:0}}.matrix-content{z-index:2;max-width:550px}.massive-matrix-block{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;max-width:100vw!important;padding:0!important;transform:none!important}.explodable-matrix{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2}.matrix-info-cards{display:flex;gap:30vw;z-index:3}.info-container{max-width:400px;background:#0a0f1999;padding:30px;border:1px solid rgba(100,180,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.neural-environment{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.volumetric-glow{position:absolute;top:50%;left:50%;width:150vw;height:150vh;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(20,60,120,.15) 0%,transparent 60%)}.orbital-rings{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);opacity:1}.ring{fill:none;stroke:#96dcff;stroke-width:2}.r-main{stroke-dasharray:8 16}@keyframes slow-orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes meteor-orbit{to{transform:rotate(360deg)}}.ambient-ui-filler{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.ambient-hud{position:absolute;color:#64b4ff66;font-family:monospace;font-size:11px;letter-spacing:2px;display:flex;align-items:center;gap:15px}.a-hud-1{top:15%;left:10%}.a-hud-2{bottom:20%;right:10%}.a-hud-3{top:10%;right:15%}.hud-line{height:1px;width:150px;background:linear-gradient(90deg,rgba(100,180,255,.4),transparent)}.a-hud-2 .hud-line{order:-1;background:linear-gradient(-90deg,rgba(100,180,255,.4),transparent)}.ambient-stream{position:absolute;width:1px;height:100%;background:linear-gradient(to bottom,transparent,rgba(100,180,255,.15),transparent);animation:stream-scan 10s linear infinite}.as-1{left:20%;animation-delay:0s}.as-2{left:80%;animation-delay:2s}.as-3{left:50%;animation-delay:5s;width:2px;background:linear-gradient(to bottom,transparent,rgba(100,180,255,.05),transparent)}@keyframes stream-scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.hacked-core-interior{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;opacity:0;pointer-events:none;overflow:hidden}.red-matrix-rain{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-around;z-index:-1;opacity:.6;transform:perspective(600px) rotateX(20deg)}.red-stream{width:2px;height:150%;background:linear-gradient(to bottom,transparent,#ff1a1a,transparent);animation:red-rain 3s linear infinite;box-shadow:0 0 15px #ff1a1a}.rs-1{animation-delay:.1s;animation-duration:2s}.rs-2{animation-delay:1.5s;animation-duration:4s}.rs-3{animation-delay:.8s;animation-duration:2.5s}.rs-4{animation-delay:2.2s;animation-duration:3.5s}.rs-5{animation-delay:.4s;animation-duration:2.8s}.rs-6{animation-delay:1.1s;animation-duration:3.2s}.rs-7{animation-delay:2.8s;animation-duration:2.2s}@keyframes red-rain{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.hack-alert{text-align:center;margin-bottom:60px;border:2px solid #ff1a1a;background:#190000cc;padding:20px 60px;box-shadow:0 0 50px #f006}.hack-warning-text{color:#ff1a1a;font-family:monospace;font-size:16px;letter-spacing:4px}.blink{animation:hack-blink 1s steps(2,start) infinite}@keyframes hack-blink{to{visibility:hidden}}.hack-title{color:#fff;font-size:3rem;font-weight:700;letter-spacing:8px;margin-top:10px;text-shadow:0 0 20px #ff1a1a}.hack-data-nodes{display:flex;gap:40px}.hack-node{background:#ff00001a;border:1px solid rgba(255,0,0,.3);padding:20px;display:flex;flex-direction:column;align-items:center;min-width:200px}.h-label{color:#fff9;font-size:11px;letter-spacing:2px;margin-bottom:10px}.h-val{color:#ff1a1a;font-size:24px;font-family:monospace;font-weight:700}.tron-block{justify-content:center;text-align:center}.tron-rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotateX(60deg);pointer-events:none;z-index:0}.tron-ring{position:absolute;top:50%;left:50%;border:2px solid transparent;border-radius:50%;transform:translate(-50%,-50%)}.r-1{width:800px;height:800px;border-top-color:#0ff;animation:spin-r 15s linear infinite;box-shadow:0 -10px 30px #0ff3 inset}.r-2{width:600px;height:600px;border-bottom-color:#1db954;animation:spin-r 10s linear infinite reverse}.r-3{width:400px;height:400px;border-left-color:#64b4ff;animation:spin-r 8s linear infinite}@keyframes spin-r{to{transform:translate(-50%,-50%) rotate(360deg)}}.tron-content{z-index:2;background:#00050ab3;padding:40px;border:1px solid rgba(0,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:5px;max-width:600px}.holo-label{display:inline-block;padding:6px 16px;background:#1ed76026;color:#1db954;border:1px solid rgba(30,215,96,.4);border-radius:30px;font-size:11px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:20px;box-shadow:0 0 15px #1ed76033}.evolution-block{justify-content:flex-end;padding-right:15vw}.evo-trace-lines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.evo-line{position:absolute;background:#64b4ff80;box-shadow:0 0 15px #64b4ff80}.evo-line.horizontal{top:50%;left:0;width:100%;height:1px;transform:scaleX(0);transform-origin:left;transition:transform 2s ease}.evo-line.vertical{top:0;left:50%;width:1px;height:100%;transform:scaleY(0);transform-origin:top;transition:transform 2s ease}.evolution-block:hover .horizontal{transform:scaleX(1)}.evolution-block:hover .vertical{transform:scaleY(1)}.evo-content{max-width:500px;z-index:2}.card-eyebrow{display:block;font-size:12px;letter-spacing:.3em;color:#64b4ff;text-transform:uppercase;margin-bottom:20px}.card-title,.holo-title{font-size:3rem;font-weight:300;color:#fff;margin-bottom:20px;text-shadow:0 0 20px rgba(100,180,255,.3)}.card-desc,.holo-desc{font-size:1.1rem;color:#fff9;line-height:1.8}.orb-gateway{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;z-index:10;overflow:hidden;background:#000}.gateway-content{text-align:center;opacity:0;z-index:5}.collapse-btn{background:#0a0f19cc;border:1px solid rgba(100,180,255,.4);color:#fff;padding:20px 50px;font-size:14px;letter-spacing:.3em;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:all .5s cubic-bezier(.16,1,.3,1);box-shadow:0 0 30px #64b4ff33;border-radius:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(100,180,255,.5),transparent);transform:translate(-100%);transition:transform .6s ease}.collapse-btn:hover{background:#64b4ff1a;border-color:#fff;box-shadow:0 0 50px #64b4ff66;transform:scale(1.05)}.collapse-btn:hover .btn-glow{transform:translate(100%)}.landing-corner{position:absolute;width:28px;height:28px;z-index:4;pointer-events:none;opacity:0}.landing-corner:before,.landing-corner:after{content:"";position:absolute;background:#fff6}.corner-tl{top:32px;left:32px}.corner-tl:before{top:0;left:0;width:1px;height:100%}.corner-tl:after{top:0;left:0;width:100%;height:1px}.corner-tr{top:32px;right:32px}.corner-tr:before{top:0;right:0;width:1px;height:100%}.corner-tr:after{top:0;right:0;width:100%;height:1px}.corner-bl{bottom:32px;left:32px}.corner-bl:before{bottom:0;left:0;width:1px;height:100%}.corner-bl:after{bottom:0;left:0;width:100%;height:1px}.corner-br{bottom:32px;right:32px}.corner-br:before{bottom:0;right:0;width:1px;height:100%}.corner-br:after{bottom:0;right:0;width:100%;height:1px}.system-data{position:absolute;z-index:4;display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateY(10px);pointer-events:none}.system-data span{font-family:var(--sans);font-size:10px;font-weight:500;color:#fff6;letter-spacing:.25em;text-transform:uppercase}.data-tl{top:40px;left:80px}.data-tr{top:40px;right:80px;align-items:flex-end;text-align:right}.data-bl{bottom:40px;left:80px}.data-br{bottom:40px;right:80px;align-items:flex-end;text-align:right}.stadium-block{position:relative;overflow:hidden;background:transparent;display:flex;align-items:center;justify-content:center;min-height:100vh;height:100vh;width:100vw;max-width:100vw;padding:0;margin-bottom:0;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);transform:none!important}.stadium-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200vw;height:200vh;background:radial-gradient(circle at center,rgba(0,150,255,.4) 0%,rgba(0,50,255,.1) 40%,transparent 70%);pointer-events:none;z-index:1;mix-blend-mode:screen}#megacity-canvas{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:2;pointer-events:none}.stadium-content{position:relative;z-index:10;pointer-events:none;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.huge-cyber-btn{font-size:18px;padding:24px 48px;margin-top:50px;border-width:2px;background:rgba(0,25px,50,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-weight:700}.dark-grid-world{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;visibility:hidden}.dark-grid-world.active-world{opacity:1;pointer-events:auto;visibility:visible}.dark-world-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem;color:#0ff}.skip-btn{margin-top:40px;background:transparent;color:#fff;border:1px solid #fff;box-shadow:none}.skip-btn:hover{background:#ffffff1a;box-shadow:0 0 10px #ffffff80}.transition-overlay{position:relative;width:100%;height:40vh;background:linear-gradient(to bottom,transparent 0%,rgba(1,1,2,.8) 100%);z-index:20;pointer-events:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);mask-image:linear-gradient(to bottom,transparent 0%,black 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 100%)}.main-interface{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:transparent;opacity:0;pointer-events:none;overflow:hidden!important;display:none}.main-interface .shell{overflow:hidden!important;max-height:100vh}.shell main>*{transform:translateY(20px) scale(.98)}.shell header{transform:translateY(-10px)}@media(max-width:768px){.landing-title{font-size:clamp(28px,10vw,56px);letter-spacing:.12em}.landing-eyebrow,.landing-subtitle{font-size:8px}.landing-corner{display:none}.scroll-cue{bottom:32px}}@media(max-width:768px){.entry-gate-content{padding:24px}.story-block{padding:0 24px;margin-bottom:15vh}.gallery-card{width:clamp(280px,85vw,460px);padding:24px}.g-card-content h3{font-size:20px}.matrix-info-cards{gap:10vw}.hack-title{font-size:1.8rem;letter-spacing:4px}.hack-alert{padding:16px 32px}.hack-data-nodes{gap:24px}.hack-node{min-width:160px}.crash-window{min-width:unset!important;width:90vw;max-width:420px}.cw-headline{font-size:1.5rem}.r-1{width:min(800px,90vw);height:min(800px,90vw)}.r-2{width:min(600px,70vw);height:min(600px,70vw)}.r-3{width:min(400px,50vw);height:min(400px,50vw)}.huge-cyber-btn{padding:16px 32px;font-size:16px}.holo-title,.card-title{font-size:2rem}#tron-scoreboard{gap:24px;font-size:20px}.collapse-btn{padding:16px 36px}}@media(max-width:600px){.entry-gate-content{padding:16px}.entry-gate-sub{font-size:8px}.system-data.data-tl{left:20px;top:24px}.system-data.data-tr{right:20px;top:24px}.system-data.data-bl{left:20px;bottom:24px}.system-data.data-br{right:20px;bottom:24px}.system-data{font-size:7px}.story-block{padding:0 16px;margin-bottom:10vh}.gallery-card{padding:16px}.g-card-content h3{font-size:18px}.g-card-content p{font-size:11px;line-height:1.6}.g-card-eyebrow{font-size:8px}.g-card-num{font-size:28px}.matrix-info-cards{flex-direction:column;gap:2rem;align-items:center}.info-container{padding:20px;max-width:90vw}.hack-title{font-size:1.4rem;letter-spacing:2px}.hack-alert{padding:12px 20px}.hack-warning-text{font-size:12px;letter-spacing:2px}.hack-data-nodes{flex-direction:column;gap:16px;align-items:center}.hack-node{min-width:unset;width:80vw;max-width:300px}.h-val{font-size:18px}.hud-line{width:80px}.ambient-hud{font-size:9px}.crash-window{width:92vw;max-width:360px}.cw-headline{font-size:1.2rem}.cw-body{padding:1rem}.cw-dense{padding:.75rem 1rem;font-size:.7rem}.r-1{width:min(800px,95vw);height:min(800px,95vw)}.r-2{width:min(600px,75vw);height:min(600px,75vw)}.r-3{width:min(400px,55vw);height:min(400px,55vw)}.huge-cyber-btn{padding:12px 24px;font-size:14px;margin-top:30px}.holo-title,.card-title{font-size:1.5rem}.holo-desc,.card-desc{font-size:.95rem}#tron-scoreboard{gap:16px;font-size:16px}.collapse-btn{padding:14px 28px;font-size:12px;letter-spacing:.2em}}@media(max-width:400px){.gallery-card{width:95vw;padding:12px}.g-card-content h3{font-size:16px}.g-card-content p{font-size:10px}.hack-title{font-size:1.2rem;letter-spacing:1px}.hack-alert{padding:10px 16px}.crash-window{width:95vw;max-width:unset}.holo-title,.card-title{font-size:1.25rem}.huge-cyber-btn{padding:10px 20px;font-size:12px}.collapse-btn{padding:12px 24px;font-size:11px}.system-data{font-size:6px;letter-spacing:.15em}}@media(prefers-reduced-motion:reduce){.scroll-line-fill{animation:none;opacity:.4;transform:scaleY(.5)}}