@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Orbitron:wght@400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700&family=JetBrains+Mono: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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--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-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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-1\/4{top:25%}.left-1\/2{left:50%}.z-0{z-index:0}.z-10{z-index:10}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.h-full{height:100%}.min-h-\[60vh\]{min-height:60vh}.min-h-screen{min-height:100vh}.w-5\/12{width:41.6667%}.w-full{width:100%}.flex-grow{flex-grow:1}.origin-center{transform-origin:50%}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t-transparent{border-top-color:#0000}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[linear-gradient\(to_right\,rgba\(255\,62\,0\,0\.05\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,rgba\(0\,198\,255\,0\.05\)_1px\,transparent_1px\)\]{background-image:linear-gradient(90deg,#ff3e000d 1px,#0000 1px),linear-gradient(#00c6ff0d 1px,#0000 1px)}.bg-\[size\:40px_40px\]{background-size:40px 40px}.text-center{text-align:center}.underline{text-decoration-line:underline}.opacity-5{opacity:.05}.opacity-10{opacity:.1}.opacity-15{opacity:.15}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.drop-shadow-\[0_0_20px_rgba\(255\,62\,0\,0\.8\)\]{--tw-drop-shadow-size:drop-shadow(0 0 20px var(--tw-drop-shadow-color,#ff3e00cc));--tw-drop-shadow:var(--tw-drop-shadow-size);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,)}.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,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@media(hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}}:root{--color-electric-blue:#0080ff;--color-neon-pink:#ff10f0;--color-neon-yellow:#ff0;--color-deep-charcoal:#1a1a2e;--color-retro-green:#00ff41;--color-cyan:#0ff;--color-orange:#ff6b35;--color-purple:#9d00ff;--color-white:#fff;--color-light-gray:#e8e8e8;--color-dark-bg:#0f0f1e;--color-dark-purple:#1a0033;--color-teal:#00665e;--color-electric-blue-accent:#06f;--font-arcade:"Press Start 2P",monospace;--font-futuristic:"Orbitron",sans-serif;--font-body:"Poppins",sans-serif;--font-mono:"JetBrains Mono",monospace;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--radius-arcade:4px;--radius-modern:8px;--timing-fast:.2s;--timing-normal:.3s;--timing-slow:.4s;--timing-very-slow:.6s;--glow-blue:0 0 15px #0080ff99;--glow-pink:0 0 15px #ff10f099;--glow-yellow:0 0 15px #ff09;--glow-cyan:0 0 15px #0ff9;font-family:var(--font-body);color-scheme:dark;color:var(--color-white);background-color:var(--color-deep-charcoal);font-weight:400;line-height:1.5}body{scroll-behavior:smooth;background:linear-gradient(135deg,#0d1117,#111827,#0d1117);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}*,:before,:after{box-sizing:border-box}input,textarea,select{width:100%;max-width:100%}html{scroll-behavior:smooth}.scroll-container{scroll-snap-type:y proximity;scroll-behavior:smooth;height:100vh;overflow-y:auto}.scroll-section{scroll-snap-align:start;scroll-snap-stop:normal}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes gentlePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes glow{0%,to{filter:drop-shadow(0 0 10px)}50%{filter:drop-shadow(0 0 30px)}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.3}}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh)translate(0)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh)translate(100px)rotate(360deg)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes gridScan{0%{transform:translateY(0)}to{transform:translateY(40px)}}@keyframes loadingFill{0%{transform-origin:0;transform:scaleX(0)}to{transform-origin:0;transform:scaleX(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes coinSpin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes pixelFlicker{0%,to{opacity:1}50%{opacity:.95}75%{opacity:.98}}@keyframes neonGlow{0%,to{filter:drop-shadow(0 0 5px)drop-shadow(0 0 10px)}50%{filter:drop-shadow(0 0 10px)drop-shadow(0 0 20px)drop-shadow(0 0 30px)}}@keyframes colorFlow{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes glitch{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)}}.animate-float{animation:6s cubic-bezier(.4,0,.2,1) infinite float}.animate-gentle-pulse{animation:3s cubic-bezier(.4,0,.6,1) infinite gentlePulse}.animate-glow{animation:2s ease-in-out infinite glow}.animate-shimmer{animation:3s linear infinite shimmer}.animate-blink{animation:1.5s ease-in-out infinite blink}.animate-fade-in-up{animation:.8s cubic-bezier(.4,0,.2,1) forwards fadeInUp}.animate-slide-in-left{animation:.6s cubic-bezier(.4,0,.2,1) forwards slideInLeft}.animate-slide-in-right{animation:.6s cubic-bezier(.4,0,.2,1) forwards slideInRight}.transition-smooth{transition:all .4s cubic-bezier(.4,0,.2,1)}.transition-smooth-slow{transition:all .6s cubic-bezier(.4,0,.2,1)}.glow-primary{box-shadow:0 0 20px #0080ff80,0 0 40px #0080ff4d,0 0 60px #0080ff1a}.glow-secondary{box-shadow:0 0 20px #ff10f080,0 0 40px #ff10f04d,0 0 60px #ff10f01a}.glow-accent{box-shadow:0 0 20px #ffff0080,0 0 40px #ffff004d,0 0 60px #ffff001a}.glow-cyan{box-shadow:0 0 20px #00ffff80,0 0 40px #00ffff4d,0 0 60px #00ffff1a}.text-glow-primary{text-shadow:0 0 10px #0080ffcc,0 0 20px #0080ff99,0 0 30px #0080ff66}.text-glow-secondary{text-shadow:0 0 10px #ff10f0cc,0 0 20px #ff10f099,0 0 30px #ff10f066}.text-glow-accent{text-shadow:0 0 10px #ff0c,0 0 20px #ff09,0 0 30px #ff06}.text-glow-cyan{text-shadow:0 0 10px #0ffc,0 0 20px #0ff9,0 0 30px #0ff6}.particle{pointer-events:none;opacity:0;background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute}.star{background:#fff;border-radius:50%;width:2px;height:2px;animation:3s ease-in-out infinite twinkle;position:absolute}.gradient-overlay{background:linear-gradient(135deg,#ff3e001a,#00c6ff1a)}.arcade-border{border:3px solid;-o-border-image:linear-gradient(45deg,#0080ff,#ff10f0,#0ff) 1;border-image:linear-gradient(45deg,#0080ff,#ff10f0,#0ff) 1;position:relative}.arcade-border:before{content:"";border-radius:inherit;opacity:.5;background:linear-gradient(45deg,#0080ff,#ff10f0,#0ff);padding:3px;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.pixel-corners{clip-path:polygon(0 8px,8px 8px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 8px),0 calc(100% - 8px))}.scanline-overlay{position:relative;overflow:hidden}.scanline-overlay:before{content:"";pointer-events:none;z-index:10;background:repeating-linear-gradient(0deg,#00000026 0,#0000 1px 2px,#00000026 3px);width:100%;height:100%;animation:8s linear infinite scanline;position:absolute;top:0;left:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-deep-charcoal);border-left:1px solid var(--color-electric-blue)}::-webkit-scrollbar-thumb{background:linear-gradient(#0080ff,#0ff);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ff10f0,#ff0)}.gpu-accelerated{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}a,button,[role=button]{-webkit-tap-highlight-color:transparent;transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .2s}.pac-world,.schedule-world,.hero-world{will-change:auto;backface-visibility:hidden;transform:translateZ(0)}[data-framer-motion]{will-change:transform,opacity}.main-content-offset{margin-top:90px}@media(max-width:1200px){.main-content-offset{margin-top:130px}}@media(max-width:768px){.main-content-offset{margin-top:180px}}@media(max-width:480px){.main-content-offset{margin-top:210px}}html,body{max-width:100vw;overflow-x:hidden}@media(max-width:768px){button,a,[role=button]{min-height:44px}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.event-pellet,.event-pellet-container,.tetris-event-block,.time-slot-block,.day-btn,.society-ship,.category-btn{backface-visibility:hidden}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(prefers-contrast:more){.button,.hero-btn,.arcade-border{border:2px solid!important}}.layered-background{background:linear-gradient(135deg,#0a0e27,#1a0033,#0a0e27);position:relative}.layered-background:before{content:"";pointer-events:none;z-index:1;background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ffff08 2px 4px);position:absolute;inset:0}h1{font-size:4rem;line-height:1.1}h2{font-size:2.5rem;line-height:1.2}h3{font-size:1.75rem;line-height:1.3}@media(max-width:1199px)and (min-width:768px){h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.5rem}}@media(max-width:767px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}@media(min-width:1024px){.main-content-offset{margin-top:70px}html,body{overflow-x:hidden}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.arcade-cabinet{contain:layout paint;background:linear-gradient(#1a0033,#0a0e27);border:2px solid #00ffff4d;border-radius:8px 8px 0 0;width:80px;height:120px;position:absolute}.cabinet-screen{background:radial-gradient(circle,#00ffff4d,#0080ff1a);border:1px solid #00ffff80;height:50px;position:absolute;top:10px;left:10px;right:10px}.pixel-mountains{contain:layout paint;justify-content:space-around;align-items:flex-end;width:100%;height:200px;display:flex;position:absolute;bottom:0}.mountain{filter:blur(2px);border-bottom:150px solid #1a003366;border-left:150px solid #0000;border-right:150px solid #0000;width:0;height:0}.mountain-1{border-bottom-width:120px;margin-left:-100px}.mountain-2{border-bottom-width:180px}.mountain-3{border-bottom-width:140px;margin-right:-100px}@keyframes footer-gradient-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes footer-glow-pulse{0%,to{filter:drop-shadow(0 0 15px #0ff6)}50%{filter:drop-shadow(0 0 30px #ff10f0b3)}}.footer-viaje-premium{text-transform:uppercase;-webkit-text-fill-color:transparent;letter-spacing:.05em;background:linear-gradient(90deg,#0ff,#ff10f0,#ff0,#00ff41,#0ff) 0 0/300%;-webkit-background-clip:text;background-clip:text;width:100%;margin:0 auto;padding:3rem 0;font-family:"Press Start 2P",monospace;font-size:clamp(2rem,8vw,5rem);font-weight:900;line-height:normal;animation:4s linear infinite footer-gradient-flow,3s ease-in-out infinite footer-glow-pulse;display:block}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@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-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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}.header-bar{background:#0d1117f5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:3px solid rgba(0,128,255,.6);padding:1rem 1.5rem;position:sticky;top:0;z-index:40;box-shadow:0 4px 24px #0009}.header-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-logo-link{text-decoration:none}.header-logo{font-family:"Press Start 2P",monospace;font-size:1.4rem;color:#0080ff;letter-spacing:.06em;transition:color .25s ease,text-shadow .25s ease;margin:0}.header-logo:hover{color:#ff0;text-shadow:0 0 12px rgba(255,255,0,.8),0 0 24px rgba(255,255,0,.5)}.header-nav{display:flex;align-items:center;gap:2.5rem}.nav-link{font-family:"Press Start 2P",monospace;font-size:.65rem;color:#a0aec0;text-decoration:none;letter-spacing:.06em;position:relative;padding-bottom:4px;transition:color .2s ease}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:#0ff;transition:width .25s ease,left .25s ease;box-shadow:0 0 8px #0ffc}.nav-link:hover{color:#0ff}.nav-link:hover:after{width:100%;left:0}.nav-link-active{color:#ff0!important;text-shadow:0 0 8px rgba(255,255,0,.7),0 0 16px rgba(255,255,0,.4)}.nav-link-active:after{width:100%!important;left:0!important;background:#ff0!important;box-shadow:0 0 8px #ff0c!important}@media(max-width:768px){.header-bar{padding:.8rem 1rem}.header-logo{font-size:1rem}.header-nav{gap:1.2rem}.nav-link{font-size:.5rem;letter-spacing:.04em}}@media(max-width:480px){.header-bar{padding:.6rem .8rem}.header-logo{font-size:.85rem}.header-container{flex-direction:row;align-items:center;justify-content:space-between}.header-nav{gap:.6rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.header-nav::-webkit-scrollbar{display:none}.nav-link{font-size:.45rem;white-space:nowrap}}.game-hud{position:fixed;top:0;left:0;right:0;z-index:998;background:linear-gradient(180deg,#0f0f1ef2,#0f0f1ecc);border-bottom:3px solid rgba(0,255,255,.5);padding:1rem 2rem;display:flex;gap:2rem;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000080}.hud-section{display:flex;align-items:center;gap:.8rem}.progress-section{flex:1;max-width:300px}.progress-label{font-family:"Press Start 2P",monospace,system-ui;font-size:.6rem;color:#0ff;letter-spacing:.1em;white-space:nowrap}.progress-bar{flex:1;height:20px;background:#00000080;border:2px solid #00FFFF;border-radius:10px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#0ff,#ff10f0);box-shadow:0 0 10px #0ffc;position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-percentage{font-family:"Press Start 2P",monospace,system-ui;font-size:.7rem;color:#fff;min-width:45px;text-align:right}.level-section{flex-direction:column;align-items:flex-start;gap:.3rem}.level-label{font-family:"Press Start 2P",monospace,system-ui;font-size:.5rem;color:#888;letter-spacing:.1em}.level-value{font-family:"Press Start 2P",monospace,system-ui;font-size:.7rem;color:#ff10f0;letter-spacing:.05em;text-shadow:0 0 10px rgba(255,16,240,.6)}.quests-section{flex-direction:column;align-items:flex-start;gap:.5rem}.quests-label{font-family:"Press Start 2P",monospace,system-ui;font-size:.6rem;color:#0ff;letter-spacing:.1em}.quests-list{display:flex;gap:1rem}.quest-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .8rem;background:#0006;border:2px solid rgba(255,255,255,.2);border-radius:8px;transition:all .3s ease;cursor:pointer;position:relative}.quest-item:hover{border-color:#00ffff80;background:#00ffff0f}.quest-item:hover .quest-tooltip{opacity:1;transform:translateY(0);pointer-events:auto}.quest-item.complete{border-color:#00ff41;background:#00ff411a}.quest-icon{font-size:1.2rem}.quest-info{display:flex;flex-direction:column;gap:.2rem}.quest-label{font-size:.65rem;color:#fff;white-space:nowrap}.quest-progress-bar{width:80px;height:6px;background:#00000080;border:1px solid rgba(255,255,255,.3);border-radius:3px;overflow:hidden}.quest-progress-fill{height:100%;background:linear-gradient(90deg,#0ff,#00ff41)}.quest-count{font-size:.6rem;color:#0ff}.quest-check{font-size:1.2rem;color:#00ff41}.quest-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(6px);background:#0d1117f7;border:2px solid rgba(0,255,255,.5);color:#e0e0e0;font-size:.65rem;font-family:Poppins,sans-serif;line-height:1.4;padding:.5rem .8rem;border-radius:8px;white-space:nowrap;width:-moz-max-content;width:max-content;max-width:220px;white-space:normal;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:100;box-shadow:0 4px 20px #0009}.quest-tooltip-arrow{position:absolute;bottom:-7px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid rgba(0,255,255,.5)}@media(max-width:1200px){.game-hud{flex-wrap:wrap;gap:1rem}.quests-list{flex-direction:column;gap:.5rem}}@media(max-width:768px){.game-hud{padding:.6rem .8rem;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5rem}.progress-section{max-width:100%;flex:1 1 100%;order:1}.level-section{align-items:center;flex:0 1 auto;order:2}.quests-section{width:100%;order:3;align-items:stretch}.quests-list{flex-direction:row;overflow-x:auto;gap:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.quests-list::-webkit-scrollbar{display:none}.quest-item{flex-shrink:0;padding:.4rem .6rem}.quest-progress-bar{width:60px}.progress-bar{height:14px}}@media(max-width:480px){.game-hud{padding:.5rem .6rem;gap:.4rem}.progress-label{font-size:.5rem}.progress-percentage,.level-value{font-size:.6rem}.quests-label{font-size:.5rem}.quest-label{font-size:.55rem}.quest-count{font-size:.5rem}.quest-icon{font-size:1rem}}@media(prefers-reduced-motion:reduce){.progress-fill:after{animation:none}}@media(min-width:1024px){.game-hud{padding:.6rem 2.5rem;flex-wrap:nowrap;gap:2.5rem}.progress-section{max-width:280px;flex-shrink:0}.quests-section{flex-direction:row;align-items:center;gap:1rem}.quests-list{flex-direction:row;gap:.8rem}.level-section{flex-shrink:0}.quest-item{padding:.4rem .7rem}}@media(min-width:1400px){.game-hud{padding:.6rem 3rem}.progress-section{max-width:320px}}.my-run-toggle{position:fixed;bottom:2rem;right:2rem;z-index:999;display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#ff10f0,#ff6b35);border:3px solid #00FFFF;border-radius:50px;cursor:pointer;box-shadow:0 8px 32px #ff10f080,0 0 20px #0ff9;font-family:"Press Start 2P",monospace,system-ui;color:#fff}.my-run-icon{font-size:1.5rem}.my-run-count{background:#0f0f1e;color:#0ff;padding:.3rem .6rem;border-radius:50%;font-size:.8rem;min-width:30px;text-align:center}.my-run-label{font-size:.7rem;letter-spacing:.1em}.my-run-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.my-run-panel{position:fixed;top:0;right:0;width:100%;max-width:500px;height:100vh;background:linear-gradient(180deg,#1a1a2e,#0f0f1e);border-left:3px solid #00FFFF;box-shadow:-8px 0 32px #000c;z-index:1001;display:flex;flex-direction:column;overflow:hidden}.my-run-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:2px solid rgba(0,255,255,.3);background:#0000004d}.my-run-title{font-size:1.2rem;font-weight:700;color:#0ff;letter-spacing:.05em;text-shadow:0 0 10px rgba(0,255,255,.6)}.close-btn{background:#ff10f026;border:2px solid #FF10F0;color:#ff10f0;width:36px;height:36px;border-radius:8px;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;margin-left:auto}.close-btn:hover{background:#ff10f0;color:#0f0f1e;transform:rotate(90deg)}.my-run-content{flex:1;overflow-y:auto;padding:1.2rem 1.5rem;display:flex;flex-direction:column}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;gap:.5rem}.empty-icon{font-size:3.5rem;margin-bottom:.5rem}.empty-text{font-size:1.1rem;color:#fff;margin:0;font-weight:600}.empty-hint{font-size:.9rem;color:#888;margin:0;line-height:1.6}.my-run-events{flex:1;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.my-run-event{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#0006;border-left:4px solid;border-radius:8px;transition:all .3s ease}.my-run-event:hover{background:#0009;transform:translate(-5px)}.event-info{display:flex;align-items:center;gap:1rem;flex:1}.event-icon{font-size:2rem}.event-details{flex:1}.event-name{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.3rem}.event-time{font-size:.85rem;color:#0ff}.remove-btn{background:#ff10f01f;border:2px solid #FF10F0;color:#ff10f0;width:32px;height:32px;min-width:32px;min-height:32px;border-radius:8px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;line-height:1}.remove-btn:hover{background:#ff10f0;color:#0f0f1e}.my-run-actions{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:2px solid rgba(0,255,255,.3)}.action-btn{padding:1rem;border:3px solid;background:transparent;font-family:"Press Start 2P",monospace,system-ui;font-size:.7rem;letter-spacing:.05em;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.export-btn{border-color:#0ff;color:#0ff}.export-btn:hover{background:#0ff;color:#0f0f1e;box-shadow:0 0 20px #0ff9}.share-btn{border-color:#00ff41;color:#00ff41}.share-btn:hover{background:#00ff41;color:#0f0f1e;box-shadow:0 0 20px #00ff4199}.my-run-content::-webkit-scrollbar{width:8px}.my-run-content::-webkit-scrollbar-track{background:#0000004d}.my-run-content::-webkit-scrollbar-thumb{background:#0ff;border-radius:4px}.my-run-content::-webkit-scrollbar-thumb:hover{background:#ff10f0}@media(max-width:768px){.my-run-panel{max-width:100%}.my-run-toggle{bottom:1.2rem;right:1rem;padding:.7rem 1rem;gap:.4rem}.my-run-label{display:none}.my-run-icon{font-size:1.2rem}.my-run-count{font-size:.7rem;min-width:24px;padding:.2rem .4rem}}@media(max-width:480px){.my-run-toggle{bottom:1rem;right:.8rem;padding:.6rem .8rem}.my-run-icon{font-size:1.1rem}}