@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--bg-color:#0f172a;--text-color:#f8fafc;--primary:#3b82f6;--primary-hover:#2563eb;--secondary:#ec4899;--success:#22c55e;--error:#ef4444;--border-color:#475569}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);background-image:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 4px,3px 100%;justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:"Press Start 2P",cursive;display:flex;overflow-x:hidden}#root{text-align:center;width:100%;max-width:800px;padding:2rem}.pixel-border{border:4px solid var(--border-color);background-color:#1e293be6;padding:2rem;box-shadow:4px 4px #000000b3}button{background-color:var(--primary);color:#fff;cursor:pointer;border:4px solid #fff;margin-top:1rem;padding:1rem 2rem;font-family:"Press Start 2P",cursive;font-size:1rem;transition:transform .1s,background-color .2s;box-shadow:4px 4px #000000b3}button:hover{background-color:var(--primary-hover);transform:translate(-2px,-2px);box-shadow:6px 6px #000000b3}button:active{transform:translate(2px,2px);box-shadow:2px 2px #000000b3}button:disabled{cursor:not-allowed;background-color:#64748b;transform:none;box-shadow:4px 4px #000000b3}input[type=text]{color:var(--text-color);border:4px solid var(--border-color);text-align:center;background-color:#000;width:100%;max-width:400px;margin-bottom:1rem;padding:1rem;font-family:"Press Start 2P",cursive;font-size:1rem}input[type=text]:focus{border-color:var(--secondary);outline:none}h1{color:var(--secondary);text-shadow:2px 2px #000;margin-bottom:2rem;font-size:2rem;line-height:1.5}h2{margin-bottom:1.5rem;font-size:1.5rem;line-height:1.5}p{margin-bottom:1rem;font-size:.8rem;line-height:1.8}.options-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem;display:grid}@media (width<=600px){.options-grid{grid-template-columns:1fr}}.option-btn{background-color:var(--bg-color);border-color:var(--border-color);padding:1.5rem 1rem;font-size:.8rem;line-height:1.4}.option-btn:hover{border-color:var(--primary);background-color:#1e293b}.option-btn.selected{background-color:var(--secondary);border-color:#fff}.boss-image{width:150px;height:150px;image-rendering:pixelated;border:4px solid var(--border-color);background-color:#e2e8f0;margin:0 auto 1.5rem}.loading{color:var(--success);animation:1s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes shake{0%{transform:translate(1px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translate(3px,2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)rotate(0)}70%{transform:translate(3px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(1px,2px)rotate(0)}to{transform:translate(1px,-2px)rotate(-1deg)}}.shake{animation:.5s shake}