@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323:wght@400&family=Inter:wght@400;500;600&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.z-10{z-index:10}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.border-t-\[3px\]{border-top-style:var(--tw-border-style);border-top-width:3px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-\[3px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}.border-transparent{border-color:#0000}.bg-\[\#0D0B1E\]{background-color:#0d0b1e}.bg-\[var\(--rp-deep\)\]{background-color:var(--rp-deep)}.bg-\[var\(--rp-purple-dark\)\]{background-color:var(--rp-purple-dark)}.bg-\[var\(--surface-base\)\]{background-color:var(--surface-base)}.bg-transparent{background-color:#0000}.text-center{text-align:center}.text-left{text-align:left}.\!text-\[0\.45rem\]{font-size:.45rem!important}.text-\[0\.5rem\]{font-size:.5rem}.text-\[0\.6rem\]{font-size:.6rem}.text-\[0\.45rem\]{font-size:.45rem}.uppercase{text-transform:uppercase}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:bg-\[var\(--rp-purple-dark\)\]:hover{background-color:var(--rp-purple-dark)}}:root{--rp-black:#0d0b1e;--rp-deep:#120f2d;--rp-purple:#6b46c1;--rp-purple-dark:#44337a;--rp-purple-mid:#553c9a;--rp-purple-glow:#6b46c166;--rp-white:#fff;--rp-light:#e2e8f0;--rp-gray:#a0aec0;--rp-gray-dim:#718096;--rp-gold:gold;--rp-gold-dim:#b7950b;--rp-cyan:#0ff;--rp-green:#0f8;--rp-red:#f46;--rp-orange:#ff8c00;--rp-pink:#ff69b4;--rp-yellow:#ff0;--hp-full:#0f8;--hp-mid:#ff0;--hp-low:#f46;--mp-color:#00bfff;--xp-color:gold;--pixel-border:3px solid var(--rp-white);--pixel-border-purple:3px solid var(--rp-purple);--pixel-border-gold:3px solid var(--rp-gold);--pixel-shadow:4px 4px 0px #000;--pixel-shadow-purple:4px 4px 0px var(--rp-purple-dark);--pixel-shadow-gold:4px 4px 0px var(--rp-gold-dim);--pixel-shadow-glow:0 0 20px var(--rp-purple-glow), 4px 4px 0px #000;--font-pixel:"Press Start 2P", "Courier New", monospace;--font-retro:"VT323", monospace;--font-body:"Inter", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;image-rendering:pixelated;image-rendering:crisp-edges}body{font-family:var(--font-body);background:var(--rp-black);color:var(--rp-white);font-size:16px;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000014 2px 4px);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 10% 15%,#fff 0%,#0000 100%),radial-gradient(1px 1px at 30% 5%,#fff9 0%,#0000 100%),radial-gradient(1px 1px at 55% 25%,#fff 0%,#0000 100%),radial-gradient(1px 1px at 75% 10%,#fff6 0%,#0000 100%),radial-gradient(1px 1px at 90% 20%,#fff 0%,#0000 100%),radial-gradient(1px 1px at 20% 80%,#ffffff80 0%,#0000 100%),radial-gradient(1px 1px at 40% 70%,#fff 0%,#0000 100%),radial-gradient(1px 1px at 65% 85%,#fff6 0%,#0000 100%),radial-gradient(1px 1px at 85% 60%,#fff 0%,#0000 100%);animation:4s ease-in-out infinite alternate twinkle;position:fixed;inset:0}h1,h2,h3{font-family:var(--font-pixel);color:var(--rp-white);letter-spacing:.02em;line-height:1.4}h1{font-size:clamp(1rem,2.5vw,1.5rem)}h2{font-size:clamp(.75rem,1.8vw,1.1rem)}h3{font-size:clamp(.6rem,1.2vw,.875rem)}.retro-title{font-family:var(--font-retro);font-size:clamp(2rem,5vw,3.5rem);line-height:1.1}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{z-index:1;padding:80px 0;position:relative}.pixel-card{background:var(--rp-deep);border:var(--pixel-border);box-shadow:var(--pixel-shadow);padding:24px;transition:transform .1s,box-shadow .1s;position:relative}.pixel-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000}.pixel-card-gold{border-color:var(--rp-gold);box-shadow:var(--pixel-shadow-gold)}.pixel-card-purple{border-color:var(--rp-purple);box-shadow:var(--pixel-shadow-purple)}.pixel-btn{font-family:var(--font-pixel);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border:none;align-items:center;gap:8px;padding:12px 24px;font-size:.65rem;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex}.pixel-btn:active{transform:translate(2px,2px)!important;box-shadow:2px 2px #000!important}.pixel-btn-primary{background:var(--rp-purple);color:var(--rp-white);border:3px solid var(--rp-white);box-shadow:var(--pixel-shadow)}.pixel-btn-primary:hover{background:var(--rp-purple-mid);transform:translate(-2px,-2px);box-shadow:6px 6px #000}.pixel-btn-gold{background:var(--rp-gold);color:var(--rp-black);border:3px solid var(--rp-white);box-shadow:var(--pixel-shadow-gold)}.pixel-btn-gold:hover{box-shadow:6px 6px 0px var(--rp-gold-dim);transform:translate(-2px,-2px)}.pixel-btn-ghost{color:var(--rp-white);border:3px solid var(--rp-white);box-shadow:var(--pixel-shadow);background:0 0}.pixel-btn-ghost:hover{background:#ffffff1a;transform:translate(-2px,-2px);box-shadow:6px 6px #000}.stat-bar-container{border:2px solid var(--rp-white);background:#1a1a2e;width:100%;height:18px;position:relative;overflow:hidden;box-shadow:2px 2px #000}.stat-bar-fill{height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1);position:relative}.stat-bar-fill:after{content:"";background-image:repeating-linear-gradient(45deg,#0000,#0000 2px,#00000026 2px 4px);position:absolute;inset:0}.bar-hp{background:var(--hp-full)}.bar-mp{background:var(--mp-color)}.bar-xp{background:var(--xp-color)}.bar-atk{background:var(--rp-red)}.bar-def{background:var(--rp-orange)}.bar-spd{background:var(--rp-cyan)}.bar-mag{background:var(--rp-pink)}.pixel-tag{font-family:var(--font-pixel);background:var(--rp-purple-dark);border:2px solid var(--rp-purple);color:var(--rp-light);letter-spacing:.05em;text-transform:uppercase;padding:4px 8px;font-size:.45rem;display:inline-block}.pixel-tag-gold{border-color:var(--rp-gold);color:var(--rp-gold);background:#ffd70026}.pixel-tag-green{border-color:var(--rp-green);color:var(--rp-green);background:#00ff881a}.pixel-tag-red{border-color:var(--rp-red);color:var(--rp-red);background:#ff44661a}.section-header{text-align:center;margin-bottom:48px}.section-label{font-family:var(--font-pixel);color:var(--rp-gold);letter-spacing:.2em;text-transform:uppercase;margin-bottom:16px;font-size:.55rem;display:block}.section-divider{background:repeating-linear-gradient(90deg, var(--rp-purple) 0px, var(--rp-purple) 8px, transparent 8px, transparent 12px);width:100%;max-width:200px;height:3px;margin:16px auto}.dialogue-box{background:var(--rp-deep);border:4px solid var(--rp-white);box-shadow:6px 6px 0 #000, inset 0 0 0 2px var(--rp-purple-dark);padding:20px 24px;position:relative}.dialogue-box:before{content:"";border:2px solid var(--rp-purple);pointer-events:none;position:absolute;inset:-2px}.dialogue-arrow{border-left:10px solid #0000;border-right:10px solid #0000;border-top:10px solid var(--rp-white);width:0;height:0;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.cursor-blink:after{content:"▮";animation:.8s step-end infinite blink}.quest-item{padding-left:32px;position:relative}.quest-item:before{content:"▶";color:var(--rp-gold);font-size:.65rem;font-family:var(--font-pixel);position:absolute;top:4px;left:0}.quest-item.completed:before{content:"✓";color:var(--rp-green)}.powerup-badge{border:2px solid var(--rp-green);font-family:var(--font-pixel);color:var(--rp-green);letter-spacing:.1em;background:#00ff881a;align-items:center;gap:8px;padding:8px 16px;font-size:.5rem;display:inline-flex;box-shadow:3px 3px #00ff884d}.powerup-dot{background:var(--rp-green);width:8px;height:8px;animation:1s step-end infinite blink}.avatar-wrapper{display:inline-block;position:relative}.avatar-pixel{border:4px solid var(--rp-white);width:96px;height:96px;box-shadow:6px 6px 0px #000, 0 0 30px var(--rp-purple-glow);image-rendering:pixelated;animation:3s ease-in-out infinite idle-float}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes idle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes twinkle{0%{opacity:.4}to{opacity:1}}@keyframes scanline-slide{0%{background-position:0 0}to{background-position:0 100%}}@keyframes pixel-glow{0%,to{box-shadow:var(--pixel-shadow)}50%{box-shadow:var(--pixel-shadow-glow)}}@keyframes bar-fill{0%{width:0}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes flicker{0%,95%,to{opacity:1}96%{opacity:.8}97%{opacity:1}98%{opacity:.6}}.pixel-gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#c4b5fd,#818cf8,#a78bfa);-webkit-background-clip:text;background-clip:text}.gold-text{color:var(--rp-gold);text-shadow:2px 2px 0 var(--rp-gold-dim)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--rp-black)}::-webkit-scrollbar-thumb{background:var(--rp-purple);border:1px solid var(--rp-white)}:focus-visible{outline:3px solid var(--rp-gold);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.pixel-input{background:var(--rp-black);border:3px solid var(--rp-white);width:100%;color:var(--rp-white);font-family:var(--font-retro);outline:none;padding:10px 16px;font-size:1.1rem;transition:border-color .15s,box-shadow .15s;box-shadow:3px 3px #000}.pixel-input::placeholder{color:var(--rp-gray-dim);font-family:var(--font-retro)}.pixel-input:focus{border-color:var(--rp-gold);box-shadow:3px 3px 0 var(--rp-gold-dim), 0 0 10px #ffd70033}.pixel-font{font-family:var(--font-pixel)}.retro-font{font-family:var(--font-retro)}.glow-purple{animation:2s ease-in-out infinite pixel-glow}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}