body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:#161131;color:#e4e4e7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden}.container{margin:0 auto;max-width:1200px;padding:2rem}.header{animation:fadeInDown .8s ease-out;margin-bottom:3rem;text-align:center}.title{color:#9fd9d5;font-size:3rem;font-weight:700;text-shadow:0 0 40px #9fd9d54d}.subtitle,.title{margin-bottom:1rem}.subtitle{color:#9ca3af;font-size:1.1rem}.header-credits{color:#6b7280;font-size:.9rem;margin-bottom:2rem}.header-credits p{margin:0}.header-credits a{color:#9fd9d5;text-decoration:none;transition:color .3s ease}.header-credits a:hover{color:#fcce11;text-decoration:underline}.controls{animation:fadeIn 1s ease-out .3s both;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.search-box{flex:1 1;max-width:500px;min-width:300px;position:relative}.search-input{background:#ffffff0d;border:2px solid #9fd9d54d;border-radius:12px;color:#e4e4e7;font-size:1rem;padding:1rem 3rem 1rem 1.5rem;transition:all .3s ease;width:100%}.search-input:focus{background:#ffffff14;border-color:#9fd9d5;box-shadow:0 0 20px #9fd9d54d;outline:none}.search-icon{color:#9fd9d5;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%)}.button{background:#f05f62;border:none;border-radius:12px;box-shadow:0 4px 15px #f05f624d;color:#fff;cursor:pointer;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.button:hover{background:#e84a4d;box-shadow:0 6px 25px #f05f6266;transform:translateY(-2px)}.button:active{transform:translateY(0)}.button-yellow{background:#fcce11;box-shadow:0 4px 15px #fcce114d;color:#161131}.button-yellow:hover{background:#f5c200;box-shadow:0 6px 25px #fcce1166}.filter-buttons{animation:fadeIn 1s ease-out .5s both;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}.filter-btn{background:#ffffff0d;border:1px solid #9fd9d54d;border-radius:8px;color:#9ca3af;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.filter-btn:hover{background:#9fd9d51a;border-color:#9fd9d5;color:#e4e4e7}.filter-btn.active{background:#9fd9d5;border-color:#0000;color:#161131;font-weight:600}.scenario-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:2rem}.scenario-card{animation:fadeInUp .5s ease-out;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.scenario-card:hover{background:#9fd9d50d;border-color:#9fd9d580;box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.scenario-number{background:#4a4a4a;border-radius:6px;color:#e4e4e7;display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:.75rem;padding:.25rem .75rem}.scenario-title{color:#e4e4e7;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.scenario-description{color:#9ca3af;line-height:1.6}.random-container{animation:slideIn .5s ease-out;background:#ffffff0d;border:2px solid #9fd9d54d;border-radius:12px;display:none;margin-bottom:2rem;padding:2rem;text-align:center}.random-container.active{display:block}.stats{animation:fadeIn 1s ease-out .7s both;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:2rem}.stat{text-align:center}.stat-number{color:#9fd9d5;font-size:2rem;font-weight:700}.stat-label{color:#9ca3af;font-size:.9rem}.highlight{background:#fcce114d;border-radius:3px;color:#fcce11;padding:0 2px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.pagination{align-items:center;animation:fadeIn .5s ease-out;display:flex;gap:1rem;justify-content:center;margin:3rem 0}.pagination-btn{background:#ffffff0d;border:1px solid #9fd9d54d;border-radius:8px;color:#9ca3af;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#9fd9d51a;border-color:#9fd9d5;color:#e4e4e7}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-numbers{align-items:center;display:flex;gap:.5rem}.pagination-number{background:#ffffff0d;border:1px solid #9fd9d54d;border-radius:8px;color:#9ca3af;cursor:pointer;font-size:.9rem;min-width:40px;padding:.5rem .75rem;transition:all .3s ease}.pagination-number:hover{background:#9fd9d51a;border-color:#9fd9d5;color:#e4e4e7}.pagination-number.active{background:#9fd9d5;border-color:#0000;color:#161131;font-weight:600}.pagination-dots{color:#6b7280;padding:0 .25rem}.footer{animation:fadeIn 1s ease-out 1s both;border-top:1px solid #ffffff1a;margin-top:4rem;padding:2rem 0;text-align:center}.credit{color:#9ca3af;font-size:.9rem;margin-bottom:.5rem}.credit a{color:#9fd9d5;text-decoration:none;transition:color .3s ease}.credit a:hover{color:#fcce11;text-decoration:underline}.created-by{color:#6b7280;font-size:.85rem}.created-by a{color:#9fd9d5;text-decoration:none;transition:color .3s ease}.created-by a:hover{color:#fcce11;text-decoration:underline}
/*# sourceMappingURL=main.bb65bb4c.css.map*/