body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:Fira Code,monospace}*{box-sizing:border-box}body{-webkit-text-size-adjust:100%;align-items:center;background-color:#050505;color:#b0b0b0;cursor:default;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;height:100vh;justify-content:center;margin:0;overflow:hidden;padding:0;transition:background-color .5s ease;-webkit-user-select:none;user-select:none;width:100vw}body.panic-mode{background-color:#300000;transition:.1s}body.zen-mode{background-color:#051525;transition:3s}body.alien-mode{background-color:#001a00;transition:1s}@keyframes violence{0%{transform:translate(0) rotate(0deg)}25%{transform:translate(-5px,5px) rotate(-1deg)}75%{transform:translate(5px,-5px) rotate(1deg)}to{transform:translate(0) rotate(0deg)}}.violent-shake{animation:violence .15s infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.floating{animation:float 3s ease-in-out infinite}.App{align-items:center;background-color:#050505;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;position:relative;transition:background-color .5s ease;width:100vw}.App.panic-mode{background-color:#300000;transition:.1s}.App.zen-mode{background-color:#051525;transition:3s}.App.alien-mode{background-color:#001a00;transition:1s}#text-container{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:900px;min-height:200px;padding:20px;position:relative;text-align:center;width:90%;z-index:2}@media (min-width:1024px){#text-container{padding:20px 40px;width:85%}}@media (min-width:1440px){#text-container{width:80%}}.cinematic-text{font-size:1.4rem;font-weight:300;letter-spacing:1px;line-height:1.6;opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}@media (min-width:1024px){.cinematic-text{font-size:1.8rem}}@media (min-width:1440px){.cinematic-text{font-size:2.2rem}}@media (max-width:480px){.cinematic-text{font-size:1.2rem}}.cinematic-text.visible{opacity:1;transform:translateY(0)}.highlight{color:#fff;font-weight:600}.blue-glow{color:#81d4fa;text-shadow:0 0 10px #81d4fa80}.angry{color:#e74c3c;font-weight:800;text-shadow:0 0 20px #e74c3c80}.alien-text{text-shadow:0 0 10px #0f0}.alien-text,.code-block{color:#0f0;font-family:Fira Code,monospace}.code-block{background:#111;border:1px solid #333;display:none;font-size:.65rem;margin-top:20px;max-width:800px;overflow-x:auto;padding:15px;text-align:left;width:90%;word-break:break-all}@media (min-width:1024px){.code-block{font-size:.8rem;padding:20px;width:85%}}@media (min-width:1440px){.code-block{font-size:.9rem;width:80%}}.dot-character{color:#d63031;font-size:2rem;margin-top:20px;text-shadow:0 0 15px #d63031cc}.dot-character,.dot-text{display:none;font-family:Fira Code,monospace}.dot-text{color:#fab1a0;font-size:1rem;margin-top:10px}.clones-display{color:#0f0;display:none;font-family:Fira Code,monospace;font-size:.9rem;letter-spacing:2px;margin-top:30px;text-align:center}@media (min-width:1024px){.dot-character{font-size:2.5rem}.dot-text{font-size:1.1rem}.clones-display{font-size:1.2rem;letter-spacing:2px}}@media (min-width:1440px){.dot-character{font-size:3rem}.clones-display,.dot-text{font-size:1.2rem}.clones-display{letter-spacing:2px}}#chaos-grid{background:#000;display:none;grid-template-columns:1fr 1fr 1fr;height:100%;left:0;position:absolute;top:0;width:100%;z-index:5}.chaos-col{align-items:center;display:flex;flex-direction:column;font-family:Fira Code,monospace;justify-content:center;overflow:hidden;padding:10px;text-align:center}#chaos-left{color:#0f0;font-size:1rem}#chaos-center,#chaos-left{border-right:1px solid #333}#chaos-center{color:#fff;font-size:.7rem}#chaos-right{color:#e74c3c;font-size:2.5rem}@media (min-width:1024px){.chaos-col{padding:15px}#chaos-left{font-size:1.3rem}#chaos-center{font-size:.9rem}#chaos-right{font-size:3.5rem}}@media (min-width:1440px){.chaos-col{padding:20px}#chaos-left{font-size:1.5rem}#chaos-center{font-size:1rem}#chaos-right{font-size:4rem}}#interaction-area{align-items:center;bottom:5%;box-sizing:border-box;display:flex;flex-direction:column;gap:15px;opacity:0;padding:0 10px;pointer-events:none;position:absolute;transition:opacity .5s;width:100%;z-index:2}#interaction-area.active{opacity:1;pointer-events:auto}@media (min-width:1024px){#interaction-area{bottom:10%;gap:20px}}input{background:#0000;border:none;border-bottom:2px solid #444;color:#fff;font-family:Fira Code,monospace;font-size:1rem;max-width:400px;outline:none;padding:10px;text-align:center;transition:.3s;width:80%}input:focus{border-color:#fff}@media (min-width:1024px){input{font-size:1.3rem;max-width:500px;width:60%}}@media (min-width:1440px){input{font-size:1.5rem}}.choice-btn{background:#0000;border:1px solid #333;border-radius:4px;color:#888;cursor:pointer;font-family:inherit;font-size:.85rem;line-height:1.3;margin-bottom:10px;max-width:90%;min-width:280px;padding:12px 20px;text-transform:uppercase;transition:.3s;white-space:normal}.choice-btn:hover{background:#ffffff0d;border-color:#fff;color:#fff}@media (min-width:1024px){.choice-btn{font-size:.95rem;min-width:320px;padding:15px 30px;white-space:nowrap}}@media (min-width:1440px){.choice-btn{font-size:1rem;min-width:350px}}@media (max-width:480px){.choice-btn{font-size:.75rem;min-width:250px;padding:10px 15px}}.btn-purge:hover{background:#e74c3c1a;border-color:#e74c3c;color:#e74c3c}.btn-save:hover{background:#2ecc711a;border-color:#2ecc71;color:#2ecc71}.btn-moving{position:relative;transition:all .1s}#timer-display{color:#fff;font-family:Fira Code,monospace;font-size:2.5rem;opacity:0;position:absolute;top:5%;transition:.5s}#timer-display.visible{opacity:1}#timer-display.panic{animation:shake .1s infinite;color:#e74c3c}@media (min-width:1024px){#timer-display{font-size:3.5rem;top:10%}}@media (min-width:1440px){#timer-display{font-size:4rem}}@media (max-width:480px){#timer-display{font-size:2rem}}#final-ui{align-items:center;display:none;flex-direction:column;z-index:10}#final-ui.visible{display:flex}@keyframes shake{0%{transform:translate(1px,1px)}to{transform:translate(-1px,-1px)}}.hidden-clue{bottom:10px;color:#333;font-family:monospace;font-size:.5rem;max-width:200px;position:absolute;right:10px;text-align:right}@media (min-width:1024px){.hidden-clue{font-size:.7rem;max-width:none}}.result-card{background:#111;border:3px solid #e74c3c;border-radius:10px;box-sizing:border-box;margin:20px;max-width:90%;padding:20px;text-align:center;width:100%}.result-card h1{word-wrap:break-word;color:#e74c3c;font-size:1.5rem;margin:10px 0}.result-card h2{word-wrap:break-word;color:#fff;font-size:1.3rem;margin:15px 0}.result-card p{color:#aaa;font-size:.95rem;line-height:1.6;margin:15px 0}@media (min-width:1024px){.result-card{max-width:600px;padding:30px}.result-card h1{font-size:2rem}.result-card h2{font-size:1.6rem}.result-card p{font-size:1.1rem}}@media (min-width:1440px){.result-card{padding:40px}.result-card h1{font-size:2.5rem}.result-card h2{font-size:2rem}.result-card p{font-size:1.2rem}}@media (max-width:480px){.result-card{margin:10px;padding:15px}.result-card h1{font-size:1.2rem}.result-card h2{font-size:1.1rem}.result-card p{font-size:.85rem}}@media (min-width:768px) and (max-width:1023px){.cinematic-text{font-size:1.6rem}.choice-btn{font-size:.9rem;min-width:300px}}@media (max-height:600px) and (orientation:landscape){.cinematic-text{font-size:1rem}#timer-display{font-size:1.8rem;top:3%}#text-container{min-height:100px;padding:10px}#interaction-area{bottom:3%;gap:10px}.choice-btn{font-size:.75rem;min-width:200px;padding:8px 15px}}.score-bar{margin:12px 0;text-align:left;width:100%}.score-bar-label{color:#fff;font-family:Fira Code,monospace;font-size:.85rem;margin-bottom:5px}.score-bar-container{background:#222;border:1px solid #444;height:25px;position:relative}.score-bar-fill{background:linear-gradient(90deg,#e74c3c,#f39c12);height:100%;transition:width 1s ease}.score-value{color:#fff;font-family:Fira Code,monospace;font-size:.85rem;position:absolute;right:10px;top:50%;transform:translateY(-50%)}@media (min-width:1024px){.score-bar{margin:15px 0}.score-bar-label{font-size:1rem}.score-bar-container{height:30px}.score-value{font-size:1rem}}
/*# sourceMappingURL=main.099badcd.css.map*/