body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0}:root{--doom-red:#b30000;--blood-red:#e60000;--warning-orange:#ff6b35;--fire-orange:#ff8c5a;--deep-black:#1a1a1a;--charcoal:#2a2a2a;--dark-gray:#3a3a3a;--ash-gray:grey;--light-gray:#b3b3b3;--warning-yellow:#ffe135;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:48px}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(180deg,#1a1a1a,#2a2a2a 50%,#4d1a1a);background:linear-gradient(180deg,var(--deep-black) 0,var(--charcoal) 50%,#4d1a1a 100%);background-attachment:fixed;color:#fff;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;overflow-x:hidden;overflow-y:auto}.App,body{min-height:100vh}.App{display:flex;flex-direction:column}.App-header{background:#1a1a1af2;border-bottom:3px solid #e60000;border-bottom:3px solid var(--blood-red);box-shadow:0 4px 20px #b3000066;padding:24px 32px;padding:var(--spacing-md) var(--spacing-lg);position:-webkit-sticky;position:sticky;top:0;z-index:100}.App-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e60000,#ff6b35);background:linear-gradient(135deg,var(--blood-red),var(--warning-orange));-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:900;letter-spacing:2px;margin-bottom:8px;margin-bottom:var(--spacing-xs);text-align:center;text-shadow:0 0 25px #ff6b3540}.tagline{color:#ff6b35;color:var(--warning-orange);font-size:1.3rem;font-weight:600;letter-spacing:1px;margin-bottom:24px;margin-bottom:var(--spacing-md);text-align:center;text-transform:uppercase}.countdown-timer{background:#b3000033;border:2px solid #e60000;border:2px solid var(--blood-red);border-radius:8px;margin:24px auto;margin:var(--spacing-md) auto;max-width:500px;padding:16px;padding:var(--spacing-sm);text-align:center}.countdown-timer h3{color:#ff6b35;color:var(--warning-orange);font-size:.9rem;letter-spacing:2px;margin-bottom:8px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.countdown-timer .time{color:#e60000;color:var(--blood-red);font-family:Courier New,monospace;font-size:2rem;font-weight:900}.app-navigation{display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-sm);justify-content:center;margin-top:24px;margin-top:var(--spacing-md)}.nav-btn{background:#ffffff14;border:2px solid grey;border:2px solid var(--ash-gray);border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.nav-btn:hover{background:#ff6b3526;border-color:#ff6b35;border-color:var(--warning-orange);transform:translateY(-2px)}.nav-btn.active{background:linear-gradient(135deg,#b30000,#e60000);background:linear-gradient(135deg,var(--doom-red),var(--blood-red));border-color:#e60000;border-color:var(--blood-red);box-shadow:0 0 15px #e6000066}.nav-btn.change-role{border-color:#ff6b35;border-color:var(--warning-orange)}.App-main{flex:1 1;margin:0 auto;max-width:1400px;width:100%}.App-main,.hero-section{padding:48px 24px;padding:var(--spacing-xl) var(--spacing-md)}.hero-section{margin-bottom:48px;margin-bottom:var(--spacing-xl);text-align:center}.hero-title{color:#e60000;color:var(--blood-red);font-size:4rem;font-weight:900;line-height:1.1;margin-bottom:24px;margin-bottom:var(--spacing-md);text-shadow:0 0 25px #e6000066}.hero-subtitle{color:#ff6b35;color:var(--warning-orange);font-size:1.8rem;font-weight:600;margin-bottom:32px;margin-bottom:var(--spacing-lg)}.hero-description{color:#b3b3b3;color:var(--light-gray);font-size:1.2rem;line-height:1.8;margin:0 auto 48px;margin:0 auto var(--spacing-xl);max-width:800px}.hero-stats{display:flex;flex-wrap:wrap;gap:32px;gap:var(--spacing-lg);justify-content:center;margin:48px 0;margin:var(--spacing-xl) 0}.stat-box{background:#b3000026;border:2px solid #e60000;border:2px solid var(--blood-red);border-radius:12px;min-width:200px;padding:24px;padding:var(--spacing-md)}.stat-number{color:#e60000;color:var(--blood-red);display:block;font-size:3rem;font-weight:900}.stat-label{color:#ff6b35;color:var(--warning-orange);font-size:.9rem;letter-spacing:1px}.cta-button{background:linear-gradient(135deg,#e60000,#b30000);background:linear-gradient(135deg,var(--blood-red),var(--doom-red));border:3px solid #e60000;border:3px solid var(--blood-red);border-radius:50px;box-shadow:0 8px 25px #e600004d;color:#fff;cursor:pointer!important;font-size:1.5rem;font-weight:900;letter-spacing:2px;padding:20px 50px;pointer-events:auto!important;position:relative;text-transform:uppercase;transition:all .3s ease;z-index:10}.cta-button:hover{background:linear-gradient(135deg,#b30000,#e60000);background:linear-gradient(135deg,var(--doom-red),var(--blood-red));box-shadow:0 12px 35px #e6000073;transform:translateY(-5px)}.category-selection{padding:48px 24px;padding:var(--spacing-xl) var(--spacing-md)}.category-selection h2{color:#e60000;color:var(--blood-red);font-size:2.5rem;margin-bottom:16px;margin-bottom:var(--spacing-sm);text-align:center}.category-selection p{color:#b3b3b3;color:var(--light-gray);font-size:1.2rem;margin-bottom:48px;margin-bottom:var(--spacing-xl);text-align:center}.category-grid{grid-gap:32px;grid-gap:var(--spacing-lg);display:grid;gap:32px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:48px;margin-top:var(--spacing-xl)}.category-card{background:#2a2a2acc;border:3px solid grey;border:3px solid var(--ash-gray);border-radius:16px;cursor:pointer;overflow:hidden;padding:32px;padding:var(--spacing-lg);position:relative;transition:all .3s ease}.category-card:before{background:linear-gradient(90deg,#e60000,#ff6b35);background:linear-gradient(90deg,var(--blood-red),var(--warning-orange));content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transition:transform .3s ease;width:100%}.category-card:hover:before{transform:scaleX(1)}.category-card:hover{box-shadow:0 12px 35px #e600004d;transform:translateY(-8px)}.category-card.threat,.category-card:hover{border-color:#e60000;border-color:var(--blood-red)}.category-card.containment{border-color:#ff6b35;border-color:var(--warning-orange)}.category-card.detection{border-color:#ffe135;border-color:var(--warning-yellow)}.category-icon{display:block;font-size:4rem;margin-bottom:24px;margin-bottom:var(--spacing-md)}.category-card h3{color:#e60000;color:var(--blood-red);font-size:2rem;font-weight:900;margin-bottom:16px;margin-bottom:var(--spacing-sm)}.category-card p{color:#b3b3b3;color:var(--light-gray);font-size:1.1rem;line-height:1.6;margin-bottom:24px;margin-bottom:var(--spacing-md)}.category-card .scenario-count{color:#ff6b35;color:var(--warning-orange);font-size:1.1rem;font-weight:700}.loading{padding:48px;padding:var(--spacing-xl);text-align:center}.loading h2{color:#e60000;color:var(--blood-red);font-size:2rem;margin-bottom:24px;margin-bottom:var(--spacing-md)}.loading p{color:#b3b3b3;color:var(--light-gray);font-size:1.2rem}.App-footer{background:#1a1a1af2;border-top:3px solid #e60000;border-top:3px solid var(--blood-red);margin-top:auto;padding:32px;padding:var(--spacing-lg);text-align:center}.App-footer p{color:#b3b3b3;color:var(--light-gray);font-size:.95rem;line-height:1.8}.App-footer strong{color:#ff6b35;color:var(--warning-orange)}.result-modal{align-items:center;background:#000000d9;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.result-content{border-radius:16px;max-height:90vh;max-width:600px;overflow-y:auto;padding:40px;text-align:center;width:100%}.result-content h3{font-size:2.5rem;margin-bottom:20px}.result-content p{font-size:1.3rem;margin:10px 0}.result-content .explanation{font-size:1rem;line-height:1.6;margin-top:20px;text-align:left}.result-content button{background:linear-gradient(135deg,#e60000,#b30000);border:2px solid #e60000;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-top:30px;padding:15px 40px}@keyframes pulse-red{0%,to{box-shadow:0 0 15px #e600004d}50%{box-shadow:0 0 30px #e6000099}}.pulse-danger{animation:pulse-red 2s infinite}.fade-in{animation:fadeIn .6s ease-out}@media (max-width:768px){.App-header{padding:12px 16px}.App-header h1{font-size:1.8rem}.tagline{font-size:.9rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.3rem}.hero-description{font-size:1rem}.category-grid{grid-template-columns:1fr}.app-navigation{gap:8px}.nav-btn{font-size:.85rem;padding:8px 16px}.hero-stats{flex-direction:column}.cta-button{font-size:1.2rem;padding:15px 30px}.App-main{padding:16px 12px}.homepage{padding:20px 16px!important}.homepage h1{font-size:2.5rem!important}.homepage h2{font-size:1.8rem!important}.category-selection{padding:20px 16px!important}.category-card{padding:20px!important}.result-modal{align-items:flex-start;padding:40px 10px 10px}.result-content{max-height:85vh;padding:20px}.result-content h3{font-size:1.5rem!important;margin-bottom:12px!important}.result-content p{font-size:.95rem!important;margin:6px 0!important}.result-content .explanation{font-size:.85rem!important;line-height:1.4!important;margin-top:12px!important}.result-content .explanation strong{font-size:.9rem}.result-content .explanation p{font-size:.85rem!important;margin-top:6px!important}.result-content button{font-size:1rem!important;margin-top:16px!important;padding:12px 24px!important;width:100%}}@media (max-width:480px){.App-header h1{font-size:1.5rem}.tagline{font-size:.8rem}.hero-title,.homepage h1{font-size:2rem!important}.nav-btn{font-size:.75rem;padding:6px 12px}.result-modal{padding:30px 8px 8px}.result-content{padding:16px}.result-content h3{font-size:1.3rem!important}.result-content p{font-size:.85rem!important}.result-content .explanation{font-size:.8rem!important}.result-content button{font-size:.95rem!important;padding:10px 20px!important}}.scenario-card{animation:slideIn .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;margin:0 auto;max-width:1000px;padding:30px;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scenario-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.scenario-meta{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.category-badge{background:#4ecdc4;border-radius:20px;font-size:.9rem;letter-spacing:.5px;padding:8px 16px;white-space:nowrap}.difficulty{align-items:center;display:flex;gap:8px}.difficulty-label{color:#b3b3b3;font-size:.9rem;font-weight:500}.difficulty-stars{color:gold;font-size:1.1rem}.ai-badge{align-items:center;background:#4ecdc433;border:1px solid #4ecdc466;border-radius:15px;color:#4ecdc4;display:flex;flex-wrap:wrap;font-size:.85rem;gap:8px;padding:8px 12px}.news-badge{background:#ff6b6b4d;border:1px solid #ff6b6b66;border-radius:8px;color:#ff6b6b;font-size:.75rem;padding:4px 8px}.scenario-title{color:#4ecdc4;font-size:2.2rem;font-weight:700;line-height:1.3;margin-bottom:25px}.scenario-context-container{margin-bottom:35px}.scenario-context{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;overflow:hidden}.context-text{word-wrap:break-word;color:#e0e0e0;font-size:1.1rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.7;padding:25px;text-align:justify}.expand-controls{background:#ffffff05;border-top:1px solid #ffffff1a;padding:15px 25px;text-align:center}.expand-btn{background:linear-gradient(45deg,#4ecdc4,#45b7d1);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .3s ease}.expand-btn:hover{box-shadow:0 4px 12px #4ecdc44d;transform:translateY(-1px)}.decisions{margin-top:35px}.decisions h3{color:#ff6b6b;font-size:1.8rem;font-weight:600;margin-bottom:25px;text-align:center}.decision-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr}.decision-container{width:100%}.decision-btn{background:#ffffff14;border:2px solid #fff3;border-radius:15px;color:#fff;cursor:pointer;overflow:hidden;padding:0;text-align:left;transition:all .3s ease;width:100%}.decision-btn:hover:not(:disabled){background:#ffffff26;border-color:#4ecdc4;box-shadow:0 8px 25px #4ecdc433;transform:translateY(-2px)}.decision-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.decision-header{align-items:flex-start;display:flex;gap:0;padding:20px}.decision-letter{align-items:center;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.3rem;font-weight:700;height:45px;justify-content:center;margin-right:20px;margin-top:2px;width:45px}.decision-content{flex:1 1;min-width:0}.decision-text{word-wrap:break-word;color:#fff;font-size:1.05rem;font-weight:500;-webkit-hyphens:auto;hyphens:auto;line-height:1.6;padding-right:10px}.decision-loading{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin-top:25px;padding:40px 20px;text-align:center}.loading-spinner{animation:spin 1s ease-in-out infinite;border:4px solid #4ecdc44d;border-top-color:#4ecdc4;margin:0 auto 20px}.decision-loading p{color:#4ecdc4;font-size:1.3rem;font-weight:600;margin-bottom:20px}.loading-steps{display:flex;flex-direction:column;gap:8px}.loading-step{animation:pulse 2s infinite;color:#b3b3b3;font-size:1rem}.loading-step:first-child{animation-delay:0s}.loading-step:nth-child(2){animation-delay:.7s}.loading-step:nth-child(3){animation-delay:1.4s}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.your-choice-summary{animation:slideIn .5s ease;background:#4ecdc41a;border:2px solid #4ecdc44d;border-radius:15px;margin-bottom:25px;padding:20px}.choice-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.choice-label{color:#4ecdc4;font-size:1.1rem;font-weight:600}.choice-letter{background:linear-gradient(45deg,#4ecdc4,#45b7d1);border-radius:50%;color:#fff;display:inline-flex;font-size:1.2rem;height:35px;justify-content:center;width:35px}.choice-impact,.choice-letter{align-items:center;font-weight:700}.choice-impact{display:flex;flex-wrap:wrap;font-size:1.3rem;gap:10px;margin-bottom:15px}.impact-points{font-size:1rem;opacity:.9}.choice-explanation{background:#ffffff0d;border-radius:10px;color:#e0e0e0;font-size:1rem;line-height:1.6;margin-bottom:20px;padding:15px}.reveal-all-btn{background:linear-gradient(45deg,#9b59b6,#8e44ad);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease;width:100%}.reveal-all-btn:hover{box-shadow:0 6px 20px #9b59b666;transform:translateY(-2px)}.decision-btn.selected{background:#4ecdc426;border-color:#4ecdc4}.decision-btn.revealed{cursor:default}.decision-btn.revealed:hover{transform:none}.decision-letter-container{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:4px;margin-right:20px}.expert-badge{animation:pulse 2s infinite;filter:drop-shadow(0 0 8px rgba(255,215,0,.6));font-size:1.2rem}.your-choice-badge{animation:bounce 1s ease infinite;font-size:1.2rem}.decision-details{animation:fadeIn .5s ease;background:#0003;border-radius:0 0 12px 12px;border-top:2px solid #4ecdc44d;margin-top:15px;padding:15px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.decision-impact{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;flex-wrap:wrap;font-size:1.1rem;font-weight:700;gap:10px;margin-bottom:12px;padding:8px 12px}.expert-label{background:#ffd70040;border:1px solid #ffd70080;border-radius:12px;color:gold;font-size:.85rem;font-weight:600;padding:4px 10px;white-space:nowrap}.decision-explanation{background:#0006;border-left:3px solid #4ecdc499;border-radius:8px;color:#fff!important;font-size:.95rem;line-height:1.6;margin-top:8px;padding:12px 15px}.decision-explanation *{color:#fff!important}.decision-explanation strong{color:#4ecdc4!important;font-weight:700;margin-right:6px}@media (max-width:768px){.scenario-card{margin:0 10px;max-width:calc(100vw - 20px);padding:20px}.scenario-header{align-items:flex-start;flex-direction:column;gap:12px}.scenario-meta{gap:12px}.scenario-title{font-size:1.8rem}.context-text{font-size:1rem;padding:20px}.expand-controls{padding:12px 20px}.decisions h3{font-size:1.5rem}.decision-header{padding:15px}.decision-letter{font-size:1.2rem;height:40px;margin-right:15px;width:40px}.decision-text{font-size:1rem;padding-right:5px}.ai-badge{font-size:.8rem;padding:6px 10px}.news-badge{font-size:.7rem;padding:3px 6px}.your-choice-summary{padding:15px}.choice-impact{align-items:flex-start;flex-direction:column;font-size:1.1rem;gap:4px}.choice-explanation{font-size:.95rem;padding:12px}.reveal-all-btn{font-size:.95rem;padding:10px 20px}.decision-details{margin-top:12px;padding-top:12px}.decision-impact{font-size:1rem}.decision-explanation{font-size:.9rem}.decision-letter-container{margin-right:15px}}@media (max-width:480px){.scenario-card{margin:0 5px;padding:15px}.scenario-title{font-size:1.5rem}.context-text{font-size:.95rem;line-height:1.6;padding:15px}.expand-controls{padding:10px 15px}.decisions h3{font-size:1.3rem}.decision-header{align-items:flex-start;flex-direction:row;padding:12px}.decision-letter{font-size:1.1rem;height:35px;margin-right:12px;width:35px}.decision-text{font-size:.95rem;line-height:1.5}.expand-btn{font-size:.85rem;padding:8px 16px}.difficulty{gap:4px}.difficulty,.scenario-meta{align-items:flex-start;flex-direction:column}.scenario-meta{gap:8px}.your-choice-summary{padding:12px}.choice-header{gap:8px}.choice-letter{font-size:1.1rem;height:30px;width:30px}.reveal-all-btn{font-size:.9rem;padding:10px 18px}}.decision-text,.scenario-context{overflow-wrap:break-word;word-break:break-word}.decision-btn *{pointer-events:none}.decision-btn{pointer-events:auto}.next-scenario-container{border-top:2px solid #4ecdc44d;margin-top:30px;padding:20px;text-align:center}.next-scenario-btn{background:linear-gradient(45deg,#4ecdc4,#45b7d1);border:none;border-radius:30px;box-shadow:0 4px 15px #4ecdc44d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 40px;transition:all .3s ease}.next-scenario-btn:hover{box-shadow:0 6px 25px #4ecdc480;transform:translateY(-3px)}.score-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;margin:20px 0;padding:20px;position:relative;width:100%}.score-main{gap:30px}.score-main,.survival-score{align-items:center;display:flex}.survival-score{gap:15px}.score-emoji{animation:bounce 2s infinite;font-size:3rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.score-info{text-align:center}.score-label{color:#b3b3b3;font-size:.9rem;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.score-value{font-size:2.5rem;font-weight:700;text-shadow:0 0 20px currentColor}.stats-grid{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.stat{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:15px;text-align:center}.stat-label{color:#b3b3b3;font-size:.8rem;letter-spacing:.3px;margin-bottom:8px;text-transform:uppercase}.stat-value{color:#4ecdc4;font-size:1.5rem;font-weight:700}.plus-badge{animation:glow 2s infinite alternate;background:linear-gradient(45deg,gold,#ffed4e);border-radius:20px;box-shadow:0 4px 15px #ffd7004d;color:#1a1a2e;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:8px 16px;position:absolute;right:-10px;text-transform:uppercase;top:-10px}@keyframes glow{0%{box-shadow:0 4px 15px #ffd7004d}to{box-shadow:0 4px 25px #ffd70099}}@media (max-width:768px){.score-display{border-radius:8px;margin:6px 0;padding:6px 8px}.score-main{gap:6px;justify-content:space-between}.score-main,.survival-score{align-items:center;flex-direction:row}.survival-score{flex:0 0 auto;gap:4px}.score-emoji{animation:none;font-size:1.2rem;line-height:1}.score-info{text-align:left}.score-label{font-size:.55rem;line-height:1;margin-bottom:0}.score-value{font-size:1.1rem;line-height:1;text-shadow:none}.stats-grid{display:flex;flex:1 1;gap:4px;overflow-x:auto}.stat{flex:1 1;min-width:55px;padding:3px 6px}.stat-label{font-size:.5rem;line-height:1;margin-bottom:1px}.stat-value{font-size:.85rem;line-height:1}}@media (max-width:480px){.score-display{margin:4px 0;padding:4px 6px}.score-main{gap:4px}.score-emoji,.score-value{font-size:1rem}.score-label{font-size:.5rem}.stats-grid{gap:3px}.stat{min-width:48px;padding:2px 4px}.stat-label{font-size:.45rem}.stat-value{font-size:.8rem}.plus-badge{font-size:.55rem;padding:3px 6px;position:absolute;right:-4px;top:-4px}}.library-container{margin:0 auto;max-width:1200px;padding:20px}.library-header{margin-bottom:40px;text-align:center}.library-header h1{color:#4ecdc4;font-size:2.5rem;margin-bottom:10px}.library-header p{color:#b3b3b3;font-size:1.1rem}.library-filters{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:40px}.filter-btn{background:#ffffff1a;border:2px solid #fff3;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .3s ease}.filter-btn:hover{background:#ffffff26;border-color:#4ecdc4}.filter-btn.active{background:linear-gradient(45deg,#4ecdc4,#45b7d1);border-color:#4ecdc4;font-weight:600}.library-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:30px}.library-card{background:#ffffff14;border:2px solid #ffffff1a;border-radius:15px;cursor:pointer;display:flex;flex-direction:column;padding:20px;transition:all .3s ease}.library-card:hover{background:#ffffff1f;border-color:#4ecdc4;box-shadow:0 8px 25px #4ecdc433;transform:translateY(-5px)}.library-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.category-badge{border-radius:15px;color:#fff;font-size:.85rem;font-weight:700;padding:6px 12px;text-transform:uppercase}.completed-badge{font-size:1.2rem}.new-badge{background:linear-gradient(45deg,gold,#ffed4e);border-radius:12px;color:#333;font-size:.75rem;font-weight:700;padding:4px 10px}.library-card-title{color:#4ecdc4;font-size:1.3rem;line-height:1.3;margin-bottom:15px;min-height:60px}.library-card-meta{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.difficulty{font-size:1rem}.score{color:#4ecdc4;font-weight:600}.library-card-preview{color:#b3b3b3;flex-grow:1;font-size:.95rem;line-height:1.5;margin-bottom:20px}.play-btn{align-self:flex-start;background:linear-gradient(45deg,#4ecdc4,#45b7d1);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 20px;transition:all .3s ease}.play-btn:hover{box-shadow:0 4px 15px #4ecdc466;transform:translateY(-2px)}.library-loading{padding:60px 20px;text-align:center}.library-loading h2{color:#4ecdc4;font-size:1.8rem}.no-scenarios{grid-column:1/-1;padding:60px 20px;text-align:center}.no-scenarios h3{color:#4ecdc4;font-size:1.8rem;margin-bottom:10px}.no-scenarios p{color:#b3b3b3;font-size:1.1rem}@media (max-width:768px){.library-grid{gap:20px;grid-template-columns:1fr}.library-header h1{font-size:2rem}.library-card-title{font-size:1.1rem;min-height:auto}.filter-btn{font-size:.9rem;padding:10px 18px}}.upgrade-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.upgrade-modal{background:#1a1a1a;border:2px solid #ff4500;border-radius:16px;color:#fff;max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;position:relative;width:100%}.close-btn{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;position:absolute;right:20px;top:16px;width:32px}.close-btn:hover{color:#fff}.upgrade-header{margin-bottom:32px;text-align:center}.upgrade-header h2{color:#ff4500;font-size:1.8rem;margin-bottom:8px}.upgrade-header p{color:#999;font-size:1.1rem}.plus-benefits h3{color:gold;font-size:1.5rem;margin-bottom:24px;text-align:center}.benefits-list{margin-bottom:32px}.benefit{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;font-size:1.1rem;gap:12px;padding:12px 0}.benefit:last-child{border-bottom:none}.benefit-icon{font-size:1.3rem;text-align:center;width:24px}.pricing{background:#ffd7001a;border:2px solid gold;border-radius:12px;margin-bottom:32px;padding:24px;text-align:center}.price{align-items:baseline;display:flex;gap:4px;justify-content:center;margin-bottom:8px}.price-amount{color:gold;font-size:3rem;font-weight:900}.price-period{color:#999;font-size:1.2rem}.price-note{color:#999;font-size:.9rem}.error-message{background:#f4433633;border:1px solid #f44336;border-radius:8px;color:#f44336;font-size:.95rem;margin-bottom:16px;padding:12px}.upgrade-btn{background:linear-gradient(135deg,gold,#ff4500);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-bottom:16px;padding:16px 24px;transition:all .3s ease;width:100%}.upgrade-btn:hover:not(:disabled){box-shadow:0 8px 20px #ffd7004d;transform:translateY(-2px)}.upgrade-btn:disabled{cursor:not-allowed;opacity:.7}.security-note{color:#999;font-size:.9rem;margin-bottom:24px;text-align:center}.upgrade-footer{border-top:1px solid #ffffff1a;padding-top:16px;text-align:center}.wait-btn{background:none;border:1px solid #666;border-radius:8px;color:#999;cursor:pointer;font-size:1rem;padding:12px 24px}.wait-btn:hover{border-color:#999;color:#fff}.success-page{align-items:center;background:#0a0a0a;color:#fff;display:flex;justify-content:center;min-height:100vh;padding:20px}.success-content{background:#1a1a1a;border:2px solid #4caf50;border-radius:16px;max-width:600px;padding:48px 32px;text-align:center;width:100%}.success-content.error{border-color:#f44336}.success-animation{margin-bottom:32px}.checkmark{align-items:center;animation:checkmarkPop .5s ease-out;background:#4caf50;border-radius:50%;color:#fff;display:flex;font-size:40px;height:80px;justify-content:center;margin:0 auto;width:80px}@keyframes checkmarkPop{0%{transform:scale(0)}70%{transform:scale(1.1)}to{transform:scale(1)}}.success-page h1{color:#4caf50;font-size:2.5rem;margin-bottom:16px}.success-subtitle{color:#999;font-size:1.2rem;margin-bottom:40px}.success-benefits{background:#4caf501a;border:1px solid #4caf504d;border-radius:12px;margin-bottom:40px;padding:32px}.success-benefits h3{color:#4caf50;font-size:1.4rem;margin-bottom:24px}.benefits-grid{grid-gap:16px;display:grid;gap:16px}.benefit-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;font-size:1.1rem;gap:12px;padding:12px}.benefit-emoji{font-size:1.5rem}.success-actions{margin-bottom:32px}.continue-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-bottom:16px;padding:16px 32px;transition:all .3s ease}.continue-btn:hover{box-shadow:0 8px 20px #4caf504d}.billing-note{color:#999;font-size:.95rem;line-height:1.5}.success-footer p{color:#666;font-size:.9rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #4caf504d;border-left-color:#4caf50;border-radius:50%;height:40px;margin:0 auto 24px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.cancel-page{align-items:center;background:#0a0a0a;color:#fff;display:flex;justify-content:center;min-height:100vh;padding:20px}.cancel-content{background:#1a1a1a;border:2px solid #ff9800;border-radius:16px;max-width:600px;padding:48px 32px;text-align:center;width:100%}.cancel-icon{font-size:64px;margin-bottom:24px;opacity:.8}.cancel-page h1{color:#ff9800;font-size:2.2rem;margin-bottom:16px}.cancel-subtitle{color:#999;font-size:1.1rem;margin-bottom:40px}.cancel-message{background:#4caf501a;border:1px solid #4caf504d;border-radius:12px;margin-bottom:32px;padding:24px}.cancel-message h3{color:#4caf50;font-size:1.3rem;margin-bottom:20px}.free-benefits{grid-gap:12px;display:grid;gap:12px}.free-benefit{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:12px;padding:10px}.upgrade-reminder{background:#ffd7001a;border:1px solid #ffd7004d;border-radius:12px;margin-bottom:40px;padding:24px}.upgrade-reminder h3{color:gold;font-size:1.3rem;margin-bottom:16px}.plus-benefits-preview{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.plus-benefits-preview span{background:#ffffff0d;border-radius:6px;font-size:.95rem;padding:8px}.upgrade-note{color:#999;font-size:.9rem;font-style:italic}.cancel-actions{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.continue-btn.primary{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:16px 32px;transition:all .3s ease}.continue-btn.secondary{background:none;border:2px solid #ff9800;border-radius:12px;color:#ff9800;cursor:pointer;font-size:1.1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.continue-btn:hover{transform:translateY(-2px)}.continue-btn.primary:hover{box-shadow:0 8px 20px #4caf504d}.continue-btn.secondary:hover{background:#ff98001a}.cancel-footer p{color:#666;font-size:.9rem}.quiz-container{background:linear-gradient(135deg,#1a1a1a,#2d1b1b);border:3px solid #c00;border-radius:16px;box-shadow:0 8px 32px #cc00004d;color:#fff;font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px}.quiz-header{border-bottom:2px solid #c00;margin-bottom:32px;padding-bottom:24px;text-align:center}.quiz-header h1{color:#c00;font-size:2.5rem;margin:0 0 8px;text-shadow:2px 2px 4px #00000080}.quiz-tagline{color:#ccc;font-size:1.2rem;font-style:italic;margin:0}.quiz-progress{margin:24px 0}.progress-bar{background:#ffffff1a;border-radius:6px;height:12px;margin-bottom:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#c00,#ff4500);border-radius:6px;height:100%;transition:width .3s ease}.progress-text{align-items:center;color:#ccc;display:flex;font-size:.9rem;justify-content:space-between;margin:0}.pass-requirement{color:gold;font-size:.8rem}.question-container{margin-bottom:32px}.question-header{display:flex;justify-content:flex-end;margin-bottom:16px}.difficulty-indicator{background:#ff450033;border:1px solid #ff4500;border-radius:20px;padding:4px 12px}.difficulty{color:gold;font-size:.9rem;font-weight:600}.question-text{background:#0000004d;border-left:4px solid #c00;border-radius:12px;margin-bottom:24px;padding:24px}.question-text h3{color:#fff;font-size:1.4rem;line-height:1.6;margin:0}.answers-container{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.answer-button{align-items:flex-start;background:#1a1a1acc;border:2px solid #666;border-radius:12px;color:#ccc;cursor:pointer;display:flex;gap:16px;min-height:60px;padding:16px 20px;text-align:left;transition:all .3s ease}.answer-button:hover{background:#cc00001a;border-color:#c00;transform:translateY(-2px)}.answer-button.selected{background:#c003;border-color:#c00;color:#fff}.answer-label{align-items:center;background:#c00;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:32px;justify-content:center;width:32px}.answer-button.selected .answer-label{background:#fff;color:#c00}.answer-text{flex:1 1;font-size:1rem;line-height:1.5;padding-top:4px}.quiz-navigation{text-align:center}.next-button{background:linear-gradient(135deg,#c00,#8b0000);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;letter-spacing:1px;min-width:200px;padding:16px 40px;text-transform:uppercase;transition:all .3s ease}.next-button:hover:not(:disabled){background:linear-gradient(135deg,red,#c00);box-shadow:0 4px 16px #c006;transform:translateY(-2px)}.next-button:disabled{background:#666;cursor:not-allowed;opacity:.6}.quiz-error,.quiz-loading,.quiz-submitting{padding:64px 32px;text-align:center}.quiz-error h2,.quiz-loading h2,.quiz-submitting h2{font-size:1.8rem;margin-bottom:16px}.quiz-error .retry-button{background:#c00;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:16px;padding:12px 24px}.quiz-results-container{margin:0 auto;max-width:900px;padding:20px}.results-header{background:linear-gradient(135deg,#1a1a1a,#2d1b1b);border:3px solid;border-radius:16px;margin-bottom:32px;padding:32px;text-align:center}.score-display{margin-bottom:24px}.score-circle{align-items:center;background:#0000004d;border:6px solid;border-radius:50%;display:flex;font-size:2.5rem;font-weight:700;height:120px;justify-content:center;margin:0 auto 16px;width:120px}.score-breakdown{color:#ccc}.score-fraction{font-size:1.3rem;margin:8px 0}.pass-status{font-size:1.4rem;font-weight:700;margin:16px 0}.pass-status.passed{color:#0a0}.pass-status.failed{color:#c00}.community-unlock{background:linear-gradient(135deg,#0a4a2a,#1b5a3b);border:3px solid #0a0;border-radius:16px;margin-bottom:32px;padding:32px;text-align:center}.unlock-celebration h3{color:#0a0;font-size:2rem;margin-bottom:16px;text-shadow:2px 2px 4px #00000080}.community-benefits{margin:24px auto;max-width:600px;text-align:left}.community-benefits h4{color:#0a0;margin-bottom:12px}.community-benefits ul{list-style:none;padding:0}.community-benefits li{color:#ccc;font-size:1.1rem;padding:8px 0}.community-button{background:linear-gradient(135deg,#0a0,#080);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:700;margin-top:16px;padding:20px 48px;transition:all .3s ease}.community-button:hover{background:linear-gradient(135deg,#0c0,#0a0);box-shadow:0 6px 20px #0a06;transform:translateY(-2px)}.community-locked{background:#6663;border:2px solid #666;border-radius:16px;margin-bottom:32px;padding:32px;text-align:center}.community-locked h3{color:#999;margin-bottom:16px}.detailed-results{background:#0003;border-radius:12px;margin-bottom:32px;padding:24px}.detailed-results h3{color:#4a90e2;margin-bottom:20px;text-align:center}.results-summary{display:flex;flex-direction:column;gap:12px}.question-result{align-items:flex-start;border:2px solid;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.question-result.correct{background:#00aa001a;border-color:#0a0}.question-result.incorrect{background:#cc00001a;border-color:#c00}.question-number{color:#4a90e2;font-weight:700}.result-status{font-weight:700}.question-result.correct .result-status{color:#0a0}.question-result.incorrect .result-status{color:#c00}.explanation{color:#ccc;font-size:.9rem;line-height:1.4;margin-top:8px;width:100%}.results-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:32px}.back-button,.continue-button,.retake-button{border:2px solid;border-radius:8px;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;padding:16px 32px;text-align:center;text-decoration:none;transition:all .3s ease}.retake-button{background:linear-gradient(135deg,#ff4500,#c00);border-color:#ff4500;color:#fff}.retake-button:hover{background:linear-gradient(135deg,#ff6500,#ff4500);transform:translateY(-2px)}.back-button,.continue-button{background:#4a90e233;border-color:#4a90e2;color:#4a90e2}.back-button:hover,.continue-button:hover{background:#4a90e24d;transform:translateY(-2px)}.community-container{color:#fff;margin:0 auto;max-width:1000px;padding:20px}.community-welcome{background:linear-gradient(135deg,#1a1a1a,#2d1b1b);border:3px solid #0a0;border-radius:16px;margin-bottom:32px;padding:32px;text-align:center}.community-welcome h1{color:#0a0;font-size:2.5rem;margin-bottom:16px;text-shadow:2px 2px 4px #00000080}.welcome-message{color:#ccc;font-size:1.2rem;line-height:1.6;margin-bottom:24px}.community-stats{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-around;margin-top:24px}.stat{background:#0000004d;border:1px solid #0a0;border-radius:8px;padding:12px 16px}.community-platforms{margin-bottom:32px}.community-platforms h2{color:#4a90e2;font-size:2rem;margin-bottom:16px;text-align:center}.platform-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:32px}.platform-card{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:2px solid #4a90e2;border-radius:12px;padding:24px;transition:transform .3s ease}.platform-card:hover{border-color:#0a0;transform:translateY(-4px)}.platform-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.platform-header h3{color:#4a90e2;margin:0}.platform-badge{background:#0a0;border-radius:4px;color:#fff;font-size:.8rem;font-weight:700;padding:4px 8px}.platform-card ul{color:#ccc;margin:16px 0;padding-left:20px}.platform-card li{margin:8px 0}.platform-button{border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:16px;padding:16px;transition:all .3s ease;width:100%}.platform-button.discord{background:#5865f2;color:#fff}.platform-button.reddit{background:#ff4500;color:#fff}.platform-button.twitter{background:#1da1f2;color:#fff}.platform-button.newsletter{background:#ff6b35;color:#fff}.platform-button:hover{opacity:.9;transform:translateY(-2px)}.community-guidelines{background:#0000004d;border-radius:12px;margin-bottom:32px;padding:24px}.community-guidelines h3{color:gold;margin-bottom:20px;text-align:center}.guidelines-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.guideline{background:#ffd7001a;border:1px solid gold;border-radius:8px;color:#ccc;padding:16px}.guideline strong{color:gold}.community-footer,.quiz-footer{border-top:1px solid #333;color:#999;padding-top:24px;text-align:center}.footer-message,.quiz-footer-message{color:#999;font-style:italic;margin-top:16px}.footer-message strong,.quiz-footer-message strong{color:gold}@media (max-width:768px){.quiz-container{margin:10px;padding:16px}.quiz-header h1{font-size:2rem}.question-text h3{font-size:1.2rem}.answer-button{gap:12px;padding:12px 16px}.next-button{font-size:1rem;padding:12px 24px}.results-actions{align-items:center;flex-direction:column}.platform-grid{grid-template-columns:1fr}.community-stats,.progress-text{flex-direction:column;text-align:center}.progress-text{gap:4px}}
/*# sourceMappingURL=main.62b9e123.css.map*/