@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@300;500;700&display=swap);:root{--bg:#0b0c0e;--text:#fff;--accent:#39c2d7;--error:#f43f5e;--surface:#1d1e20;--ease-out:cubic-bezier(0.215,0.61,0.355,1);--font-stack:"Oswald","Inter",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-stack);letter-spacing:.5px;overflow-x:hidden}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.section{border-bottom:1px solid #222;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:4rem 2rem;position:relative}.section__title{color:var(--accent);font-size:1.8rem;font-weight:500;letter-spacing:2px;margin-bottom:2rem;text-transform:uppercase}.section__subtitle{color:#888;font-size:.9rem;font-weight:300;letter-spacing:1px;margin-bottom:2rem;text-align:center}.btn{background:transparent;border:1px solid var(--accent);color:var(--accent);cursor:pointer;font-family:var(--font-stack);font-size:1rem;font-weight:700;overflow:hidden;padding:1rem 2rem;pointer-events:all;position:relative;text-transform:uppercase;transition:.2s}.btn:hover{background:rgba(57,194,215,.1)}.hero{align-items:center;background:radial-gradient(circle at center,#1a2025 0,#0b0c0e 70%);text-align:center}.hero__title{color:#fff;font-size:6vw;font-weight:700;line-height:.9;overflow:hidden;position:relative;text-transform:uppercase;z-index:2}.hero__char{color:#fff;display:inline-block;opacity:0;transform:translateY(120%) translateZ(0);will-change:transform}.hero__subtitle{color:var(--accent);font-weight:300;letter-spacing:4px;margin-top:1rem;opacity:0;position:relative;z-index:2}.dvd{height:100%;overflow:hidden;pointer-events:none;width:100%;z-index:1}.dvd,.dvd__logo{left:0;position:absolute;top:0}.dvd__logo{fill:var(--accent);height:53px;transform:translateZ(0);width:120px;will-change:transform}.canvas-container{background:#000;border-radius:4px;display:flex;flex-grow:1;overflow:hidden;position:relative;width:100%}.canvas-viz{display:block;height:100%;opacity:.6;transform:translateZ(0);width:100%;will-change:contents}.grid{display:grid;gap:.5rem;grid-template-columns:repeat(20,1fr);max-width:100%;width:100%}.grid__item{aspect-ratio:1;background:var(--surface);border:1px solid #333;color:#888;display:grid;font-size:.8rem;font-weight:300;place-items:center;transition:border-color .3s}.grid__item:hover{border-color:var(--accent);color:#fff}.grid-controls{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.grid-controls__label{align-items:center;color:var(--text);display:flex;font-size:.9rem;gap:.5rem}.grid-controls__input{background:var(--surface);border:1px solid #333;color:var(--text);font-family:var(--font-stack);font-size:.9rem;padding:.5rem;text-align:center;width:80px}.grid-controls__input:focus{border-color:var(--accent);outline:none}.render-loop{overflow:hidden}.render-loop__stats{color:var(--accent);font-family:Inter,monospace;font-size:.9rem;left:30px;position:absolute;top:30px;z-index:10}.render-loop__canvas{background:#000;border-radius:4px;display:block;flex-grow:1;opacity:.6;pointer-events:all;transform:translateZ(0);width:100%;will-change:contents}.render-loop__canvas canvas{pointer-events:all!important}.render-loop__title{left:50%;mix-blend-mode:overlay;opacity:.5;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.blueprint{align-items:center;background:#0e0f11;border:1px solid #333;display:flex;flex-grow:1;justify-content:center;max-width:100%;overflow:hidden;position:relative;width:100%}.blueprint__controls{display:flex;font-family:Inter,monospace;font-size:.8rem;gap:15px;position:absolute;right:20px;top:20px;z-index:10}.blueprint__label{color:#666}.blueprint__btn{background:transparent;border:1px solid #444;color:#fff;cursor:pointer;font-size:.7rem;padding:0 10px;text-transform:uppercase}.blueprint__svg{height:80%;overflow:visible;width:80%}.slot-engine{overflow:hidden;position:relative}.slot-engine__canvas{background:#0b0c0e;border-radius:4px;display:block;max-height:600px;transform:translateZ(0);width:100%;will-change:contents}.slot-engine__ui{align-items:center;bottom:20px;display:flex;flex-direction:column;font-family:Inter,monospace;gap:10px;left:50%;transform:translateX(-50%);z-index:10}.slot-engine__line,.slot-engine__ui{pointer-events:none;position:absolute}.slot-engine__line{background:rgba(255,0,0,.5);height:2px;left:0;top:50%;transform:translateY(-50%);width:100%;z-index:5}@media (max-width:768px){.hero__title{font-size:12vw}.section__title{font-size:1.4rem;margin-bottom:1.5rem}.section{min-height:100vh;padding:3rem 1rem}.btn{font-size:.9rem;padding:.75rem 1.5rem}.grid{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.canvas-viz,.render-loop__canvas,.slot-engine__canvas{opacity:.2}.dvd__logo{height:35px;width:80px}.render-loop__stats{font-size:.8rem;left:15px;top:15px}.blueprint__controls{font-size:.7rem;gap:10px;right:10px;top:10px}.slot-engine__ui{bottom:15px;left:50%;transform:translateX(-50%)}.slot-engine__canvas{flex-grow:1;max-height:none}}@media (max-width:480px){.hero__title{font-size:14vw}.section{padding:2rem .75rem}.grid{gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}.btn{font-size:.85rem;padding:.6rem 1.2rem}}@media (max-height:500px) and (orientation:landscape){.section{min-height:auto;padding:2rem 1rem}.hero__title{font-size:8vw}}