*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Courier New,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff}code{font-family:Courier New,monospace}.App{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#000}.game-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#000;padding:20px;min-height:100vh;max-height:100vh;overflow:hidden;box-sizing:border-box}.game-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;flex-shrink:0}@media (pointer: coarse){.game-header{margin-bottom:5px}}.header-left{display:flex;flex-direction:row;align-items:center;gap:10px}.header-avatar{width:70px;height:70px;border-radius:4px;border:2px solid #FFD700;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;flex-shrink:0}@media (pointer: coarse){.header-avatar{width:56px;height:56px}}.header-right{display:flex;flex-direction:row;align-items:center;gap:10px}.score{color:gold;font-size:18px;font-weight:700;font-family:Courier New,monospace}.power-mode-indicator{color:#0ff;font-size:16px;font-weight:700;font-family:Courier New,monospace;animation:blink .5s infinite}.audio-toggle-button{background-color:#2121de;color:gold;border:2px solid #FFD700;padding:5px 10px;font-size:18px;font-family:Courier New,monospace;cursor:pointer;transition:background-color .2s,transform .1s;border-radius:3px;min-width:40px;height:32px;display:flex;align-items:center;justify-content:center}.audio-toggle-button:hover{background-color:#2a2aff;transform:scale(1.05)}.audio-toggle-button:active{background-color:#1a1acc;transform:scale(.95)}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.maze-container{position:relative;flex-shrink:0}.maze{border-style:solid;border-color:#2121de;background-color:#000;display:grid;gap:0}.maze-win-gif{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:500;pointer-events:none;opacity:1;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.cell{position:relative;display:flex;align-items:center;justify-content:center}.cell-type-0{background-color:#000}.cell-type-1{background-color:#2121de}.cell-type-2,.cell-type-3{background-color:#000}.dot{border-radius:50%;background-color:#ffb8ff;position:absolute}.power-pellet{border-radius:50%;background-color:#ffb8ff;position:absolute;animation:pulse .5s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.pacman{background-color:#ff0;border-radius:50%;position:absolute}.pacman.pacman-right.mouth-open{clip-path:polygon(50% 50%,100% 0%,100% 100%)}.pacman.pacman-right.mouth-closed{clip-path:circle(50%)}.pacman.pacman-left.mouth-open{clip-path:polygon(50% 50%,0% 0%,0% 100%)}.pacman.pacman-left.mouth-closed{clip-path:circle(50%)}.pacman.pacman-up.mouth-open{clip-path:polygon(50% 50%,0% 0%,100% 0%)}.pacman.pacman-up.mouth-closed{clip-path:circle(50%)}.pacman.pacman-down.mouth-open{clip-path:polygon(50% 50%,0% 100%,100% 100%)}.pacman.pacman-down.mouth-closed{clip-path:circle(50%)}.ghost{position:absolute;display:flex;align-items:flex-start;justify-content:center}.ghost.scared{animation:blink-scared .5s infinite}@keyframes blink-scared{0%,to{opacity:1}50%{opacity:.5}}.ghost-emotion-fear{box-shadow:0 0 8px #f009;animation:fear-pulse 2s ease-in-out infinite}@keyframes fear-pulse{0%,to{box-shadow:0 0 8px #f009}50%{box-shadow:0 0 12px #ff0000e6}}.ghost-emotion-anxiety{box-shadow:0 0 8px #ffb8ff99;animation:anxiety-shake .3s ease-in-out infinite}@keyframes anxiety-shake{0%,to{transform:translate(0)}25%{transform:translate(-1px)}75%{transform:translate(1px)}}.ghost-emotion-stress{box-shadow:0 0 8px #0ff9;animation:stress-flicker 1.5s ease-in-out infinite}@keyframes stress-flicker{0%,to{opacity:1;box-shadow:0 0 8px #0ff9}50%{opacity:.85;box-shadow:0 0 10px #0ffc}}.ghost-emotion-doubt{box-shadow:0 0 8px #ffb85199;animation:doubt-fade 2.5s ease-in-out infinite}@keyframes doubt-fade{0%,to{opacity:1;box-shadow:0 0 8px #ffb85199}50%{opacity:.7;box-shadow:0 0 6px #ffb85166}}.ghost.scared.ghost-emotion-fear,.ghost.scared.ghost-emotion-anxiety,.ghost.scared.ghost-emotion-stress,.ghost.scared.ghost-emotion-doubt{animation:blink-scared .5s infinite;box-shadow:0 0 8px #2121de99}.ghost-eye{background-color:#fff;border-radius:50%;position:absolute}.ghost-pupil{background-color:#000;border-radius:50%;position:absolute;top:25%;left:25%}.ghost-emotion-label{position:absolute;left:50%;transform:translate(-50%);color:#ff0;font-family:Courier New,monospace;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);white-space:nowrap;pointer-events:none;z-index:10;letter-spacing:1px}.ghost-emotion-fear .ghost-emotion-label{color:red;text-shadow:0 0 8px rgba(255,0,0,.8),2px 2px 4px rgba(0,0,0,.8)}.ghost-emotion-anxiety .ghost-emotion-label{color:#ffb8ff;text-shadow:0 0 8px rgba(255,184,255,.8),2px 2px 4px rgba(0,0,0,.8)}.ghost-emotion-stress .ghost-emotion-label{color:#0ff;text-shadow:0 0 8px rgba(0,255,255,.8),2px 2px 4px rgba(0,0,0,.8)}.ghost-emotion-doubt .ghost-emotion-label{color:#ffb851;text-shadow:0 0 8px rgba(255,184,81,.8),2px 2px 4px rgba(0,0,0,.8)}.ghost.scared .ghost-emotion-label{opacity:.6}.controls-instruction{color:#fff;font-size:14px;font-family:Courier New,monospace;margin-top:10px;flex-shrink:0}@media (pointer: coarse){.controls-instruction{font-size:12px;margin-top:5px}}.mobile-bottom-container{width:100%;display:flex;flex-direction:column}.message-legend-container{flex-shrink:0;width:100%;max-width:800px}@media (pointer: coarse){.mobile-bottom-container{flex-direction:row;gap:10px;margin-top:10px;align-items:flex-start}.message-legend-container{flex:1;min-height:160px;max-height:160px;display:flex;align-items:center;justify-content:center;margin-top:0;max-width:none}.touch-controls{flex-shrink:0;margin-top:0;margin-bottom:0}}.touch-controls{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:20px;margin-bottom:10px;flex-shrink:0}@media (pointer: coarse){.touch-controls{margin-top:5px;margin-bottom:15px;padding-bottom:10px;gap:5px}}.direction-button-row{display:flex;gap:5px}@media (pointer: coarse){.direction-button-row{gap:5px}}.direction-button{background-color:#2121de;color:gold;border:2px solid #FFD700;padding:15px 20px;font-size:24px;font-weight:700;font-family:Courier New,monospace;cursor:pointer;transition:background-color .2s,transform .1s;border-radius:5px;min-width:60px;min-height:60px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (pointer: coarse){.direction-button{padding:10px 15px;font-size:20px;min-width:50px;min-height:50px}}.direction-button:hover{background-color:#2a2aff;transform:scale(1.05)}.direction-button:active{background-color:#1a1acc;transform:scale(.95)}@media (hover: hover) and (pointer: fine){.touch-controls{display:none}}@media (pointer: coarse){.touch-controls{display:flex}.game-container{padding:10px 10px 20px}.score{font-size:14px}.power-mode-indicator{font-size:12px}}.ghost-legend{margin-top:20px;padding:15px;background-color:#000000b3;border:2px solid #2121DE;border-radius:5px;max-width:600px;width:100%;flex-shrink:0}@media (pointer: coarse){.message-legend-container .ghost-legend{margin-top:0;padding:10px;max-width:100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.message-legend-container .ghost-legend-items{height:100%;align-items:center}}.ghost-legend-message{color:gold;font-size:16px;font-weight:700;font-family:Courier New,monospace;text-align:center;line-height:1.4}@media (pointer: coarse){.message-legend-container .ghost-legend-message{font-size:14px;line-height:1.3}}.ghost-legend-items{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}@media (pointer: coarse){.message-legend-container .ghost-legend-items{gap:10px}}.ghost-legend-item{display:flex;align-items:center;gap:8px}.ghost-legend-icon{flex-shrink:0;position:relative;width:20px;height:22px;border-radius:10px 10px 3px 3px;display:flex;justify-content:center;padding-top:5px;gap:2px}.ghost-legend-eye{width:6px;height:6px;background-color:#fff;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}.ghost-legend-pupil{width:3px;height:3px;background-color:#000;border-radius:50%}.ghost-legend-label{color:#fff;font-size:14px;font-weight:700;font-family:Courier New,monospace;white-space:nowrap}.ghost-legend-fear{color:red;text-shadow:0 0 4px rgba(255,0,0,.8)}.ghost-legend-anxiety{color:#ffb8ff;text-shadow:0 0 4px rgba(255,184,255,.8)}.ghost-legend-stress{color:#0ff;text-shadow:0 0 4px rgba(0,255,255,.8)}.ghost-legend-doubt{color:#ffb851;text-shadow:0 0 4px rgba(255,184,81,.8)}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.overlay-content{background-color:#000000b3;border:3px solid #2121DE;padding:30px;text-align:center;min-width:300px}.overlay-content-bottom-left{position:absolute;bottom:15px;left:15px;background-color:#000000b3;border:3px solid #2121DE;padding:15px 20px;text-align:left;box-sizing:border-box;z-index:600;width:auto;max-width:fit-content}.overlay-content-bottom-left .overlay-title{margin-bottom:10px;font-size:24px}.overlay-content-bottom-left .overlay-score{margin-bottom:0;font-size:16px}.overlay-title{color:gold;font-size:32px;font-weight:700;font-family:Courier New,monospace;margin-bottom:20px}.overlay-score{color:#fff;font-size:18px;font-family:Courier New,monospace;margin-bottom:20px}.play-again-button{background-color:#2121de;color:gold;border:2px solid #FFD700;padding:10px 20px;font-size:16px;font-weight:700;font-family:Courier New,monospace;cursor:pointer;transition:background-color .2s}.play-again-button:hover{background-color:#2a2aff}.play-again-button:active{background-color:#1a1acc}.play-again-button-bottom-right{position:absolute;bottom:15px;right:15px;background-color:#2121de;color:gold;border:2px solid #FFD700;padding:10px 20px;font-size:16px;font-weight:700;font-family:Courier New,monospace;cursor:pointer;transition:background-color .2s;z-index:600}.play-again-button-bottom-right:hover{background-color:#2a2aff}.play-again-button-bottom-right:active{background-color:#1a1acc}.try-endustries-button{position:absolute;top:15px;right:15px;background-color:#2121de;color:gold;border:2px solid #FFD700;padding:10px 20px;font-size:16px;font-weight:700;font-family:Courier New,monospace;cursor:pointer;transition:background-color .2s;z-index:600;text-decoration:none}.try-endustries-button:hover{background-color:#2a2aff}.try-endustries-button:active{background-color:#1a1acc}.wisdom-message-container{margin-top:10px;padding:10px;background-color:#000000b3;border:2px solid #2121DE;border-radius:5px;max-width:800px;width:100%;animation:wisdomFadeIn .5s ease-in;flex-shrink:0}@media (pointer: coarse){.message-legend-container .wisdom-message-container{margin-top:0;padding:10px;max-width:100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;animation:none}}.wisdom-content{display:flex;align-items:flex-start;gap:10px}@media (pointer: coarse){.message-legend-container .wisdom-content{gap:8px;align-items:center;width:100%}}.wisdom-image{flex-shrink:0;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}@media (pointer: coarse){.wisdom-image{max-width:100px;max-height:100px}}.wisdom-speech-bubble{position:relative;flex:1;background-color:#000000e6;border:2px solid #2121DE;border-radius:8px;padding:8px 12px;box-shadow:0 0 20px #ffd70080}@media (pointer: coarse){.wisdom-speech-bubble{padding:8px 10px}}.wisdom-speech-bubble:before{content:"";position:absolute;left:-12px;top:20px;width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:12px solid #2121DE}.wisdom-speech-bubble:after{content:"";position:absolute;left:-9px;top:22px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid rgba(0,0,0,.9)}.wisdom-message{color:gold;font-size:15px;font-weight:700;font-family:Courier New,monospace;text-align:left;margin:0;line-height:1.3}@media (pointer: coarse){.wisdom-message{font-size:14px;line-height:1.3}}.wisdom-episode-link{margin-top:6px;font-size:11px;font-family:Courier New,monospace}.wisdom-episode-link a{color:#0ff;text-decoration:none;transition:all .2s}.wisdom-episode-link a:hover{color:gold;text-decoration:underline}@media (pointer: coarse){.wisdom-episode-link{font-size:11px;margin-top:6px}}@keyframes wisdomFadeIn{0%{opacity:0}to{opacity:1}}.avatar-selection-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;max-height:100vh;background-color:#000;padding:10px;box-sizing:border-box;overflow:hidden}.avatar-selection-content{width:100%;max-width:1000px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;box-sizing:border-box}.avatar-selection-title{color:gold;font-size:28px;font-weight:700;font-family:Courier New,monospace;margin-bottom:5px;text-align:center;flex-shrink:0}.avatar-selection-instruction{color:#fff;font-size:14px;font-family:Courier New,monospace;margin-bottom:15px;text-align:center;flex-shrink:0}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;max-width:800px;padding:0 10px;flex:1;align-content:center;box-sizing:border-box}.avatar-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;background-color:#2121de4d;border:2px solid #2121DE;border-radius:6px;cursor:pointer;transition:all .2s;box-sizing:border-box;aspect-ratio:1}.avatar-item:hover{background-color:#2121de80;border-color:gold;transform:scale(1.05);box-shadow:0 0 15px #ffd70080}.avatar-item.selected{background-color:#ffd70033;border-color:gold;border-width:3px;box-shadow:0 0 20px #ffd700cc;transform:scale(1.1)}.avatar-image{width:100%;height:auto;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;border-radius:4px}@media (pointer: coarse){.avatar-selection-container{padding:8px}.avatar-selection-title{font-size:22px;margin-bottom:4px}.avatar-selection-instruction{font-size:12px;margin-bottom:10px}.avatar-grid{grid-template-columns:repeat(4,1fr);gap:8px;padding:0 5px}.avatar-item{padding:6px}}@media (max-width: 768px){.avatar-grid{grid-template-columns:repeat(3,1fr);gap:8px}}@media (max-width: 480px){.avatar-selection-title{font-size:20px}.avatar-selection-instruction{font-size:11px;margin-bottom:8px}.avatar-grid{grid-template-columns:repeat(3,1fr);gap:6px}.avatar-item{padding:4px}}