@import"https://fonts.googleapis.com/css2?family=Exo+2:wght@400;700&family=Roboto:wght@300;400;500;700&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css";.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.rules-modal{background-color:var(--background-dark, #1a1a1a);color:var(--text-light, #ffffff);border-radius:12px;padding:24px;max-width:90%;width:600px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 4px 20px #00000080;animation:modal-fade-in .3s ease-out}@keyframes modal-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.close-button{position:absolute;right:16px;top:16px;background:none;border:none;font-size:24px;color:var(--text-light, #ffffff);cursor:pointer;transition:color .2s}.close-button:hover{color:var(--primary-color, #e31c79)}.rules-modal h2{text-align:center;margin-bottom:24px;color:var(--primary-color, #e31c79);font-size:28px}.rule-section{margin-bottom:20px}.rule-section h3{color:var(--secondary-color, #0d82d5);margin-bottom:10px;font-size:20px}.rule-section p,.rule-section li{margin-bottom:10px;line-height:1.5}.color-indicator{display:inline-block;width:16px;height:16px;border-radius:50%;margin-right:10px;vertical-align:middle}.color-indicator.correct{background-color:#4caf50}.color-indicator.partial{background-color:#ffc107}.color-indicator.incorrect{background-color:#f44336}.modal-footer{margin-top:24px;text-align:center}.start-button{background-color:var(--primary-color, #e31c79);color:#fff;border:none;padding:12px 24px;border-radius:20px;font-size:16px;cursor:pointer;transition:background-color .2s}.start-button:hover{background-color:#c01868}.rules-modal ul{padding-left:20px}.stats-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.stats-modal-content{background-color:#1a1a1a;padding:20px;border-radius:10px;max-width:90%;width:400px;max-height:80vh;overflow-y:auto;color:#fff;box-shadow:0 0 20px #ff00ff4d;border:1px solid #ff00ff}.stats-section{margin-bottom:20px}.stats-section h3{color:#f0f;margin-bottom:10px;border-bottom:1px solid #444;padding-bottom:5px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.stat-item{text-align:center;padding:10px;background-color:#2a2a2a;border-radius:5px;transition:transform .2s}.stat-item:hover{transform:scale(1.05);background-color:#333}.stat-value{font-size:24px;font-weight:700;color:#f0f;margin-bottom:5px}.stat-label{font-size:14px;color:#aaa}.close-button{background-color:#f0f;color:#fff;border:none;padding:8px 16px;border-radius:5px;margin-top:15px;cursor:pointer;width:100%;font-weight:700;transition:background-color .3s}.close-button:hover{background-color:#c0c}@media (max-width: 480px){.stats-modal-content{width:95%;padding:15px}.stat-value{font-size:20px}.stat-label{font-size:12px}}.streak-display{display:flex;align-items:center;gap:5px;background-color:#f603;padding:6px 12px;border-radius:20px;font-weight:700;transition:all .3s ease}.streak-display.loading{opacity:.6}.streak-fire{font-size:1.2em;animation:fire-pulse 1.5s infinite alternate}.streak-count{color:#f60;font-size:1.1em}@keyframes fire-pulse{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.1);opacity:1}}:root{--primary-color: #e31c79;--secondary-color: #0d82d5;--accent-color: #00e5ff;--background-dark: #080810;--background-light: #121220;--background-card: rgba(25, 25, 40, .7);--text-color: #ffffff;--border-color: #333355;--correct-color: #2ecc71;--partial-color: #f39c12;--wrong-color: #e74c3c;--header-height: 120px;--footer-height: 60px;--glow-primary: 0 0 10px rgba(227, 28, 121, .6);--glow-secondary: 0 0 15px rgba(13, 130, 213, .6);--glow-accent: 0 0 12px rgba(0, 229, 255, .7)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,Arial,sans-serif;background:var(--background-dark);color:var(--text-color);line-height:1.6;min-height:100vh;background-image:url(/images/nikke-bg.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000000e6,#080810d9);z-index:-1}.container{max-width:1000px;margin:0 auto;padding:0 15px;display:flex;flex-direction:column;min-height:100vh;position:relative}header{padding:20px 0;text-align:center;position:relative;margin-bottom:30px}.logo h1{font-size:3.5rem;background:linear-gradient(to right,var(--primary-color),var(--secondary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:5px;text-shadow:var(--glow-primary);letter-spacing:2px;transform:perspective(500px) rotateX(10deg)}.subtitle{color:var(--accent-color);font-size:1.2rem;text-shadow:var(--glow-accent);margin-bottom:20px;letter-spacing:1px}.anniversary-banner{position:relative;margin:20px auto;border-radius:8px;overflow:hidden;box-shadow:0 8px 25px #000000b3;max-width:800px;border:1px solid rgba(227,28,121,.3);transform:perspective(1000px) rotateX(5deg)}.anniversary-banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#e31c7933,#0d82d533);z-index:1}.anniversary-banner:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:light-sweep 3s infinite;z-index:2}@keyframes light-sweep{0%{transform:translate(-30%,-30%) rotate(0);opacity:0}20%{opacity:.3}80%{opacity:.3}to{transform:translate(30%,30%) rotate(360deg);opacity:0}}.anniversary-banner img{width:100%;height:auto;display:block;transform:scale(1.02);transition:transform .5s ease}.anniversary-banner:hover img{transform:scale(1.05)}.anniversary-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000b3;padding:10px 26px;border-radius:30px;font-size:1.5rem;font-weight:700;color:#fff;text-shadow:var(--glow-primary);box-shadow:0 0 15px #e31c7980;border:1px solid var(--primary-color);z-index:3;letter-spacing:1px}.header-controls{position:absolute;top:10px;right:10px;display:flex;gap:15px}.btn-icon{background:none;border:none;color:var(--text-color);font-size:24px;cursor:pointer;transition:all .3s ease}.btn-icon:hover{color:var(--primary-color);transform:scale(1.1)}main{flex:1;display:flex;flex-direction:column;gap:30px;padding-bottom:50px}.game-info{display:flex;justify-content:space-between;padding:15px 20px;background-color:var(--background-card);border-radius:15px;margin-bottom:10px;box-shadow:0 5px 15px #0000004d;border:1px solid rgba(13,130,213,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-info-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:800px;margin:0 auto;padding:0 20px}.attempts,.timer{display:flex;align-items:center;gap:12px}.avgattempts span{padding:10px}.timer{color:var(--accent-color);text-shadow:var(--glow-accent);font-weight:500}.timer-icon,.attempts-icon{font-size:1.3rem;opacity:.9}.search-area{display:flex;justify-content:center;margin-top:10px}.search-container{position:relative;width:90%;max-width:600px}.search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#aaa;font-size:18px}.search-input{width:100%;padding:16px 60px 16px 50px;border:2px solid rgba(13,130,213,.3);border-radius:30px;font-size:16px;background-color:#121220cc;color:var(--text-color);box-shadow:0 5px 15px #0003,0 0 10px #0d82d533;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);letter-spacing:.5px}.search-input:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 5px 15px #0003,0 0 15px #0d82d566}.submit-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;border-radius:25px;padding:8px 18px;cursor:pointer;opacity:.9;transition:all .3s ease;font-weight:500;letter-spacing:.5px;box-shadow:var(--glow-primary)}.submit-btn:enabled{opacity:1}.submit-btn:enabled:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 0 20px #e31c79b3}.results,.modal-container,.guess-board,.dropdown-menu,.search-results{scrollbar-width:none;-ms-overflow-style:none}.results::-webkit-scrollbar,.modal-container::-webkit-scrollbar,.guess-board::-webkit-scrollbar,.dropdown-menu::-webkit-scrollbar,.search-results::-webkit-scrollbar{display:none}.results{position:absolute;top:65px;width:100%;background:var(--background-card);border:1px solid var(--border-color);border-radius:15px;max-height:350px;overflow-y:auto;z-index:100;box-shadow:0 10px 25px #00000080;display:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;transform:translateY(10px);opacity:0}.results.active{display:block;transform:translateY(0);opacity:1}.result-item{display:flex;align-items:center;padding:12px 20px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:all .2s ease}.result-item.selected{background-color:#e31c7966;border-left:3px solid var(--primary-color)}.result-item:last-child{border-bottom:none}.result-item:hover{background-color:#64649626;transform:translate(5px)}.result-image{width:48px;height:48px;object-fit:cover;object-position:center top;border-radius:50%;margin-right:15px;border:2px solid var(--secondary-color);box-shadow:0 0 10px #0d82d566}.result-item span{font-size:16px;color:#eee;font-weight:500}.no-results{padding:20px;text-align:center;color:#aaa}.search-loading{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);color:var(--accent-color);font-size:14px;background-color:#0009;padding:4px 15px;border-radius:15px;box-shadow:0 0 10px #00e5ff4d}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s infinite linear;margin-right:5px}.guesses-container{margin:20px auto;width:100%;max-width:900px;display:flex;flex-direction:column;align-items:center}.guesses-title{color:var(--accent-color);font-family:var(--font-header);text-align:center;margin-bottom:15px;font-size:1.8rem;text-shadow:0 0 10px rgba(255,61,168,.5)}.guess-board{border-radius:12px;overflow:hidden;background-color:var(--surface-color);box-shadow:var(--box-shadow);animation:fadeIn .5s ease-in-out;width:100%;-webkit-overflow-scrolling:touch}.guess-headers{display:grid;grid-template-columns:repeat(8,1fr);background-color:#2d0e5fcc;padding:12px 0;border-bottom:2px solid var(--secondary-color);min-width:400px;width:100%}.header-cell{text-align:center;font-weight:700;color:var(--text-color);font-size:.9rem;padding:6px;display:flex;flex-direction:column;align-items:center;gap:5px}.header-icon{font-size:1.1rem;color:var(--accent-color)}.guess-row{display:grid;grid-template-columns:repeat(8,1fr);border-bottom:1px solid rgba(140,82,255,.2);animation:slideIn .4s ease-in-out forwards}.guess-cell{text-align:center;padding:10px 5px;font-size:.85rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:80px;overflow:hidden}.character-cell{padding:5px;background-color:#2d0e5f66;overflow:hidden}.character-thumbnail{width:45px;height:45px;border-radius:5px;object-fit:cover;object-position:top center;border:2px solid var(--secondary-color);box-shadow:0 0 8px #8c52ff80;transform:scale(1.2)}.character-name{font-size:.8rem;font-weight:700;color:var(--text-color);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.correct{background-color:var(--correct-color);color:#fff;font-weight:700}.partial{background-color:var(--partial-color);color:#333;font-weight:700}.wrong{background-color:var(--wrong-color);color:#fff;font-weight:700}.empty-guesses{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background-color:#1f1f1fb3;border-radius:12px;gap:15px;width:100%}.empty-icon{font-size:2.5rem;color:var(--secondary-color);opacity:.7}.empty-text{color:var(--text-secondary);text-align:center;font-size:1.1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.guess-headers,.guess-row{grid-template-columns:repeat(4,1fr)}.guess-board{max-width:100%}.guess-headers div:nth-child(n+5),.guess-row div:nth-child(n+5){display:none}}.character-header{display:flex;align-items:center;padding:15px;background-color:#141428cc;border-bottom:2px solid var(--border-color)}.character-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid var(--secondary-color);box-shadow:0 0 10px #0d82d580;margin-right:15px}.character-name{font-size:1.3rem;font-weight:600;color:#fff;flex:1}.character-outcome{font-size:.9rem;padding:4px 12px;border-radius:20px;background-color:var(--wrong-color);color:#fff}.character-outcome.correct{background-color:var(--correct-color)}.attributes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:15px}.attribute-item{padding:10px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:var(--wrong-color);color:#fff;min-height:90px;transform:scale(.9);opacity:0;animation:attribute-reveal .5s forwards}.attribute-item.correct{background-color:var(--correct-color)}.attribute-item.partial{background-color:var(--partial-color)}.attribute-icon{font-size:24px;margin-bottom:5px}.attribute-title{font-size:.8rem;margin-bottom:3px;opacity:.9}.attribute-value{font-size:1rem;font-weight:600}@keyframes attribute-reveal{to{transform:scale(1);opacity:1}}.attributes-grid .attribute-item:nth-child(1){animation-delay:.1s}.attributes-grid .attribute-item:nth-child(2){animation-delay:.2s}.attributes-grid .attribute-item:nth-child(3){animation-delay:.3s}.attributes-grid .attribute-item:nth-child(4){animation-delay:.4s}.attributes-grid .attribute-item:nth-child(5){animation-delay:.5s}.attributes-grid .attribute-item:nth-child(6){animation-delay:.6s}.empty-guesses{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;color:#aaa}.empty-icon{font-size:3rem;margin-bottom:15px;opacity:.5}.empty-text{font-size:1.2rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;z-index:1000;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-container{background-color:var(--background-light);border-radius:15px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 15px 40px #0009;border:1px solid var(--primary-color);animation:modal-appear .3s;position:relative}.modal-title{font-size:1.5rem;font-weight:600;color:var(--accent-color);text-shadow:var(--glow-accent)}.modal-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;opacity:.8;transition:all .2s ease}.modal-close:hover{opacity:1;transform:scale(1.1);color:var(--primary-color)}.nikke-footer{margin-top:auto;padding:20px;border-top:1px solid var(--border-color);text-align:center;background-color:#080810cc}.footer-links{margin-bottom:15px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.copyright{color:var(--text-color);font-size:.9rem;margin-bottom:10px}.disclaimer{color:#fff9;font-size:.8rem;margin-top:10px}.disclaimer p{margin:5px 0}.btn{padding:8px 20px;border-radius:20px;font-size:16px;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;box-shadow:var(--glow-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #e31c7980}@keyframes modal-appear{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.logo h1{font-size:2.5rem}.subtitle{font-size:1rem}.attributes-grid{grid-template-columns:repeat(2,1fr)}.game-info{flex-direction:column;gap:15px;align-items:center}}@media (max-width: 480px){.logo h1{font-size:2rem}.anniversary-text{font-size:1.2rem;padding:8px 20px}.attributes-grid{grid-template-columns:1fr}.search-container{width:100%}}.confetti{position:fixed;width:10px;height:10px;top:-10px;z-index:999;pointer-events:none;animation:confetti-fall 5s linear forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.character-showcase{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;text-align:center}#victory-character-img{max-width:180px;max-height:250px;object-fit:contain;margin-bottom:15px;border-radius:10px;box-shadow:0 0 20px #e31c7980;border:2px solid var(--primary-color)}.character-info{margin-top:15px}#victory-character-name{font-size:1.8rem;color:var(--accent-color);margin-bottom:10px;text-shadow:var(--glow-accent)}#victory-character-details{line-height:1.8;background-color:#19192880;padding:15px;border-radius:10px;margin-top:10px;border:1px solid var(--border-color)}.stats{display:flex;justify-content:space-around;margin:20px 0;padding:15px;background-color:#19192880;border-radius:10px;border:1px solid var(--border-color)}#victory-attempts,#victory-timer{font-weight:700;color:var(--accent-color)}.share-buttons{display:flex;justify-content:center;gap:15px;margin-top:20px}#share-btn,#stats-btn{padding:10px 20px;border-radius:25px;font-size:1rem;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;gap:8px;box-shadow:var(--glow-primary)}#share-btn{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}#stats-btn{background-color:#191928b3;color:#fff;border:1px solid var(--accent-color)}#share-btn:hover,#stats-btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px #e31c7999}.correct-example{background-color:var(--correct-color);padding:2px 6px;border-radius:4px;color:#fff;font-weight:700}.partial-example{background-color:var(--partial-color);padding:2px 6px;border-radius:4px;color:#333;font-weight:700}.wrong-example{background-color:var(--wrong-color);padding:2px 6px;border-radius:4px;color:#fff;font-weight:700}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:1000;display:flex;justify-content:center;align-items:flex-start;padding-top:50px;overflow-y:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background-color:var(--background-light);border-radius:15px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 15px 40px #0009;border:1px solid var(--primary-color);animation:modal-appear .3s}.modal-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#e31c791a,#0d82d51a)}.modal-body{padding:20px}.close{color:#fff;font-size:24px;cursor:pointer;opacity:.8;transition:all .2s ease}.close:hover{opacity:1;transform:scale(1.1);color:var(--primary-color)}@media (max-width: 480px){#victory-character-img{max-width:150px;max-height:200px}.share-buttons{flex-direction:column;align-items:center}}.settings-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:1rem;color:var(--accent-color)}.form-group input{padding:12px;border-radius:8px;border:1px solid var(--border-color);background-color:#19192880;color:var(--text-color)}#save-settings-btn{padding:12px;border-radius:25px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;cursor:pointer;transition:all .3s ease;font-weight:500;margin-top:10px}#save-settings-btn:hover{transform:translateY(-3px);box-shadow:var(--glow-primary)}.victory-modal-enter{opacity:0;transform:scale(.9)}.victory-modal-enter-active{opacity:1;transform:scale(1);transition:opacity .3s,transform .3s}@keyframes confetti-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal.victory-modal{z-index:1100}.modal-content{max-width:500px;width:90%;margin:5vh auto;overflow:visible;display:flex;flex-direction:column;align-items:center;padding:20px;height:auto;max-height:90vh}.victory-image{max-width:180px;max-height:260px;border-radius:10px;border:3px solid #8a2be2;margin-bottom:10px;box-shadow:0 0 10px #8a2be2b3}.character-name{color:#ff69b4;font-size:24px;margin:5px 0 15px;text-align:center;font-weight:700;text-shadow:0 0 5px rgba(255,105,180,.7)}.attributes-container{width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:8px;margin-bottom:15px}.attributes-container>:nth-last-child(-n+2){grid-column:span 1.5}.attribute-card{background-color:#2a2a40;border-radius:8px;padding:10px 5px;display:flex;flex-direction:column;align-items:center;text-align:center;height:100%}.attribute-icon{font-size:20px;color:#9b4dff;margin-bottom:3px}.attribute-label{font-size:12px;color:#888;margin-bottom:3px}.attribute-value{font-size:14px;color:#fff;font-weight:700}.stats-container{display:flex;justify-content:space-between;width:100%;margin-bottom:15px;gap:10px}.stat-item{background-color:#2a2a40;border-radius:8px;padding:10px;width:100%;display:flex;flex-direction:column;align-items:center}.stat-label{font-size:12px;color:#888;margin-bottom:3px}.stat-value{font-size:16px;color:#fff;font-weight:700}.share-btn{background-color:#8a2be2;color:#fff;border:none;border-radius:20px;padding:10px 25px;font-size:16px;cursor:pointer;transition:background-color .3s ease;margin-top:5px}.share-btn:hover{background-color:#9b4dff}.tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);background-color:#281e3cf2;color:#fff;padding:8px 12px;border-radius:6px;font-size:.85rem;z-index:1000;width:max-content;max-width:200px;text-align:center;box-shadow:0 4px 8px #0003;border:1px solid #9c4dcc;margin-top:8px;white-space:normal;animation:tooltip-fade-in .2s ease-in-out}.tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:transparent transparent #9c4dcc transparent}.header-cell{cursor:help}@keyframes tooltip-fade-in{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}:root{--primary-color: #2d0e5f;--secondary-color: #8c52ff;--accent-color: #ff3da8;--background-color: #121212;--surface-color: #1f1f1f;--text-color: #f0f0f0;--text-secondary: #a0a0a0;--correct-color: #28a745;--partial-color: #ffc107;--wrong-color: #dc3545;--box-shadow: 0 4px 10px rgba(0, 0, 0, .5);--glow-effect: 0 0 8px var(--secondary-color);--font-main: "Roboto", system-ui, sans-serif;--font-header: "Exo 2", "Roboto", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;font-family:var(--font-main);background-color:var(--background-color);color:var(--text-color);font-size:16px;line-height:1.5;overflow-x:hidden}body{display:flex;flex-direction:column;min-height:100vh;background-image:radial-gradient(circle at center,#2c155940,#0000 70%)}a{color:var(--secondary-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-color);text-decoration:underline}button{cursor:pointer;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border:none;color:#fff;padding:.5em 1em;border-radius:4px;font-weight:500;transition:all .2s ease;font-family:var(--font-main)}button:hover{filter:brightness(1.1);box-shadow:var(--glow-effect)}button:disabled{background:#444;color:#777;cursor:not-allowed;box-shadow:none}input,select{background-color:var(--surface-color);border:1px solid #333;border-radius:4px;color:var(--text-color);padding:.5em;font-family:var(--font-main);transition:border-color .2s ease}input:focus,select:focus{border-color:var(--secondary-color);outline:none;box-shadow:0 0 0 2px #8c52ff40}#root{display:flex;flex-direction:column;min-height:100vh;align-items:stretch}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.correct{background-color:var(--correct-color)!important;color:#fff!important}.partial{background-color:var(--partial-color)!important;color:#000!important}.wrong{background-color:var(--wrong-color)!important;color:#fff!important}.loading{display:inline-block;width:1em;height:1em;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--text-color);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){html{font-size:14px}}