@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--pc-bg: #1a1a1a;--pc-text: #ffffff;--pc-primary: #ff00ff;--pc-secondary: #00ffff;--pc-accent: #ffff00;--pc-border: #4a4a4a;--pc-panel: #2a2a2a}body{margin:0;padding:0;background-color:var(--pc-bg);color:var(--pc-text);font-family:"Press Start 2P",cursive;image-rendering:pixelated;height:100vh}.pixel-border{border:4px solid var(--pc-text);box-shadow:inset -4px -4px #000,inset 4px 4px #fff;padding:16px;background-color:var(--pc-panel)}.pixel-button{all:unset;display:inline-block;padding:12px 24px;background-color:var(--pc-text);color:var(--pc-bg);border:4px solid var(--pc-bg);box-shadow:inset -4px -4px #4a4a4a,inset 4px 4px #eee;cursor:pointer;text-transform:uppercase;font-size:.8rem;transition:transform .1s}.pixel-button:hover{background-color:var(--pc-primary);color:#fff;transform:scale(1.05)}.pixel-button:active{box-shadow:inset 4px 4px #000,inset -4px -4px #fff;transform:scale(.95)}.game-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.start-screen,.game-screen,.result-screen,.loading-screen{width:100%;max-width:500px;text-align:center}h1{font-size:1.5rem;margin-bottom:2rem;color:var(--pc-primary);text-shadow:4px 4px 0px #000}.pixel-input{display:block;width:calc(100% - 32px);margin-bottom:1rem;padding:12px;background-color:#000;border:4px solid var(--pc-text);color:var(--pc-secondary);font-family:"Press Start 2P",cursive;font-size:.8rem;outline:none}.boss-area{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}.boss-avatar{width:128px;height:128px;image-rendering:pixelated;margin-bottom:1rem;border:4px solid var(--pc-accent)}.boss-speech{position:relative;background-color:#fff;color:#000;padding:12px;font-size:.7rem;line-height:1.5;border:4px solid #000}.options-area{display:grid;grid-template-columns:1fr;gap:12px}.option-btn{text-align:left;width:100%}.loading-screen p{animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}#root{max-width:1280px;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}