@font-face{font-family:DeterminationSans;src:url(https://a1k33cdn.17022008.xyz/fonts/SVN-Determination%20Sans.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}::selection{background-color:#06b6d4;color:#fff}.animate-spin{border-color:#06b6d4;border-top-color:transparent}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dark .scrollbar-thin::-webkit-scrollbar-thumb{background:#4b5563}.dark .scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#6b7280}.scroll-smooth{scroll-behavior:smooth}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.backdrop-blur-gradient-bottom{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(2px);mask-image:linear-gradient(to top,black 0%,black 30%,transparent 60%);-webkit-mask-image:linear-gradient(to top,black 0%,black 30%,transparent 60%)}.backdrop-blur-gradient-top{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(2px);mask-image:linear-gradient(to bottom,black 0%,black 30%,transparent 60%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 30%,transparent 60%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .2s ease-out}.animate-fade-in{animation:fade-in .3s ease-out}.animate-slideDown{animation:slideDown .3s ease-out}.animate-pageEnter{animation:pageEnter .3s ease-out}.page-transition{animation:pageEnter .2s ease-out}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-shimmer{animation:shimmer 2s infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .3s ease-out}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.6}}.animate-pulse-slow{animation:pulse-slow 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scaleIn .2s ease-out}.slider-vertical::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;box-shadow:0 2px 8px #667eea66;transition:all .2s ease}.slider-vertical::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #667eea99}.slider-vertical::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;border:none;box-shadow:0 2px 8px #667eea66;transition:all .2s ease}.slider-vertical::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #667eea99}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;box-shadow:0 2px 8px #667eea66;transition:all .2s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px #667eea99}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;border:none;box-shadow:0 2px 8px #667eea66;transition:all .2s ease}input[type=range]::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px #667eea99}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.pixel-text{font-family:DeterminationSans,monospace;image-rendering:pixelated;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeSpeed;letter-spacing:.02em}.pixel-art-container{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.pixel-button{font-family:DeterminationSans,monospace;font-size:.875rem;padding:.75rem 1.5rem;border:4px solid;position:relative;transition:all .1s ease;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;image-rendering:pixelated;box-shadow:4px 4px #00000040;letter-spacing:.02em}.pixel-button:hover{transform:translate(2px,2px);box-shadow:2px 2px #00000040}.pixel-button:active{transform:translate(4px,4px);box-shadow:0 0 #00000040}.pixel-button-primary{background:linear-gradient(180deg,#fbbf24,#f59e0b);border-color:#d97706;color:#78350f}.pixel-button-primary:hover{background:linear-gradient(180deg,#fcd34d,#fbbf24)}.pixel-button-secondary{background:linear-gradient(180deg,#94a3b8,#64748b);border-color:#475569;color:#1e293b}.pixel-button-secondary:hover{background:linear-gradient(180deg,#cbd5e1,#94a3b8)}.pixel-button-danger{background:linear-gradient(180deg,#f87171,#ef4444);border-color:#dc2626;color:#7f1d1d}.pixel-button-danger:hover{background:linear-gradient(180deg,#fca5a5,#f87171)}.pixel-button-success{background:linear-gradient(180deg,#4ade80,#22c55e);border-color:#16a34a;color:#14532d}.pixel-button-success:hover{background:linear-gradient(180deg,#86efac,#4ade80)}.pixel-box{border:4px solid;border-color:currentColor;box-shadow:4px 4px #00000040;image-rendering:pixelated}.drop-shadow-pixel{filter:drop-shadow(4px 4px 0 rgba(0,0,0,.25))}.dark .pixel-button-primary{background:linear-gradient(180deg,#d97706,#b45309);border-color:#92400e;color:#fef3c7}.dark .pixel-button-primary:hover{background:linear-gradient(180deg,#f59e0b,#d97706)}.dark .pixel-button-secondary{background:linear-gradient(180deg,#475569,#334155);border-color:#1e293b;color:#f1f5f9}.dark .pixel-button-secondary:hover{background:linear-gradient(180deg,#64748b,#475569)}.dark .pixel-button-danger{background:linear-gradient(180deg,#dc2626,#b91c1c);border-color:#991b1b;color:#fef2f2}.dark .pixel-button-danger:hover{background:linear-gradient(180deg,#ef4444,#dc2626)}.dark .pixel-button-success{background:linear-gradient(180deg,#16a34a,#15803d);border-color:#166534;color:#f0fdf4}.dark .pixel-button-success:hover{background:linear-gradient(180deg,#22c55e,#16a34a)}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.animate-shake{animation:shake .3s ease-in-out}.animate-shake[data-shake-intensity="1"]{animation:shake-light .5s ease-in-out}.animate-shake[data-shake-intensity="3"]{animation:shake-heavy .5s ease-in-out}@keyframes shake-light{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes shake-heavy{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-12px)}20%,40%,60%,80%{transform:translate(12px)}}@keyframes flash{0%,to{opacity:1;filter:brightness(1)}50%{opacity:1;filter:brightness(1.3)}}.animate-flash{animation:flash .3s ease-in-out}.animate-flash[style*=--flash-color]{animation:flash-colored .4s ease-in-out}@keyframes flash-colored{0%,to{opacity:1;box-shadow:none}50%{opacity:1;box-shadow:0 0 20px var(--flash-color, white)}}@keyframes zoom{0%{transform:scale(1)}50%{transform:scale(var(--zoom-scale, 1.15))}to{transform:scale(1)}}.animate-zoom{animation:zoom .4s cubic-bezier(.68,-.55,.265,1.55);transform-origin:center center}@keyframes particle-burst{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--tx, 0px)),calc(-50% + var(--ty, 0px))) scale(0);opacity:0}}.animate-particle{position:relative;overflow:visible}.particle-container{position:absolute;pointer-events:none;z-index:100}.particle{position:absolute;border-radius:50%;pointer-events:none}@keyframes critical-flash{0%,to{opacity:1;filter:brightness(1) saturate(1)}50%{opacity:1;filter:brightness(2) saturate(2);box-shadow:0 0 30px #ff6b6b}}.animate-critical{animation:critical-flash .3s ease-in-out}@keyframes defeat{0%{opacity:1;transform:scale(1) rotate(0)}50%{opacity:.5;transform:scale(.9) rotate(-5deg)}to{opacity:.3;transform:scale(.8) rotate(0);filter:grayscale(1)}}.animate-defeat{animation:defeat .8s ease-out forwards}@keyframes heal-pulse{0%,to{transform:scale(1);box-shadow:0 0 #4ade8000}50%{transform:scale(1.05);box-shadow:0 0 20px #4ade80cc}}.animate-heal{animation:heal-pulse .6s ease-in-out}@keyframes status-poison{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(90deg)}}.status-poison{animation:status-poison 1s ease-in-out infinite}@keyframes status-stun{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.status-stun{animation:status-stun .5s ease-in-out infinite}@keyframes status-burn{0%,to{filter:brightness(1)}50%{filter:brightness(1.3) saturate(1.5);box-shadow:0 0 15px #ef444499}}.status-burn{animation:status-burn .8s ease-in-out infinite}@keyframes turn-pulse{0%,to{box-shadow:0 0 #22c55eb3}50%{box-shadow:0 0 0 10px #22c55e00}}.animate-turn-pulse{animation:turn-pulse 1.5s ease-in-out infinite}@keyframes hp-damage{0%{background-color:#ef4444}to{background-color:currentColor}}.animate-hp-damage{animation:hp-damage .5s ease-out}@keyframes fp-usage{0%{background-color:#3b82f6}to{background-color:currentColor}}.animate-fp-usage{animation:fp-usage .5s ease-out}@keyframes damage-float{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-30px) scale(1.2)}to{opacity:0;transform:translateY(-60px) scale(.8)}}.animate-damage-float{animation:damage-float 1s ease-out forwards}@keyframes float-up{0%{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-40px) scale(1.1)}to{opacity:0;transform:translate(-50%,-80px) scale(.9)}}.floating-damage{animation:float-up 2s ease-out forwards;font-size:1.25rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);pointer-events:none;-webkit-user-select:none;user-select:none}.floating-damage.damage{color:#dc2626}.dark .floating-damage.damage{color:#f87171}.floating-damage.heal{color:#16a34a}.dark .floating-damage.heal{color:#4ade80}.floating-damage.critical{color:#dc2626;font-size:1.75rem;font-weight:900;text-shadow:3px 3px 6px rgba(0,0,0,.9)}.dark .floating-damage.critical{color:#f87171}.combat-character,.animate-shake,.animate-flash,.animate-zoom,.animate-particle{transform:translateZ(0);backface-visibility:hidden;perspective:1000px;will-change:transform,opacity}@media(prefers-reduced-motion:reduce){.animate-shake,.animate-flash,.animate-zoom,.animate-particle,.animate-critical,.animate-defeat,.animate-heal,.status-poison,.status-stun,.status-burn,.animate-turn-pulse,.animate-hp-damage,.animate-fp-usage,.animate-damage-float{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.touch-manipulation{touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.touch-feedback:active{transform:scale(.95);opacity:.8}.swipe-indicator{position:relative;overflow:hidden}.swipe-indicator:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .3s ease}.swipe-indicator.swiping:after{left:100%}.progressive-image{position:relative;overflow:hidden;background:linear-gradient(90deg,#f0f0f0,#e0e0e0,#f0f0f0);background-size:200% 100%;animation:shimmer 1.5s infinite}.dark .progressive-image{background:linear-gradient(90deg,#2a2a2a,#3a3a3a,#2a2a2a);background-size:200% 100%}.progressive-image img{opacity:0;transition:opacity .3s ease}.progressive-image img.loaded{opacity:1}.lazy-placeholder{background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6);background-size:200% 100%;animation:shimmer 1.5s infinite}.dark .lazy-placeholder{background:linear-gradient(90deg,#374151,#4b5563,#374151);background-size:200% 100%}.skeleton{background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.dark .skeleton{background:linear-gradient(90deg,#374151,#4b5563,#374151);background-size:200% 100%}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-text:last-child{width:60%}.skeleton-avatar{width:128px;height:128px;border-radius:4px}.skeleton-card{width:100%;height:200px;border-radius:8px}@media(max-width:640px){.pixel-text{font-size:.7rem;line-height:1.4}.pixel-button{font-size:.7rem;padding:.5rem 1rem;border-width:3px}.pixel-box{border-width:3px}.combat-character-container{transform:scale(.85)}.grid-cols-1{gap:.75rem}.pixel-art-container{padding:.75rem}.action-buttons-container{gap:.5rem}.status-effect-icon{width:16px;height:16px;font-size:10px}}@media(min-width:641px)and (max-width:1024px){.pixel-text,.pixel-button{font-size:.8rem}}@media(max-width:896px)and (orientation:landscape){.combat-view-container{padding-top:.5rem;padding-bottom:.5rem}.combat-log-container{max-height:40vh}.combat-character-container{transform:scale(.75)}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.pixel-art-container img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@supports (padding: max(0px)){.safe-area-top{padding-top:max(1rem,env(safe-area-inset-top))}.safe-area-bottom{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.safe-area-left{padding-left:max(1rem,env(safe-area-inset-left))}.safe-area-right{padding-right:max(1rem,env(safe-area-inset-right))}}.mobile-scroll-container{-webkit-overflow-scrolling:touch;overflow-y:auto;overscroll-behavior-y:contain}.no-pull-refresh{overscroll-behavior-y:contain;touch-action:pan-y pinch-zoom}.touch-none{touch-action:none;overscroll-behavior:none}.mobile-game-viewport{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;overscroll-behavior:none;touch-action:none}.touch-target{min-width:44px;min-height:44px}@keyframes swipe-left{0%{transform:translate(0)}50%{transform:translate(-20px)}to{transform:translate(0)}}@keyframes swipe-right{0%{transform:translate(0)}50%{transform:translate(20px)}to{transform:translate(0)}}.animate-swipe-left{animation:swipe-left .3s ease-out}.animate-swipe-right{animation:swipe-right .3s ease-out}.mobile-spinner{width:32px;height:32px;border-width:3px}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-reduced-data:reduce){.animate-shimmer,.skeleton{animation:none;background:#e5e7eb}.dark .skeleton{background:#4b5563}}@media(hover:none)and (pointer:coarse){.pixel-button:hover{transform:none;box-shadow:4px 4px #00000040}.pixel-button:active{transform:translate(3px,3px);box-shadow:1px 1px #00000040}.pixel-box:hover{transform:none;border-color:currentColor}.pixel-box:active{transform:scale(.98)}}.flappy-canvas,.flappy-sprite{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}@keyframes flappy-ghost-flash{0%,to{opacity:.5;filter:brightness(1.5) hue-rotate(0deg)}50%{opacity:.3;filter:brightness(2) hue-rotate(180deg)}}.flappy-ghost-effect{animation:flappy-ghost-flash .5s ease-in-out}@keyframes flappy-shield-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.flappy-shield-effect{animation:flappy-shield-pulse 1s ease-in-out infinite}@keyframes flappy-coin-particle{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx, 0),var(--ty, -50px)) scale(0);opacity:0}}.flappy-coin-particle{animation:flappy-coin-particle .6s ease-out forwards}@keyframes flappy-boss-warning{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.flappy-boss-warning{animation:flappy-boss-warning .5s ease-in-out infinite}@keyframes flappy-warning-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.flappy-warning-shake{animation:flappy-warning-shake .3s ease-in-out infinite}@keyframes flappy-coin-sparkle{0%,to{transform:rotate(0) scale(1);filter:brightness(1)}50%{transform:rotate(180deg) scale(1.2);filter:brightness(1.5)}}.flappy-coin-sparkle{animation:flappy-coin-sparkle 1s ease-in-out infinite}@keyframes flappy-boss-entrance{0%{transform:translate(100px) scale(.5);opacity:0}50%{transform:translate(0) scale(1.2);opacity:1}to{transform:translate(0) scale(1);opacity:1}}.flappy-boss-entrance{animation:flappy-boss-entrance .5s ease-out}@keyframes flappy-ability-ready{0%,to{box-shadow:0 0 #22c55eb3;transform:scale(1)}50%{box-shadow:0 0 0 10px #22c55e00;transform:scale(1.05)}}.flappy-ability-ready{animation:flappy-ability-ready 1.5s ease-in-out infinite}@keyframes flappy-score-popup{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:1}to{transform:scale(1);opacity:1}}.flappy-score-popup{animation:flappy-score-popup .3s ease-out}@keyframes flappy-game-over{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.flappy-game-over{animation:flappy-game-over .5s ease-out}@media(prefers-reduced-motion:reduce){.flappy-ghost-effect,.flappy-shield-effect,.flappy-coin-particle,.flappy-boss-warning,.flappy-warning-shake,.flappy-coin-sparkle,.flappy-boss-entrance,.flappy-ability-ready,.flappy-score-popup,.flappy-game-over{animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes draw-stroke{0%{stroke-dashoffset:300;opacity:0}10%{opacity:1}90%{opacity:1}to{stroke-dashoffset:0;opacity:.3}}.animate-draw-stroke,.animate-draw-stroke-delayed{animation:draw-stroke 4s ease-in-out infinite}@keyframes draw-circle{0%{stroke-dashoffset:94;opacity:0}30%{opacity:0}40%{opacity:1}90%{opacity:1}to{stroke-dashoffset:0;opacity:.3}}.animate-draw-circle{animation:draw-circle 4s ease-in-out infinite;animation-delay:1s}@keyframes draw-cross{0%,to{opacity:0;transform:scale(.5) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.animate-draw-cross{animation:draw-cross 3s ease-in-out infinite;animation-delay:2s}@keyframes combat-pulse{0%,to{transform:scale(.5);opacity:0}50%{transform:scale(2);opacity:.8}}.animate-combat-pulse,.animate-combat-pulse-delayed{animation:combat-pulse 1.5s ease-out infinite}@keyframes combat-strike{0%{transform:translate(-30px) scaleX(0);opacity:0}30%{opacity:1}70%{opacity:1}to{transform:translate(0) scaleX(1);opacity:0}}.animate-combat-strike{animation:combat-strike 1.2s ease-out infinite}@keyframes pixel-float{0%{transform:translate(0) rotate(0);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translate(-15px,-25px) rotate(90deg);opacity:0}}.animate-pixel-float{animation:pixel-float 2.5s ease-in-out infinite}@keyframes star-burst{0%,to{transform:scale(0);opacity:0}50%{transform:scale(1);opacity:1}}.animate-star-burst{animation:star-burst 1s ease-in-out infinite}@keyframes flappy-bird{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-12px) rotate(8deg)}}.animate-flappy-bird{animation:flappy-bird .8s ease-in-out infinite}@keyframes pipe-scroll{0%{transform:translate(0);opacity:1}90%{opacity:1}to{transform:translate(-120px);opacity:0}}.animate-pipe-scroll{animation:pipe-scroll 4s linear infinite}@keyframes coin-spin{0%{transform:scale(1) rotateY(0);opacity:1}50%{transform:scale(1.3) rotateY(180deg);opacity:.9}to{transform:scale(1) rotateY(360deg);opacity:1}}.animate-coin-spin{animation:coin-spin 1.5s ease-in-out infinite}@keyframes cloud-float{0%{transform:translate(0);opacity:.6}to{transform:translate(-150px);opacity:0}}.animate-cloud-float{animation:cloud-float 8s linear infinite}@media(prefers-reduced-motion:reduce){.animate-draw-stroke,.animate-draw-stroke-delayed,.animate-draw-circle,.animate-draw-cross,.animate-combat-pulse,.animate-combat-pulse-delayed,.animate-combat-strike,.animate-pixel-float,.animate-star-burst,.animate-flappy-bird,.animate-pipe-scroll,.animate-coin-spin,.animate-cloud-float{animation:none!important;opacity:.3!important}}