@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";body{font-family:sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;background-color:#f0f0f0}.App{text-align:center}.character-builder{padding:20px;border:1px solid #ccc;border-radius:8px;background-color:#fff}.character-display{position:relative;width:200px;height:300px;margin:20px auto;display:flex;justify-content:center;align-items:center;font-size:24px;color:#888}.character-base-image{height:100%;width:auto;position:absolute;top:0;left:50%;transform:translate(-50%)}.item{position:absolute;background-color:#ffff0080;padding:5px;border-radius:3px;font-size:12px;color:#333;border:1px solid orange}.sword{top:50px;left:10px}.axe{top:50px;right:10px}.bow{bottom:20px;left:10px}.shield{bottom:20px;right:10px}.boots{bottom:0;left:50%;transform:translate(-50%)}.helmet{top:20px;left:50%;transform:translate(-50%)}.controls button{margin:5px;padding:10px 15px;font-size:16px;cursor:pointer}div.character-state p,h2,h1{color:#000}.controls button{margin:5px;padding:10px 15px;font-size:16px;cursor:pointer;border:none;border-radius:5px;color:#fff}.add-button{background-color:#4caf50}.remove-button{background-color:#f44336}.disabled-button{background-color:#ccc;cursor:not-allowed}.active{border:2px solid blue}.start-game-button{padding:15px 30px;font-size:24px;background-color:#007bff;color:#fff;border-radius:8px;margin-top:20px;cursor:pointer;transition:background-color .3s ease}.start-game-button:hover{background-color:#0056b3}.game-page-background{background-image:url(/forrest-2.png);background-size:cover;background-position:center;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.game-page-background h2,.game-page-background p,.game-page-background div.character-state p{color:#fff}.game-page-background .character-display{position:absolute;bottom:5%;left:5%;width:150px;height:225px;margin:0;border:none;display:block}.game-page-background .character-base-image{height:100%;width:100%;object-fit:contain;position:static;transform:none}.story-box{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);background-color:#000000e6;border:4px solid #333;padding:20px;width:70%;max-width:600px;min-height:100px;display:flex;justify-content:center;align-items:center;text-align:center;font-family:"Press Start 2P",cursive;color:#000;font-size:16px;line-height:1.5;box-shadow:8px 8px #000000b3;z-index:10}.story-box p{margin:0}.proceed-box{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background-color:#000000e6;border:4px solid #333;padding:15px;width:60%;max-width:500px;text-align:center;font-family:"Press Start 2P",cursive;color:#333;font-size:14px;box-shadow:6px 6px #000000b3;z-index:10}.proceed-box p{margin:0;color:#fff}.page3-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#333;color:#fff;font-family:sans-serif;font-size:1.2em}.page3-background{background-image:url(/forrest-3.png);background-size:cover;background-position:center;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.page4-background{background-image:url(/forrest-2.png);background-size:cover;background-position:center;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.page5-background{background-image:url(/forrest-5.png);background-size:cover;background-position:center;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.page6-background{background-image:url(/forrest-6.png);background-size:cover;background-position:center;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.page3-background h2,.page3-background p,.page3-background div.character-state p,.page5-background p,.page4-background p,.page6-background p{color:#fff}.scene-character-display{position:absolute;bottom:5%;left:5%;height:300px;margin:0;border:none;display:block}.scene-character-image{height:100%;width:100%;object-fit:contain;position:static;transform:none}.choice-box{flex-direction:column;justify-content:center;align-items:flex-start;font-size:.8em;padding:15px 30px}.choice-box p{width:100%;text-align:left;padding:5px 0;margin:0}.selected-choice{color:#007bff;background-color:#007bff33;border-radius:3px}.choice-box .instruction{font-size:.8em;color:#666;margin-top:10px;text-align:center}.page-placeholder-background{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#555;color:#fff;font-family:sans-serif;font-size:1.2em}.page-placeholder-background .story-box,.page-placeholder-background .proceed-box{background-color:#fffffff2;color:#333;border:4px solid #333}.page-placeholder-background .story-box p,.page-placeholder-background .proceed-box p,.page-placeholder-background .choice-box p{color:#333}.fade-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:9999;opacity:0;pointer-events:none}.fade-overlay.is-transitioning{animation:fade-in-out 1s forwards}@keyframes fade-in-out{0%{opacity:0}50%{opacity:1}to{opacity:0}}.story-box.end p{color:#fff}.game-over-heading{font-family:"Press Start 2P",cursive;color:red;font-size:3em}#root{width:100vw;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.fade-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#000;opacity:0;visibility:hidden;transition:opacity .5s ease-in-out,visibility .5s ease-in-out;z-index:1000}.fade-overlay.is-transitioning{opacity:1;visibility:visible}