*{box-sizing:border-box;margin:0;padding:0}:root{--red: #d82315;--red-dark: #6d0805;--red-hot: #ff3b22;--cream: #f5eee0;--paper: #fff8ea;--silver: #d4d4cf;--ink: #070606;--charcoal: #15110f;--shadow: rgba(0, 0, 0, .62);--stroke: 4px solid var(--ink);--display: "Bangers", "Impact", "Arial Black", system-ui, sans-serif;--body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html{scroll-behavior:smooth}body{min-height:100vh;background:radial-gradient(circle at 20% 12%,rgba(255,59,34,.34),transparent 26rem),radial-gradient(circle at 84% 10%,rgba(255,248,234,.18),transparent 22rem),linear-gradient(135deg,#080606,#170806 38%,#2b0b08 62%,#070606);color:var(--paper);font-family:var(--body);overflow-x:hidden}a{color:inherit}img{display:block;max-width:100%}.portal-shell{min-height:100vh;isolation:isolate;overflow:hidden;position:relative}.ink-noise{background-image:radial-gradient(circle,rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(115deg,rgba(0,0,0,.2),transparent 28%,rgba(255,255,255,.06));background-size:9px 9px,100% 100%;inset:0;mix-blend-mode:overlay;opacity:.33;pointer-events:none;position:fixed;z-index:20}.asset{pointer-events:none;position:fixed;-webkit-user-select:none;user-select:none;z-index:-1}.asset-symbols{filter:drop-shadow(0 24px 40px rgba(0,0,0,.75));opacity:.18;right:-18rem;top:16rem;transform:rotate(-10deg);width:min(70vw,58rem)}.asset-effects{bottom:-8rem;filter:saturate(1.2) drop-shadow(0 18px 32px rgba(0,0,0,.75));left:-12rem;opacity:.2;transform:rotate(11deg);width:min(80vw,58rem)}.hero-section{min-height:100svh;padding:1.25rem clamp(1rem,3vw,3rem) 3rem;position:relative}.hero-background{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:-1}.hero-background:before{background:linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:72px 72px;content:"";inset:-10%;opacity:.18;position:absolute;transform:rotate(-7deg)}.planet{aspect-ratio:1;border:var(--stroke);border-radius:50%;box-shadow:inset -30px -20px #0000008c,0 0 70px #d8231599;position:absolute}.planet-one{background:radial-gradient(circle at 35% 30%,#fff,#9a9891 28%,#111 62%);right:9vw;top:13vh;width:clamp(7rem,16vw,15rem);animation:hoverPlanet 8s ease-in-out infinite}.planet-two{background:radial-gradient(circle at 30% 25%,#ff402e,#7b0906 45%,#090707 70%);bottom:12vh;left:7vw;width:clamp(4rem,9vw,9rem);animation:hoverPlanet 9s ease-in-out infinite reverse}.speed-line{background:linear-gradient(90deg,transparent,rgba(255,255,255,.86),var(--red-hot),transparent);height:6px;opacity:.8;position:absolute;transform:rotate(-18deg)}.speed-line-one{left:5vw;top:24vh;width:34vw;animation:streak 3.2s linear infinite}.speed-line-two{bottom:22vh;right:4vw;width:28vw;animation:streak 3.7s linear infinite reverse}.burst{aspect-ratio:1;background:repeating-conic-gradient(from 8deg,rgba(255,59,34,.88) 0 8deg,transparent 8deg 18deg);border-radius:50%;filter:blur(.2px);opacity:.2;position:absolute}.burst-one{left:50%;top:45%;transform:translate(-50%,-50%);width:min(78vw,52rem);animation:spinBurst 18s linear infinite}.top-nav{align-items:center;display:flex;gap:.6rem;justify-content:flex-end;position:relative;z-index:8}.top-nav a{background:var(--paper);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);color:var(--ink);font-family:var(--display);font-size:clamp(1rem,2vw,1.45rem);letter-spacing:.03em;line-height:1;padding:.72rem 1rem .58rem;text-decoration:none;transform:skew(-8deg);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.top-nav a:hover{background:var(--red-hot);box-shadow:9px 9px 0 var(--ink);color:#fff;transform:skew(-8deg) translate(-3px,-3px)}.hero-stage{align-items:center;display:grid;min-height:calc(100svh - 5rem);padding-top:2rem;place-items:center;position:relative}.eyebrow{align-self:end;background:var(--red);border:var(--stroke);box-shadow:8px 8px 0 var(--ink);color:#fff;font-family:var(--display);font-size:clamp(1.1rem,3vw,2.1rem);letter-spacing:.04em;line-height:.95;padding:.7rem 1rem .55rem;position:relative;transform:rotate(-2deg);z-index:7}.hero-title{color:var(--paper);font-family:var(--display);font-size:clamp(6rem,23vw,21rem);font-weight:900;letter-spacing:.015em;line-height:.72;margin-top:-.2rem;position:relative;text-align:center;text-shadow:0 6px 0 var(--ink),0 12px 0 var(--red-dark),0 20px 36px rgba(0,0,0,.74);transform:rotate(-1.2deg);z-index:6}.hero-title span{-webkit-text-stroke:clamp(2px,.65vw,8px) var(--ink);animation:titleSlam .9s cubic-bezier(.19,1,.22,1) both;display:block}.hero-character{animation:regentFloat 5.8s ease-in-out infinite;bottom:clamp(2rem,5vh,5rem);filter:drop-shadow(0 32px 22px rgba(0,0,0,.78)) drop-shadow(0 0 30px rgba(255,59,34,.34));left:50%;max-height:min(92svh,62rem);object-fit:contain;pointer-events:none;position:absolute;transform:translate(-50%);width:min(72vw,44rem);z-index:5}.hero-copy{align-items:center;background:#070606e0;border:var(--stroke);bottom:clamp(1rem,6vh,5rem);box-shadow:12px 12px 0 var(--red-dark);display:flex;gap:1rem;justify-content:space-between;max-width:min(92vw,54rem);padding:1rem;position:absolute;right:clamp(1rem,6vw,6rem);transform:rotate(1.4deg);z-index:7}.hero-copy p{color:var(--paper);font-size:clamp(.95rem,1.7vw,1.2rem);font-weight:800;max-width:30rem}.comic-button{align-items:center;background:var(--red-hot);border:var(--stroke);box-shadow:7px 7px 0 var(--ink);color:#fff;display:inline-flex;flex:0 0 auto;font-family:var(--display);font-size:1.35rem;gap:.55rem;letter-spacing:.03em;line-height:1;overflow:hidden;padding:.8rem 1rem .64rem;position:relative;text-decoration:none;transform:skew(-8deg);transition:transform .18s ease,box-shadow .18s ease}.comic-button:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);content:"";inset:-40% auto -40% -60%;position:absolute;transform:rotate(18deg);width:55%;transition:left .36s ease}.comic-button:hover{box-shadow:11px 11px 0 var(--ink);transform:skew(-8deg) translate(-4px,-4px)}.comic-button:hover:before{left:120%}.comic-button svg{height:1.1rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;width:1.1rem}.scattered-portrait-4{position:absolute;top:1.5rem;left:1rem;width:clamp(8rem,16vw,14rem);opacity:.15;pointer-events:none;z-index:1;filter:drop-shadow(0 0 10px rgba(255,59,34,.15));animation:floatPortrait4 10s ease-in-out infinite}.scattered-pose-1{position:absolute;top:-6rem;right:-4rem;width:clamp(10rem,24vw,22rem);opacity:.95;pointer-events:none;z-index:1;filter:drop-shadow(0 15px 25px var(--shadow)) drop-shadow(0 0 20px rgba(255,59,34,.35));animation:floatPose1 8s ease-in-out infinite;transform-origin:bottom center}.scattered-pose-3{position:absolute;bottom:-4rem;left:-6rem;width:clamp(11rem,26vw,24rem);opacity:.95;pointer-events:none;z-index:1;filter:drop-shadow(0 15px 25px var(--shadow)) drop-shadow(0 0 20px rgba(255,59,34,.35));animation:floatPose3 7s ease-in-out infinite;transform-origin:bottom center}@keyframes floatPortrait4{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(8px,-12px) rotate(2deg)}}@keyframes floatPose1{0%,to{transform:translate(0) rotate(1deg)}50%{transform:translate(-10px,-8px) rotate(-1deg)}}@keyframes floatPose3{0%,to{transform:translate(0) rotate(-2deg)}50%{transform:translate(8px,-15px) rotate(1deg)}}.projects-section{margin:0 auto;max-width:1180px;padding:clamp(2rem,6vw,5rem) clamp(1rem,3vw,3rem);position:relative}.section-heading{margin-bottom:1.5rem}.section-heading p{color:var(--red-hot);font-family:var(--display);font-size:clamp(1.3rem,3vw,2rem);letter-spacing:.05em;line-height:1;text-shadow:3px 3px 0 var(--ink)}.section-heading h2{color:var(--paper);font-family:var(--display);font-size:clamp(3rem,9vw,7rem);letter-spacing:.02em;line-height:.84;text-shadow:5px 5px 0 var(--ink)}.projects-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;z-index:5}.project-card{animation:cardEntrance .7s ease both;animation-delay:var(--delay);background:linear-gradient(135deg,#fff8eaf5,#d5cfc1f0),var(--paper);border:var(--stroke);box-shadow:12px 12px 0 var(--ink);color:var(--ink);min-height:24rem;overflow:hidden;padding:clamp(1rem,3vw,1.5rem);position:relative;transition:transform .22s ease,box-shadow .22s ease}.project-card:before{background:radial-gradient(circle at 18% 18%,rgba(216,35,21,.22),transparent 12rem),repeating-linear-gradient(-12deg,transparent 0 9px,rgba(0,0,0,.07) 9px 11px);content:"";inset:0;opacity:.8;position:absolute}.project-card:after{background:var(--red);border-left:var(--stroke);content:"";inset:0 0 auto auto;height:100%;opacity:.95;position:absolute;transform:skew(-18deg) translate(58%);transition:transform .26s ease;width:42%}.project-card:hover{box-shadow:18px 18px 0 var(--ink);transform:translate(-5px,-6px) rotate(-1deg)}.project-card:hover:after{transform:skew(-18deg) translate(50%)}.card-topline,.project-card h3,.project-card p,.tag-row,.project-card .comic-button{position:relative;z-index:2}.card-topline{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.card-topline span,.card-topline b,.tag{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-family:var(--display);line-height:1}.card-topline span{background:var(--red-hot);color:#fff;font-size:1.2rem;padding:.45rem .62rem .35rem;transform:rotate(-2deg)}.card-topline b{background:var(--ink);color:var(--paper);font-size:1.8rem;padding:.4rem .55rem .3rem}.project-card h3{font-family:var(--display);font-size:clamp(2.9rem,6vw,5.1rem);letter-spacing:.02em;line-height:.82;margin-bottom:1rem;max-width:17rem}.project-card p{font-size:1.02rem;font-weight:800;line-height:1.45;max-width:28rem}.tag-row{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.25rem 0 1.4rem}.tag{background:#fff;color:var(--ink);font-size:1rem;padding:.35rem .55rem .25rem}.notes-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:1180px;padding:0 clamp(1rem,3vw,3rem) clamp(3rem,8vw,6rem);position:relative;z-index:5}.note-card{border:var(--stroke);box-shadow:10px 10px 0 var(--ink);min-height:13rem;padding:1rem;transition:transform .22s ease,box-shadow .22s ease}.note-card:hover{box-shadow:15px 15px 0 var(--ink);transform:translate(-4px,-5px) rotate(1deg)}.note-card span{display:block;font-family:var(--display);font-size:1.4rem;line-height:1;margin-bottom:1rem}.note-card strong{display:block;font-family:var(--display);font-size:clamp(2rem,4vw,3.2rem);font-weight:400;letter-spacing:.02em;line-height:.9}.note-card.red{background:var(--red);color:#fff}.note-card.silver{background:var(--silver);color:var(--ink)}.note-card.black{background:var(--ink);color:var(--paper)}.site-footer{border-top:var(--stroke);color:var(--paper);font-family:var(--display);font-size:1.4rem;letter-spacing:.05em;padding:1.2rem;text-align:center}@keyframes regentFloat{0%,to{transform:translate(-50%) translateY(0) rotate(-.5deg)}50%{transform:translate(-50%) translateY(-1.1rem) rotate(.6deg)}}@keyframes hoverPlanet{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-1rem) rotate(8deg)}}@keyframes streak{0%{opacity:0;transform:translate(-12vw) rotate(-18deg)}12%,70%{opacity:.8}to{opacity:0;transform:translate(16vw) rotate(-18deg)}}@keyframes spinBurst{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes titleSlam{0%{opacity:0;transform:scale(1.18) translateY(-2rem)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes cardEntrance{0%{opacity:0;transform:translateY(1.5rem) rotate(2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@media(max-width:900px){.top-nav{justify-content:center}.hero-character{bottom:9rem;width:min(85vw,32rem)}.hero-copy{bottom:1.25rem;flex-direction:column;left:1rem;right:1rem}.projects-grid,.notes-grid{grid-template-columns:1fr}.scattered-portrait-4{display:none}.scattered-pose-1{right:-2rem;top:-4rem;width:clamp(8rem,20vw,15rem);opacity:.7}.scattered-pose-3{left:-2rem;bottom:-3rem;width:clamp(9rem,22vw,16rem);opacity:.7}}@media(max-width:560px){.scattered-pose-1,.scattered-pose-3{display:none}.hero-section{min-height:92svh}.top-nav{flex-wrap:wrap}.top-nav a{font-size:1rem}.eyebrow{max-width:18rem;text-align:center}.hero-title{font-size:clamp(4.8rem,25vw,8rem)}.hero-character{bottom:10rem;width:100vw}.hero-copy p{text-align:center}.project-card{min-height:25rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.giant-initial-backdrop{animation:pulseO 10s ease-in-out infinite;color:#ff3b2206;font-family:var(--display);font-size:68vw;font-weight:900;left:50%;line-height:1;mix-blend-mode:color-dodge;pointer-events:none;position:absolute;text-shadow:0 0 40px rgba(255,59,34,.04),10px 10px 0 rgba(7,6,6,.2);top:45%;transform:translate(-50%,-50%) rotate(-1.5deg);-webkit-user-select:none;user-select:none;-webkit-text-stroke:4px rgba(255,59,34,.1);z-index:1}@keyframes pulseO{0%,to{transform:translate(-50%,-50%) scale(1) rotate(-1.5deg);opacity:.85}50%{transform:translate(-50%,-50%) scale(1.04) rotate(1deg);opacity:1}}.cyber-grid-floor{background-image:linear-gradient(rgba(0,240,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.06) 1px,transparent 1px);background-size:60px 60px;background-position:center bottom;bottom:0;height:42%;left:-50%;position:absolute;right:-50%;transform:perspective(280px) rotateX(68deg);transform-origin:center bottom;mask-image:linear-gradient(to top,#000 10%,#0000);-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,1) 10%,rgba(0,0,0,0) 100%);z-index:1;pointer-events:none}.comic-click-effects-container{pointer-events:none;position:absolute;inset:0;z-index:9999}.comic-click-effect{animation:comicPop .8s cubic-bezier(.175,.885,.32,1.275) forwards;font-family:var(--display);font-size:clamp(1.8rem,4.5vw,3.5rem);font-weight:900;letter-spacing:.05em;position:absolute;text-shadow:4px 4px 0 var(--ink),-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink),1px 1px 0 var(--ink);-webkit-user-select:none;user-select:none}@keyframes comicPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-15deg)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.35) rotate(var(--rotate, 8deg))}50%{opacity:1;transform:translate(-50%,-100%) scale(1.15)}to{opacity:0;transform:translate(-50%,-150%) scale(.75)}}.project-card{transition:transform .26s cubic-bezier(.25,.46,.45,.94),box-shadow .26s cubic-bezier(.25,.46,.45,.94),border-color .26s ease}.project-card:hover{border-color:var(--red-hot);box-shadow:18px 18px 0 var(--ink),0 0 30px #ff3b224d}.project-card:before{transition:opacity .3s ease}.project-card:hover:before{opacity:.95}.game-section-shell{position:relative;width:100%;height:100vh;height:100svh;overflow:hidden;background-color:#05030a;font-family:var(--body);color:var(--paper);-webkit-user-select:none;user-select:none;touch-action:none}.game-section-shell.hit-flash:after{content:"";position:absolute;inset:0;background-color:#ff2a5f59;box-shadow:inset 0 0 100px #ff2a5fcc;pointer-events:none;z-index:99;animation:flashFade .18s cubic-bezier(.1,.8,.3,1) forwards}@keyframes flashFade{0%{opacity:1}to{opacity:0}}.game-canvas-mount{position:absolute;inset:0;width:100%;height:100%;z-index:1}.comic-bubbles-container{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:12}.comic-popup-bubble{position:absolute;pointer-events:none;transform:translate(-50%,-100%) scale(0);transform-origin:bottom center;font-family:var(--display);font-size:clamp(1.4rem,4vw,2.4rem);text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000;padding:.3rem .8rem .2rem;letter-spacing:.05em;line-height:1;animation:comicBubblePop .9s cubic-bezier(.175,.885,.32,1.275) forwards}.comic-popup-bubble:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%) rotate(45deg);width:16px;height:16px;background:inherit;border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);z-index:-1}.comic-popup-bubble span{display:inline-block;transform:skew(-8deg)}.comic-popup-bubble.boom{background:linear-gradient(135deg,#ffe600,#ff5e00);color:#fff;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}.comic-popup-bubble.zap{background:linear-gradient(135deg,#00f2fe,#7f00ff);color:#fff;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}.comic-popup-bubble.pow{background:linear-gradient(135deg,#ff2a5f,#f05);color:#fff;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}.comic-popup-bubble.hit{background:#fff;color:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-size:clamp(1.1rem,3vw,1.8rem)}.comic-popup-bubble.ouch{background:#111;color:#ff2a5f;border:3px solid #ff2a5f;box-shadow:4px 4px #000;font-size:clamp(1.2rem,3vw,2rem)}@keyframes comicBubblePop{0%{transform:translate(-50%,-100%) scale(0) rotate(-15deg);opacity:0}15%{transform:translate(-50%,-120%) scale(1.15) rotate(5deg);opacity:1}30%{transform:translate(-50%,-120%) scale(1) rotate(-3deg)}75%{transform:translate(-50%,-140%) scale(1) rotate(-3deg);opacity:1}to{transform:translate(-50%,-180%) scale(.7) rotate(2deg);opacity:0}}.menu-crt-overlay{position:absolute;inset:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 4px,6px 100%;pointer-events:none;z-index:5}.menu-noise-overlay{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:8px 8px;opacity:.4;pointer-events:none;z-index:4}.game-menu-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#100820d9,#06030cfa);padding:1.5rem;z-index:20}.menu-content-card{position:relative;background:#120924ed;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:4px solid var(--ink);box-shadow:16px 16px 0 var(--ink),0 0 40px #00f2fe33;width:100%;max-width:500px;padding:2.5rem 2rem;text-align:center;transform:skew(-2deg);display:flex;flex-direction:column;align-items:center;animation:cardEntrance .6s cubic-bezier(.19,1,.22,1) both}.menu-content-card.border-red{border-color:#ff2a5f;box-shadow:16px 16px 0 var(--ink),0 0 40px #ff2a5f59}.menu-kicker{font-family:var(--display);font-size:1.1rem;letter-spacing:.1em;color:#00f2fe;margin-bottom:.8rem;text-transform:uppercase}.menu-kicker.text-red{color:#ff2a5f}.menu-title{font-family:var(--display);font-size:clamp(2.4rem,6vw,3.8rem);line-height:.9;letter-spacing:.02em;color:#fff;text-shadow:0 4px 0 var(--ink),0 0 15px rgba(0,242,254,.4);margin-bottom:1.2rem}.menu-title.text-shadow-red{text-shadow:0 4px 0 var(--ink),0 0 15px rgba(255,42,95,.5)}.menu-description{font-size:1.05rem;font-weight:500;line-height:1.5;color:#fff8eacc;margin-bottom:2rem;max-width:400px}.stats-badge-row{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;width:100%}.stat-badge{background:var(--ink);border:2px solid #00f2fe;padding:.6rem 1rem .5rem;display:flex;flex-direction:column;transform:skew(-6deg);box-shadow:4px 4px #00f2fe40}.stat-badge span{font-family:var(--display);font-size:.85rem;color:#00f2fe;letter-spacing:.05em;margin-bottom:.2rem}.stat-badge strong{font-family:var(--display);font-size:1.8rem;color:#fff;line-height:1}.gameover-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-bottom:2.2rem;width:100%}.gameover-stats-grid .stat-card{background:#0006;border:2px solid #ff2a5f;padding:.8rem .5rem .6rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.gameover-stats-grid .stat-card span{font-family:var(--display);font-size:.72rem;letter-spacing:.05em;color:#ff2a5f;margin-bottom:.3rem}.gameover-stats-grid .stat-card strong{font-family:var(--display);font-size:1.5rem;color:#fff;line-height:1}.game-action-btn{width:100%;background:#00f2fe;color:var(--ink);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);font-family:var(--display);font-size:1.5rem;padding:.9rem 1.5rem .75rem;cursor:pointer;transform:skew(-6deg);position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;margin-bottom:1rem}.game-action-btn:hover{background:#00e0eb;transform:skew(-6deg) translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}.game-action-btn.pulse-glow{animation:pulseCyanGlow 2s infinite}.game-action-btn.bg-red{background:#ff2a5f;color:#fff;border-color:var(--ink);box-shadow:6px 6px 0 var(--ink)}.game-action-btn.bg-red:hover{background:#ff0f4b;transform:skew(-6deg) translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}.game-action-btn.bg-dark{background:var(--ink);color:var(--paper);border-color:#ff2a5f;box-shadow:6px 6px #000}.game-action-btn.bg-dark:hover{background:#111;color:#fff}.game-exit-btn{font-family:var(--display);font-size:1rem;color:#fff8ea99;text-decoration:none;letter-spacing:.05em;transition:color .18s ease;cursor:pointer;padding:.5rem}.game-exit-btn:hover{color:#00f2fe}@keyframes pulseCyanGlow{0%{box-shadow:6px 6px 0 var(--ink),0 0 #00f2fe66}50%{box-shadow:6px 6px 0 var(--ink),0 0 20px #00f2fed9}to{box-shadow:6px 6px 0 var(--ink),0 0 #00f2fe66}}.hud-header{position:absolute;top:0;left:0;right:0;padding:1.5rem clamp(1rem,4vw,3rem);display:flex;justify-content:space-between;align-items:center;z-index:10;pointer-events:none}.hud-health-col{display:flex;flex-direction:column;width:min(40vw,240px)}.hud-score-col{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.hud-label{font-family:var(--display);font-size:.85rem;letter-spacing:.05em;color:#fff8eab3;text-shadow:1px 1px 2px #000;margin-bottom:.3rem;text-transform:uppercase}.hud-bar-container{width:100%;height:18px;background:#000000b3;border:3px solid var(--ink);box-shadow:4px 4px #00000059;border-radius:0;overflow:hidden;position:relative}.hud-bar-fill{height:100%;background:linear-gradient(90deg,#00f2fe,#7f00ff);transition:width .12s ease-out;box-shadow:inset 0 0 8px #fff6}.hud-value{font-family:var(--display);font-size:clamp(1.5rem,3.5vw,2.4rem);color:#fff;line-height:1;text-shadow:3px 3px 0 var(--ink),0 0 10px rgba(0,242,254,.3)}.desktop-controls-tip{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:10;pointer-events:none;font-family:var(--display);font-size:.95rem;letter-spacing:.05em;color:#fff8ea73;text-shadow:1px 1px 2px #000;animation:pulseTip 2.5s ease-in-out infinite;text-align:center}@keyframes pulseTip{0%,to{opacity:.45}50%{opacity:.9}}.joystick-touch-zone{position:absolute;bottom:0;left:0;width:50%;height:60%;z-index:15;touch-action:none}.joystick-base-ring{position:absolute;bottom:4rem;left:4rem;width:100px;height:100px;border-radius:50%;border:3px solid rgba(0,242,254,.4);background:#00f2fe0d;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);box-shadow:0 0 15px #00f2fe1a;pointer-events:none}.joystick-knob-circle{position:absolute;top:50%;left:50%;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#00f2fe,#0072ff);border:3px solid var(--ink);box-shadow:0 0 15px #00f2feb3;transform:translate(-50%,-50%);pointer-events:none}@media(max-width:600px){.hud-header{padding:1rem}.hud-health-col{width:35vw}.hud-value{font-size:1.4rem}.hud-label{font-size:.75rem}.menu-content-card{padding:2rem 1.2rem;box-shadow:10px 10px 0 var(--ink)}.stat-badge strong{font-size:1.4rem}.joystick-base-ring{bottom:3rem;left:3rem;width:90px;height:90px}.joystick-knob-circle{width:38px;height:38px}}@media(max-height:480px)and (orientation:landscape){.menu-content-card{flex-direction:row;max-width:90%;padding:1.2rem 1.5rem;align-items:center;gap:1.5rem}.menu-title{font-size:2rem;margin-bottom:.5rem}.menu-description{font-size:.9rem;margin-bottom:.5rem}.stats-badge-row{margin-bottom:.5rem}.stat-badge strong{font-size:1.2rem}.joystick-base-ring{bottom:2rem;left:2rem}}.mobile-dpad-container{position:absolute;bottom:2rem;left:2rem;display:flex;gap:1rem;z-index:15;pointer-events:auto}.mobile-dpad-btn{width:70px;height:70px;border-radius:12px;background:#120924d9;border:3px solid #00f2fe;color:#00f2fe;font-size:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:4px 4px 0 var(--ink),0 0 10px #00f2fe33;-webkit-user-select:none;user-select:none;touch-action:none;transition:transform .05s,background-color .05s}.mobile-dpad-btn:active{transform:scale(.9) translate(2px,2px);background:#00f2fe33;box-shadow:2px 2px 0 var(--ink)}.mobile-jump-container{position:absolute;bottom:2rem;right:2rem;z-index:15;pointer-events:auto}.mobile-jump-btn{width:85px;height:85px;border-radius:50%;background:#120924d9;border:3px solid #ff2a5f;color:#ff2a5f;font-family:var(--display);font-size:1.2rem;letter-spacing:.05em;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:4px 6px 0 var(--ink),0 0 15px #ff2a5f4d;-webkit-user-select:none;user-select:none;touch-action:none;transition:transform .05s,background-color .05s}.mobile-jump-btn:active{transform:scale(.9) translate(2px,3px);background:#ff2a5f33;box-shadow:2px 3px 0 var(--ink)}@media(max-width:600px){.mobile-dpad-btn{width:60px;height:60px;font-size:1.6rem}.mobile-jump-btn{width:70px;height:70px;font-size:1rem}.mobile-dpad-container{bottom:1.5rem;left:1.5rem;gap:.6rem}.mobile-jump-container{bottom:1.5rem;right:1.5rem}}.game-card{display:flex;flex-direction:column;justify-content:space-between}.game-card-preview{margin:-1.5rem -1.5rem 1rem;height:180px;position:relative;overflow:hidden;border-bottom:var(--stroke);background:#0f051d}.game-card-preview img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.25,1,.5,1)}.game-card:hover .game-card-preview img{transform:scale(1.06) rotate(1deg)}.game-preview-scanline{position:absolute;inset:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000a,#00ff0003,#0000ff0a);background-size:100% 4px,6px 100%;pointer-events:none;opacity:.85}