@font-face{font-family:Microgramma;src:url(/fonts/Microgramma%20D%20Extended%20Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Zpix;src:url(/fonts/zpix.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--color-bg: #faf6f0;--color-bg-light: #fff8ee;--color-bg-terminal: #f5efe5;--color-primary: #8B1B2C;--color-secondary: #af0f1f;--color-accent: #e63946;--color-amber: #c41e3a;--color-text: #5a4632;--color-text-bright: #3d2e1f;--color-text-muted: #8b7355;--color-text-gold: #D3AF37;--color-text-motto: #fcf8f8;--color-border: rgba(196, 30, 58, .4);--color-border-dim: rgba(196, 30, 58, .2);--tag-cyan: #B83A2D;--tag-green: #3e6868;--tag-amber: #01344f;--tag-pink: #5e7381;--tag-purple: #658761;--tag-red: #dfa05d;--font-primary: "Zpix", "VT323", "Courier New", monospace;--font-display: "Press Start 2P", "VT323", monospace;--font-mono: "VT323", "Courier New", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--radius-sm: 0px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 8px;--radius-full: 0px;--scanline-opacity: .08;--glow-intensity: .6}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-snap-type:y mandatory;overflow-y:scroll}body{font-family:var(--font-primary);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:none;-moz-osx-font-smoothing:auto;font-size:18px;letter-spacing:.5px;font-weight:700}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(196,30,58,var(--scanline-opacity)) 2px,rgba(196,30,58,var(--scanline-opacity)) 4px);pointer-events:none;z-index:9999}img,video{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-decoration:none;transition:all var(--transition-fast)}a:hover{color:var(--color-secondary);text-shadow:0 0 10px var(--color-secondary)}ul,ol{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:400;line-height:1.4;color:var(--color-primary);text-shadow:0 0 20px rgba(196,30,58,var(--glow-intensity))}h1{font-size:clamp(1.5rem,4vw,2.5rem);letter-spacing:2px}h2{font-size:clamp(1rem,3vw,1.8rem);letter-spacing:1px}h3{font-size:clamp(.8rem,2vw,1.2rem);letter-spacing:1px}p{color:var(--color-text);max-width:65ch;font-size:1.1rem}.terminal-window{background:var(--color-bg-terminal);border:2px solid var(--color-border);border-radius:8px;overflow:hidden}.terminal-header{background:linear-gradient(90deg,#efe8dc,#f5efe5);padding:8px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--color-border-dim)}.terminal-header:before{content:"● ● ●";font-size:10px;letter-spacing:4px;color:var(--color-primary)}.terminal-body{padding:var(--spacing-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes pulse-glow{0%,to{text-shadow:0 0 5px var(--color-primary),0 0 10px var(--color-primary)}50%{text-shadow:0 0 20px var(--color-primary),0 0 40px var(--color-primary)}}@keyframes led-blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes cartridge-insert{0%{transform:translateY(-20px);opacity:.5}50%{transform:translateY(5px)}to{transform:translateY(0);opacity:1}}@keyframes cartridge-glow{0%,to{box-shadow:0 0 10px var(--color-primary),inset 0 0 20px #c41e3a1a}50%{box-shadow:0 0 20px var(--color-primary),0 0 40px var(--color-secondary),inset 0 0 30px #c41e3a33}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.animate-fade-in{animation:fadeIn var(--transition-slow) ease forwards}.animate-fade-in-up{animation:fadeInUp .8s ease forwards}.page-section{padding-top:80px}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-bg);border-left:1px solid var(--color-border-dim)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-primary),var(--color-secondary));border:2px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary);box-shadow:0 0 10px var(--color-primary)}.bgm-toggle{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:0;background:var(--color-bg-terminal);border:2px solid var(--color-primary);color:var(--color-primary);cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);box-shadow:3px 3px 0 var(--color-bg),6px 6px 0 var(--color-primary)}.bgm-toggle:hover{background:#c41e3a1a;color:var(--color-text-bright);box-shadow:0 0 20px var(--color-primary),3px 3px 0 var(--color-bg),6px 6px 0 var(--color-primary)}.bgm-toggle .icon-music-on{display:none}.bgm-toggle .icon-music-off{display:block}.bgm-toggle.playing .icon-music-on{display:block;animation:pulse-glow 1.5s ease infinite}.bgm-toggle.playing .icon-music-off{display:none}.bgm-toggle.playing{background:#c41e3a33;color:var(--color-primary);animation:cartridge-glow 2s ease infinite}.tag,:global(.tag){display:inline-flex;align-items:center;padding:4px 12px;background:transparent;color:var(--tag-color, var(--color-primary));border:1px solid var(--tag-color, var(--color-primary));font-family:var(--font-mono);font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.tag:before,:global(.tag):before{content:"[";margin-right:2px;opacity:.7}.tag:after,:global(.tag):after{content:"]";margin-left:2px;opacity:.7}.prefix{color:var(--color-secondary)}.cursor{animation:blink 1s step-end infinite}::selection{background:var(--color-primary);color:var(--color-bg)}::-moz-selection{background:var(--color-primary);color:var(--color-bg)}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#faf6f0;z-index:99999;display:flex;align-items:center;justify-content:center;transition:opacity .5s ease}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(196,30,58,.04) 2px,rgba(196,30,58,.04) 4px);pointer-events:none;z-index:1}.loading-content{position:relative;z-index:2;width:90%;max-width:600px}.loading-console{border:3px solid rgba(139,27,44,.4);border-radius:4px;background:#f5efe5;box-shadow:0 0 20px #8b1b2c1a,0 0 40px #8b1b2c0d}.loading-screen-bezel{border:2px solid rgba(196,30,58,.2);margin:4px;border-radius:2px}.loading-screen-inner{padding:2rem 2.5rem;background:linear-gradient(180deg,#f5efe5,#efe8dc)}.loading-title{font-family:"Press Start 2P",monospace;font-size:clamp(1rem,3vw,1.6rem);color:#8b1b2c;margin-bottom:1.2rem;text-shadow:0 0 20px rgba(139,27,44,.3);animation:pulse-glow-loading 2s ease infinite}.loading-message{font-family:Zpix,VT323,monospace;font-size:clamp(.85rem,2vw,1.1rem);color:#5a4632;line-height:1.8;margin-bottom:2rem;min-height:3.6em;letter-spacing:1px}.loading-message:after{content:"▌";animation:blink .8s step-end infinite;color:#8b1b2c}.loading-bar-container{margin-top:.5rem}.loading-bar-label{font-family:VT323,monospace;font-size:1rem;color:#8b7355;margin-bottom:.5rem;letter-spacing:2px}.loading-bar-track{width:100%;height:20px;background:#8b1b2c14;border:2px solid rgba(139,27,44,.4);position:relative;overflow:hidden;image-rendering:pixelated}.loading-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#8b1b2c,#af0f1f 40%,#c41e3a,#e63946);transition:width .05s linear;position:relative;box-shadow:0 0 8px #c41e3a66}.loading-bar-fill:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 8px,rgba(250,246,240,.25) 8px,rgba(250,246,240,.25) 10px)}.loading-bar-percent{font-family:"Press Start 2P",monospace;font-size:.75rem;color:#8b1b2c;text-align:right;margin-top:.5rem}@keyframes pulse-glow-loading{0%,to{text-shadow:0 0 15px rgba(139,27,44,.3)}50%{text-shadow:0 0 20px rgba(139,27,44,.5),0 0 40px rgba(139,27,44,.2)}}@media(max-width:480px){.loading-screen-inner{padding:1.5rem 1.2rem}}