@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}:root{--pixel-green:#4ade80;--pixel-green-dark:#22c55e;--pixel-green-light:#6ee7b7;--pixel-gray-900:#1f2937;--pixel-gray-800:#374151;--pixel-gray-700:#4b5563;--pixel-gray-600:#6b7280;--pixel-gray-500:#9ca3af;--pixel-gray-400:#d1d5db;--pixel-gray-300:#e5e7eb;--pixel-gray-200:#f3f4f6;--pixel-gray-100:#f9fafb;--pixel-red:#ef4444;--pixel-red-dark:#dc2626;--pixel-blue:#3b82f6;--pixel-blue-dark:#2563eb;--pixel-yellow:#eab308;--pixel-yellow-dark:#ca8a04;--pixel-purple:#a855f7;--pixel-purple-dark:#9333ea;--pixel-orange:#f97316;--pixel-orange-dark:#ea580c;--pixel-font:"Courier New","Press Start 2P",monospace;--pixel-font-size-xs:10px;--pixel-font-size-sm:12px;--pixel-font-size-base:14px;--pixel-font-size-lg:16px;--pixel-font-size-xl:18px;--pixel-font-size-2xl:24px;--pixel-font-size-3xl:32px;--pixel-font-size-4xl:48px;--pixel-spacing-xs:4px;--pixel-spacing-sm:6px;--pixel-spacing:8px;--pixel-spacing-md:12px;--pixel-spacing-lg:0px;--pixel-spacing-xl:20px;--pixel-spacing-2xl:24px;--pixel-spacing-3xl:32px;--pixel-border:2px solid var(--pixel-green);--pixel-border-thick:4px solid var(--pixel-green);--pixel-border-red:2px solid var(--pixel-red);--pixel-border-blue:2px solid var(--pixel-blue);--pixel-border-yellow:2px solid var(--pixel-yellow);--pixel-glow:0 0 10px var(--pixel-green),0 0 20px var(--pixel-green),0 0 30px var(--pixel-green);--pixel-glow-red:0 0 10px var(--pixel-red),0 0 20px var(--pixel-red);--pixel-glow-blue:0 0 10px var(--pixel-blue),0 0 20px var(--pixel-blue);--pixel-gradient-bg:linear-gradient(to bottom,#312e81,#7c3aed,var(--pixel-gray-900));--pixel-gradient-green:linear-gradient(to right,var(--pixel-green),var(--pixel-green-dark));--pixel-gradient-header:linear-gradient(to right,var(--pixel-gray-900),var(--pixel-gray-800));--z-background:0;--z-content:10;--z-sidebar:15;--z-fixed:20;--z-modal:30;--z-notification:50}.pixel-border{border:var(--pixel-border);image-rendering:pixelated}.pixel-border-thick{border:var(--pixel-border-thick);image-rendering:pixelated}.pixel-border-red{border:var(--pixel-border-red);image-rendering:pixelated}.pixel-border-blue{border:var(--pixel-border-blue);image-rendering:pixelated}.pixel-border-yellow{border:var(--pixel-border-yellow);image-rendering:pixelated}.pixel-glow{text-shadow:var(--pixel-glow)}.pixel-glow-red{text-shadow:var(--pixel-glow-red)}.pixel-glow-blue{text-shadow:var(--pixel-glow-blue)}.pixel-grid{background-image:linear-gradient(90deg,#fff 1px,#0000 0),linear-gradient(#fff 1px,#0000 0);background-size:20px 20px;opacity:.05}.pixel-button{align-items:center;border:var(--pixel-border);cursor:pointer;display:inline-flex;font-family:var(--pixel-font);font-size:var(--pixel-font-size-base);font-weight:700;gap:var(--pixel-spacing-sm);image-rendering:pixelated;justify-content:center;letter-spacing:.1em;overflow:hidden;padding:var(--pixel-spacing) calc(var(--pixel-spacing)*2);position:relative;text-transform:uppercase;touch-action:manipulation;transition:all .3s ease;-webkit-user-select:none;user-select:none}.pixel-button:hover{box-shadow:0 0 10px var(--pixel-green),0 0 20px var(--pixel-green),0 0 30px #4ade804d;transform:scale(1.05)}.pixel-button:active{transform:scale(.98);transition:transform .1s ease}.pixel-button:before{animation:borderGlow 2s ease-in-out infinite;background:linear-gradient(45deg,var(--pixel-green),var(--pixel-green-light),var(--pixel-green),var(--pixel-green-dark));background-size:200% 200%;border-radius:inherit;content:"";inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.pixel-button:hover:before{opacity:.8}.pixel-button:after{background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg) translateX(-100%);transition:transform .6s ease;width:200%}.pixel-button:hover:after{transform:rotate(45deg) translateX(100%)}.pixel-button--active{background-color:var(--pixel-green);border-color:var(--pixel-green-dark);color:var(--pixel-gray-900);text-shadow:none}.pixel-button--inactive{background-color:var(--pixel-gray-900);border-color:var(--pixel-green);color:var(--pixel-green)}.pixel-button--hover{background-color:var(--pixel-green-dark);color:var(--pixel-gray-900);text-shadow:none}.pixel-button:disabled{background-color:var(--pixel-gray-600);border-color:var(--pixel-gray-500);color:var(--pixel-gray-400);cursor:not-allowed;opacity:.6}.health-bar{background-color:var(--pixel-gray-800);border:var(--pixel-border);height:16px;image-rendering:pixelated;overflow:hidden;position:relative;width:128px}.health-bar__fill{height:100%;image-rendering:pixelated;transition:width .5s ease}.health-bar__text{align-items:center;color:var(--pixel-gray-900);display:flex;font-family:var(--pixel-font);font-size:var(--pixel-font-size-xs);font-weight:700;inset:0;justify-content:center;position:absolute;text-shadow:1px 1px 0 #ffffff80}.pixel-input{background-color:var(--pixel-gray-900);border:var(--pixel-border);color:var(--pixel-green);font-family:var(--pixel-font);font-size:var(--pixel-font-size-base);image-rendering:pixelated;padding:var(--pixel-spacing-md);transition:background-color .2s,border-color .2s}.pixel-input:focus{background-color:var(--pixel-gray-700);border-color:var(--pixel-green-light);outline:none}.pixel-input::placeholder{color:var(--pixel-gray-500);font-family:var(--pixel-font)}.pixel-textarea{background-color:var(--pixel-gray-900);border:var(--pixel-border);color:var(--pixel-green);font-family:var(--pixel-font);font-size:var(--pixel-font-size-base);image-rendering:pixelated;padding:var(--pixel-spacing-md);resize:none;transition:background-color .2s,border-color .2s}.pixel-textarea:focus{background-color:var(--pixel-gray-700);border-color:var(--pixel-green-light);outline:none}.pixel-textarea::placeholder{color:var(--pixel-gray-500);font-family:var(--pixel-font)}.pixel-card{background-color:#374151cc;border:var(--pixel-border);image-rendering:pixelated;padding:var(--pixel-spacing-2xl);transition:background-color .2s}.pixel-card:hover{background-color:#374151e6}.pixel-card__header{background:var(--pixel-gradient-header);border-bottom:var(--pixel-border);margin:calc(var(--pixel-spacing-2xl)*-1) calc(var(--pixel-spacing-2xl)*-1) var(--pixel-spacing-2xl) calc(var(--pixel-spacing-2xl)*-1);padding:var(--pixel-spacing-lg)}.pixel-card__title{color:var(--pixel-green);font-family:var(--pixel-font);font-size:var(--pixel-font-size-xl);font-weight:700;margin:0}.dialogue-box{border:var(--pixel-border);border-radius:8px;image-rendering:pixelated;padding:var(--pixel-spacing-lg);position:relative}.dialogue-box,.dialogue-box:before{background-color:var(--pixel-gray-900)}.dialogue-box:before{border-left:var(--pixel-border);border-top:var(--pixel-border);content:"";height:16px;left:var(--pixel-spacing-lg);position:absolute;top:-2px;transform:rotate(45deg);width:16px}.dialogue-text{color:var(--pixel-gray-300);font-family:var(--pixel-font);font-size:var(--pixel-font-size-sm);line-height:1.5;margin:0}.dialogue-continue{animation:bounce 2s infinite;bottom:var(--pixel-spacing-sm);color:var(--pixel-green);font-family:var(--pixel-font);font-size:var(--pixel-font-size-xs);position:absolute;right:var(--pixel-spacing-md)}.skill-node{align-items:center;border:2px solid;border-radius:4px;cursor:pointer;display:flex;font-size:var(--pixel-font-size-2xl);font-weight:700;height:64px;image-rendering:pixelated;justify-content:center;position:relative;transform-origin:center;transition:all .3s ease;width:64px}.skill-node:hover{transform:scale(1.1)}.skill-node--unlocked{box-shadow:0 4px 8px #0000004d}.skill-node--locked{box-shadow:inset 0 2px 4px #0000004d;cursor:not-allowed;opacity:.5}.skill-node--selected{ring:4px solid #fff;transform:scale(1.1)}.skill-level-badge{align-items:center;background-color:var(--pixel-purple);border:2px solid var(--pixel-purple-dark);border-radius:50%;color:#fff;display:flex;font-size:var(--pixel-font-size-xs);font-weight:700;height:20px;justify-content:center;position:absolute;right:-4px;top:-4px;width:20px}.quest-card{background-color:#374151cc;border:var(--pixel-border);image-rendering:pixelated;padding:var(--pixel-spacing-2xl);transition:all .2s ease}.quest-card:hover{background-color:#374151e6;transform:translateY(-2px)}.quest-status{border:var(--pixel-border);font-family:var(--pixel-font);font-size:var(--pixel-font-size-xs);font-weight:700;image-rendering:pixelated;padding:var(--pixel-spacing-xs) var(--pixel-spacing-md)}.quest-status--complete{background-color:var(--pixel-green);border-color:var(--pixel-green-dark);color:var(--pixel-gray-900)}.quest-status--progress{background-color:var(--pixel-yellow);border-color:var(--pixel-yellow-dark);color:var(--pixel-gray-900)}.quest-status--planned{background-color:var(--pixel-gray-600);border-color:var(--pixel-gray-500);color:var(--pixel-gray-300)}.difficulty-badge{border:2px solid;border-radius:4px;font-family:var(--pixel-font);font-size:var(--pixel-font-size-xs);font-weight:700;padding:var(--pixel-spacing-xs) var(--pixel-spacing-sm);text-transform:uppercase}.difficulty-badge--novice{border-color:var(--pixel-gray-400);color:var(--pixel-gray-400)}.difficulty-badge--apprentice{border-color:var(--pixel-blue);color:var(--pixel-blue)}.difficulty-badge--adept{border-color:var(--pixel-purple);color:var(--pixel-purple)}.difficulty-badge--master{border-color:var(--pixel-yellow);color:var(--pixel-yellow)}.text-pixel{font-family:var(--pixel-font);image-rendering:pixelated}.bg-pixel-pattern{background-image:linear-gradient(45deg,var(--pixel-gray-800) 25%,#0000 25%),linear-gradient(-45deg,var(--pixel-gray-800) 25%,#0000 25%),linear-gradient(45deg,#0000 75%,var(--pixel-gray-800) 75%),linear-gradient(-45deg,#0000 75%,var(--pixel-gray-800) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.status-indicator{border-radius:50%;display:inline-block;height:8px;width:8px}.status-indicator--online{animation:pulse 2s infinite;background-color:var(--pixel-green)}.status-indicator--offline{background-color:var(--pixel-gray-500)}.status-indicator--busy{animation:pulse 2s infinite;background-color:var(--pixel-red)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes twinkle{0%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.3;transform:scale(.8)}}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-8px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-1px,0)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}@keyframes glow{0%{text-shadow:0 0 5px var(--pixel-green)}50%{text-shadow:0 0 20px var(--pixel-green),0 0 30px var(--pixel-green)}to{text-shadow:0 0 5px var(--pixel-green)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blinks{0%,to{opacity:1}50%{opacity:0}}@keyframes typewriterCursor{0%,to{opacity:1}50%{opacity:0}}@keyframes borderGlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes buttonPulse{0%,to{box-shadow:0 0 5px var(--pixel-green),0 0 10px var(--pixel-green),0 0 15px #4ade804d}50%{box-shadow:0 0 10px var(--pixel-green),0 0 20px var(--pixel-green),0 0 30px #4ade8080}}@keyframes pixelPop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes levelUp{0%{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.8;transform:scale(1.5) rotate(180deg)}to{opacity:1;transform:scale(1) rotate(1turn)}}@keyframes questComplete{0%{opacity:1;transform:translateY(0) scale(1)}25%{opacity:.9;transform:translateY(-20px) scale(1.1)}50%{opacity:.8;transform:translateY(-10px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gameNotificationEntrance{0%{opacity:0;transform:scale(.5) translateY(-50px)}50%{opacity:.8;transform:scale(1.1) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.animate-fade-in{animation:fadeIn .5s ease-in-out}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-fade-in-left{animation:fadeInLeft .5s ease-out}.animate-fade-in-right{animation:fadeInRight .5s ease-out}.animate-slide-in-down{animation:slideInDown .4s ease-out}.animate-slide-in-up{animation:slideInUp .4s ease-out}.animate-bounce{animation:bounce 2s infinite}.animate-bounce-slow{animation:bounce 3s infinite}.animate-pulse{animation:pulse 2s infinite}.animate-pulse-fast{animation:pulse 1s infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-rotate{animation:rotate 2s linear infinite}.animate-rotate-slow{animation:rotate 4s linear infinite}.animate-scale-in{animation:scaleIn .3s ease-out}.animate-typewriter{animation:typewriter 2s steps(40)}.animate-blink{animation:blinks 1s infinite}.animate-typewriter-cursor{animation:typewriterCursor 1s infinite}.animate-button-pulse{animation:buttonPulse 2s ease-in-out infinite}.animate-border-glow{animation:borderGlow 2s ease-in-out infinite}.animate-pixel-pop{animation:pixelPop .3s ease-in-out}.animate-level-up{animation:levelUp 1s ease-in-out}.animate-quest-complete{animation:questComplete .8s ease-in-out}.animate-sparkle{animation:sparkle 1.5s ease-in-out infinite}.twinkle{animation:twinkle 2s infinite alternate;animation:twinkle var(--duration,2s) infinite alternate}.star-field{animation:float 6s ease-in-out infinite}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-500{animation-delay:.5s}.animate-delay-700{animation-delay:.7s}.animate-delay-1000{animation-delay:1s}.hover-scale:hover{transform:scale(1.05);transition:transform .2s ease}.hover-scale-sm:hover{transform:scale(1.02);transition:transform .2s ease}.hover-scale-lg:hover{transform:scale(1.1);transition:transform .2s ease}.hover-float:hover{transform:translateY(-4px);transition:transform .2s ease}.hover-glow:hover{text-shadow:var(--pixel-glow);transition:text-shadow .2s ease}.hover-rotate:hover{transform:rotate(5deg);transition:transform .2s ease}.animate-gpu{backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}@media (prefers-reduced-motion:reduce){.animate-bounce,.animate-fade-in,.animate-float,.animate-glow,.animate-pulse,.twinkle{animation:none}.hover-float:hover,.hover-rotate:hover,.hover-scale:hover{transform:none}}.navigation{background-color:#111827f2;border-bottom:2px solid #4ade80;min-height:80px;padding:16px 24px;position:relative;z-index:10}.navigation__container{margin:0 auto;max-width:1152px}.navigation__mobile{display:block}.navigation__character-info{align-items:center;display:flex;flex:1 1;gap:8px;max-width:calc(100% - 120px)}.navigation__avatar{align-items:center;background-color:#374151;border:2px solid #4ade80;border-radius:50%;display:flex;font-size:14px;height:32px;justify-content:center;transition:transform .2s ease;width:32px}.navigation__avatar:hover{transform:scale(1.1)}.navigation__avatar--desktop{cursor:pointer;font-size:20px;height:48px;width:48px}.navigation__character-name{color:#4ade80;font-family:Courier New,monospace;font-size:14px;font-weight:700;text-shadow:0 0 10px #4ade80}.navigation__character-name--desktop{font-size:18px}.navigation__level-badge{background-color:#374151;border:1px solid #eab308;border-radius:4px;color:#eab308;font-family:Courier New,monospace;font-size:10px;margin-right:4px;padding:2px 4px}.navigation__level-badge--desktop{padding:4px 8px}.navigation__status-dot{animation:pulse 2s infinite;background-color:#4ade80;border-radius:50%;height:8px;width:8px}.navigation__character-title{color:#22c55e;font-family:Courier New,monospace;font-size:.7rem}.navigation__mobile-menu{background-color:#374151f2;border:2px solid #4ade80;border-radius:8px;margin-top:8px;overflow:hidden;padding:12px;transition:all .3s ease-in-out}.navigation__mobile-menu--closed{margin-top:0;max-height:0;opacity:0;padding:0 12px}.navigation__mobile-menu--open{max-height:auto;opacity:1}.navigation__mobile-character{border-bottom:1px solid #6b7280;margin-bottom:16px;padding-bottom:12px;text-align:center}.navigation__mobile-character-avatar{font-size:32px;margin-bottom:8px}.navigation__mobile-nav-grid{grid-gap:8px;display:grid;gap:8px}.navigation__mobile-nav-button{background-color:#1f2937;border:2px solid #4ade80;color:#4ade80;cursor:pointer;font-family:Courier New,monospace;font-size:14px;font-weight:700;padding:12px;text-align:left;text-transform:uppercase;transition:all .2s ease;width:100%}.navigation__mobile-nav-button:hover{background-color:#374151}.navigation__mobile-nav-button--active{background-color:#4ade80;color:#1f2937}.navigation__mobile-nav-icon{font-size:16px;margin-right:8px}.navigation__mobile-stats{grid-gap:8px;border-top:1px solid #6b7280;display:grid;font-family:Courier New,monospace;font-size:10px;gap:8px;grid-template-columns:1fr 1fr;margin-top:16px;padding-top:12px}.navigation__mobile-stat{text-align:center}.navigation__mobile-stat-value{font-weight:700}.navigation__mobile-stat-value--green{color:#4ade80}.navigation__mobile-stat-value--blue{color:#3b82f6}.navigation__mobile-stat-label{color:#9ca3af}.navigation__desktop{align-items:center;display:flex;justify-content:space-between}.navigation__desktop-character{align-items:center;display:flex;gap:16px}.navigation__desktop-character-info{align-items:center;display:flex;gap:8px}.navigation__desktop-nav-buttons{display:flex;flex-wrap:wrap;gap:8px}.navigation__desktop-nav-button{background-color:#1f2937;border:2px solid #4ade80;color:#4ade80;cursor:pointer;font-family:Courier New,monospace;font-size:14px;font-weight:700;overflow:hidden;padding:8px 16px;position:relative;text-transform:uppercase;transition:all .2s ease}.navigation__desktop-nav-button:hover{background-color:#22c55e;box-shadow:0 0 10px #4ade80;color:#1f2937;transform:scale(1.05)}.navigation__desktop-nav-button--active{background-color:#4ade80;border-color:#22c55e;color:#1f2937}.navigation__hide-mobile{display:flex}.navigation__hide-desktop{display:none}@media (max-width:767px){.navigation__hide-mobile{display:none}.navigation__hide-desktop{display:block}.navigation{padding:16px}}@media (min-width:768px){.navigation{padding:24px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.navigation__avatar,.navigation__desktop-nav-button,.navigation__mobile-menu{transition:none}.navigation__status-dot{animation:none}}.navigation__desktop-nav-button:focus,.navigation__menu-button:focus,.navigation__mobile-nav-button:focus{outline:2px solid #4ade80;outline-offset:2px}@media (prefers-contrast:high){.navigation{background-color:#000;border-bottom-color:#0f0}.navigation__character-name,.navigation__desktop-nav-button,.navigation__menu-button,.navigation__mobile-nav-button{border-color:#0f0;color:#0f0}}.navigation__mobile-setting-toggle{background-color:#374151;border:1px solid #6b7280;border-radius:2px;color:#9ca3af;cursor:pointer;font-family:Courier New,monospace;font-size:8px;font-weight:700;margin-left:8px;min-width:28px;padding:4px 8px;transition:all .2s ease}.navigation__mobile-setting-toggle:hover{background-color:#4b5563}.navigation__mobile-setting-toggle--on{background-color:#4ade80;border-color:#22c55e;color:#1f2937}.navigation__character-details{display:flex;flex-direction:column;min-width:0}.navigation__control-button:focus,.navigation__mobile-setting-toggle:focus{outline:2px solid #4ade80;outline-offset:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.navigation__audio-toggle{align-items:center;display:flex}.navigation__mobile-settings{animation:fadeInUp .3s ease-out;border-top:1px solid #6b7280;margin-top:16px;padding-top:12px}.navigation__mobile-settings-title{color:#4ade80;font-family:Courier New,monospace;font-size:12px;font-weight:700;margin-bottom:12px;text-align:center}.navigation__mobile-settings-grid{grid-gap:8px;display:grid;gap:8px}.navigation__mobile-setting-audio{align-items:center;display:flex;flex-shrink:0;margin-left:8px}.navigation__mobile-audio-toggle{border-radius:2px!important;font-size:10px!important;height:20px!important;margin:0!important;padding:2px 4px!important;position:static!important;width:28px!important}.navigation__menu-button{align-items:center;background-color:#1f2937;border:2px solid #4ade80;border-radius:4px;color:#4ade80;cursor:pointer;display:flex;font-family:Courier New,monospace;font-size:12px;font-weight:700;height:32px;justify-content:center;padding:0;text-transform:uppercase;transition:all .2s ease;width:32px}.navigation__mobile-setting{align-items:center;background-color:#37415180;border:1px solid #6b7280;border-radius:4px;display:flex;justify-content:space-between;min-height:36px;padding:8px 12px}.navigation__mobile-setting-label{color:#9ca3af;flex-shrink:0;font-family:Courier New,monospace;font-size:10px;font-weight:700}.navigation__mobile-controls{align-items:center;display:flex;gap:8px}.navigation__control-button{align-items:center;background-color:#1f2937;border:2px solid #4ade80;border-radius:4px;color:#4ade80;cursor:pointer;display:flex;font-family:Courier New,monospace;font-size:12px;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.navigation__control-button:hover{background-color:#374151;transform:scale(1.05)}.navigation__control-button--active{background-color:#4ade80;box-shadow:0 0 8px #4ade804d;color:#1f2937}.navigation__audio-button{align-items:center!important;background-color:#1f2937!important;border:2px solid #4ade80!important;border-radius:4px!important;box-shadow:none!important;color:#4ade80!important;cursor:pointer!important;display:flex!important;font-family:Courier New,monospace!important;font-size:12px!important;font-weight:700!important;height:32px!important;justify-content:center!important;margin:0!important;outline:none!important;padding:0!important;position:static!important;text-transform:uppercase!important;transition:all .2s ease!important;width:32px!important}.navigation__audio-button:hover{background-color:#374151!important;border-color:#4ade80!important;color:#4ade80!important;transform:scale(1.05)!important}.navigation__audio-button.pixel-button--active,.navigation__audio-button[style*="background-color: rgb(74, 222, 128)"]{background-color:#4ade80!important;border-color:#22c55e!important;box-shadow:0 0 8px #4ade804d!important;color:#1f2937!important}.navigation__audio-button.pixel-button--active:hover,.navigation__audio-button[style*="background-color: rgb(74, 222, 128)"]:hover{background-color:#22c55e!important;color:#1f2937!important;transform:scale(1.05)!important}.navigation__menu-button:hover{background-color:#374151;transform:scale(1.05)}.navigation__menu-button--active{background-color:#4ade80;color:#1f2937}.navigation__mobile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;min-height:40px}*{-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}*,:after,:before{box-sizing:border-box;image-rendering:pixelated}html{font-size:16px;scroll-behavior:smooth}body{background:var(--pixel-gradient-bg);color:var(--pixel-gray-300);font-family:var(--pixel-font);font-size:var(--pixel-font-size-base);image-rendering:pixelated;line-height:1.4;margin:0;min-height:100vh;overflow-x:hidden;padding:0}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--pixel-gray-900);border:1px solid var(--pixel-gray-700)}::-webkit-scrollbar-thumb{background:var(--pixel-green);border:1px solid var(--pixel-green-dark)}::-webkit-scrollbar-thumb:hover{background:var(--pixel-green-dark)}html{scrollbar-color:var(--pixel-green) var(--pixel-gray-900);scrollbar-width:thin}h1,h2,h3,h4,h5,h6{font-family:var(--pixel-font);font-weight:700;image-rendering:pixelated;line-height:1.2;margin:0 0 var(--pixel-spacing-lg) 0}h1{font-size:var(--pixel-font-size-4xl)}h1,h2{color:var(--pixel-green)}h2{font-size:var(--pixel-font-size-3xl)}h3{font-size:var(--pixel-font-size-2xl)}h3,h4{color:var(--pixel-green)}h4{font-size:var(--pixel-font-size-xl)}h5{font-size:var(--pixel-font-size-lg)}h5,h6{color:var(--pixel-green)}h6{font-size:var(--pixel-font-size-base)}p{line-height:1.6;margin:0 0 var(--pixel-spacing-lg) 0}a{color:var(--pixel-green);font-family:var(--pixel-font);text-decoration:none;transition:color .2s ease}a:hover{color:var(--pixel-green-light);text-shadow:var(--pixel-glow)}a:focus{outline:2px solid var(--pixel-green);outline-offset:2px}b,strong{color:var(--pixel-green);font-weight:700}em,i{color:var(--pixel-gray-200);font-style:italic}code{background-color:var(--pixel-gray-800);border:1px solid var(--pixel-gray-600);border-radius:2px;padding:var(--pixel-spacing-xs) var(--pixel-spacing-sm)}code,pre{color:var(--pixel-green);font-family:var(--pixel-font);font-size:var(--pixel-font-size-sm)}pre{background-color:var(--pixel-gray-900);border:var(--pixel-border);border-radius:4px;line-height:1.4;overflow-x:auto;padding:var(--pixel-spacing-lg)}pre code{background:none;border:none;padding:0}ol,ul{margin:0 0 var(--pixel-spacing-lg) 0;padding-left:var(--pixel-spacing-2xl)}li{font-family:var(--pixel-font);margin-bottom:var(--pixel-spacing-sm)}ul li::marker{color:var(--pixel-green);content:"▸ ";font-weight:700}ol li::marker{color:var(--pixel-green);font-weight:700}button,input,select,textarea{font-family:var(--pixel-font);image-rendering:pixelated}input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],select,textarea{background-color:var(--pixel-gray-900);border:var(--pixel-border);color:var(--pixel-green);font-size:var(--pixel-font-size-base);padding:var(--pixel-spacing-md);transition:background-color .2s,border-color .2s;width:100%}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{background-color:var(--pixel-gray-700);border-color:var(--pixel-green-light);outline:none}input::placeholder,textarea::placeholder{color:var(--pixel-gray-500);font-family:var(--pixel-font)}label{color:var(--pixel-green);display:block;font-weight:700;margin-bottom:var(--pixel-spacing-sm)}label,table{font-family:var(--pixel-font);font-size:var(--pixel-font-size-sm)}table{border-collapse:collapse;margin-bottom:var(--pixel-spacing-2xl);width:100%}td,th{border:1px solid var(--pixel-gray-600);padding:var(--pixel-spacing-md);text-align:left}th{background-color:var(--pixel-gray-800);color:var(--pixel-green);font-weight:700}td{background-color:var(--pixel-gray-900);color:var(--pixel-gray-300)}tr:hover td{background-color:var(--pixel-gray-700)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--pixel-font)}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.leading-loose{line-height:2}.text-green{color:var(--pixel-green)}.text-red{color:var(--pixel-red)}.text-blue{color:var(--pixel-blue)}.text-yellow{color:var(--pixel-yellow)}.text-purple{color:var(--pixel-purple)}.text-gray-300{color:var(--pixel-gray-300)}.text-gray-400{color:var(--pixel-gray-400)}.text-gray-500{color:var(--pixel-gray-500)}.bg-transparent{background-color:initial}.bg-gray-800{background-color:var(--pixel-gray-800)}.bg-gray-900{background-color:var(--pixel-gray-900)}.m-0{margin:0}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.p-0{padding:0}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.z-0{z-index:var(--z-background)}.z-10{z-index:var(--z-content)}.z-20{z-index:var(--z-fixed)}.z-30{z-index:var(--z-modal)}.z-50{z-index:var(--z-notification)}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-auto{overflow:auto}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.rounded{border-radius:4px}.rounded-lg{border-radius:8px}.rounded-full{border-radius:50%}.shadow{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}@media (min-width:768px){html{font-size:18px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:text-left{text-align:left}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2/span 2}}@media (min-width:1280px){.max-w-6xl{max-width:72rem}}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--pixel-green);outline-offset:2px}@media (prefers-contrast:high){:root{--pixel-green:#0f0;--pixel-gray-900:#000;--pixel-gray-300:#fff}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.no-print{display:none!important}body{background:#fff!important;color:#000!important}.pixel-border{border:1px solid #000!important}}:root{--mobile-spacing-xs:2px;--mobile-spacing-sm:4px;--mobile-spacing:6px;--mobile-spacing-md:8px;--mobile-spacing-lg:12px;--mobile-spacing-xl:16px;--mobile-spacing-2xl:20px;--mobile-font-size-xs:8px;--mobile-font-size-sm:10px;--mobile-font-size-base:12px;--mobile-font-size-lg:14px;--mobile-font-size-xl:16px;--mobile-font-size-2xl:20px;--mobile-font-size-3xl:24px;--mobile-font-size-4xl:32px}@media (max-width:767px){html{font-size:14px}body{font-size:12px;font-size:var(--mobile-font-size-base);line-height:1.4}h1{font-size:32px;font-size:var(--mobile-font-size-4xl);line-height:1.1;margin-bottom:12px;margin-bottom:var(--mobile-spacing-lg)}h2{font-size:24px;font-size:var(--mobile-font-size-3xl)}h2,h3{line-height:1.2;margin-bottom:8px;margin-bottom:var(--mobile-spacing-md)}h3{font-size:20px;font-size:var(--mobile-font-size-2xl)}h4{font-size:16px;font-size:var(--mobile-font-size-xl);line-height:1.3;margin-bottom:6px;margin-bottom:var(--mobile-spacing)}.mobile-padding-sm{padding:8px;padding:var(--mobile-spacing-md)}.mobile-padding{padding:12px;padding:var(--mobile-spacing-lg)}.mobile-padding-lg{padding:16px;padding:var(--mobile-spacing-xl)}.mobile-margin-sm{margin:8px;margin:var(--mobile-spacing-md)}.mobile-margin{margin:12px;margin:var(--mobile-spacing-lg)}.mobile-text-xs{font-size:8px;font-size:var(--mobile-font-size-xs)}.mobile-text-sm{font-size:10px;font-size:var(--mobile-font-size-sm)}.mobile-text-base{font-size:12px;font-size:var(--mobile-font-size-base)}.mobile-text-lg{font-size:14px;font-size:var(--mobile-font-size-lg)}.mobile-stack{flex-direction:column;gap:8px;gap:var(--mobile-spacing-md)}.mobile-full-width{width:100%}.mobile-center{text-align:center}.mobile-hidden{display:none}.mobile-only{display:block}}@media (min-width:768px) and (max-width:1023px){html{font-size:16px}.tablet-grid-2{gap:var(--pixel-spacing-lg);grid-template-columns:repeat(2,1fr)}.tablet-padding{padding:var(--pixel-spacing-xl)}}@media (min-width:1024px){.desktop-grid-3{grid-template-columns:repeat(3,1fr)}.desktop-grid-4{grid-template-columns:repeat(4,1fr)}.mobile-only{display:none}}@media (min-width:1280px){html{font-size:18px}}@media (max-width:767px){.pixel-button{font-size:10px;font-size:var(--mobile-font-size-sm);min-height:44px;min-width:44px;padding:6px 12px;padding:var(--mobile-spacing) var(--mobile-spacing-lg)}.pixel-button--mobile-full{justify-content:center;width:100%}.pixel-button--mobile-compact{font-size:8px;font-size:var(--mobile-font-size-xs);min-height:36px;padding:4px 6px;padding:var(--mobile-spacing-sm) var(--mobile-spacing)}.health-bar{height:12px;width:96px}.health-bar__text{font-size:8px;font-size:var(--mobile-font-size-xs)}.pixel-card{margin-bottom:8px;margin-bottom:var(--mobile-spacing-md);padding:12px;padding:var(--mobile-spacing-lg)}.pixel-card__header{margin:-12px -12px 8px;margin:calc(var(--mobile-spacing-lg)*-1) calc(var(--mobile-spacing-lg)*-1) var(--mobile-spacing-md) calc(var(--mobile-spacing-lg)*-1);padding:8px;padding:var(--mobile-spacing-md)}.pixel-card__title{font-size:14px;font-size:var(--mobile-font-size-lg)}input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],select,textarea{font-size:12px;font-size:var(--mobile-font-size-base);min-height:44px;padding:8px;padding:var(--mobile-spacing-md)}textarea{min-height:120px}label{margin-bottom:4px;margin-bottom:var(--mobile-spacing-sm)}.dialogue-box,label{font-size:10px;font-size:var(--mobile-font-size-sm)}.dialogue-box{padding:8px;padding:var(--mobile-spacing-md)}.dialogue-box:before{left:8px;left:var(--mobile-spacing-md)}.dialogue-text{font-size:10px;font-size:var(--mobile-font-size-sm);line-height:1.4}.skill-node{font-size:14px;font-size:var(--mobile-font-size-lg);height:48px;width:48px}.skill-level-badge{font-size:8px;font-size:var(--mobile-font-size-xs);height:16px;right:-2px;top:-2px;width:16px}a,button,input,select,textarea{min-height:44px;min-width:44px}.touch-spacing>*+*{margin-top:8px;margin-top:var(--mobile-spacing-md)}input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],select,textarea{font-size:16px}.mobile-grid-1{grid-gap:8px;grid-gap:var(--mobile-spacing-md);display:grid;grid-template-columns:1fr}.mobile-flex-col,.mobile-grid-1{gap:8px;gap:var(--mobile-spacing-md)}.mobile-flex-col{display:flex;flex-direction:column}.mobile-flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;gap:var(--mobile-spacing)}.mobile-relative{position:relative}.mobile-absolute{position:absolute}.mobile-fixed{position:fixed}.mobile-static{position:static}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:3px solid var(--pixel-green);outline-offset:2px}.pixel-glow{text-shadow:0 0 8px var(--pixel-green)}}@media (max-width:767px){@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@media (max-width:767px){.animate-gpu{will-change:auto}.animate-bounce,.animate-float,.animate-rotate{animation:none}.animate-fade-in{animation:fadeIn .3s ease-in-out}.animate-pulse{animation:pulse 2s infinite}}
/*# sourceMappingURL=main.d53f3d72.css.map*/