.home{min-height:100vh;position:relative;overflow:hidden;background-color:#000;display:flex;flex-direction:column;cursor:crosshair}.escape-wrapper{display:inline-block;will-change:transform;position:relative}.mute-btn{position:fixed;top:20px;right:20px;z-index:200;background:#0009;border:1px solid rgba(255,0,0,.3);color:#ffffff80;padding:10px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mute-btn:hover{color:#fff;border-color:#ff0000b3;background:#ff000026;box-shadow:0 0 20px #ff00004d;transform:scale(1.1)}.mute-btn svg{display:block}.vhs-bg-base{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:0;opacity:.12;filter:brightness(.4) saturate(.3) contrast(1.4);pointer-events:none;animation:vhsBgPulse 6s ease-in-out infinite}.vhs-rgb-layer{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:1;pointer-events:none;opacity:.08;mix-blend-mode:screen}.vhs-rgb-red{filter:sepia(1) saturate(8) hue-rotate(-50deg) brightness(.6);animation:rgbJitterR .12s steps(2) infinite}.vhs-rgb-blue{filter:sepia(1) saturate(8) hue-rotate(180deg) brightness(.6);animation:rgbJitterB .15s steps(3) infinite}.vhs-subliminal{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:2;pointer-events:none;opacity:.35;filter:brightness(.6) contrast(2) saturate(.4);mix-blend-mode:screen;animation:subliminalBurst .1s steps(1) forwards}.scanlines-overlay{position:fixed;top:0;left:0;width:100%;height:200%;pointer-events:none;z-index:100;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 1px,rgba(0,0,0,.3) 1px,rgba(0,0,0,.3) 2px);animation:scanlinesDrift 3s linear infinite;opacity:.85}.scanlines-bright{position:fixed;top:0;left:0;width:100%;height:200%;pointer-events:none;z-index:102;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(0,255,255,.03) 3px,rgba(0,255,255,.03) 4px,transparent 4px,transparent 7px,rgba(255,255,255,.015) 7px,rgba(255,255,255,.015) 8px);animation:scanlinesDrift 5s linear infinite reverse;opacity:1;mix-blend-mode:screen}.vhs-tracking-bar{position:fixed;left:0;width:100%;height:30px;pointer-events:none;z-index:103;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.06) 20%,rgba(255,255,255,.12) 40%,rgba(0,255,255,.08) 50%,rgba(255,255,255,.12) 60%,rgba(255,255,255,.06) 80%,transparent 100%);animation:trackingDrift 7s linear infinite;mix-blend-mode:screen}.noise-overlay{position:fixed;top:-50%;left:-50%;width:200%;height:200%;pointer-events:none;z-index:104;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");animation:grainFlicker .04s steps(8) infinite}.vignette-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99;pointer-events:none;background:radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.4) 60%,rgba(0,0,0,.95) 100%)}.hero{min-height:100vh;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);position:relative;z-index:10}.hero-content{text-align:center;max-width:900px;animation:slideUp .5s ease forwards}.logo-container{position:relative;max-width:900px;width:100%;margin-bottom:var(--space-md);display:inline-block;transform:scale(calc(1 + var(--proximity, 0) * .18));filter:drop-shadow(0 0 calc(var(--proximity, 0) * 50px) rgba(255,0,0,calc(var(--proximity, 0) * .27))) drop-shadow(0 0 calc(var(--proximity, 0) * 30px) rgba(0,255,255,calc(var(--proximity, 0) * .15))) drop-shadow(0 0 calc(var(--proximity, 0) * 80px) rgba(255,0,0,calc(var(--proximity, 0) * .09)));transition:transform .03s linear,filter .05s linear;will-change:transform,filter}.logo-screenshot-bg{position:absolute;top:-20%;left:-15%;width:130%;height:140%;object-fit:cover;z-index:0;opacity:0;filter:brightness(.3) saturate(.4) contrast(1.5);animation:screenshotFlash .06s steps(1) infinite;mask-image:radial-gradient(ellipse 55% 50% at 50% 50%,rgba(0,0,0,1) 15%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 55% 50% at 50% 50%,rgba(0,0,0,1) 15%,transparent 80%)}.logo-gif-blend{position:absolute;top:-35%;left:-35%;width:170%;height:170%;object-fit:cover;z-index:1;opacity:.35;mix-blend-mode:screen;filter:brightness(.6) saturate(.6) contrast(1.2);mask-image:radial-gradient(ellipse 55% 50% at 50% 50%,rgba(0,0,0,1) 25%,transparent 90%);-webkit-mask-image:radial-gradient(ellipse 55% 50% at 50% 50%,rgba(0,0,0,1) 25%,transparent 90%);animation:gifBlendPulse 6s ease-in-out infinite}.game-logo{width:100%;height:auto;display:block;position:relative;z-index:2;animation:logoFloat 4s ease-in-out infinite,logoBaseGlitch 3s steps(1) infinite;filter:drop-shadow(0 0 8px rgba(139,42,42,.25))}.game-logo-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;mix-blend-mode:screen;opacity:0;animation:overlayGlitch 2s steps(1) infinite;will-change:opacity,transform,filter}.logo-text-flash{position:absolute;bottom:-8%;left:50%;transform:translate(-50%);width:90%;max-width:600px;opacity:0;pointer-events:none;z-index:5;animation:textFlash 4s steps(1) infinite;filter:drop-shadow(0 0 10px rgba(255,255,255,.8));mix-blend-mode:hard-light}.coming-soon{opacity:0;animation:fadeIn .3s ease .1s forwards;margin-bottom:-15px;position:relative;z-index:5}.date-header{font-family:"8bitOperator",monospace;font-size:clamp(2rem,6vw,4rem);color:#fff;text-transform:uppercase;letter-spacing:.15em;text-shadow:4px 4px 0px rgba(0,0,0,.9),0 0 20px rgba(255,0,0,.3),3px 0 0 rgba(255,0,0,.15),-3px 0 0 rgba(0,255,255,.15);margin:0;line-height:1;display:flex;align-items:baseline;justify-content:center;gap:var(--space-xs);image-rendering:pixelated;animation:headerGlitch 3s steps(1) infinite}.date-prefix{font-size:1.8rem;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.9),0 0 40px rgba(0,255,255,.4),3px 0 0 rgba(255,0,0,.4),-3px 0 0 rgba(0,255,255,.4);animation:cyanFlicker 1.5s steps(1) infinite}.date-year-start{font-size:2.5rem;color:#fff;text-shadow:2px 0 0 rgba(255,0,0,.2),-2px 0 0 rgba(0,255,255,.2)}.date-year-end{font-size:5rem;color:red;font-weight:700;position:relative;text-shadow:0 0 20px rgba(255,0,0,1),0 0 60px rgba(255,0,0,.6),4px 0 0 rgba(0,255,255,.6),-4px 0 0 rgba(255,0,0,.6),0 2px 0 rgba(0,0,255,.3);animation:dateGlitch 1.2s steps(1) infinite}.tagline{font-size:clamp(.9rem,2.5vw,1.3rem);color:#ffffff73;margin-bottom:var(--space-2xl);font-style:italic;opacity:0;animation:fadeIn .5s ease .3s forwards;font-family:Courier New,monospace;letter-spacing:.08em;text-shadow:2px 0 0 rgba(255,0,0,.3),-2px 0 0 rgba(0,255,255,.3),0 0 10px rgba(255,255,255,.1)}.cta-group{display:flex;gap:var(--space-2xl);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-xl);opacity:0;animation:fadeIn .5s ease .5s forwards;width:100%;max-width:700px;margin-left:auto;margin-right:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:14px 28px;font-family:Janyk,cursive;font-size:1.5rem;font-weight:700;text-transform:uppercase;color:#3a3a3a;background-color:#fdfbf7;background-image:repeating-linear-gradient(transparent,transparent 23px,#a3c2e0 24px,#a3c2e0 25px);background-position:0 10px;border:1px solid #dcdcdc;border-radius:2px;cursor:pointer;position:relative;transition:all .1s ease;box-shadow:3px 3px 8px #00000080;transform:rotate(-2deg);text-shadow:none;text-decoration:none;animation:btnIdle 3s steps(1) infinite}.btn:hover{transform:rotate(1deg) scale(1.08) translate(2px,-3px);box-shadow:6px 6px 25px #0009,0 0 20px #ff00004d,-3px 0 #0ff3,3px 0 #f003;background-color:#fff;color:#000;animation:btnGlitch .2s steps(1) infinite}.btn:active{transform:scale(.95) rotate(-1deg)}.btn .text-red{color:#c00;font-weight:900}.btn-steam{background:linear-gradient(135deg,#0d1b2a,#1b2838,#2a475e);background-image:none;color:#fff;box-shadow:4px 4px 15px #000000b3,0 0 30px #2a475e80,0 0 60px #2a475e33;border:1px solid rgba(42,71,94,.6)}.btn-steam:hover{background:linear-gradient(135deg,#1b2838,#2a475e,#3d6d8f);color:#fff;box-shadow:6px 6px 25px #000000b3,0 0 50px #2a475eb3,0 0 100px #2a475e4d}.glitch-icon{animation:iconShake 1.5s steps(1) infinite!important}.hero-social{display:flex;gap:var(--space-2xl);justify-content:center;margin-bottom:var(--space-xl);opacity:0;animation:fadeIn .5s ease .6s forwards;width:100%;max-width:500px;margin-left:auto;margin-right:auto}.hero-social a{color:#ffffff59;transition:all .1s ease;padding:10px;border-radius:50%;background:#ffffff05;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center}.hero-social a:hover{color:#fff;background:#ff000040;border-color:#ff0000b3;transform:translateY(-5px) scale(1.2);box-shadow:0 0 30px #ff000080,0 0 60px #f003,inset 0 0 15px #ff000026,-2px 0 #00ffff4d,2px 0 #ff00004d;animation:socialGlitch .3s steps(1) infinite}.hero-social a svg{display:block}.footer{padding:var(--space-md) var(--space-xl);background:transparent;border-top:1px solid rgba(255,0,0,.06);position:relative;z-index:10}.footer .container{max-width:1200px;margin:0 auto;display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center;gap:var(--space-xs)}.footer p{color:#ffffff26;font-size:.7rem;margin:0;font-family:Courier New,monospace;letter-spacing:.08em;text-shadow:1px 0 0 rgba(255,0,0,.15),-1px 0 0 rgba(0,255,255,.15)}.footer-social{display:flex;gap:var(--space-lg);align-items:center;justify-content:center;margin-bottom:var(--space-xs);width:100%}.footer-social a{color:#fff3;transition:all .15s ease;display:flex;align-items:center;justify-content:center;padding:4px}.footer-social a:hover{color:red;transform:translateY(-2px);filter:drop-shadow(0 0 10px rgba(255,0,0,.6))}.footer-social a svg,.footer-social a img{display:block}.footer-social a img{filter:brightness(0) invert(1);opacity:.2;transition:all .15s}.footer-social a:hover img{opacity:1;filter:brightness(0) invert(1) drop-shadow(0 0 6px rgba(255,0,0,.6))}.support-email{margin-top:2px}.support-email a{color:#fff3;text-decoration:none;transition:all .15s;font-family:Courier New,monospace}.support-email a:hover{color:#0ff;text-shadow:0 0 15px rgba(0,255,255,.6)}.text-cyan{color:#0ff;text-shadow:0 0 15px rgba(0,255,255,.7)}.text-red{color:red;text-shadow:0 0 15px rgba(255,0,0,.7)}.audio-hidden{display:none}@keyframes trackingDrift{0%{top:110%}to{top:-5%}}@keyframes vhsBgPulse{0%,to{opacity:.1;filter:brightness(.35) saturate(.2) contrast(1.5)}30%{opacity:.15;filter:brightness(.5) saturate(.4) contrast(1.3)}50%{opacity:.08;filter:brightness(.3) saturate(.2) contrast(1.6)}80%{opacity:.18;filter:brightness(.45) saturate(.5) contrast(1.2) hue-rotate(10deg)}}@keyframes rgbJitterR{0%{transform:translate(0);opacity:.06}25%{transform:translate(-6px,3px);opacity:.12}50%{transform:translate(4px,-2px);opacity:.05}75%{transform:translate(-3px,-4px);opacity:.15}to{transform:translate(2px,3px);opacity:.06}}@keyframes rgbJitterB{0%{transform:translate(0);opacity:.06}33%{transform:translate(6px,-4px);opacity:.13}66%{transform:translate(-5px,2px);opacity:.08}to{transform:translate(3px,4px);opacity:.06}}@keyframes subliminalBurst{0%{opacity:.5;transform:scale(1.05)}50%{opacity:.3;transform:scale(1)}to{opacity:.4;transform:scale(1.02)}}@keyframes gifBlendPulse{0%,to{opacity:.15;filter:brightness(.4) saturate(.4) contrast(1.3)}30%{opacity:.25;filter:brightness(.6) saturate(.6) contrast(1.2)}50%{opacity:.1;filter:brightness(.3) saturate(.3) contrast(1.5) hue-rotate(15deg)}80%{opacity:.3;filter:brightness(.5) saturate(.7) contrast(1.1)}}@keyframes grainFlicker{0%{transform:translate(0) rotate(0);opacity:.08}12%{transform:translate(-6px,4px) rotate(.5deg);opacity:.14}25%{transform:translate(4px,-6px) rotate(-.3deg);opacity:.06}37%{transform:translate(-4px,-3px) rotate(.4deg);opacity:.16}50%{transform:translate(6px,3px) rotate(-.2deg);opacity:.07}62%{transform:translate(-3px,6px) rotate(.3deg);opacity:.12}75%{transform:translate(5px,-4px) rotate(-.5deg);opacity:.05}87%{transform:translate(-5px,5px) rotate(.1deg);opacity:.13}}@keyframes logoFloat{0%,to{transform:translateY(0)}25%{transform:translateY(-5px) translate(1px)}50%{transform:translateY(-12px)}75%{transform:translateY(-3px) translate(-1px)}}@keyframes logoBaseGlitch{0%,85%{filter:drop-shadow(0 0 8px rgba(139,42,42,.25))}86%{filter:drop-shadow(4px 0 0 rgba(255,0,0,.4)) drop-shadow(-4px 0 0 rgba(0,255,255,.4));transform:translateY(-12px) translate(3px)}87%{filter:drop-shadow(-3px 0 0 rgba(255,0,0,.3));transform:translateY(-12px) translate(-2px,1px)}88%{filter:drop-shadow(5px 0 0 rgba(0,255,255,.5)) drop-shadow(-5px 0 0 rgba(255,0,0,.5));transform:translateY(-12px) translate(4px,-2px) skew(-1deg)}89%{filter:drop-shadow(2px 0 0 rgba(255,0,0,.2));transform:translateY(-12px) translate(-1px)}90%,to{filter:drop-shadow(0 0 8px rgba(139,42,42,.25))}}@keyframes screenshotFlash{0%,82%{opacity:0}83%{opacity:.6;filter:brightness(.7) saturate(.3) contrast(2.5) hue-rotate(30deg)}84%{opacity:0}86%{opacity:.4;filter:brightness(.5) saturate(.5) contrast(1.8);transform:translate(4px,-3px)}87%{opacity:0}90%{opacity:.7;filter:brightness(.6) saturate(.2) contrast(3) hue-rotate(-20deg);transform:translate(-3px,2px)}91%,to{opacity:0}}@keyframes overlayGlitch{0%,78%{opacity:0;transform:translate(0);filter:none}79%{opacity:.9;transform:translate(8px);filter:hue-rotate(90deg) saturate(4)}80%{opacity:0;transform:translate(0)}82%{opacity:.7;transform:translate(-10px,3px);filter:hue-rotate(-60deg) saturate(3) invert(.3)}83%{opacity:0;transform:translate(0)}86%{opacity:1;transform:translate(5px,-4px);filter:hue-rotate(180deg) saturate(5)}87%{opacity:.5;transform:translate(-5px,2px);filter:hue-rotate(-120deg) saturate(3)}88%{opacity:.8;transform:translate(3px,-1px);filter:hue-rotate(45deg) invert(.5)}89%,to{opacity:0;transform:translate(0);filter:none}}@keyframes textFlash{0%,72%{opacity:0}73%{opacity:1;filter:brightness(3)}74%{opacity:0}77%{opacity:.8;filter:brightness(2) hue-rotate(15deg)}78%{opacity:0}82%{opacity:1;filter:brightness(3.5);transform:translate(-50%) scale(1.03)}83%{opacity:0}to{opacity:0}}@keyframes headerGlitch{0%,86%{transform:translate(0)}87%{transform:translate(-3px);text-shadow:4px 4px 0 #000,-4px 0 #ff0000,4px 0 #00ffff}88%{transform:translate(4px,1px) skew(-2deg)}89%{transform:translateY(-2px);text-shadow:4px 4px 0 #000,0 0 30px rgba(255,0,0,.5)}90%,to{transform:translate(0)}}@keyframes cyanFlicker{0%,82%{opacity:1}83%{opacity:.2}84%{opacity:1}85%{opacity:.5;text-shadow:0 0 30px #0ff,5px 0 0 #f00}86%{opacity:0}87%,to{opacity:1}}@keyframes dateGlitch{0%,75%{transform:translate(0) scale(1) skew(0);opacity:1}76%{transform:translate(-5px,3px) scale(1.08) skew(-3deg);opacity:.7;text-shadow:0 0 25px #f00,6px 0 0 #0ff}77%{transform:translate(6px,-3px) scale(.95);opacity:1}78%{transform:translate(-3px) scale(1.15) skew(5deg);opacity:.5;text-shadow:0 0 40px #f00,-8px 0 0 #0ff,8px 0 0 #f00}79%{transform:translate(0) scale(1);opacity:1}90%{transform:translate(0) scale(1);opacity:1}91%{transform:translate(4px,2px) skew(-6deg);opacity:.8}92%{transform:translate(-4px,-2px) skew(4deg);opacity:.6}93%,to{transform:translate(0) scale(1) skew(0);opacity:1}}@keyframes iconShake{0%,75%{transform:rotate(15deg) scale(1);opacity:.8}76%{transform:rotate(30deg) scale(1.3) translate(5px,-6px);opacity:1;filter:invert(1) hue-rotate(90deg)}77%{transform:rotate(0) scale(.7) translate(-5px,5px);opacity:.3;filter:none}78%{transform:rotate(25deg) scale(1.4) translate(3px,-8px);opacity:1;filter:hue-rotate(180deg) saturate(3)}79%{transform:rotate(10deg) scale(.9);opacity:.6;filter:invert(.5)}80%,to{transform:rotate(15deg) scale(1);opacity:.8;filter:none}}@keyframes btnIdle{0%,90%{transform:rotate(-2deg)}91%{transform:rotate(-1deg) translate(2px,-1px);box-shadow:3px 3px 8px #00000080,-2px 0 red,2px 0 #0ff}92%{transform:rotate(-3deg) translate(-1px,1px)}93%{transform:rotate(-2deg) translateY(-2px);box-shadow:3px 3px 8px #00000080}94%,to{transform:rotate(-2deg)}}@keyframes btnGlitch{0%{transform:rotate(1deg) scale(1.08) translate(2px,-3px)}25%{transform:rotate(3deg) scale(1.06) translate(-1px,-5px);box-shadow:6px 6px 25px #0009,-4px 0 red,4px 0 #0ff}50%{transform:rotate(-1deg) scale(1.12) translate(-3px,-1px)}75%{transform:rotate(2deg) scale(1.07) translate(4px,-4px);box-shadow:6px 6px 25px #0009,0 0 25px #f006}}@keyframes socialGlitch{0%,60%{transform:translateY(-5px) scale(1.2)}61%{transform:translateY(-7px) scale(1.25) translate(3px)}62%{transform:translateY(-3px) scale(1.15) translate(-3px,2px)}63%,to{transform:translateY(-5px) scale(1.2)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.home:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:98;animation:pageGlitch 5s steps(1) infinite;mix-blend-mode:screen}@keyframes pageGlitch{0%,84%{box-shadow:none;background:transparent;transform:translate(0)}85%{background:#ff000008;transform:translate(3px)}86%{background:#00ffff08;transform:translate(-3px)}87%{background:transparent;transform:translateY(1px)}88%{background:#ff00000a;transform:translate(-2px,-1px)}89%{background:#0000ff08;transform:translate(2px)}90%,to{background:transparent;transform:translate(0)}}@media(max-width:768px){.hero{padding:var(--space-lg)}.cta-group{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}.date-year-end{font-size:3.5rem}.date-prefix{font-size:1.4rem}}.audio-controls{position:fixed;top:20px;right:20px;z-index:1001;display:flex;align-items:center;gap:10px;background:#0a0a0fcc;padding:8px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.audio-toggle{background:transparent;border:none;color:#a0a0b0;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.audio-toggle:hover{color:#f0f0f5}.audio-volume{width:60px;height:4px;-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;cursor:pointer}.audio-volume::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#c86040;border-radius:50%;cursor:pointer;transition:transform .2s ease}.audio-volume::-webkit-slider-thumb:hover{transform:scale(1.2)}.audio-indicator{font-size:.7rem;color:#c86040;white-space:nowrap;animation:pulse 2s ease infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.game-layout{position:fixed;inset:0;background:#0a0a0f;overflow:hidden}.game-noise{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");z-index:1000;mix-blend-mode:overlay}.game-scanlines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 3px);z-index:999}.game-back-button{position:fixed;top:20px;left:20px;z-index:1001;background:#0a0a0fcc;border:1px solid rgba(255,255,255,.2);color:#a0a0b0;padding:10px 20px;font-family:var(--font-display);font-size:.875rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-back-button:hover{background:#b4643c26;border-color:#c8643c80;color:#e0d0c0}.game-scene{width:100%;height:100%;position:relative}.scene{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.scene:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,transparent 50%,rgba(0,0,0,.6) 100%);pointer-events:none}.scene-dithered{filter:contrast(1.1) saturate(.9)}.scene-title{position:fixed;top:20px;right:20px;font-family:var(--font-display);font-size:.75rem;color:#ffffff4d;text-transform:uppercase;letter-spacing:.2em;z-index:1001}.scene-fade-enter{opacity:0}.scene-fade-enter-active{opacity:1;transition:opacity .5s ease}.scene-fade-exit{opacity:1}.scene-fade-exit-active{opacity:0;transition:opacity .5s ease}.diary-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a0a;display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer}.diary-notebook{position:relative;width:600px;max-width:92vw;min-height:75vh;max-height:88vh;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 31px,rgba(100,140,180,.18) 31px,rgba(100,140,180,.18) 32px),linear-gradient(170deg,#f5edd4,#efe5c8,#f2eacd,#e8dcc0,#e0d4b0);background-color:#efe5c8;border-radius:3px 8px 8px 3px;padding:32px 32px 24px 72px;box-shadow:4px 4px 20px #0009,8px 8px 40px #0006,inset 0 0 80px #c8b48c26;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.diary-notebook:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;border-radius:3px 8px 8px 3px;background:radial-gradient(ellipse at 75% 15%,rgba(160,120,60,.1) 0%,transparent 45%),radial-gradient(ellipse at 20% 80%,rgba(140,100,50,.07) 0%,transparent 35%)}.diary-spiral{position:absolute;left:-8px;top:20px;bottom:20px;width:20px;display:flex;flex-direction:column;justify-content:space-between;z-index:5}.spiral-ring{width:18px;height:10px;border:2px solid #888;border-radius:50%;background:linear-gradient(135deg,#b0b0b0,#888);box-shadow:1px 1px 3px #0000004d}.diary-margin-line{position:absolute;left:56px;top:0;bottom:0;width:2px;background:#c8505040;z-index:1}.diary-date{position:absolute;top:10px;right:20px;font-family:Comic Sans MS,Segoe UI,cursive;font-size:.75rem;color:#64503c73;z-index:2;transform:rotate(1deg)}.diary-margin-note{position:absolute;left:8px;top:50%;transform:translateY(-50%) rotate(-90deg);font-family:Comic Sans MS,Segoe UI,cursive;font-size:.6rem;color:#b43c3c4d;white-space:nowrap;z-index:2;letter-spacing:1px}.diary-doodle-inline{position:absolute;z-index:10;opacity:.75;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:2px}.diary-doodle-inline.top-right{top:30px;right:20px}.diary-doodle-inline.bottom-left{bottom:40px;left:64px}.doodle-image{width:150px;height:150px;object-fit:contain;transform:rotate(-5deg);filter:sepia(.15) contrast(.9);opacity:.85;mix-blend-mode:multiply}.doodle-note{font-family:Comic Sans MS,Segoe UI,cursive;font-size:.75rem;color:#64503c8c;text-align:center;max-width:130px;transform:rotate(-2deg)}.diary-lines-area{position:relative;z-index:3;flex:1;display:flex;flex-direction:column;gap:0;padding-top:8px}.diary-entry{font-family:Courier New,monospace;font-size:.95rem;line-height:32px;color:#2a2218;padding:0;position:relative;word-wrap:break-word;min-height:32px}.diary-speaker{font-weight:700;color:#8b4513;margin-right:6px;font-style:italic}.diary-text{color:#2a2218}.diary-cursor{color:#8b4513;animation:diaryCursorBlink .6s step-end infinite;font-weight:700}@keyframes diaryCursorBlink{0%,to{opacity:1}50%{opacity:0}}.diary-entry.typing{background:#fff5dc4d;border-radius:2px;margin:0 -4px;padding:0 4px}.diary-continue-hint{font-family:Courier New,monospace;font-size:.7rem;color:#64503259;text-align:right;padding-right:8px;line-height:32px;animation:diaryHintPulse 1.5s ease-in-out infinite}@keyframes diaryHintPulse{0%,to{opacity:.35}50%{opacity:.6}}.diary-choices{margin-top:16px;display:flex;flex-direction:column;gap:0;animation:diaryChoicesFadeIn .5s ease-out}@keyframes diaryChoicesFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.diary-choice-prompt{font-family:Comic Sans MS,Segoe UI,cursive;font-size:.8rem;color:#64503273;line-height:32px;font-style:italic}.diary-choice{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;font-family:Courier New,monospace;font-size:.95rem;line-height:32px;color:#3a2a18;text-align:left;padding:0 4px;border-radius:2px;transition:all .2s ease;text-decoration:underline;text-decoration-color:#8b45134d;text-underline-offset:3px}.diary-choice:hover:not(.disabled){background:#c8a0641f;color:#8b4513;text-decoration-color:#8b4513}.diary-choice:hover:not(.disabled) .choice-marker{color:#8b4513}.diary-choice.disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through}.choice-marker{color:#8b451380;font-weight:700;font-size:.8rem;flex-shrink:0;transition:color .2s ease}.choice-text{flex:1}.diary-custom-content{margin-top:12px;animation:diaryChoicesFadeIn .5s ease-out}.diary-custom-content .crafting-panel{padding:12px 0;max-width:100%}.diary-custom-content .crafting-title-text{color:#3a2a18;font-size:.9rem}.diary-custom-content .crafting-title-sub{color:#64503280}.diary-custom-content .crafting-item{background:#dcd2beb3;border-color:#a082504d;color:#3a2a18}.diary-custom-content .crafting-item:hover:not(:disabled){background:#e6dcc8e6;border-color:#b4783c80}.diary-custom-content .crafting-item.selected{border-color:#b4502899;background:#c8a06426}.diary-custom-content .crafting-slots{background:#d2c8b499;border-color:#a0825033}.diary-custom-content .craft-slot{border-color:#8b451333}.diary-custom-content .craft-slot.filled{border-color:#b4502866;background:#c8a0641a}.diary-custom-content .slot-placeholder{color:#6450324d}.diary-custom-content .slot-name{color:#5a4a38}.diary-custom-content .craft-operator{color:#64503266}.diary-custom-content .craft-btn{background:#dcd2becc;color:#3a2a18;border-color:#a082504d}.diary-custom-content .craft-btn:hover:not(:disabled){background:#c8a0644d;border-color:#b4643280}.diary-custom-content .result-hint{color:#5a4a38}.diary-custom-content .corrupted-msg{color:#8b2020}.diary-page-number{position:absolute;bottom:10px;right:20px;font-family:Courier New,monospace;font-size:.65rem;color:#6450324d;z-index:2}@media(max-width:640px){.diary-notebook{width:100%;max-width:100vw;min-height:100vh;max-height:100vh;border-radius:0;padding:24px 16px 20px 52px}.diary-spiral{left:-6px}.diary-margin-line{left:40px}.diary-entry,.diary-choice{font-size:.85rem}.diary-doodle-inline{display:none}}.crafting-panel{display:flex;flex-direction:column;align-items:center;gap:20px;padding:24px;max-width:560px;margin:0 auto;animation:craftFadeIn .6s ease-out}@keyframes craftFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.crafting-title{text-align:center;margin-bottom:4px}.crafting-title-text{display:block;font-family:Courier New,monospace;font-size:1.1rem;color:#e8e0d0;letter-spacing:4px;text-transform:uppercase}.crafting-title-sub{display:block;font-size:.75rem;color:#666;margin-top:4px;letter-spacing:1px}.crafting-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}.crafting-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;background:#14141ecc;border:1px solid rgba(255,255,255,.08);border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;color:#c0b8a8;font-family:Courier New,monospace}.crafting-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;opacity:0;transition:opacity .2s}.crafting-item.category-household:before{background:#c44}.crafting-item.category-scavenged:before{background:#a85}.crafting-item.category-illegal:before{background:#64c}.crafting-item:hover:not(:disabled){transform:translateY(-2px);border-color:#fff3;background:#1e1e2de6}.crafting-item:hover:before{opacity:1}.crafting-item.selected{border-color:#c83c3c99;background:#c83c3c1a;box-shadow:0 0 12px #c83c3c33,inset 0 0 8px #c83c3c0d}.crafting-item.selected:before{opacity:1;background:#c44}.crafting-item:disabled{opacity:.4;cursor:not-allowed}.item-icon{width:48px;height:48px;object-fit:contain;image-rendering:pixelated;filter:saturate(.7);transition:filter .2s ease}.crafting-item.selected .item-icon{filter:saturate(1) drop-shadow(0 0 6px rgba(200,60,60,.5))}.item-name{font-size:.6rem;text-align:center;line-height:1.2;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.item-category{font-size:.5rem;text-transform:uppercase;letter-spacing:1px;opacity:.4}.crafting-slots{display:flex;align-items:center;gap:12px;padding:16px;background:#0a0a12e6;border:1px solid rgba(255,255,255,.06);border-radius:8px;min-height:80px;width:100%;justify-content:center;flex-wrap:wrap}.craft-slot{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:70px;padding:8px;border:1px dashed rgba(255,255,255,.15);border-radius:6px;transition:all .3s ease}.craft-slot.filled{border-style:solid;border-color:#c83c3c66;background:#c83c3c0d}.craft-slot.empty{opacity:.3}.slot-placeholder{font-size:1.5rem;color:#444;font-family:Courier New,monospace}.slot-icon{width:40px;height:40px;object-fit:contain;image-rendering:pixelated}.slot-icon-fallback{font-size:1.6rem;line-height:1}.slot-name{font-size:.6rem;color:#a09888;font-family:Courier New,monospace;text-align:center;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.craft-operator{font-size:1.2rem;color:#555;font-family:Courier New,monospace;font-weight:700}.result-slot{border-style:solid;animation:resultReveal .8s ease-out}.result-slot.dialogue{border-color:#64c87880;background:#64c87814}.result-slot.escape{border-color:#c8b43c80;background:#c8b43c14}.result-slot.battle{border-color:#c8503c80;background:#c8503c14}.result-slot.mystery{border-color:#6478c880;background:#6478c814}.result-slot.corrupted{border-color:#c83cc880;background:#c83cc814;animation:corruptedGlitch .3s ease-in-out infinite}.result-icon{filter:drop-shadow(0 0 8px rgba(200,100,100,.4))}.result-name{color:#d8c8a8}.result-arrow{color:#888}@keyframes resultReveal{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes corruptedGlitch{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.crafting-slots.combining .craft-slot.filled{animation:slotPulse .4s ease-in-out infinite alternate}@keyframes slotPulse{0%{box-shadow:0 0 5px #c83c3c33}to{box-shadow:0 0 20px #c83c3c80}}.crafting-actions{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;min-height:50px}.craft-btn{font-family:Courier New,monospace;font-size:.85rem;letter-spacing:2px;text-transform:uppercase;padding:10px 28px;border:1px solid rgba(255,255,255,.15);border-radius:4px;cursor:pointer;transition:all .2s ease;color:#c0b8a8;background:#14141ecc}.craft-btn:hover:not(:disabled){border-color:#c83c3c80;background:#c83c3c1a;box-shadow:0 0 15px #c83c3c26}.craft-btn:disabled{opacity:.3;cursor:not-allowed}.continue-btn{border-color:#64c87866;animation:continuePulse 1.5s ease-in-out infinite}@keyframes continuePulse{0%,to{box-shadow:0 0 5px #64c8781a}50%{box-shadow:0 0 20px #64c8784d}}.craft-progress{width:200px;height:3px;background:#ffffff0d;border-radius:2px;overflow:hidden}.craft-progress-bar{height:100%;background:linear-gradient(90deg,#c44,#e88);animation:progressFill 1.2s ease-in-out forwards;border-radius:2px}@keyframes progressFill{0%{width:0%}to{width:100%}}.craft-result-info{text-align:center;animation:craftFadeIn .5s ease-out}.result-hint{font-family:Courier New,monospace;font-size:.8rem;color:#a09080;font-style:italic;margin-bottom:12px;line-height:1.5}.corrupted-msg{font-family:Courier New,monospace;font-size:.75rem;color:#a44;text-align:center;animation:corruptedGlitch .3s ease-in-out infinite}@media(max-width:480px){.crafting-grid{grid-template-columns:repeat(3,1fr)}.crafting-panel{padding:16px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:SD Auto Pilot;src:url(/sd_auto_pilot.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Smalle;src:url(/smalle.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Janyk;src:url(/Janyk.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"8bitOperator";src:url(/Deltarune.ttf) format("truetype");font-weight:400;font-style:normal}:root{--color-bg-primary: #0a0808;--color-bg-secondary: #120e0e;--color-bg-tertiary: #1a1415;--color-bg-card: #151010;--color-accent-primary: #8b2a2a;--color-accent-secondary: #5a8a8a;--color-accent-glow: rgba(139, 42, 42, .4);--color-cyan-glow: rgba(90, 138, 138, .4);--color-text-primary: #d8d0d0;--color-text-secondary: #908888;--color-text-muted: #605858;--color-border: rgba(139, 42, 42, .15);--color-border-hover: rgba(139, 42, 42, .3);--gradient-hero: linear-gradient(180deg, #0a0808 0%, #1a1010 50%, #0a0808 100%);--gradient-accent: linear-gradient(135deg, #8b2a2a 0%, #5a8a8a 100%);--gradient-text: linear-gradient(135deg, #d8d0d0 0%, #908888 100%);--font-display: "SD Auto Pilot", system-ui, -apple-system, sans-serif;--font-body: "Smalle", system-ui, -apple-system, sans-serif;--font-mono: "Janyk", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px var(--color-accent-glow);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:-.02em}a{color:var(--color-accent-secondary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:"8bitOperator",var(--font-display);font-size:1.1rem;font-weight:600;text-transform:uppercase;color:#fff;background:#000;border:2px solid #ff003c;border-radius:0;box-shadow:4px 4px #8b2a2a;cursor:pointer;position:relative;transition:all .1s steps(2);image-rendering:pixelated}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px #8b2a2a}.btn:hover{background:#1a0505;text-shadow:2px 0 #0ff,-2px 0 #ff003c;box-shadow:6px 6px #ff003c;animation:btnGlitch .3s cubic-bezier(.25,.46,.45,.94) both infinite}.btn:hover .text-cyan,.btn:hover .text-red{text-shadow:none;color:#fff}@keyframes btnGlitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.text-gradient{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow{filter:drop-shadow(0 0 20px var(--color-accent-glow))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}.animate-fade-in{animation:fadeIn .6s ease forwards}.animate-slide-up{animation:slideUp .6s ease forwards}.animate-pulse{animation:pulse 2s ease infinite}.animate-float{animation:float 3s ease-in-out infinite}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:200%;pointer-events:none;z-index:9998;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,0,0,.12) 2px,rgba(0,0,0,.12) 4px);animation:scanlinesDrift 8s linear infinite}@keyframes scanlinesDrift{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.noise-overlay:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.04;mix-blend-mode:overlay;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)'/%3E%3C/svg%3E");animation:grainFlicker .08s steps(4) infinite}@keyframes grainFlicker{0%,to{opacity:.03;transform:translate(0)}25%{opacity:.05;transform:translate(-1px,1px)}50%{opacity:.03;transform:translate(1px,-1px)}75%{opacity:.04;transform:translate(-1px,-1px)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-primary)}
