:root{--bg: #030303;--card-bg: rgba(10, 10, 10, .4);--text: #e0e0e0;--accent: #ff003c;--accent-2: #00f3ff;--border: rgba(255, 255, 255, .1);--font-display: "Syncopate", sans-serif;--font-code: "JetBrains Mono", monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-display);overflow:hidden;cursor:crosshair}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0003 50%,#0003);background-size:100% 4px;pointer-events:none;z-index:10}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,transparent 40%,#000 120%);z-index:11;pointer-events:none}.noise{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.hud{position:fixed;top:2rem;right:2rem;bottom:2rem;left:2rem;z-index:20;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;font-family:var(--font-code);font-size:10px;color:#ffffff80;text-transform:uppercase}.hud-top,.hud-bottom{display:flex;justify-content:space-between;align-items:center}.hud strong{color:var(--accent-2)}.hud-line{flex:1;height:1px;background:#fff3;margin:0 1rem;position:relative}.hud-line:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;background:var(--accent)}.center-nav{align-self:flex-start;margin-top:auto;margin-bottom:auto;writing-mode:vertical-rl;transform:rotate(180deg)}.viewport{position:fixed;top:0;right:0;bottom:0;left:0;perspective:1000px;overflow:hidden;z-index:1}.world{position:absolute;top:50%;left:50%;transform-style:preserve-3d;will-change:transform}.item{position:absolute;left:0;top:0;backface-visibility:hidden;transform-origin:center center;display:flex;align-items:center;justify-content:center}.card{width:350px;height:500px;background:#0c0c0c9e;border:1px solid var(--border);position:relative;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 0 0 1px #00000080,0 20px 50px #00000080;transition:all .3s cubic-bezier(.25,.46,.45,.94);transform:translate(-50%,-50%)}@media (hover: hover){.card:hover{border-color:var(--accent);box-shadow:0 0 30px #ff003c33;background:#141414cc;z-index:100}}.card:before,.card:after{content:"";position:absolute;width:10px;height:10px;border:1px solid transparent;transition:.3s}.card:before{top:-1px;left:-1px;border-top-color:var(--text);border-left-color:var(--text)}.card:after{bottom:-1px;right:-1px;border-bottom-color:var(--text);border-right-color:var(--text)}.card:hover:before,.card:hover:after{width:100%;height:100%;border-color:var(--accent)}.card-header{border-bottom:1px solid var(--border);padding-bottom:1rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.card-id{font-family:var(--font-code);color:var(--accent);font-size:.8rem}.card h2{font-size:1.95rem;line-height:1;margin:0;text-transform:uppercase;font-weight:700;color:#fff;mix-blend-mode:hard-light}.card-body{margin:1.2rem 0 1.3rem;font-family:var(--font-code);font-size:.8rem;line-height:1.52;letter-spacing:.02em;color:#ffffffd1}.card-footer{margin-top:auto;font-family:var(--font-code);font-size:.68rem;color:#ffffff8f;display:flex;justify-content:space-between}.big-text{font-size:15vw;font-weight:800;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.15);text-transform:uppercase;white-space:nowrap;transform:translate(-50%,-50%);pointer-events:none;letter-spacing:-.5rem;mix-blend-mode:overlay}.star{position:absolute;width:2px;height:2px;background:#fff;transform:translate(-50%,-50%)}.scroll-proxy{height:10000vh;position:absolute;width:100%;z-index:-1}