:root{--bg-sky: #A7D3FA;--bg-cream: #FFFDD0;--border-black: #1A1A1A;--accent-yellow: #FDE047;--accent-yellow-hover: #FACC15;--accent-pink: #F9A8D4;--accent-pink-hover: #F472B6;--accent-blue: #93C5FD;--text-primary: #1A1A1A;--text-muted: #4B5563;--border-thickness: 4px;--shadow-offset: 6px;--font-pixel: "Press Start 2P", monospace;--font-body: "VT323", monospace}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-pixel);color:var(--text-primary)}body.pixel-world{background-color:var(--bg-sky);position:relative;overflow-x:hidden;line-height:1.5}p,.dialogue-content{font-family:var(--font-body);font-size:1.4rem;letter-spacing:.5px}h1,h2,h3,h4{text-transform:uppercase;line-height:1.2}.stroke-text{color:#fff;text-shadow:3px 3px 0 var(--border-black),-1px -1px 0 var(--border-black),1px -1px 0 var(--border-black),-1px 1px 0 var(--border-black),1px 1px 0 var(--border-black)}.text-center{text-align:center}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 20px}.sky-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:radial-gradient(#ffffff 2px,transparent 2px);background-size:60px 60px;opacity:.2;z-index:-2;animation:driftSky 60s linear infinite}.clouds-bg{position:fixed;top:0;left:0;width:200vw;height:100vh;background:url('data:image/svg+xml;utf8,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><rect x="10" y="20" width="30" height="10" fill="white" opacity="0.3"/><rect x="60" y="50" width="20" height="10" fill="white" opacity="0.3"/></svg>') repeat;background-size:300px 300px;z-index:-1;animation:driftClouds 40s linear infinite}@keyframes driftSky{0%{background-position:0 0}to{background-position:-600px 600px}}@keyframes driftClouds{0%{transform:translate(0)}to{transform:translate(-50vw)}}.pixel-box{background-color:var(--bg-cream);border:var(--border-thickness) solid var(--border-black);border-radius:0;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--border-black)}.btn-chunky{display:inline-block;background-color:var(--bg-cream);border:var(--border-thickness) solid var(--border-black);border-radius:0;padding:16px 24px;font-size:1rem;text-decoration:none;cursor:pointer;box-shadow:4px 4px 0 var(--border-black);transition:transform .1s,box-shadow .1s,background-color .2s;text-align:center}.btn-chunky:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--border-black)}.btn-chunky:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--border-black)}.btn-yellow{background-color:var(--accent-yellow)}.btn-pink{background-color:var(--accent-pink)}.big-text{font-size:1.4rem;padding:20px 40px}.hud-nav{position:fixed;top:20px;left:0;width:100%;z-index:100;display:flex;justify-content:center}.hud-inner{background-color:#fff;border:var(--border-thickness) solid var(--border-black);border-radius:0;padding:12px 24px;display:flex;align-items:center;gap:40px;box-shadow:6px 6px 0 var(--border-black)}.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.nav-icon{width:40px;filter:drop-shadow(2px 2px 0 #000)}.nav-logotext{font-size:1.5rem;color:var(--accent-pink);text-shadow:2px 2px 0 #000}.nav-links{display:flex;gap:24px}.nav-item{font-size:.9rem;text-decoration:none;position:relative;font-weight:700}.nav-item:hover{color:var(--accent-pink)}.hero-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:100px;text-align:center;position:relative}.hero-content{max-width:800px;display:flex;flex-direction:column;align-items:center;gap:20px}.hero-badge{background:var(--border-black);color:var(--accent-yellow);padding:8px 16px;border-radius:0;font-size:.8rem}.hero-title{font-size:5rem;color:#fff;text-shadow:4px 4px 0 var(--border-black),-2px -2px 0 var(--border-black),2px -2px 0 var(--border-black),-2px 2px 0 var(--border-black),8px 8px 0 var(--accent-pink);margin:20px 0;line-height:1.2}.hero-desc{font-size:1.6rem;color:var(--border-black);background:#bfdbfe;padding:20px 30px;border-radius:8px;font-weight:700;box-shadow:none}.hero-character{position:relative;margin:40px 0}.big-sprite{width:250px;filter:drop-shadow(0px 10px 0px rgba(0,0,0,.3));position:relative;z-index:2}.shadow-ellipse{width:200px;height:30px;background:#00000026;border-radius:50%;margin:-20px auto 0;animation:scaleShadow 3s ease-in-out infinite}.diag-section{padding:80px 0}.dialogue-box{display:flex;gap:24px;padding:32px;background-color:#fff;border-radius:0;border:4px solid var(--border-black);position:relative;box-shadow:6px 6px 0 var(--border-black)}.portrait{width:100px;height:100px;image-rendering:pixelated;border:4px solid #000;background:var(--bg-sky);border-radius:4px;padding:5px;object-fit:contain}.dialogue-content{flex:1;display:flex;flex-direction:column;justify-content:space-between}.speaker-name{font-size:1.2rem;color:var(--accent-blue);text-shadow:2px 2px 0 #000;margin-bottom:12px}.typewriter-text{font-size:1.6rem;min-height:80px;line-height:1.6}.diag-arrow{align-self:flex-end;font-size:1.5rem}.inventory-section{padding:80px 0}.section-title{font-size:3rem;margin-bottom:60px}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.inv-card{padding:30px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;background-color:#fff}.inv-slot{width:64px;height:64px;border:4px solid var(--border-black);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:2rem;background-color:#fde047}.gold-slot{background:var(--accent-yellow)}.blue-slot{background:var(--bg-sky)}.pink-slot{background:var(--accent-pink)}.green-slot{background:#a7f3d0}.item-name{font-size:1rem;margin-top:10px}.map-section{padding:80px 0}.map-container{padding:60px 40px;background-color:#a3e635;position:relative;border:6px solid var(--border-black);border-radius:0;box-shadow:8px 8px #000c}.map-path{position:absolute;top:0;bottom:0;left:60px;width:6px;background:repeating-linear-gradient(to bottom,transparent,transparent 10px,var(--border-black) 10px,var(--border-black) 20px)}.map-node{display:flex;gap:30px;margin-bottom:40px;position:relative;z-index:2;background:#fff;padding:24px;border:4px solid #000;border-radius:0;box-shadow:4px 4px #000;margin-left:60px}.node-marker{position:absolute;left:-84px;top:50%;transform:translateY(-50%);width:40px;height:40px;font-size:2rem;display:flex;align-items:center;justify-content:center;background:#fff;border:4px solid #000;border-radius:50%;box-shadow:4px 4px #000}.locked{opacity:.6;filter:grayscale(1)}.node-title{font-size:1.2rem;margin-bottom:8px}.retro-footer{background:var(--border-black);color:#fff;padding:60px 0 20px;border-top:8px solid var(--bg-cream)}.retro-footer *{color:inherit}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:60px}.footer-brand h2{font-size:3rem;margin-bottom:16px;color:var(--accent-yellow);text-shadow:none}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-links h3{color:var(--accent-pink);font-size:1.2rem;margin-bottom:16px}.footer-links a{text-decoration:none;font-size:.9rem}.footer-links a:hover{color:var(--accent-yellow)}.footer-bottom{border-top:4px solid #333;padding-top:20px;text-align:center;font-size:.8rem}.float-anim{animation:floatVertical 3s ease-in-out infinite}@keyframes floatVertical{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes scaleShadow{0%,to{transform:scale(1);opacity:.15}50%{transform:scale(.8);opacity:.05}}.bounce-anim{animation:pixelBounce 2s cubic-bezier(.28,.84,.42,1) infinite}@keyframes pixelBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-12px)}60%{transform:translateY(-6px)}}.blinking{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.pulse-anim{animation:pulseWarning 2s infinite}@keyframes pulseWarning{0%,to{background-color:var(--accent-yellow)}50%{background-color:#fff}}.pb-anim{opacity:0;transform:translateY(40px)}@media (max-width: 768px){.hide-mobile{display:none}.hero-title{font-size:3rem}.rpg-grid{grid-template-columns:1fr;height:auto}.map-path{left:40px}.map-node{margin-left:30px}.node-marker{left:-60px}}.secret-hatch{position:absolute;top:-336px;right:6%;width:288px;height:336px;background-image:url(/assets/secret-door.png);background-size:contain;background-repeat:no-repeat;background-position:center bottom;image-rendering:pixelated;cursor:default;opacity:.5;z-index:100}