*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #2a2826;--surface: #322e2c;--surface2: #3c3836;--text: #e8e0d0;--text-dim: #c0b8ae;--green: #9ed4b2;--green-dim: rgba(158, 212, 178, .15);--red: #b03020;--border: #3a3632;--border-hi: #4a4642;--bg-primary: #2a2826;--bg-secondary: #322e2c;--text-primary: #e8e0d0;--text-secondary: #c0b8ae;--accent: #9ed4b2;--accent-hover: #aedfc0;--accent-text: #0a0a0a;--accent2: #b03020;--accent2-hover: #cc3828;--accent3: #e8e0d0;--border-highlight: #9ed4b2;--card-bg: #322e2c;--sidebar-bg: #2a2826;--header-bg: #2a2826;--accent-rgb: 139, 196, 160;--font-mono: "Courier New", "Fira Code", monospace}body{background:#000;color:var(--text);font-family:var(--font-mono);line-height:1.5;min-height:100vh}body:before{content:"";position:fixed;inset:0;background:#1e1a1673;z-index:-1;pointer-events:none}canvas{position:fixed;top:0;left:0;z-index:-2;pointer-events:none}#crt-overlay{position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,0,0,.42) 2px,rgba(0,0,0,.42) 4px);-webkit-mask-image:radial-gradient(ellipse 90% 90% at 50% 50%,black 40%,rgba(0,0,0,.7) 65%,rgba(0,0,0,.15) 100%);mask-image:radial-gradient(ellipse 90% 90% at 50% 50%,#000 40%,#000000b3 65%,#00000026)}.main-layout{display:flex;flex-direction:column;padding-top:110px}.main-content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:2rem 2.5rem 8rem}.no-transition{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}.main-header{position:fixed;top:0;left:0;width:100%;z-index:1000;pointer-events:none;height:100px}.header-glass-container{pointer-events:none;position:absolute;inset:0;background:none;backdrop-filter:none;border:none;display:block}.header-glass-container:before,.header-glass-container:after{display:none}.hf{position:absolute;backdrop-filter:blur(14px);pointer-events:auto}.hf--logo{top:0;left:0;width:55%;height:90px;background:#1e1a16eb;clip-path:polygon(0 0,100% 0,88% 100%,0 100%);display:flex;align-items:center;padding-left:1.8rem;opacity:0;transform:translateY(-120px) skew(-8deg);z-index:3}.hf--mid{top:0;left:48%;width:28%;height:72px;background:#141210a6;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);opacity:0;transform:translate(120vw) skew(6deg);pointer-events:none;z-index:1;display:flex;align-items:center;justify-content:center}.hf--actions{top:0;right:0;width:32%;height:80px;background:#1a1614e0;clip-path:polygon(6% 0,100% 0,100% 100%,0 100%);display:flex;align-items:center;justify-content:flex-end;padding-right:1.5rem;opacity:0;transform:translateY(-120px) skew(12deg) rotate(2deg);z-index:2}.hf--logo.is-visible{animation:frag-top-left .9s cubic-bezier(.22,1,.36,1) both}.hf--mid.is-visible{animation:frag-right 1s cubic-bezier(.22,1,.36,1) both}.hf--actions.is-visible{animation:frag-top-right .85s cubic-bezier(.22,1,.36,1) both}.hf-crack.is-visible{animation:crack-appear 1s ease both}.filter-chip-bar.is-visible{animation:chipbar-in .6s cubic-bezier(.22,1,.36,1) both}@keyframes frag-top-left{0%{transform:translateY(-120px) skew(-8deg);opacity:0}60%{transform:translateY(12px) skew(-8deg);opacity:1}75%{transform:translateY(-6px) skew(-8deg)}88%{transform:translateY(4px) skew(-8deg)}to{transform:translateY(0) skew(-8deg);opacity:1}}@keyframes frag-right{0%{transform:translate(120vw) skew(6deg);opacity:0}60%{transform:translate(-18px) skew(6deg);opacity:1}75%{transform:translate(8px) skew(6deg)}88%{transform:translate(-4px) skew(6deg)}to{transform:translate(0) skew(6deg);opacity:1}}@keyframes frag-top-right{0%{transform:translateY(-120px) skew(12deg) rotate(2deg);opacity:0}60%{transform:translateY(14px) skew(12deg) rotate(2deg);opacity:1}75%{transform:translateY(-7px) skew(12deg) rotate(2deg)}88%{transform:translateY(3px) skew(12deg) rotate(2deg)}to{transform:translateY(0) skew(12deg) rotate(2deg);opacity:1}}.hf-crack{position:absolute;top:0;height:100px;width:2px;pointer-events:none;opacity:0}.hf-crack--1{left:43%;background:linear-gradient(180deg,transparent 0%,rgba(158,212,178,.9) 20%,rgba(255,255,255,.6) 50%,rgba(158,212,178,.4) 80%,transparent 100%);transform:rotate(3deg);filter:blur(.5px)}.hf-crack--2{left:76%;background:linear-gradient(180deg,transparent 0%,rgba(200,185,160,.8) 15%,rgba(255,255,255,.5) 55%,rgba(200,185,160,.3) 85%,transparent 100%);transform:rotate(-2deg);filter:blur(.5px)}@keyframes crack-appear{0%,60%{opacity:0}65%{opacity:1}80%{opacity:.3}to{opacity:.6}}.logo{pointer-events:auto;position:fixed;top:12px;left:1.8rem;display:flex;align-items:baseline;gap:0;cursor:pointer;text-decoration:none;z-index:1002;line-height:1}.logo-svg{width:280px;height:64px;overflow:visible;display:block}.logo-t-rest{font-size:26px;font-weight:600;font-family:Courier New,monospace;fill:#c0b8ae}.logo-t-amstrad{font-size:50px;font-weight:900;font-family:Courier New,monospace;fill:url(#grad-amstrad);transform:skew(-12deg) translateY(-4px);transform-origin:bottom left;transform-box:fill-box}.logo-t-atari{font-size:56px;font-weight:900;font-family:Courier New,monospace;fill:url(#grad-atari)}.logo-t-amiga{font-size:52px;font-weight:900;font-family:Courier New,monospace;fill:url(#grad-amiga);transform:skew(11deg) translateY(4px);transform-origin:bottom right;transform-box:fill-box}.header-actions{pointer-events:auto;position:fixed;top:22px;right:1.5rem;display:flex;align-items:center;gap:12px;z-index:1002;transform:skew(10deg) rotate(1.5deg)}.view-toggle{display:flex;gap:2px}.view-btn{background:transparent;border:1px solid var(--border-hi);color:var(--text-dim);padding:6px 10px;cursor:pointer;transition:all .2s}.view-btn.active{background:var(--green-dim);border-color:var(--green);color:var(--green)}.view-btn:hover:not(.active){border-color:var(--text-dim);color:var(--text)}.esc-btn{font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.08em;color:#fff;background:#c0000a;border:none;border-radius:4px 4px 3px 3px;padding:5px 10px 7px;cursor:pointer;position:relative;box-shadow:0 4px #7a0006,0 5px 2px #0009,inset 0 1px #ffffff2e;text-shadow:0 1px 2px rgba(0,0,0,.5);transition:transform .08s,box-shadow .08s,background .08s;user-select:none;margin-left:6px}.esc-btn:hover{background:#e0000d}.esc-btn:active{transform:translateY(3px);box-shadow:0 1px #7a0006,0 2px 1px #0006,inset 0 1px #ffffff1a}.header-count{font-family:monospace;font-size:.7rem;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase}.nav-links{display:flex;gap:2.5rem;position:absolute;left:50%;transform:translate(-50%)}.nav-item{text-decoration:none;color:var(--text-dim);font-size:.72rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;transition:color .2s;position:relative}.nav-item:hover,.nav-item.active{color:var(--text)}.nav-item.active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:1px;background:var(--green);box-shadow:0 0 6px var(--green)}@media(max-width:768px){.main-header{height:64px}.hf--logo{width:100%;height:100px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);padding-left:1rem;padding-right:1rem;justify-content:space-between;align-items:center}.hf--mid,.hf--actions,.hf-crack{display:none}.detail-page .hf--logo{display:flex;justify-content:flex-end}.main-layout{padding-top:80px}}