@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Cinzel:wght@400;500;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Nunito+Sans:ital,wght@0,300;0,400;0,600;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800&family=IM+Fell+English:ital@0;1&family=Cardo:ital,wght@0,400;0,700;1,400&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:block;min-width:320px;min-height:100vh;overflow-x:hidden;overflow-y:auto}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;background:var(--primary-bg-gradient);color:var(--text-light);overflow-x:hidden;position:relative}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/assets/noise-texture.png);opacity:.03;pointer-events:none;z-index:var(--z-background)}.app-container{min-height:100vh;display:flex;flex-direction:column;background:var(--primary-bg-gradient);color:var(--text-light);font-family:var(--font-family);position:relative;width:100%;max-width:min(100%,600px);margin:0 auto;overflow-x:hidden;box-shadow:var(--shadow-xl);border-left:1px solid var(--glass-border);border-right:1px solid var(--glass-border)}.main-content{flex:1;display:flex;flex-direction:column;padding:clamp(var(--spacing-sm),3vw,var(--spacing-md));padding-top:clamp(50px,10vh,70px);width:100%;max-width:100%;position:relative;z-index:var(--z-default)}.animated-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,var(--primary-bg),var(--secondary-bg),var(--card-bg));background-size:400% 400%;animation:gradient-shift 15s ease infinite;z-index:var(--z-background);opacity:.8}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.mute-button{position:fixed;top:calc(var(--spacing-md) + 10%);right:var(--spacing-md);width:40px;height:40px;border-radius:var(--radius-md);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:var(--text-light);font-size:var(--font-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:var(--z-floating);transition:var(--transition-normal);box-shadow:var(--shadow-md)}.mute-button:hover{background-color:var(--primary-accent);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.discord-badge{position:fixed;bottom:clamp(var(--spacing-sm),3vh,var(--spacing-md));right:clamp(var(--spacing-sm),3vw,var(--spacing-md));background:var(--button-secondary-gradient);color:#fff;padding:var(--spacing-xs) clamp(var(--spacing-sm),2vw,var(--spacing-md));border-radius:var(--radius-full);font-size:clamp(var(--font-xs),2.5vw,var(--font-sm));display:flex;align-items:center;gap:var(--spacing-sm);box-shadow:var(--shadow-md);z-index:var(--z-floating);animation:pulse 2s infinite;border:1px solid rgba(255,255,255,.2);margin-top:60px}.discord-badge i{font-size:var(--font-md)}@keyframes pulse{0%{box-shadow:0 0 #5865f266}70%{box-shadow:0 0 0 10px #5865f200}to{box-shadow:0 0 #5865f200}}.btn{border:none;border-radius:var(--radius-md);font-weight:700;cursor:pointer;transition:var(--transition-bounce);font-size:clamp(var(--font-sm),2.5vw,var(--font-md));padding:clamp(var(--spacing-sm),2vw,var(--spacing-md)) clamp(var(--spacing-md),3vw,var(--spacing-lg));text-align:center;display:inline-block;text-transform:uppercase;letter-spacing:1px;box-shadow:var(--shadow-md);position:relative;overflow:hidden;background:var(--button-primary-gradient);color:#fff}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition-normal)}.btn:hover:before{left:100%}.btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-glow)}.btn:active{transform:translateY(2px);box-shadow:var(--shadow-sm)}.option-button{background:var(--secondary-bg-gradient);color:var(--text-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:clamp(var(--spacing-md),3vw,var(--spacing-lg));margin-bottom:clamp(var(--spacing-sm),2vw,var(--spacing-md));width:100%;text-align:left;font-size:clamp(var(--font-sm),2.5vw,var(--font-md));cursor:pointer;transition:var(--transition-bounce);position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.option-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff1a,#fff0);opacity:0;transition:var(--transition-normal)}.option-button:hover{background:var(--card-bg-gradient);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.option-button:hover:before{opacity:1}.option-button.selected{background:var(--primary-accent-gradient);color:#fff;box-shadow:var(--shadow-glow);border-color:var(--primary-accent)}.option-button.correct{background:var(--success-gradient);color:#fff;box-shadow:var(--shadow-success-glow);border-color:var(--success)}.option-button.incorrect{background:var(--error-gradient);color:#fff;box-shadow:var(--shadow-error-glow);border-color:var(--error)}.settings-panel h2{margin-bottom:var(--spacing-lg);text-align:center;font-size:var(--font-xl)}.settings-row label{font-size:var(--font-md)}input[type=range]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;border-radius:var(--radius-full);background:#ffffff4d;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:var(--shadow-sm)}.confirmation-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:var(--z-modal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease}.confirmation-dialog{background:var(--card-bg-gradient);border:2px solid var(--primary-accent);border-radius:var(--radius-lg);padding:clamp(var(--spacing-md),4vw,var(--spacing-lg));width:90%;max-width:min(90vw,400px);text-align:center;box-shadow:var(--shadow-xl),var(--shadow-glow);animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1);transform-origin:center}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.confirmation-dialog h3{font-size:var(--font-xl);margin-bottom:var(--spacing-md);color:#fff;text-shadow:var(--text-light-glow);letter-spacing:.5px}.confirmation-dialog p{margin-bottom:var(--spacing-lg);color:var(--text-muted);font-weight:300;line-height:1.5}.confirmation-buttons{display:flex;justify-content:center;gap:var(--spacing-md)}.cancel-button{background:var(--secondary-accent-gradient);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-md);cursor:pointer;transition:var(--transition-bounce);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.confirm-button{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-md);cursor:pointer;transition:var(--transition-bounce);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.cancel-button:before,.confirm-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition-normal)}.cancel-button:hover:before,.confirm-button:hover:before{left:100%}.cancel-button:hover{background:var(--primary-accent-gradient);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.confirm-button:hover{background:linear-gradient(135deg,#c0392b,#a33025);transform:translateY(-2px);box-shadow:0 0 15px #e74c3c99}.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.confirmation-overlay{z-index:var(--z-modal)!important}.discord-ui-container{position:fixed;top:10px;right:10px;z-index:var(--z-discord-ui);display:flex;flex-direction:column;align-items:flex-end;gap:10px}.discord-profile-picture-wrapper{position:fixed;bottom:20px;right:20px;z-index:var(--z-discord-ui);transition:all .3s ease}@media (max-width: 768px){.discord-profile-picture-wrapper{bottom:70px;right:15px;transform:scale(.9)}}.discord-ui-container>*{pointer-events:auto}@media (max-width: 768px){.main-content{padding:var(--spacing-sm);padding-top:clamp(55px,8vh,65px)}.confirmation-dialog{width:85%;max-width:350px}.confirmation-dialog h3{font-size:var(--font-lg)}.confirmation-buttons{gap:var(--spacing-sm)}}@media (max-width: 480px){.app-container{width:100%}.main-content{padding:var(--spacing-xs);padding-top:55px}.btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-sm)}.option-button{padding:var(--spacing-sm);font-size:var(--font-sm);margin-bottom:var(--spacing-sm)}.confirmation-dialog{padding:var(--spacing-md);width:90%}.confirmation-dialog h3{font-size:var(--font-md);margin-bottom:var(--spacing-sm)}.confirmation-dialog p{font-size:var(--font-sm);margin-bottom:var(--spacing-md)}.cancel-button,.confirm-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-sm)}}@media (max-width: 360px){.main-content{padding:50px 5px 5px}.btn{padding:5px 10px;font-size:var(--font-xs)}.option-button{padding:8px;font-size:var(--font-xs);margin-bottom:6px}.discord-badge{font-size:var(--font-xs);padding:3px 8px}}.discord-optimized{--discord-bg-primary: #36393f;--discord-bg-secondary: #2f3136;--discord-text-normal: #dcddde;--discord-interactive: #b9bbbe;--discord-interactive-hover: #dcddde;--discord-brand: #5865f2}body.in-discord{font-size:14px}body.in-discord h1{font-size:24px}body.in-discord h2{font-size:20px}body.in-discord h3{font-size:16px}body.in-discord .main-content{padding:12px;max-width:100%}body.in-discord .fa-youtube,body.in-discord .fa-discord,body.in-discord .fa-times{display:inline-block!important;visibility:visible!important;opacity:1!important}body.in-discord button{min-height:32px;padding:4px 16px}body.in-discord .game-container{max-width:100%;margin:0 auto}body.in-discord .question-text{font-size:16px;line-height:1.4}body.in-discord .option-item{padding:8px 12px;margin-bottom:8px}body.in-discord .modal-content{max-width:90%;max-height:80vh}body.in-discord .player-profile{padding:8px}body.in-discord .player-avatar{width:32px;height:32px}body.in-discord .animated{animation:none!important;transition:none!important}@media (max-width: 768px){body.in-discord *:not(.dofus-egg,.dofus-egg *,.egg-image,.loading-circle,.loading-circle *,.logo-glow){animation:none!important;transition:none!important}body.in-discord *:not(.dofus-egg,.dofus-egg *,.egg-image,.loading-circle,.loading-circle *,.dofus-eggs-container,.dofus-eggs-container *){transform:none!important}}@media (max-width: 500px){body.in-discord .game-container{padding:8px}body.in-discord .option-item{padding:6px 10px;margin-bottom:6px;font-size:14px}body.in-discord .question-text{font-size:15px}}body.in-discord{color-scheme:dark;background-color:var(--discord-bg-primary);color:var(--discord-text-normal)}.discord-badge{display:inline-flex;align-items:center;position:fixed;top:5px;right:5px;background-color:#2f313680;color:#fff;padding:3px;border-radius:4px;font-size:0;z-index:100;box-shadow:0 1px 2px #0003;border:1px solid rgba(79,84,92,.2);width:auto;max-width:auto;transition:opacity .3s,background-color .2s;height:16px;line-height:1;opacity:.6}.discord-badge:hover{opacity:1;background-color:#2f3136cc}.discord-badge i.fab,.discord-badge i.fas{display:inline-block!important;visibility:visible!important;opacity:1!important;font-family:"Font Awesome 5 Free","Font Awesome 5 Brands"!important;font-size:10px}.discord-badge .fa-discord{color:#5865f2}.participant-count{position:absolute;top:-5px;right:-5px;background-color:#5865f2;color:#fff;padding:0 3px;border-radius:10px;font-size:8px;min-width:12px;height:12px;display:flex;align-items:center;justify-content:center;pointer-events:none}.voice-badge{margin-left:5px;color:#43b581;display:inline-block!important;visibility:visible!important;opacity:1!important}.voice-badge i.fa-microphone{color:#43b581;display:inline-block!important;visibility:visible!important;opacity:1!important;font-size:10px}.participants-container,.voice-participants-container{position:fixed;top:30px;right:5px;width:140px;max-height:200px;overflow-y:auto;background-color:#202225f2;border-radius:4px;box-shadow:0 2px 10px #0006;z-index:99;border:1px solid rgba(79,84,92,.4);animation:slide-in .2s ease-out;color:#fff}@media (max-width: 500px){.discord-badge{padding:2px;top:3px;right:3px;height:14px}.discord-badge i.fab,.discord-badge i.fas{font-size:8px}.participant-count{font-size:7px;min-width:10px;height:10px}}.fa,.fas,.far,.fab,.fa-discord,.fa-youtube,.fa-times,.fa-cog,.fa-arrow-right,.fa-star,.fa-clock,.fa-trophy,.fa-users,.fa-info-circle,.fa-play,.fa-question,.fa-book{font-family:"Font Awesome 5 Free","Font Awesome 5 Brands"!important;font-weight:900;display:inline-block!important;visibility:visible!important;opacity:1!important}.fa-discord:before{content:""}.fa-youtube:before{content:""}.fa-times:before{content:""}.fa-cog:before{content:""}.social-icon i,.close-button i,.social-icon svg,.close-button svg{display:inline-block!important;visibility:visible!important;opacity:1!important;font-size:1.2em}@media (max-width: 600px),(any-pointer: coarse){.social-icon,.close-button{font-size:120%;width:40px;height:40px}.social-icon.discord{background-color:#5865f280;position:relative}.social-icon.youtube{background-color:#ff000080;position:relative}.close-button{background-color:#ff4d4d66;border-radius:50%;width:36px;height:36px;position:relative}.social-icon i,.close-button i,.social-icon svg,.close-button svg,.fa,.fas,.far,.fab,svg[data-icon],svg.svg-inline--fa{text-shadow:0 0 3px rgba(0,0,0,.8);filter:drop-shadow(0 0 2px rgba(255,255,255,.8));color:#fff!important;stroke:#000c;stroke-width:.5px}}.social-icon.discord:after{content:attr(data-fallback);display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700}.social-icon.youtube:after{content:attr(data-fallback);display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700}.close-button:after{content:"X";display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700}.social-icon.discord[data-failed=true]:after,.social-icon.youtube[data-failed=true]:after,.close-button[data-failed=true]:after{display:block;font-family:Arial,sans-serif;font-size:14px;color:#fff}svg[data-icon] path,svg.svg-inline--fa path{fill:#fff!important;stroke:#000c;stroke-width:.5px}svg[data-icon],svg.svg-inline--fa{background-color:#8c52ff33;border-radius:4px;padding:2px}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;font-style:normal;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.woff) format("woff")}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;font-style:normal;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.woff) format("woff")}.discord-audio-enabled .volume-slider{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:6px;background:#5865f24d;border-radius:3px;outline:none;margin:8px 0;cursor:pointer}.discord-audio-enabled .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#5865f2;border-radius:50%;cursor:pointer;box-shadow:0 0 5px #5865f2cc}.discord-audio-enabled .volume-slider::-moz-range-thumb{width:14px;height:14px;background:#5865f2;border-radius:50%;cursor:pointer;box-shadow:0 0 5px #5865f2cc;border:none}.discord-audio-enabled .mute-button{background:#5865f233;border:1px solid rgba(88,101,242,.3);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.discord-audio-enabled .mute-button:hover{background:#5865f266;transform:scale(1.05)}.discord-audio-enabled .mute-button.muted{background:#ff4d4d33;border-color:#ff4d4d4d}.discord-audio-enabled .mute-button.muted:hover{background:#ff4d4d66}.discord-audio-enabled .volume-value{color:#fff;font-size:12px;min-width:36px;text-align:right}.discord-audio-enabled .sound-settings{background:#2f3136e6;border:1px solid rgba(88,101,242,.3);border-radius:8px;padding:16px}.discord-audio-enabled .sound-control{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.discord-audio-enabled .sound-control:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.discord-audio-enabled .fa-volume-up,.discord-audio-enabled .fa-volume-mute,.discord-audio-enabled .fa-volume-down,.discord-audio-enabled .fa-music{display:inline-block!important;visibility:visible!important;opacity:1!important}.discord-mode .option-button{transform:none!important;backface-visibility:visible!important;perspective:none!important;will-change:auto!important;transition:none!important}.discord-mode .option-button,.discord-mode .timer-bar,.discord-mode .question-card{transition:none!important;animation:none!important}.discord-mode .option-button{box-shadow:0 2px 4px #0003!important}.discord-mode .option-button:hover{transform:none!important;box-shadow:0 2px 4px #0003!important;filter:brightness(1.1)!important}.discord-mode .option-button,.discord-mode .question-text,.discord-mode .timer-text{text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased}@media (max-width: 768px){.discord-mode *:not(.dofus-egg,.dofus-egg *,.egg-image,.loading-circle,.loading-circle *,.logo-glow,.dofus-eggs-container,.dofus-eggs-container *){animation:none!important;transition:none!important;transform:none!important;will-change:auto!important}.discord-mode .option-button{box-shadow:none!important;border:1px solid rgba(0,0,0,.1)!important}}.discord-mode .options-container,.discord-mode .timer-container,.discord-mode .question-overlay{transform:none!important;will-change:auto!important}.discord-mode .game-container{contain:layout}.discord-mode .option-button{border:1px solid rgba(255,255,255,.1)}.discord-mode .timer-bar{transition:none!important;will-change:auto!important}.discord-mode .option-button.selected,.discord-mode .option-button.correct,.discord-mode .option-button.incorrect{transition:none!important}.background-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.particle-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.8}.background-color{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a0933,#2d1155,#3a1f6e);animation:gradientShift 15s ease infinite}.background-container:before,.background-container:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.background-container:before{background:radial-gradient(circle at 15% 50%,#8c52ff0d,#8c52ff00 50%);opacity:.5}.background-container:after{background-image:radial-gradient(2px 2px at 40px 70px,#fffc 50%,#0000),radial-gradient(2px 2px at 90px 40px,#ffffffb3 50%,#0000),radial-gradient(3px 3px at 160px 120px,#fff9 50%,#0000),radial-gradient(1px 1px at 230px 50px,#ffffffb3 50%,#0000),radial-gradient(1px 1px at 320px 100px,#fffc 50%,#0000);background-size:400px 400px;background-repeat:repeat;animation:stars 60s linear infinite}.background-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(140,82,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(140,82,255,.05) 1px,transparent 1px);background-size:30px 30px;background-position:center center;z-index:-1}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes stars{0%{background-position:0 0}to{background-position:400px 400px}}:root{--primary-accent: #8c52ff;--primary-accent-light: #a67dff;--primary-accent-dark: #6e35d6;--text-light: #e0e0e0;--text-dark: #333333;--glass-bg: rgba(20, 10, 40, .6);--glass-border: rgba(140, 82, 255, .3);--glass-blur: blur(5px);--radius-sm: 5px;--radius-md: 10px;--radius-lg: 15px;--shadow-sm: 0 2px 5px rgba(0, 0, 0, .2);--shadow-md: 0 5px 15px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .3)}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a0d30,#0d0520);display:flex;justify-content:center;align-items:center;z-index:1000;transition:opacity .5s ease;overflow:hidden}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:600px;padding:2rem;position:relative}.loading-logo{position:relative;margin-bottom:1rem;text-align:center}.loading-logo h1{font-size:2.5rem;font-weight:700;color:#fff;letter-spacing:2px;text-transform:uppercase;margin:0;background:linear-gradient(135deg,var(--primary-accent-light),var(--primary-accent-dark));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;z-index:1;animation:shimmer 2s infinite,pulse 4s infinite alternate}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(ellipse at center,#8c52ff4d,#8c52ff00 70%);z-index:0;border-radius:50%;filter:blur(10px);animation:pulse 4s infinite alternate}.dofus-eggs-container{position:relative;width:250px;height:250px;margin:2rem auto;display:flex;justify-content:center;align-items:center;perspective:800px;transform-style:preserve-3d}.dofus-egg{position:absolute;width:50px;height:65px;border-radius:50%/60% 60% 40% 40%;box-shadow:0 0 15px #0006;display:flex;justify-content:center;align-items:center;transition:transform .1s linear;z-index:1;overflow:hidden;animation:eggGlow 3s infinite;transform-style:preserve-3d;will-change:transform}.egg-image{width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat;transition:transform .1s linear;transform-style:preserve-3d}.dofus-egg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 30%,#fff6,#fff0 60%);z-index:2;pointer-events:none}.dofus-egg:after{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle at 70% 70%,#0003,#0000 60%);z-index:1;pointer-events:none}.discord-mode .dofus-eggs-container{width:200px;height:200px;margin:1rem auto}.discord-mode .dofus-egg{width:40px;height:52px}.dofus-egg:nth-child(1){animation-delay:0s}.dofus-egg:nth-child(2){animation-delay:.5s}.dofus-egg:nth-child(3){animation-delay:1s}.dofus-egg:nth-child(4){animation-delay:1.5s}.dofus-egg:nth-child(5){animation-delay:2s}.dofus-egg:nth-child(6){animation-delay:2.5s}.hexagon-container{display:none}.loading-circle{position:absolute;width:90px;height:90px;display:flex;justify-content:center;align-items:center;z-index:5;background-color:#140a28b3;border-radius:50%;box-shadow:0 0 20px #8c52ff4d;transform:translateZ(20px)}.loading-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.loading-circle-bg{fill:none;stroke:#8c52ff33;stroke-width:8}.loading-circle-progress{fill:none;stroke:var(--primary-accent);stroke-width:8;stroke-linecap:round;stroke-dasharray:252;transition:stroke-dashoffset .3s ease;filter:drop-shadow(0 0 5px rgba(140,82,255,.5))}.loading-percentage{position:absolute;font-size:1.2rem;font-weight:700;color:#fff;text-shadow:0 0 5px rgba(140,82,255,.8)}.loading-text{margin-top:1.5rem;margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:center;color:var(--text-light);font-size:1rem;text-align:center}.loading-dots{display:flex;margin-top:.5rem}.dot{width:8px;height:8px;margin:0 4px;border-radius:50%;background-color:var(--primary-accent);animation:dotPulse 1.5s infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}.did-you-know-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);border:1px solid var(--glass-border);padding:1.2rem;max-width:90%;width:400px;margin-bottom:1.5rem;box-shadow:var(--shadow-md);animation:cardAppear .5s ease .5s backwards;position:relative;overflow:hidden;transform:translateZ(0)}.did-you-know-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#8c52ff1a,#8c52ff00);pointer-events:none}.did-you-know-header{display:flex;align-items:center;margin-bottom:.8rem;color:var(--primary-accent)}.lightbulb-icon{font-size:1.2rem;margin-right:.5rem;color:gold;filter:drop-shadow(0 0 3px rgba(255,215,0,.3))}.did-you-know-header h3{font-size:1.2rem;font-weight:600;margin:0;background:linear-gradient(135deg,gold,#ffec80);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.did-you-know-card p{color:var(--text-light);font-size:.95rem;line-height:1.5;margin:0;animation:factFade .5s ease-in-out}@keyframes cardAppear{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes factFade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.discord-mode .did-you-know-card{padding:.8rem;width:320px;margin-bottom:1rem}.discord-mode .did-you-know-header h3{font-size:1rem}.discord-mode .did-you-know-card p{font-size:.85rem}.loading-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.particle{position:absolute;width:3px;height:3px;background-color:#8c52ff66;border-radius:50%;animation:particleFloat 3s infinite ease-in-out;filter:blur(1px)}.particle:nth-child(2n){background-color:#ffd7004d;width:2px;height:2px}.particle:nth-child(3n){width:4px;height:4px;animation-duration:4s}.particle:nth-child(5n){background-color:#fff6;width:1px;height:1px;animation-duration:5s}@keyframes hexPulse{0%{opacity:.3;transform:rotate(30deg) scale(1)}to{opacity:.8;transform:rotate(30deg) scale(1.1)}}@keyframes dotPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.5);opacity:1}}@keyframes particleFloat{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-20px) translate(10px)}}@keyframes eggGlow{0%{filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}50%{filter:drop-shadow(0 0 15px rgba(255,255,255,.6))}to{filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}}.discord-mode .loading-logo h1{animation:shimmer 2s infinite,pulse 1.5s infinite alternate}.discord-mode .logo-glow{animation:pulse 2s infinite alternate}.discord-mode .dot{animation:dotPulse 1s infinite}@media (max-width: 768px){.loading-logo h1{font-size:2rem}.dofus-eggs-container{width:220px;height:220px}.loading-circle{width:80px;height:80px}.loading-percentage{font-size:1rem}}@media (max-width: 480px){.loading-logo h1{font-size:1.8rem}.dofus-eggs-container{width:180px;height:180px}.loading-circle{width:70px;height:70px}.loading-percentage{font-size:.9rem}}.participants-container{position:fixed;top:30px;right:5px;width:120px;background-color:#202225f2;border-radius:4px;box-shadow:0 2px 5px #0000004d;z-index:100;overflow:hidden;border:1px solid rgba(79,84,92,.4);animation:slide-in .2s ease-out;color:#fff;max-height:150px;font-size:9px}.participants-header{display:flex;justify-content:space-between;align-items:center;padding:3px 5px;background-color:#2f3136f2;border-bottom:1px solid rgba(79,84,92,.4);height:16px}.participants-header h3{margin:0;font-size:9px;font-weight:600;color:#fff}.close-button{background:none;border:none;color:#b9bbbe;cursor:pointer;font-size:9px;padding:0;width:12px;height:12px;display:flex;align-items:center;justify-content:center;transition:color .2s}.participants-list{max-height:120px;overflow-y:auto;padding:0}.participant-item{display:flex;align-items:center;padding:3px 5px;transition:background-color .2s;height:16px}.participant-item:hover{background-color:#4f545c4d}.participant-avatar{width:12px;height:12px;border-radius:50%;overflow:hidden;margin-right:4px;background-color:#36393f;display:flex;align-items:center;justify-content:center}.participant-avatar img{width:100%;height:100%;object-fit:cover}.default-avatar{color:#b9bbbe;font-size:6px}.participant-info{display:flex;flex-direction:column;flex:1;overflow:hidden}.participant-name{font-size:8px;font-weight:500;color:#fff;display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.host-badge{margin-left:2px;color:#faa61a;font-size:6px}.participant-status{font-size:6px;color:#b9bbbe;margin-top:0}.no-participants{padding:5px;text-align:center;color:#b9bbbe;font-size:8px}@media (max-width: 500px){.participants-container{width:100px;right:5px;top:30px}.participants-list{max-height:100px}.participant-name{max-width:60px}}.voice-participants-container{position:fixed;top:30px;right:5px;width:120px;background-color:#202225f2;border-radius:4px;box-shadow:0 2px 5px #0000004d;z-index:100;overflow:hidden;border:1px solid rgba(79,84,92,.4);animation:slide-in .2s ease-out;color:#fff;max-height:150px;font-size:9px}@keyframes slide-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.voice-participants-header{display:flex;justify-content:space-between;align-items:center;padding:3px 5px;background-color:#2f3136f2;border-bottom:1px solid rgba(79,84,92,.4);height:16px}.voice-participants-header h3{margin:0;font-size:9px;font-weight:600;color:#fff}.invite-button{background-color:#5865f2;border:none;color:#fff;padding:1px 3px;border-radius:3px;font-size:7px;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:2px;height:12px}.invite-button:hover{background-color:#4752c4}.invite-button:disabled{background-color:#4752c4;opacity:.7;cursor:not-allowed}.invite-link-container{display:flex;align-items:center;gap:2px;flex:1;max-width:80px}.invite-link-input{background-color:#4f545c4d;border:1px solid rgba(79,84,92,.6);color:#fff;padding:1px 2px;border-radius:3px;font-size:7px;width:100%;overflow:hidden;text-overflow:ellipsis;height:10px}.copy-button{background:none;border:none;color:#b9bbbe;cursor:pointer;font-size:8px;padding:0;transition:color .2s;width:12px;height:12px;display:flex;align-items:center;justify-content:center}.copy-button:hover{color:#fff}.voice-participants-list{max-height:120px;overflow-y:auto;padding:0}.voice-participant-item{display:flex;align-items:center;padding:3px 5px;transition:background-color .2s;height:16px}.voice-participant-item:hover{background-color:#4f545c4d}.voice-participant-avatar{width:12px;height:12px;border-radius:50%;overflow:hidden;margin-right:4px;background-color:#36393f;display:flex;align-items:center;justify-content:center}.voice-participant-avatar img{width:100%;height:100%;object-fit:cover}.default-avatar{color:#b9bbbe;font-size:6px;font-weight:700}.voice-participant-info{display:flex;flex-direction:column;flex:1;overflow:hidden}.voice-participant-name{font-size:8px;font-weight:500;color:#fff;display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.voice-participant-status{margin-left:auto;font-size:6px}.speaking{color:#43b581;animation:pulse 1.5s infinite}.not-speaking{color:#b9bbbe}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.no-voice-participants{padding:5px;text-align:center;color:#b9bbbe;font-size:8px}@media (max-width: 500px){.voice-participants-container{width:100px;right:5px;top:30px}.voice-participants-list{max-height:100px}.voice-participant-name{max-width:60px}}.discord-profile-container{position:relative;z-index:100}.discord-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;cursor:pointer;border:2px solid rgba(140,82,255,.7);box-shadow:0 2px 8px #0000004d,0 0 10px #8c52ff4d;transition:all .3s ease;position:relative}.discord-avatar:hover{transform:scale(1.1);border-color:#8c52ff;box-shadow:0 4px 12px #0006,0 0 15px #8c52ff80}.discord-avatar.expanded{transform:scale(1);border-color:transparent;box-shadow:none}.avatar-image{width:100%;height:100%;object-fit:cover}.level-badge{position:absolute;bottom:-5px;right:-5px;background:linear-gradient(135deg,#8c52ff,#5c35a4);color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:2px solid rgba(20,20,35,.9);box-shadow:0 2px 4px #0000004d}.discord-profile-expanded{position:absolute;top:45px;right:0;width:280px;background-color:#1e1e2ff2;border-radius:12px;box-shadow:0 8px 24px #00000080,0 0 15px #8c52ff33;border:1px solid rgba(140,82,255,.3);padding:16px;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .3s ease;overflow:hidden}.close-profile-btn{position:absolute;top:10px;right:10px;background:none;border:none;color:#fff9;cursor:pointer;transition:all .2s ease;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2}.close-profile-btn:hover{background-color:#ffffff1a;color:#fff;transform:scale(1.1)}.profile-header{display:flex;align-items:center;margin-bottom:16px;border-bottom:1px solid rgba(140,82,255,.2);padding-bottom:16px}.expanded-avatar-image{width:64px;height:64px;border-radius:50%;border:3px solid rgba(140,82,255,.7);box-shadow:0 4px 10px #0000004d;margin-right:16px;object-fit:cover}.profile-username{font-size:18px;font-weight:700;color:#fff;margin:0 0 4px}.profile-level{font-size:14px;color:#8c52ffe6;margin-bottom:4px;font-weight:600}.discord-tag{display:flex;align-items:center;font-size:12px;color:#ffffffb3;background-color:#5865f233;padding:4px 8px;border-radius:12px;width:fit-content}.discord-tag svg{margin-right:4px;width:14px;height:14px}.profile-stats{display:flex;justify-content:space-between;margin-bottom:16px}.stat-item{flex:1;background-color:#0003;border-radius:8px;padding:10px;text-align:center;border:1px solid rgba(140,82,255,.2);margin:0 4px}.stat-item:first-child{margin-left:0}.stat-item:last-child{margin-right:0}.stat-label{font-size:12px;color:#fff9;margin-bottom:4px}.login-prompt{text-align:center;padding:10px;margin-bottom:16px;background-color:#0003;border-radius:8px;border:1px solid rgba(140,82,255,.2)}.login-prompt p{font-size:14px;color:#fffc;margin-bottom:12px}.discord-login-btn{background:linear-gradient(to right,#5865f2,#4752c4);color:#fff;border:none;border-radius:4px;padding:8px 12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:100%;box-shadow:0 2px 5px #0003}.discord-login-btn svg{margin-right:8px}.discord-login-btn:hover{background:linear-gradient(to right,#4752c4,#3c45a5);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.profile-footer{margin-top:8px}.experience-bar{height:8px;background-color:#0000004d;border-radius:4px;overflow:hidden;position:relative}.experience-progress{height:100%;background:linear-gradient(to right,#8c52ff,#5c35a4);border-radius:4px;transition:width .5s ease}.experience-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8)}@media (max-width: 768px){.discord-profile-expanded{width:250px}.expanded-avatar-image{width:50px;height:50px}.profile-username{font-size:16px}.stat-value{font-size:14px}}@media (max-width: 480px){.discord-profile-expanded{width:220px;right:-10px}.profile-stats{flex-direction:column;gap:8px}.stat-item{margin:0}}.player-profile-container{position:relative}.profile-toggle{display:flex;align-items:center;background:#1e1e2fcc;border-radius:20px;padding:6px 12px;cursor:pointer;transition:all .3s ease;border:1px solid rgba(140,82,255,.5);box-shadow:0 3px 8px #0000004d,0 0 10px #8c52ff4d}.profile-toggle:hover{transform:translateY(-2px);box-shadow:0 5px 12px #0006,0 0 15px #8c52ff66;background:#28283ce6}.username-display{font-size:.9rem;font-weight:600;color:#fff;margin-right:8px;letter-spacing:.5px}.level-indicator{font-size:.75rem;background:linear-gradient(135deg,#8c52ff,#5c35a4);color:#fff;padding:3px 6px;border-radius:10px;font-weight:700;z-index:5;box-shadow:0 2px 4px #0000004d}.player-profile-card{position:absolute;top:45px;right:0;width:250px;background-color:#1e1e2ff2;border-radius:10px;box-shadow:0 8px 20px #00000080;border:1px solid rgba(140,82,255,.3);padding:12px;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .3s ease}.profile-header{display:flex;align-items:center;margin-bottom:20px;border-bottom:1px solid rgba(140,82,255,.2);padding-bottom:15px}.profile-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;border:2px solid rgba(140,82,255,.5);margin-right:15px;box-shadow:0 4px 10px #0000004d}.profile-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;background:var(--primary-accent-gradient)}.profile-info{flex:1}.profile-username{font-size:18px;font-weight:700;color:#fff;margin:0 0 5px}.profile-level{font-size:14px;color:#8c52ffcc;margin-bottom:3px}.profile-score{font-size:14px;color:#ffffffb3}.profile-guest{font-size:14px;color:#ffffff80;font-style:italic}.profile-stats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.stat-item{flex:1;min-width:calc(33% - 10px);background-color:#0003;border-radius:8px;padding:10px;text-align:center;border:1px solid rgba(140,82,255,.2)}.stat-label{font-size:12px;color:#fff9;margin-bottom:5px}.stat-value{font-size:16px;font-weight:700;color:#fff}.login-prompt{text-align:center;padding:10px}.login-prompt p{font-size:14px;color:#ffffffb3;margin-bottom:15px}.login-button{background:var(--primary-accent-gradient);color:#fff;border:none;border-radius:8px;padding:10px 15px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:100%;box-shadow:0 4px 10px #0000004d}.login-button:hover{background:var(--button-primary-gradient);transform:translateY(-2px);box-shadow:0 6px 15px #0006,0 0 15px #8c52ff66}.close-profile{position:absolute;top:10px;right:10px;background:none;border:none;color:#ffffff80;font-size:16px;cursor:pointer;transition:all .3s ease}.close-profile:hover{color:#fff;transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.player-profile-card{width:280px;right:-10px}.profile-avatar{width:50px;height:50px}.profile-username{font-size:16px}.stat-item{min-width:calc(50% - 10px)}}.settings-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.settings-modal{background-color:#2a1b4af2;border-radius:16px;padding:20px;color:#fff;box-shadow:0 4px 15px #0006,0 0 20px #8c52ff33;position:relative;width:350px;max-width:90vw;border:1px solid rgba(140,82,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .3s ease forwards;text-align:center}.settings-modal h2{margin-bottom:20px;text-align:center;font-size:28px;color:#fff;font-weight:600;position:relative;padding-bottom:10px}.settings-modal h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:2px;background:linear-gradient(to right,#8c52ff4d,#8c52ffcc,#8c52ff4d);border-radius:3px}.settings-modal-content{padding:0 10px;max-height:none;overflow-y:visible}.settings-modal-content p{margin:5px 0;font-size:16px;color:#ffffffe6;line-height:1.4}.settings-section{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(140,82,255,.3)}.settings-section h3{font-size:18px;margin-bottom:15px;color:#8c52ffe6;text-align:left}.setting-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;text-align:left}.setting-item label{font-size:16px;color:#ffffffe6}.toggle-button.active{background-color:#8c52ffcc}.volume-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#8c52ffcc;border-radius:50%;cursor:pointer}.volume-control span{font-size:14px;color:#ffffffe6;min-width:40px;text-align:right}.settings-modal .discord-button{background-color:#5865f2;color:#fff;border:none;border-radius:8px;padding:12px 20px;margin:20px 0 5px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;width:100%;font-weight:600;font-size:16px;transition:all .2s ease;box-shadow:0 4px 8px #0003;letter-spacing:.5px}.settings-modal .discord-button svg{font-size:18px}.settings-modal .discord-button:hover{background-color:#4752c4;transform:translateY(-2px)}.settings-modal .close-button{position:absolute;top:10px;right:10px;background:transparent;border:none;color:#fff;font-size:24px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;opacity:.8}.settings-modal .close-button:hover{opacity:1;transform:scale(1.1)}@media (max-height: 600px){.settings-modal{padding:15px}.settings-modal h2{font-size:24px;margin-bottom:15px}}.in-discord .settings-modal{background-color:#2f3136f2;border-color:#7289da4d}.in-discord .settings-modal h2:after{background:linear-gradient(to right,#7289da4d,#7289dacc,#7289da4d)}.in-discord .settings-section{border-color:#7289da4d}.in-discord .settings-section h3{color:#7289dae6}.in-discord .toggle-button.active{background-color:#7289dacc}.in-discord .volume-control input[type=range]::-webkit-slider-thumb{background:#7289dacc}.sound-settings{background:#140a28b3;border-radius:10px;padding:1.5rem;color:#fff;width:100%;max-width:400px;margin:0 auto;box-shadow:0 5px 15px #0000004d;border:1px solid rgba(140,82,255,.3)}.sound-settings h3{font-size:20px;margin-bottom:15px;color:#fff;text-align:center;font-weight:600}.sound-control{margin-bottom:20px;padding:15px;background-color:#0003;border-radius:10px;border:1px solid rgba(140,82,255,.2)}.sound-control:last-child{margin-bottom:0}.sound-control-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sound-control-header span{font-size:16px;font-weight:500;color:#fff}.mute-button{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#8c52ff4d;transition:all .2s ease}.mute-button:hover{background-color:#8c52ff80}.mute-button.muted,.mute-button .muted{color:#ff6b6b}.volume-slider-container{display:flex;align-items:center;gap:10px}.volume-slider{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,#8c52ffcc,#8c52ff4d);border-radius:3px;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 5px #0003}.volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;border:none;box-shadow:0 0 5px #0003}.volume-slider:disabled{opacity:.5}.volume-value{min-width:40px;font-size:14px;color:#fff;text-align:right}.music-note{background:#140a2880;border-radius:8px;padding:1rem;margin-top:1rem;border:1px dashed rgba(140,82,255,.3);text-align:center}.music-note p{margin:0;color:#fffc;font-size:.9rem}.music-note svg{color:#8c52ff;margin-right:5px}.music-note small{color:#fff9;font-size:.8rem}.in-discord .sound-control{border-color:#7289da33}.in-discord .mute-button{background-color:#7289da4d}.in-discord .mute-button:hover{background-color:#7289da80}.in-discord .volume-slider{background:linear-gradient(to right,#7289dacc,#7289da4d)}@keyframes musicPulse{0%{transform:scale(1);opacity:.7}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.7}}.music-icon{animation:musicPulse 2s infinite}.in-discord .music-icon{animation:none!important;transform:none!important;opacity:1!important}@keyframes pulse{0%{box-shadow:0 0 #8c52ff66}70%{box-shadow:0 0 0 10px #8c52ff00}to{box-shadow:0 0 #8c52ff00}}.volume-slider:active::-webkit-slider-thumb{animation:pulse 1s infinite}.volume-slider:active::-moz-range-thumb{animation:pulse 1s infinite}.in-discord .volume-slider:active::-webkit-slider-thumb,.in-discord .volume-slider:active::-moz-range-thumb{animation:none!important;box-shadow:none!important}.game-selection-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .4s ease-out}.game-selection-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;padding:25px;width:85%;max-width:550px;box-shadow:0 20px 40px #0009,0 0 30px #4286f466;position:relative;border:1px solid rgba(66,134,244,.3);animation:modalSlideIn .5s ease-out;overflow:hidden}.modal-particles .particle{position:absolute;width:10px;height:10px;border-radius:50%;background:#4286f44d;pointer-events:none}.modal-particles .particle-1{top:20%;left:10%;width:15px;height:15px;animation:floatParticle 8s infinite ease-in-out}.modal-particles .particle-2{top:70%;left:85%;width:12px;height:12px;animation:floatParticle 10s infinite ease-in-out reverse}.modal-particles .particle-3{top:85%;left:15%;width:8px;height:8px;animation:floatParticle 7s infinite ease-in-out 1s}.modal-particles .particle-4{top:30%;left:90%;width:10px;height:10px;animation:floatParticle 9s infinite ease-in-out 2s}.modal-particles .particle-5{top:10%;left:50%;width:6px;height:6px;animation:floatParticle 11s infinite ease-in-out 1.5s}@keyframes floatParticle{0%,to{transform:translate(0)}25%{transform:translate(15px,15px)}50%{transform:translateY(30px)}75%{transform:translate(-15px,15px)}}.game-selection-modal:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(66,134,244,.1) 0%,transparent 70%);z-index:-1;animation:pulseGlow 3s infinite}.modal-header{text-align:center;margin-bottom:20px;animation:fadeIn .6s ease-out}.modal-header h2{color:#fff;font-size:28px;margin-bottom:10px;font-weight:700;text-shadow:0 0 15px rgba(66,134,244,.6);background:linear-gradient(to right,#fff,#88abda);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.modal-header p{color:#b8c6db;font-size:16px;max-width:90%;margin:0 auto;line-height:1.4}.modal-footer{text-align:center;margin-top:25px;padding-top:15px;border-top:1px solid rgba(66,134,244,.2);animation:fadeIn 1s ease-out}.modal-footer p{color:#88abda;font-size:15px;font-style:italic}.game-options{display:flex;justify-content:space-between;gap:15px;margin:0 auto;max-width:100%;animation:optionsAppear .7s ease-out}@keyframes optionsAppear{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.game-option{flex:1;background-color:#1e293bb3;border-radius:15px;padding:20px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;border:1px solid rgba(66,134,244,.2);min-height:200px;display:flex;flex-direction:column;justify-content:flex-start;box-shadow:0 10px 20px #0003}.game-option:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:.1;transition:opacity .5s ease;z-index:0}.game-option.dofus:before{background-image:url(https://static.ankama.com/dofus/www/game/encyclopedia/dofus/emerald.png);background-size:60%;background-repeat:no-repeat;background-position:120% 120%}.game-option.dofus-touch:before{background-image:url(https://static.ankama.com/dofus-touch/www/game/encyclopedia/dofus/turquoise.png);background-size:60%;background-repeat:no-repeat;background-position:120% 120%}.game-icon{width:40px;height:40px;border-radius:50%;background:#4286f433;display:flex;justify-content:center;align-items:center;margin-bottom:15px;font-size:18px;color:#fff;border:1px solid rgba(66,134,244,.4);box-shadow:0 0 15px #4286f44d;position:relative;z-index:1;transition:all .3s ease}.game-option:hover .game-icon{transform:scale(1.1);background:#4286f44d;box-shadow:0 0 20px #4286f480}.game-option:hover{transform:translateY(-8px);box-shadow:0 15px 30px #0006;background-color:#283345e6;border-color:#4286f499}.game-option:hover:before{opacity:.25}.game-option.dofus{border-top:3px solid rgba(39,174,96,.6)}.game-option.dofus-touch{border-top:3px solid rgba(41,128,185,.6)}.game-option.dofus:hover{border-top-color:#27ae60}.game-option.dofus-touch:hover{border-top-color:#2980b9}.game-option-content{position:relative;z-index:1;text-align:left;display:flex;flex-direction:column;height:100%}.game-details{margin-top:auto;padding-top:20px}.detail-item{display:flex;align-items:center;margin-bottom:10px;font-size:14px;color:#b8c6db}.detail-item svg{margin-right:10px;font-size:14px;color:#4286f4cc}.game-option h3{color:#fff;font-size:24px;font-weight:700;text-shadow:0 0 10px rgba(66,134,244,.5);position:relative;display:inline-block;margin-bottom:15px}.game-option h3:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:3px;background:#4286f499;border-radius:3px;transition:width .3s ease}.game-option:hover h3:after{width:100%}.game-option.dofus h3:after{background:#27ae6099}.game-option.dofus-touch h3:after{background:#2980b999}.game-option p{color:#b8c6db;font-size:16px;margin:0 0 15px;line-height:1.5}@keyframes modalSlideIn{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulseGlow{0%,to{opacity:.5}50%{opacity:.8}}@media screen and (max-width: 768px){.game-selection-modal{padding:20px;width:90%}.modal-header h2{font-size:24px}.modal-header p{font-size:14px}.game-option{min-height:180px;padding:15px}.game-option-content h3{font-size:18px}.game-option-content p{font-size:13px}.feature-list{margin-top:10px}.feature-item{font-size:12px;margin-bottom:5px}}@media screen and (max-width: 480px){.game-selection-modal{padding:15px;width:95%}.game-options{flex-direction:column;gap:15px}.game-option{min-height:auto;padding:15px}.modal-header h2{font-size:22px}.modal-header p{font-size:13px;max-width:95%}.close-button{top:10px;right:10px}.modal-footer{margin-top:15px;padding-top:10px}.modal-footer p{font-size:12px}}@keyframes shine{0%{background-position:-100% 0}to{background-position:200% 0}}.game-option:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);background-size:200% 100%;background-position:-100% 0;z-index:1;pointer-events:none;opacity:0;transition:opacity .3s ease}.game-option:hover:after{opacity:1;animation:shine 1.5s infinite}.question-count-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.question-count-overlay.discord-mode{background-color:#000000e6}.question-count-modal{background-color:#1e1e2ff2;border-radius:12px;box-shadow:0 8px 32px #0000004d;padding:20px;width:90%;max-width:500px;position:relative;border:1px solid rgba(140,82,255,.3);animation:scaleIn .3s ease}.question-count-modal.discord-mode{background-color:#1e1e2f;padding:15px;width:95%;max-width:450px;border:2px solid rgba(140,82,255,.5)}.question-count-header{display:flex;align-items:center;margin-bottom:15px;gap:10px}.question-icon{color:#8c52ff;font-size:24px}.question-count-header h2{color:#fff;margin:0;font-size:1.5rem}.question-count-description{color:#fffc;margin-bottom:20px;text-align:center}.question-count-options{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:20px}.question-count-button{background:linear-gradient(135deg,#8c52ff33,#5e17eb33);border:2px solid rgba(140,82,255,.3);border-radius:10px;padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff}.question-count-button.discord-mode{padding:12px;border:2px solid rgba(140,82,255,.5);background:#5e17eb4d;transition:none}.question-count-button.discord-mode:active{background:#8c52ff80;transform:scale(.98)}.question-count-button:hover:not(.discord-mode){transform:translateY(-3px);background:linear-gradient(135deg,#8c52ff4d,#5e17eb4d);border-color:#8c52ff80;box-shadow:0 5px 15px #8c52ff33}.count-number{font-size:2rem;font-weight:700;color:#8c52ff;margin-bottom:5px}.count-text{font-size:.9rem;opacity:.8}.close-button{position:absolute;top:10px;right:10px;background:#ffffff1a;border:none;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.close-button:hover{background:#fff3}@media (max-width: 480px){.question-count-options{grid-template-columns:1fr 1fr;gap:10px}.count-number{font-size:1.7rem}.count-text{font-size:.8rem}.question-count-header h2{font-size:1.3rem}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 480px){.question-count-modal{padding:15px;width:95%}.question-count-options{grid-template-columns:1fr}.question-count-header h2{font-size:1.2rem}.count-number{font-size:1.5rem}}.in-discord .question-count-modal{padding:15px;max-width:450px}.in-discord .question-count-options{gap:10px}.in-discord .count-number{font-size:1.8rem}.countdown-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000;pointer-events:none}.countdown-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1a1033e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .5s ease-out forwards}.discord-mode .countdown-overlay{animation:none!important;opacity:1!important}.countdown-number{font-size:8rem;font-weight:700;color:var(--primary-accent);text-shadow:0 0 20px rgba(140,82,255,.8);position:relative;z-index:1001;animation:scaleIn .3s ease-out forwards;transform-origin:center;opacity:0;animation-delay:.2s;animation-fill-mode:forwards}.discord-mode .countdown-number{animation:none!important;transform:none!important;opacity:1!important}.countdown-number.animate-out{animation:scaleOut .5s ease-in forwards}.discord-mode .countdown-number.animate-out{animation:none!important;transform:none!important;opacity:0!important}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}@media screen and (max-width: 768px){.countdown-number{font-size:6rem}}@media screen and (max-width: 480px){.countdown-number{font-size:4rem}}.question-overlay{width:100%;max-width:100vw;padding:0;z-index:10;opacity:1;margin-bottom:clamp(5px,2vh,10px);overflow:hidden}@media (max-width: 600px){.question-overlay{margin-bottom:3px;transition:opacity .3s ease}}.question-card{background-color:#1e1e2ff2;border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000004d;overflow:hidden;border:1px solid rgba(140,82,255,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:min(90vw,800px);width:100%;margin:0 auto;transition:transform .3s ease;transform:translateZ(0);backface-visibility:hidden;position:relative;z-index:1}.question-card.slide-out{transform:translate3d(-100%,0,0);opacity:0;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.question-card.slide-in{animation:slideInRight .3s cubic-bezier(0,0,.2,1) forwards}@media (max-width: 600px){.question-card.slide-out{transition:transform .2s ease,opacity .2s ease}.question-card.slide-in{animation-duration:.2s}}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);opacity:0}to{transform:translateZ(0);opacity:1}}.timer-bar-container{position:relative;width:100%;height:10px;background:#fff3;border-radius:5px;overflow:hidden}.timer-bar.reset{animation:none!important;width:100%!important;transform:none!important}.timer-text{position:absolute;right:10px;top:-20px;color:#fff;font-size:14px;font-weight:700}.timer-container.low-time .timer-bar{background:linear-gradient(90deg,#ff5252,red)}.timer-container.low-time .timer-text{color:#ff5252}.question-header{display:flex;align-items:center;padding:clamp(8px,2vw,10px) clamp(10px,3vw,15px);background-color:#141423cc;border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);border-bottom:1px solid rgba(140,82,255,.3);width:100%}.question-card{cursor:move}.timer-container{position:relative;width:100%;max-width:600px;height:10px;background:#fff3;border-radius:5px;margin-top:20px;overflow:hidden;contain:content;z-index:1}.timer-bar{height:100%;background:linear-gradient(90deg,#8c52ff,#5e17eb);transform-origin:left;position:absolute;top:0;left:0}@media (max-width: 600px){.timer-bar{transform:none}}.question-body{padding:clamp(8px,3vw,20px);text-align:center;width:100%}.question-text{font-size:clamp(var(--font-md),3vw,var(--font-lg));color:var(--text-light);margin:0;line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,.3);width:100%}.timer-container.low-time .timer-bar{background:linear-gradient(to right,#ff4d8d,#ff6b6b)}@media (prefers-reduced-motion: reduce){.timer-container.low-time .timer-bar{animation:none;background:linear-gradient(to right,#ff4d8d,#ff6b6b)}}@media (max-width: 600px){.timer-container.low-time .timer-bar{animation:none;background:linear-gradient(to right,#ff4d8d,#ff6b6b)}}@media screen and (max-width: 1024px){.question-card{max-width:min(85vw,700px)}}@media screen and (max-width: 768px){.question-overlay{top:clamp(50px,8vh,55px);margin-bottom:8px}.question-card{max-width:min(90vw,600px)}.timer-container{height:6px}.timer-text{font-size:var(--font-xs)}}@media screen and (max-width: 480px){.question-overlay{top:clamp(45px,7vh,50px);padding:clamp(5px,2vw,10px);margin-bottom:5px}.question-card{max-width:95vw}.question-header{padding:6px 10px}.question-body{padding:clamp(10px,3vw,15px)}.question-text{font-size:clamp(var(--font-sm),4vw,var(--font-md));line-height:1.4}}@media screen and (max-width: 360px){.question-overlay{top:40px;padding:3px}.question-header{padding:5px 8px}.timer-container{height:5px}.question-body{padding:8px}.question-text{font-size:var(--font-sm);line-height:1.3}}.discord-mode .question-overlay{position:relative!important;top:0!important;left:0!important;transform:none!important;height:auto!important;width:100%!important;margin-top:10px!important;margin-bottom:10px!important;padding:0!important;z-index:10!important;will-change:auto!important;backface-visibility:visible!important;perspective:none!important}.discord-mode .question-card{width:100%!important;max-width:100%!important;border-radius:8px!important;box-shadow:0 2px 8px #0000004d!important;padding:10px!important;margin:0!important;overflow:visible!important}.discord-mode .question-header{padding:5px!important;margin-bottom:5px!important}.discord-mode .question-body{padding:5px!important;overflow:visible!important;max-height:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important}.discord-mode .discord-question-wrapper{background-color:#0000004d!important;border-radius:6px!important;padding:10px!important;margin-bottom:5px!important;overflow:visible!important;word-break:normal!important;width:100%!important}.discord-mode .question-text{font-size:1.1rem!important;line-height:1.4!important;margin-bottom:5px!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.8)!important;word-wrap:normal!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:block!important;visibility:visible!important;max-height:none!important;word-break:normal!important;-webkit-hyphens:none!important;hyphens:none!important;width:100%!important}@media screen and (max-width: 480px){.discord-mode .question-text{font-size:1rem!important;padding:5px!important;width:100%!important;box-sizing:border-box!important;text-align:center!important}.discord-mode .discord-question-wrapper{width:100%!important;box-sizing:border-box!important;padding:8px!important}}.discord-mode .question-container{overflow:visible!important;max-height:none!important;position:relative!important}.animated-options-container{display:flex;flex-direction:column;gap:8px;transition:transform .3s ease,opacity .3s ease;width:100%}.discord-mode .animated-options-container{transition:none!important;transform:none!important;opacity:1!important}.animated-options-container.slide-out{transform:translate(100%);opacity:0}.animated-options-container.slide-in{transform:translate(0);opacity:1;transition:transform .3s ease,opacity .3s ease}.animated-options-container.slide-in .option-button{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.option-button{background-color:#2c3e50b3;color:#fff;border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:10px;font-size:var(--font-sm);cursor:pointer;transition:all .2s ease;text-align:left;position:relative;overflow:hidden}.discord-mode .option-button{transition:none!important;transform:none!important;animation:none!important}.option-button:hover:not(:disabled){background-color:#3498db4d;border-color:#ffffff4d;transform:translateY(-2px)}.discord-mode .option-button:hover:not(:disabled){transform:none!important;filter:brightness(1.1)}.option-button.selected{background-color:#3498db80;border-color:#3498db}.option-button.correct{background-color:#2ecc7180;border-color:#2ecc71}.option-button.incorrect{background-color:#e74c3c80;border-color:#e74c3c}@media screen and (max-width: 768px){.option-button{padding:12px;font-size:var(--font-sm)}}@media screen and (max-width: 480px){.option-button{padding:10px;font-size:var(--font-xs)}}.results-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .4s ease-out}.results-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;padding:30px;width:90%;max-width:600px;box-shadow:0 20px 40px #0009,0 0 30px #4286f466;position:relative;border:1px solid rgba(66,134,244,.3);animation:modalSlideIn .5s ease-out;overflow:hidden}.results-modal:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(66,134,244,.1) 0%,transparent 70%);z-index:-1;animation:pulseGlow 3s infinite}.discord-mode :is(){animation:none!important}.close-button{position:absolute;top:15px;right:15px;background:none;border:none;color:#b8c6db;font-size:20px;cursor:pointer;transition:color .2s;z-index:10}.close-button:hover{color:#fff}.results-header{text-align:center;margin-bottom:25px;position:relative;display:flex;flex-direction:column;align-items:center}.trophy-icon{font-size:40px;color:gold;margin-bottom:15px;animation:trophyGlow 2s infinite alternate}.discord-mode .trophy-icon{animation:none!important}@keyframes trophyGlow{0%{text-shadow:0 0 10px rgba(255,215,0,.5)}to{text-shadow:0 0 20px rgba(255,215,0,.8),0 0 30px rgba(255,215,0,.4)}}.results-header h2{color:#fff;font-size:28px;margin:0 0 5px;text-shadow:0 0 10px rgba(66,134,244,.5)}.game-type-badge{background:#4286f433;color:#fff;padding:5px 15px;border-radius:20px;font-size:14px;font-weight:700;margin-top:10px;border:1px solid rgba(66,134,244,.4)}.score-display{display:flex;justify-content:center;margin:20px 0}.score-circle{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#4286f433,#4286f41a);display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px solid rgba(66,134,244,.4);box-shadow:0 0 20px #4286f44d;animation:scoreAppear .8s ease-out}.discord-mode .score-circle{animation:none!important;opacity:1!important;transform:none!important}@keyframes scoreAppear{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.score-number{font-size:42px;font-weight:700;color:#fff;margin-bottom:5px;text-shadow:0 0 10px rgba(66,134,244,.7)}.score-text{font-size:16px;color:#b8c6db}.result-message{text-align:center;font-size:18px;color:#fff;margin:20px 0;padding:10px;background:#4286f41a;border-radius:10px;border:1px solid rgba(66,134,244,.2);animation:messageAppear 1s ease-out}.discord-mode .result-message{animation:none!important;opacity:1!important;transform:none!important}@keyframes messageAppear{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.stats-container{display:flex;justify-content:space-around;margin:25px 0;animation:statsAppear 1.2s ease-out}.discord-mode .stats-container{animation:none!important;opacity:1!important;transform:none!important}@keyframes statsAppear{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.stat-item{display:flex;flex-direction:column;align-items:center;padding:10px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);min-width:80px}.stat-icon{width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:8px;font-size:18px}.stat-icon.correct{background:#2ecc7133;color:#2ecc71;border:1px solid rgba(46,204,113,.4)}.stat-icon.incorrect{background:#e74c3c33;color:#e74c3c;border:1px solid rgba(231,76,60,.4)}.stat-icon.time{background:#f1c40f33;color:#f1c40f;border:1px solid rgba(241,196,15,.4)}.stat-details{text-align:center}.stat-value{font-size:20px;font-weight:700;color:#fff}.stat-label{font-size:12px;color:#b8c6db;margin-top:2px}.results-actions{display:flex;justify-content:center;gap:15px;margin-top:25px;animation:actionsAppear 1.4s ease-out}.discord-mode .results-actions{animation:none!important;opacity:1!important;transform:none!important}@keyframes actionsAppear{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.play-again-button,.home-button{padding:12px 24px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;border:none;box-shadow:0 4px 6px #0000001a}.play-again-button{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.play-again-button:hover{background:linear-gradient(135deg,#2980b9,#3498db);transform:translateY(-3px);box-shadow:0 7px 14px #0003}.home-button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.home-button:hover{background:#fff3;transform:translateY(-3px);box-shadow:0 7px 14px #0003}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}@media (max-width: 768px){.results-modal{padding:20px;width:95%}.score-circle{width:120px;height:120px}.score-number{font-size:36px}.stats-container{flex-wrap:wrap;gap:10px}.stat-item{min-width:70px;padding:8px}.results-actions{flex-direction:column;align-items:center;gap:10px}.play-again-button,.home-button{width:100%;max-width:250px}}.game-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:var(--primary-bg-gradient);position:relative;overflow-x:hidden;overflow-y:auto;padding:clamp(60px,10vh,80px) clamp(10px,3vw,20px) clamp(20px,5vh,30px);width:100%;max-width:100vw;transform:translateZ(0);backface-visibility:hidden;-webkit-overflow-scrolling:touch}.game-screen:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 10%,#8c52ff26,#1a103300 70%);pointer-events:none;z-index:0}.game-screen:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(to top,#1a1033cc,#1a103300);pointer-events:none;z-index:0}.game-container{position:relative;width:100%;height:auto;max-height:clamp(200px,30vh,300px);max-width:min(95vw,800px);margin:0 auto;overflow:hidden;display:flex;flex-direction:column;align-items:center;z-index:var(--z-default)}.game-header{display:flex;justify-content:flex-end;width:100%;max-width:min(95vw,800px);margin-bottom:clamp(10px,3vh,20px);position:relative;z-index:10}.score-display{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:clamp(8px,2vw,10px) clamp(10px,3vw,15px);border-radius:var(--radius-md);font-size:clamp(var(--font-sm),2.5vw,var(--font-md));color:var(--text-light);box-shadow:var(--shadow-md);border:1px solid var(--glass-border);display:flex;align-items:center;position:relative;overflow:hidden;animation:scoreAppear .5s ease-out}@keyframes scoreAppear{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.score-display:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff1a,#fff0);pointer-events:none}.score-display img,.score-display svg,.game-screen img,.game-screen svg{width:20px;height:20px;margin-right:6px;filter:drop-shadow(0 0 2px rgba(140,82,255,.5))}@media (max-width: 600px){.score-display img,.score-display svg,.game-screen img,.game-screen svg{width:16px;height:16px;margin-right:4px;filter:drop-shadow(0 0 1px rgba(140,82,255,.5))}}.question-container{width:100%;max-width:min(95vw,800px);margin:0 auto;margin-top:clamp(5px,2vh,10px);padding:clamp(8px,3vw,15px);position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:transparent}.options-section{margin-top:clamp(5px,2vh,10px);display:flex;flex-direction:column;gap:clamp(8px,2vh,10px);width:100%;max-width:min(90vw,500px);margin:0 auto;padding:clamp(10px,3vw,15px);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:var(--shadow-xl);position:relative;z-index:var(--z-default)}.options-title{font-size:clamp(var(--font-md),3vw,var(--font-lg));color:var(--text-light);margin-bottom:clamp(5px,2vh,10px);text-align:center;font-weight:600;letter-spacing:.5px;text-shadow:var(--text-light-glow);position:relative;display:inline-block;margin-left:auto;margin-right:auto}.options-title:after{content:"";position:absolute;bottom:-5px;left:50%;width:50%;height:2px;background:var(--primary-accent-gradient);transform:translate(-50%);border-radius:var(--radius-full)}.options-container{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.option-button{background:var(--secondary-bg-gradient);color:#fff;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:clamp(10px,3vw,15px);font-size:clamp(var(--font-sm),2.5vw,var(--font-md));cursor:pointer;transition:transform .3s var(--transition-bounce),background .3s ease,border-color .3s ease,box-shadow .3s ease;text-align:left;position:relative;overflow:hidden;width:100%;transform:translateZ(0);backface-visibility:hidden;box-shadow:var(--shadow-md)}.option-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff1a,#fff0);opacity:0;transition:opacity .3s ease}.option-button:hover:not(:disabled){background:var(--card-bg-gradient);border-color:var(--glass-border);transform:translate3d(0,-3px,0);box-shadow:var(--shadow-lg)}.option-button:hover:not(:disabled):before{opacity:1}.option-button.selected{background:var(--primary-accent-gradient);border-color:var(--primary-accent);box-shadow:var(--shadow-glow)}.option-button.correct{background:var(--success-gradient);border-color:var(--success);box-shadow:var(--shadow-success-glow)}.option-button.incorrect{background:var(--error-gradient);border-color:var(--error);box-shadow:var(--shadow-error-glow)}.feedback{margin:12px 0;padding:10px;border-radius:var(--radius-md);text-align:center;font-weight:700;font-size:1.1rem;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);color:var(--text-light);position:relative;overflow:hidden}.times-up-message{margin:15px 0;padding:15px;border-radius:var(--radius-md);text-align:center;background:#e74c3c33;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid rgba(231,76,60,.4);box-shadow:0 0 15px #e74c3c4d;color:var(--text-light);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.times-up-icon{font-size:2rem;margin-bottom:8px}.times-up-text{font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(231,76,60,.5)}.next-button{margin-top:clamp(15px,3vh,20px);margin-bottom:clamp(10px,2vh,15px);padding:clamp(12px,3vh,18px) clamp(18px,4vw,28px);background:var(--button-primary-gradient);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);font-size:clamp(.9rem,3vw,1.1rem);font-weight:700;cursor:pointer;transition:all .3s var(--transition-bounce);align-self:center;box-shadow:var(--shadow-lg);display:block;width:100%;max-width:min(80vw,300px);margin-left:auto;margin-right:auto;text-transform:uppercase;letter-spacing:1.5px;position:relative;z-index:var(--z-floating);overflow:hidden}.next-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition-normal)}.next-button:hover:before{left:100%}.next-button:hover{background:linear-gradient(135deg,#2980b9,#3498db);transform:translate3d(0,-3px,0);box-shadow:var(--shadow-glow),var(--shadow-xl)}.large-button{font-size:1.2rem;padding:12px 24px;max-width:300px;transform:scale(1)}.exit-button{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text-muted);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:8px 16px;font-size:var(--font-sm);cursor:pointer;margin-top:15px;transition:all .3s var(--transition-bounce);align-self:center;margin-bottom:10px;position:relative;overflow:hidden;z-index:var(--z-floating);box-shadow:var(--shadow-md)}.exit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:var(--transition-normal)}.exit-button:hover:before{left:100%}.exit-button:hover{background:linear-gradient(135deg,#e74c3c4d,#e74c3c80);color:var(--text-light);transform:translateY(-2px);box-shadow:0 0 15px #e74c3c4d;border-color:#e74c3c4d}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:var(--font-xl);color:var(--text-light)}@media screen and (max-width: 1024px){.game-screen{padding:clamp(60px,10vh,70px) clamp(10px,3vw,15px) clamp(20px,5vh,30px)}.game-container,.question-container{max-width:90vw}}@media screen and (max-width: 768px){.game-screen{padding-top:clamp(55px,8vh,65px);padding-bottom:clamp(50px,8vh,60px);min-height:100vh;height:auto;overflow-y:auto}.question-container{margin-top:10px;padding:10px}.options-section{gap:8px}.large-button{font-size:1.1rem;padding:12px 24px}.feedback{font-size:1rem;padding:6px}}@media screen and (max-width: 480px){.game-screen{padding-top:clamp(50px,7vh,60px);padding-bottom:clamp(80px,15vh,100px);padding-left:8px;padding-right:8px}.game-container{max-height:25vh}.question-container{margin-top:5px;padding:6px}.options-section{max-width:95vw;padding:8px;margin-bottom:15px;gap:6px}.options-title{margin-bottom:8px}.next-button{margin-top:15px;margin-bottom:15px;padding:12px 20px;font-size:.9rem;max-width:85vw}.game-header{margin-bottom:8px}.feedback{font-size:.9rem;padding:5px;margin:5px 0}.exit-button{padding:6px 12px;font-size:var(--font-xs);margin-top:8px;margin-bottom:8px}}@media screen and (max-width: 360px){.game-screen{padding:45px 5px 70px}.game-container{max-height:20vh}.question-container{padding:4px}.options-section{padding:6px;gap:5px}.option-button{padding:8px;font-size:var(--font-xs)}.next-button{padding:10px 16px;font-size:.8rem}.score-display{padding:5px 8px;font-size:var(--font-xs)}.feedback{font-size:.8rem;padding:4px;margin:4px 0}}.game-type-indicator{position:absolute;top:20px;right:20px;background:#0009;color:#fff;padding:8px 15px;border-radius:20px;font-size:14px;font-weight:700;box-shadow:0 0 10px #0000004d;border:1px solid rgba(255,255,255,.2);z-index:10;text-shadow:0 0 5px rgba(66,134,244,.7)}:root{--discord-bg: #36393f;--discord-dark: #2f3136;--discord-light: #40444b;--discord-text: #dcddde;--discord-highlight: #5865f2;--discord-success: #43b581;--discord-error: #f04747;--discord-warning: #faa61a}.discord-mode{max-width:100%;max-height:100vh;overflow-y:auto!important;color:var(--discord-text);display:flex;flex-direction:column;padding:10px!important}.discord-mode.bg-1,.discord-mode.bg-2,.discord-mode.bg-3,.discord-mode.bg-4,.discord-mode.bg-5{background:inherit}.discord-mode .app-header{padding:4px;background-color:var(--discord-dark);border-bottom:1px solid rgba(255,255,255,.1)}.discord-mode .app-header h1{font-size:1.1rem}.discord-mode .game-container{padding:5px;max-height:unset!important}.discord-mode .question-overlay{position:relative!important;top:0!important;left:0!important;transform:none!important;width:100%!important;margin-bottom:10px;z-index:1}.discord-mode .question-card{width:100%!important;max-width:100%!important;margin:0!important;padding:10px!important}.discord-mode .question-text{font-size:1.1rem!important;line-height:1.3!important;margin-bottom:10px!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.8)!important;display:block!important;visibility:visible!important}.discord-mode .question-container{margin-top:0!important;padding:5px!important}.discord-mode .options-section{padding:8px!important;gap:5px!important;margin-bottom:10px!important}.discord-mode .options-title{font-size:1rem!important;margin-bottom:5px!important}.discord-mode button{background-color:var(--discord-highlight);color:#fff;border:none;padding:8px 16px;border-radius:4px;font-weight:700;transition:background-color .2s;margin:5px 0!important}.discord-mode button:hover{background-color:#4752c4}.discord-mode .next-button{background-color:var(--discord-success)!important;margin-top:5px!important;margin-bottom:10px!important;padding:8px 12px!important;font-size:1rem!important;display:block!important;width:100%!important;max-width:100%!important;position:relative!important;z-index:10!important}.discord-mode .next-button:hover{background-color:#3ca374!important}.discord-mode .exit-button{background-color:var(--discord-error);margin-top:5px!important;padding:5px 10px!important;font-size:.9rem!important}.discord-mode .exit-button:hover{background-color:#d84040}.discord-mode .option-button{background-color:var(--discord-light);border:1px solid rgba(255,255,255,.1);color:var(--discord-text);margin:3px 0!important;padding:8px!important;text-align:left;font-size:.9rem!important}.discord-mode .option-button:hover{background-color:#ffffff1a}.discord-mode .option-button.selected{background-color:var(--discord-highlight);color:#fff}.discord-mode .option-button.correct{background-color:var(--discord-success);color:#fff}.discord-mode .option-button.incorrect{background-color:var(--discord-error);color:#fff}.discord-mode .timer-container{background-color:var(--discord-dark);border:1px solid rgba(255,255,255,.1);height:24px!important}.discord-mode .timer-bar{background-color:var(--discord-highlight)}.discord-mode .low-time .timer-bar{background-color:var(--discord-error)}.discord-mode .feedback{background-color:var(--discord-dark);padding:5px!important;border-radius:4px;margin:5px 0!important;font-size:.9rem!important}.discord-mode .social-icon{filter:brightness(1.2);background-color:#0000004d;padding:5px;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.discord-mode .social-icon img{width:20px;height:20px}.discord-mode .icon-youtube,.discord-mode .icon-discord,.discord-mode .icon-close{background-color:#00000080;border-radius:50%;padding:5px;display:inline-flex;align-items:center;justify-content:center}.discord-mode .icon-youtube svg,.discord-mode .icon-discord svg,.discord-mode .icon-close svg{fill:#fff;stroke:#fff;width:20px;height:20px}.discord-mode .sound-icon{background-color:#fff3;border-radius:4px;padding:3px;margin-right:5px}.discord-mode.bg-1:before,.discord-mode.bg-2:before,.discord-mode.bg-3:before,.discord-mode.bg-4:before,.discord-mode.bg-5:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0006;z-index:-1;pointer-events:none}.discord-mode .game-type-indicator{position:relative!important;top:0!important;right:0!important;margin:0 0 5px auto!important;display:inline-block!important;padding:3px 8px!important;font-size:.8rem!important}.discord-mode .question-body{display:block!important;visibility:visible!important;margin-bottom:5px!important}.discord-mode .score-display{padding:4px 8px!important;margin-bottom:5px!important;font-size:.9rem!important}.discord-mode .times-up-message{padding:5px!important;margin:5px 0!important}.discord-mode .times-up-icon{font-size:1.5rem!important;margin-bottom:3px!important}.discord-mode .times-up-text{font-size:1rem!important}.discord-mode .discord-next-button{position:sticky!important;bottom:10px!important;margin-top:10px!important;margin-bottom:5px!important;background-color:var(--discord-success)!important;color:#fff!important;font-weight:700!important;box-shadow:0 0 10px #00000080!important;border:2px solid rgba(255,255,255,.2)!important;z-index:1000!important;width:100%!important;max-width:100%!important;padding:10px!important;font-size:1rem!important;border-radius:4px!important}.discord-mode .discord-next-button:hover{background-color:#3ca374!important;transform:translateY(-2px)!important}:root{--credits-primary: #8c52ff;--credits-secondary: #5865f2;--credits-bg: linear-gradient(135deg, #1a1a2e, #16213e);--credits-card-bg: rgba(30, 30, 60, .7);--credits-text: #ffffff;--credits-text-muted: #a0a0c0;--credits-creator-gradient: linear-gradient(135deg, #8B0000, #A52A2A);--credits-ux-gradient: linear-gradient(135deg, #4B0082, #8A2BE2);--credits-border-radius: 16px;--credits-shadow: 0 10px 30px rgba(0, 0, 0, .5);--credits-transition: all .3s ease}.credits-page{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background:var(--credits-bg);padding:2rem;font-family:Poppins,sans-serif;color:var(--credits-text)}.credits-container{max-width:900px;width:100%;background:#141428cc;border-radius:var(--credits-border-radius);box-shadow:var(--credits-shadow);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(140,82,255,.3)}.credits-header{text-align:center;padding:2.5rem 2rem 1.5rem;background:linear-gradient(to bottom,rgba(140,82,255,.2),transparent);border-bottom:1px solid rgba(140,82,255,.2)}.gradient-text{background:linear-gradient(to right,#ff8a00,#e52e71,#8c52ff);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:3rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.2)}.credits-subtitle{color:var(--credits-text-muted);font-size:1.2rem;margin-top:.5rem;font-weight:300;letter-spacing:1px}.credits-content{padding:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;justify-items:center}.credit-card{background:var(--credits-card-bg);border-radius:var(--credits-border-radius);overflow:hidden;box-shadow:0 5px 15px #0003;transition:var(--credits-transition);border:1px solid rgba(255,255,255,.1)}.credit-card.small{max-width:280px;margin:0 auto}.credit-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000004d}.credit-card.creator{border-top:4px solid gold}.credit-card.ux{border-top:4px solid silver}.credit-card-header{padding:1.5rem;display:flex;align-items:center;gap:1rem;background:#0003}.small .credit-card-header{padding:1rem}.credit-card-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#fff}.credit-icon{font-size:1.8rem}.credit-card.creator .credit-icon{color:gold}.credit-card.ux .credit-icon{color:silver}.credit-card-body{padding:1.5rem;display:flex;align-items:center;gap:1.5rem}.small .credit-card-body{padding:1rem;gap:1rem}.credit-avatar{width:80px;height:80px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:2.5rem;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.5);box-shadow:0 5px 15px #0000004d}.small .credit-avatar{width:60px;height:60px;font-size:1.8rem}.creator-avatar{background:var(--credits-creator-gradient);border:3px solid gold}.ux-avatar{background:var(--credits-ux-gradient);border:3px solid silver}.credit-details{flex:1}.credit-name{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#fff}.small .credit-name{font-size:1.2rem;margin-bottom:.3rem}.credit-role,.credit-discord{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:var(--credits-text-muted);font-size:.95rem}.small .credit-role,.small .credit-discord{font-size:.85rem;margin-bottom:.3rem}.credit-discord{color:#7289da}.credits-footer{padding:2rem;text-align:center;border-top:1px solid rgba(140,82,255,.2);background:linear-gradient(to top,rgba(140,82,255,.2),transparent)}.credits-footer p{margin-bottom:1.5rem;color:var(--credits-text-muted);font-size:1.1rem}.back-button{background:linear-gradient(135deg,var(--credits-primary),var(--credits-secondary));color:#fff;border:none;padding:.8rem 1.5rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:var(--credits-transition);box-shadow:0 5px 15px #5865f266}.back-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #5865f299}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.credit-card{animation:fadeIn .6s ease forwards}.credit-card:nth-child(2){animation-delay:.2s}@media (max-width: 768px){.credits-content{grid-template-columns:1fr}.gradient-text{font-size:2.5rem}.credits-container{margin:1rem}}.credits-page.discord-mode{padding:.5rem;min-height:calc(100vh - 20px)}.credits-page.discord-mode .credits-container{max-width:100%;margin:.5rem;border-radius:12px}.credits-page.discord-mode .gradient-text{font-size:2.2rem}.credits-page.discord-mode .credits-header{padding:1.5rem 1rem 1rem}.credits-page.discord-mode .credits-content{padding:1rem;gap:1rem}.credits-page.discord-mode .credit-card-body{padding:1rem}.credits-page.discord-mode .credit-avatar{width:60px;height:60px;font-size:2rem}.credits-page.discord-mode .back-button{padding:.6rem 1.2rem;font-size:.9rem}@media (max-width: 480px){.credit-card-body{flex-direction:column;text-align:center}.credit-details{display:flex;flex-direction:column;align-items:center}.gradient-text{font-size:2rem}.credits-header{padding:1.5rem 1rem}.credits-content{padding:1rem}}.main-header{display:flex;justify-content:space-between;align-items:center;padding:5px 15px;background:var(--glass-bg);position:fixed;top:0;left:0;right:0;z-index:var(--z-floating);max-width:min(100%,600px);margin:0 auto;height:50px;box-shadow:var(--shadow-md);width:100%;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);animation:headerAppear .5s ease-out}@keyframes headerAppear{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.main-nav{display:flex;align-items:center;justify-content:space-between;width:100%}.logo{cursor:pointer;display:flex;align-items:center;margin-top:16px}.logo-container{background:linear-gradient(135deg,#8b0000,brown);border-radius:var(--radius-md);padding:6px 12px;border:1px solid rgba(218,165,32,.7);box-shadow:var(--shadow-md),0 0 10px #daa5204d;position:relative;overflow:hidden;transition:var(--transition-normal);transform:translateZ(0)}.logo:hover .logo-container{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 15px #daa52080}.logo-container:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.2),transparent);border-radius:6px 6px 0 0}.logo-text{font-size:clamp(var(--font-sm),3vw,var(--font-lg));font-weight:700;color:#fff;letter-spacing:1.5px;text-shadow:2px 2px 4px rgba(0,0,0,.5),0 0 10px rgba(218,165,32,.5);background:linear-gradient(to bottom,#fff,#daa520);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.main-nav{display:flex}.nav-links{display:flex;list-style:none;margin:0;padding:0}.nav-links li{margin-left:var(--spacing-md)}.nav-links button{background:none;border:none;color:var(--text-muted);font-size:var(--font-sm);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);position:relative;transition:var(--transition-normal);font-weight:600;border-radius:var(--radius-md);overflow:hidden}.nav-links button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:var(--transition-normal)}.nav-links button:hover:before{left:100%}.nav-links button:hover{color:#fff;background:#ffffff1a}.nav-links li.active button{color:#fff;text-shadow:var(--text-light-glow)}.nav-links button.in-game{color:var(--text-muted);opacity:.8;position:relative;transition:all .3s ease}.nav-links button.in-game:hover{color:#fff;opacity:1;background:#ffffff26;transform:translateY(-1px)}.nav-links li.active button:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:3px;background:var(--primary-accent-gradient);border-radius:var(--radius-full);box-shadow:var(--shadow-glow);animation:pulseGlow 1.5s infinite}@keyframes pulseGlow{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.creator-credits{margin-left:auto;font-size:var(--font-xs);color:var(--text-muted);font-weight:500;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:4px 8px;border-radius:var(--radius-full);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);transition:var(--transition-normal)}.creator-credits:hover{color:var(--text-light);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-in-out}.settings-panel{background:var(--card-bg-gradient);width:90%;max-width:min(90vw,400px);padding:clamp(var(--spacing-md),4vw,var(--spacing-lg));border:2px solid var(--primary-accent);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-xl),var(--shadow-glow);animation:popIn .4s var(--transition-bounce);transform-origin:center;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;max-height:80vh;overflow-y:auto;z-index:10000;margin:0!important}.settings-panel h2{font-size:var(--font-xl);margin-bottom:var(--spacing-lg);color:#fff;text-shadow:var(--text-light-glow);letter-spacing:.5px;position:relative;display:inline-block}.settings-panel h2:after{content:"";position:absolute;bottom:-5px;left:50%;width:50%;height:2px;background:var(--primary-accent-gradient);transform:translate(-50%);border-radius:var(--radius-full)}.settings-content{margin-top:var(--spacing-lg)}.settings-content p{margin-bottom:var(--spacing-sm);color:var(--text-muted);font-weight:300;line-height:1.5}.settings-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.1);text-align:left}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h3{font-size:var(--font-md);margin-bottom:var(--spacing-md);color:var(--primary-accent);text-shadow:0 0 5px rgba(140,82,255,.5)}.setting-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.setting-item label{font-size:var(--font-sm);color:var(--text-light)}.toggle-button{background-color:#50505080;color:#fff;border:none;border-radius:20px;padding:5px 15px;cursor:pointer;transition:all .2s ease;font-size:14px;min-width:60px}.toggle-button.active{background:var(--primary-accent-gradient);box-shadow:0 0 10px #8c52ff80}.volume-control{display:flex;align-items:center;gap:10px;width:60%}.volume-control input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:#50505080;border-radius:5px;outline:none}.volume-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--primary-accent);border-radius:50%;cursor:pointer;box-shadow:0 0 5px #8c52ffcc}.volume-control input[type=range]:disabled{opacity:.5}.volume-control span{font-size:14px;color:var(--text-light);min-width:40px;text-align:right}.discord-button{background:var(--button-secondary-gradient);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-md);margin:var(--spacing-lg) 0;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);cursor:pointer;width:100%;transition:var(--transition-bounce);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.discord-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition-normal)}.discord-button:hover:before{left:100%}.discord-button:hover{transform:translateY(-3px);box-shadow:0 0 15px #5865f299}.close-button{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;font-size:var(--font-lg);width:30px;height:30px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-normal);box-shadow:var(--shadow-sm)}.close-button:hover{background:#fff3;transform:rotate(90deg);box-shadow:var(--shadow-glow)}.tab-navigation{display:flex;justify-content:space-around;background:var(--glass-bg);position:fixed;bottom:0;left:0;right:0;z-index:var(--z-floating);padding:5px 0;box-shadow:var(--shadow-lg);max-width:min(100%,600px);margin:0 auto;width:100%;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-top:1px solid var(--glass-border);height:50px;animation:tabNavAppear .5s ease-out}@keyframes tabNavAppear{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.tab-item{display:flex;flex-direction:column;align-items:center;color:var(--text-muted);text-decoration:none;font-size:var(--font-xs);padding:var(--spacing-sm);border-radius:var(--radius-md);transition:var(--transition-bounce);min-width:60px;position:relative;overflow:hidden;cursor:pointer}.tab-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff1a,#fff0);opacity:0;transition:var(--transition-normal)}.tab-item:hover:before{opacity:1}.tab-item i{font-size:var(--font-lg);margin-bottom:var(--spacing-xs)}.tab-item.active{color:var(--primary-accent);background:#8c52ff1a;transform:translateY(-3px)}.tab-item.active:after{content:"";position:absolute;bottom:0;left:25%;width:50%;height:3px;background:var(--primary-accent-gradient);border-radius:var(--radius-full);box-shadow:var(--shadow-glow);animation:pulseGlow 1.5s infinite}.tab-item.in-game{opacity:.7;position:relative;transition:all .3s ease}.tab-item.in-game:hover{opacity:1;background:#ffffff1a}.tab-item.in-game.active{opacity:.9;background:#8c52ff26;transform:translateY(-2px)}.tab-navigation.discord-game-mode{position:fixed;bottom:0;left:0;right:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:8px;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -2px 10px #00000080;display:flex;justify-content:center}.tab-navigation.discord-game-mode .tab-item{background:var(--primary-accent-gradient);color:#fff;padding:8px 15px;border-radius:20px;font-weight:700;box-shadow:0 0 10px #8c52ff80;transition:all .2s ease;display:flex;align-items:center;gap:8px}.tab-navigation.discord-game-mode .tab-item:hover{transform:translateY(-2px);box-shadow:0 0 15px #8c52ffb3}.tab-navigation.discord-game-mode{height:40px!important;padding:2px 0!important;background:#000000b3!important;border-top:1px solid rgba(255,255,255,.1)!important;z-index:2000!important}.tab-navigation.discord-game-mode .tab-item{color:#fff!important;font-weight:700!important;background-color:#5865f24d!important;border-radius:4px!important;margin:2px!important;padding:4px 8px!important}.tab-navigation.discord-game-mode .tab-item:hover{background-color:#5865f280!important;transform:translateY(-2px)!important}.tab-navigation.discord-game-mode .tab-item.active{background-color:#5865f2b3!important;box-shadow:0 0 5px #5865f280!important}.tab-navigation.discord-game-mode .tab-item span{font-size:.8rem!important;margin-top:2px!important}@media (max-width: 768px){.main-header{padding:var(--spacing-sm) var(--spacing-md);height:clamp(45px,7vh,55px)}.logo-container{padding:4px 10px}.nav-links li{margin-left:var(--spacing-sm)}.nav-links button{font-size:var(--font-xs);padding:var(--spacing-xs) var(--spacing-sm)}.creator-credits{font-size:10px}}@media (max-width: 480px){.main-header{padding:var(--spacing-xs) var(--spacing-sm);height:clamp(40px,6vh,50px)}.logo-container{padding:4px 8px;border-width:1px}.nav-links{display:none}.creator-credits{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:9px;max-width:40%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-navigation{display:flex}}@media (max-width: 360px){.main-header{padding:3px var(--spacing-xs);height:clamp(35px,5vh,45px)}.logo-container{padding:3px 6px}.logo-text{font-size:var(--font-xs)}.tab-item{min-width:45px;padding:3px}.tab-item i{font-size:var(--font-sm);margin-bottom:2px}.tab-item span{font-size:9px}.creator-credits{font-size:8px;right:5px}}.logo-container{background:var(--primary-bg-gradient);border-radius:var(--radius-md);padding:8px 15px;border:2px solid var(--primary-accent);box-shadow:var(--shadow-lg),0 0 15px #8c52ff66,inset 0 0 10px #0000004d;position:relative;overflow:hidden;transform:perspective(500px) rotateX(3deg);transition:all .3s ease}.logo-container:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="none" stroke="%238c52ff" stroke-width="1" opacity="0.3" /></svg>');background-size:25px 25px;opacity:.2;z-index:-1}.logo-container:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.25),transparent);border-radius:var(--radius-md) var(--radius-md) 0 0}.logo-container:hover{box-shadow:var(--shadow-xl),0 0 20px #8c52ff99,inset 0 0 15px #0000004d;transform:perspective(500px) rotateX(5deg) translateY(-2px)}.logo-text{font-size:var(--font-lg);font-weight:700;color:#fff;letter-spacing:2px;text-shadow:0 0 5px var(--primary-accent),0 0 10px var(--primary-accent),0 0 15px rgba(140,82,255,.5);font-family:Trebuchet MS,Segoe UI,sans-serif;position:relative;display:inline-block;padding:0 5px;background:linear-gradient(to bottom,#ffffff,var(--primary-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.logo-text:before{content:"";position:absolute;left:-8px;top:50%;width:8px;height:8px;background:var(--secondary-accent);border-radius:50%;box-shadow:0 0 10px var(--secondary-accent),0 0 15px var(--secondary-accent);transform:translateY(-50%)}.logo-text:after{content:"";position:absolute;right:-8px;top:50%;width:8px;height:8px;background:var(--secondary-accent);border-radius:50%;box-shadow:0 0 10px var(--secondary-accent),0 0 15px var(--secondary-accent);transform:translateY(-50%)}@media (max-width: 768px){.logo-container{padding:5px 10px}.logo-text{font-size:var(--font-md)}}@media (max-width: 480px){.logo-container{padding:4px 8px}.logo-text{font-size:var(--font-sm)}}.home-page{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100vh;padding:55px 10px 50px;text-align:center;position:relative;overflow-x:hidden;overflow-y:auto}.floating-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.particle{position:absolute;border-radius:50%;background:radial-gradient(circle at center,#8c52ffcc,#8c52ff00);filter:blur(5px);animation:float 15s infinite linear}.particle-1{width:100px;height:100px;top:15%;left:10%;animation-duration:25s;opacity:.3}.particle-2{width:150px;height:150px;top:60%;left:80%;animation-duration:30s;animation-delay:2s;opacity:.2}.particle-3{width:80px;height:80px;top:70%;left:20%;animation-duration:20s;animation-delay:5s;opacity:.25}.particle-4{width:120px;height:120px;top:30%;left:85%;animation-duration:22s;animation-delay:7s;opacity:.15}.particle-5{width:70px;height:70px;top:80%;left:50%;animation-duration:18s;animation-delay:3s;opacity:.2}.particle-6{width:90px;height:90px;top:20%;left:60%;animation-duration:28s;animation-delay:1s;opacity:.3}@keyframes float{0%{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(-30px) translate(20px) rotate(90deg)}50%{transform:translateY(0) translate(40px) rotate(180deg)}75%{transform:translateY(30px) translate(20px) rotate(270deg)}to{transform:translateY(0) translate(0) rotate(360deg)}}.home-header{width:100%;max-width:600px;margin:0 auto;margin-bottom:1rem;display:flex;flex-direction:column;align-items:center;position:relative;z-index:20;flex-shrink:0}.logo-container{position:relative;margin-bottom:1rem}.game-title{font-size:2rem;color:#fff;margin-bottom:.5rem;font-weight:700;letter-spacing:2px;text-shadow:0 0 10px rgba(140,82,255,.8),0 0 20px rgba(140,82,255,.5);position:relative;z-index:20;background:linear-gradient(to right,#fff,#c9a8ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;width:100%;max-width:100%}.game-mode-title{font-size:1.1rem;font-weight:600;margin-bottom:3px;letter-spacing:.5px;background:linear-gradient(to right,#fff,#c9a8ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.3);font-family:Poppins,sans-serif}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(ellipse at center,#8c52ff66,#8c52ff00 70%);filter:blur(20px);z-index:19}@keyframes pulse{0%{opacity:.5;transform:scale(1)}to{opacity:.8;transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.subtitle{font-size:1.1rem;color:#ffffffe6;margin-bottom:.5rem;text-shadow:0 0 8px rgba(0,0,0,.4);position:relative;z-index:20;letter-spacing:1.2px;width:100%;max-width:100%;padding:10px 20px;background:#140f234d;border-radius:30px;border:1px solid rgba(140,82,255,.15);box-shadow:0 4px 12px #0003;transform:translateY(-10px);animation:float 5s ease-in-out infinite}.subtitle .highlight{color:#ffd700e6;font-weight:700;text-shadow:0 0 10px rgba(255,215,0,.5);position:relative}.subtitle .highlight:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:linear-gradient(to right,transparent,rgba(255,215,0,.6),transparent)}@keyframes float{0%,to{transform:translateY(-10px)}50%{transform:translateY(-15px)}}.game-section{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:.5rem;margin-bottom:.5rem;position:relative;z-index:15;flex:1;justify-content:center}.home-buttons{width:100%;max-width:400px;margin-bottom:20px;display:flex;justify-content:center}.lore-button{background:linear-gradient(135deg,#8a5d3be6,#50321ef2);color:#fff;border:2px solid rgba(255,215,0,.3);border-radius:12px;padding:15px 28px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;gap:15px;box-shadow:0 4px 15px #0000004d,0 0 10px #8a5d3b80,inset 0 0 15px #ffd7001a;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1.5px;z-index:10}.lore-button-icon{background:#ffd70033;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 0 10px #ffd7004d;transition:all .3s ease;color:#ffd700e6}.lore-button-text{position:relative;z-index:2;text-shadow:0 2px 4px rgba(0,0,0,.5);transition:all .3s ease}.lore-button-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(255,215,0,.4) 0%,transparent 70%);opacity:0;transition:opacity .5s ease;pointer-events:none;transform:rotate(-45deg)}.lore-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.3),transparent);transition:all .5s ease;z-index:1}.lore-button:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 10px 25px #00000080,0 0 15px #ffd70066,inset 0 0 20px #ffd70033;background:linear-gradient(135deg,#a06e46f2,#643c23);border-color:#ffd70099}.lore-button:hover .lore-button-icon{transform:rotate(360deg) scale(1.1);background:#ffd7004d;color:gold}.lore-button:hover .lore-button-text{transform:scale(1.05);letter-spacing:2px}.lore-button:hover .lore-button-shine{opacity:.8}.lore-button:hover:before{left:100%}.lore-button:active{transform:translateY(-2px);box-shadow:0 5px 15px #0006}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.lore-button{animation:pulse 3s infinite ease-in-out}.game-mode-card{background-color:var(--card-bg);background-image:linear-gradient(to bottom right,#8c52ff1a,#0003);border-radius:var(--border-radius-lg);padding:12px;margin-bottom:15px;position:relative;width:100%;max-width:340px;min-height:220px;box-shadow:var(--shadow-lg);transition:all .3s ease;overflow:hidden;border:1px solid rgba(255,255,255,.1);z-index:10}.game-mode-card.hover{transform:translateY(-10px);box-shadow:0 15px 40px #8c52ff66;border-color:#8c52ff99}.game-mode-card-header{display:flex;align-items:center;justify-content:flex-start;margin-bottom:8px;border-bottom:1px solid rgba(140,82,255,.2);padding-bottom:8px;background:linear-gradient(to right,rgba(140,82,255,.1),transparent);border-radius:6px 6px 0 0;padding-top:5px;padding-left:8px}.mode-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;margin-right:10px;color:#ffffffe6;font-size:1.3rem;background:linear-gradient(135deg,#8c52ff33,#8c52ff0d);border-radius:8px;box-shadow:0 2px 8px #0003}.game-mode-details{margin-bottom:12px;display:flex;flex-direction:column;gap:6px}.detail-item{display:flex;align-items:center;padding:6px 10px;background:#8c52ff0d;border-radius:6px;font-size:.85rem;font-family:Poppins,sans-serif;color:#ffffffd9;transition:all .2s ease;border-left:2px solid rgba(140,82,255,.3)}.detail-item:hover{background:#8c52ff1a;transform:translate(2px)}.detail-item svg{margin-right:8px;color:#8c52ffe6;font-size:.9rem}.detail-item span{font-weight:400;letter-spacing:.3px}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,#8c52ff40,#8c52ff00 70%);pointer-events:none;z-index:0;opacity:0;transition:opacity .5s ease;animation:pulse 3s infinite alternate}.game-mode-card.hover .card-glow{opacity:1}.card-content{position:relative;z-index:2;margin-top:5px;padding:15px;display:flex;flex-direction:column;height:100%}.game-mode-icon{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#8c52ff,#5c35a4);display:flex;align-items:center;justify-content:center;margin-right:10px;box-shadow:0 3px 8px #8c52ff4d;position:relative;overflow:hidden}.game-mode-icon:nth-child(2){background-color:var(--secondary-accent);transform:translateY(-10px)}.game-mode-icon:nth-child(3){background-color:var(--success);transform:translateY(5px)}.game-mode-action{display:flex;justify-content:center;align-items:center;margin-top:15px;padding-top:5px;border-top:1px dashed rgba(140,82,255,.2);position:relative}.play-button{background:linear-gradient(135deg,var(--button-primary),#7030a0);color:#fff;border:none;border-radius:var(--border-radius-md);padding:6px 12px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #9246ff66;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);font-family:Poppins,sans-serif}.play-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:all .5s ease}.play-button:hover{transform:translateY(-5px);box-shadow:0 8px 25px #8c52ff80}.play-button:hover:before{left:100%}.button-text{margin-right:10px}.play-button i{font-size:16px;transition:transform .3s ease}.play-button:hover i{transform:translate(5px)}.settings-container{position:relative;display:inline-block}.settings-button{background-color:#1e1e2fcc;color:#8c52ffcc;border:1px solid rgba(140,82,255,.3);border-radius:10px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;margin-left:8px;cursor:pointer;transition:all .3s ease;font-size:14px;box-shadow:0 2px 5px #0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.settings-button:hover{background-color:#8c52ff33;color:#fff;transform:translateY(-3px);box-shadow:0 6px 15px #8c52ff4d}.social-links{display:flex;justify-content:center;gap:15px;margin-top:15px;position:relative;z-index:30;flex-shrink:0;padding:5px 10px;background-color:#0000001a;border-radius:20px;box-shadow:inset 0 1px 3px #0000001a}.social-icon{font-size:16px;color:#fff9;transition:all .3s ease;position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#1e1e2f99;border:1px solid rgba(140,82,255,.2);box-shadow:0 3px 8px #0003}.social-icon:hover{transform:translateY(-5px);color:#fff;box-shadow:0 8px 20px #8c52ff4d}.social-icon.discord:hover{color:#fff;background-color:#5865f24d;border-color:#5865f299}.social-icon.youtube:hover{color:#fff;background-color:#ff00004d;border-color:#f009}.tooltip{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background-color:#1e1e2fe6;color:#fff;padding:5px 10px;border-radius:5px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;box-shadow:0 4px 10px #0003;border:1px solid rgba(140,82,255,.3)}.social-icon:hover .tooltip{opacity:1;visibility:visible;bottom:-40px}.user-profile-wrapper{position:absolute;bottom:10px;right:10px;z-index:40;max-width:90vw;transform:scale(.85);transform-origin:bottom right}.settings-panel h2{margin-bottom:20px;text-align:center;font-size:28px;color:#fff;font-weight:600;position:relative;padding-bottom:10px}.settings-panel h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:2px;background:linear-gradient(to right,#8c52ff4d,#8c52ffcc,#8c52ff4d);border-radius:3px}.settings-content{padding:0 10px}.settings-content p{margin:5px 0;font-size:16px;color:#ffffffe6;line-height:1.4}.settings-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.settings-row label{font-size:var(--font-md);color:var(--text-light)}.slider-container{flex:1;margin-left:var(--spacing-md)}.discord-button{background-color:#5865f2;color:#fff;border:none;border-radius:8px;padding:12px 20px;margin:20px 0 5px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;width:100%;font-weight:600;font-size:16px;transition:all .2s ease;box-shadow:0 4px 8px #0003;letter-spacing:.5px}.discord-button svg{font-size:18px}.discord-button:hover{background-color:#4752c4;transform:translateY(-2px)}.close-button{position:absolute;top:10px;right:10px;background:transparent;border:none;color:#fff;font-size:24px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;opacity:.8}.close-button:hover{opacity:1;transform:scale(1.1)}@media (max-width: 1024px){.home-page{padding:clamp(10px,3vw,var(--spacing-md));padding-top:min(70px,12vh);padding-bottom:min(100px,15vh)}.home-header{max-width:90vw}.game-section{width:90%}}@media (max-width: 768px){.home-page{padding:clamp(10px,2vw,15px);padding-top:min(65px,10vh);padding-bottom:min(90px,14vh)}.card-content{padding:20px}.detail-item{padding:8px 12px;margin-bottom:8px}.detail-item span{font-size:clamp(12px,2.5vw,14px)}.settings-panel{width:85%;max-width:350px}}@media (max-width: 480px){.home-page{padding:60px 10px 120px}.detail-item{padding:8px 10px}.detail-item i{font-size:14px}.settings-button{width:40px;height:40px}.social-links{position:relative;margin-top:20px;margin-bottom:30px;gap:15px}.social-icon{width:38px;height:38px;font-size:16px}.tooltip{display:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 360px){.home-page{padding:55px 8px 110px}.card-content{padding:15px}.detail-item{padding:6px 8px;margin-bottom:6px}.social-icon{width:35px;height:35px;font-size:15px}.user-profile-wrapper{bottom:10px;right:10px}.settings-panel{max-width:280px;right:-10px}}.how-to-play-container{max-width:800px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.how-to-play-content{background-color:#1e1e2fd9;border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);width:100%}.how-to-play-title{text-align:center;color:var(--primary-accent);margin-bottom:var(--spacing-md);font-size:var(--font-2xl);text-shadow:0 2px 4px rgba(0,0,0,.3);position:relative;display:inline-block;width:100%}.how-to-play-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,transparent,var(--primary-accent),transparent)}.how-to-play-subtitle{text-align:center;color:var(--text-muted);margin-bottom:var(--spacing-xl);font-size:var(--font-md);max-width:80%;margin-left:auto;margin-right:auto}.instruction-card{display:flex;align-items:center;margin-bottom:var(--spacing-lg);background-color:#2c3e5080;border-radius:var(--radius-md);padding:var(--spacing-md);border-left:4px solid var(--primary-accent);transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;position:relative;overflow:hidden}.instruction-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);background-color:#32465a99}.instruction-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,#fff0,#ffffff1a,#fff0);transform:rotate(30deg);transition:transform .7s;opacity:0}.instruction-card:hover:after{opacity:1;transform:rotate(30deg) translate(50%,-100%)}.instruction-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background-color:var(--secondary-bg);border-radius:50%;margin-right:var(--spacing-md);flex-shrink:0;position:relative}.step-number{position:absolute;top:-10px;right:-10px;width:25px;height:25px;background-color:var(--primary-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;box-shadow:0 2px 4px #0000004d;z-index:2}.icon-text{font-size:28px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 2px rgba(140,82,255,.7));position:relative;z-index:1}@supports selector(:where(.discord-container)){.step-number{background-color:#8c52ff;border:2px solid white;font-size:16px;width:28px;height:28px}.icon-text{font-size:32px}}.instruction-text{flex:1}.instruction-text h2{color:var(--text-light);margin-bottom:var(--spacing-xs);font-size:var(--font-lg)}.instruction-text p{color:var(--text-muted);font-size:var(--font-md);line-height:1.5}.start-game-container{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-xl);flex-wrap:wrap}.start-game-button{background-color:var(--button-primary);color:#fff;border:none;border-radius:var(--radius-md);padding:15px 30px;font-size:var(--font-lg);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.start-game-button:hover{background-color:#7b38d8;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.start-game-button:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,#fff0,#fff3,#fff0);transform:rotate(30deg);transition:transform .5s;opacity:0}.start-game-button:hover:after{opacity:1;transform:rotate(30deg) translate(50%,-100%)}.back-button{background-color:var(--button-secondary);color:#fff;border:none;border-radius:var(--radius-md);padding:15px 30px;font-size:var(--font-lg);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.back-button:hover{background-color:#4a5568;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.back-button:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,#fff0,#ffffff1a,#fff0);transform:rotate(30deg);transition:transform .5s;opacity:0}.back-button:hover:after{opacity:1;transform:rotate(30deg) translate(50%,-100%)}@media (max-width: 768px){.how-to-play-title{font-size:var(--font-xl)}.how-to-play-subtitle{max-width:95%}.instruction-card{flex-direction:column;text-align:center;padding:var(--spacing-md) var(--spacing-sm)}.instruction-icon{margin-right:0;margin-bottom:var(--spacing-sm)}.start-game-button,.back-button{width:100%;padding:12px 20px}}@media (max-width: 480px){.how-to-play-content{padding:var(--spacing-md) var(--spacing-sm)}.how-to-play-title{font-size:var(--font-lg)}.how-to-play-subtitle{font-size:var(--font-sm)}.instruction-text h2{font-size:var(--font-md)}.instruction-text p{font-size:var(--font-sm);line-height:1.4}.instruction-icon{width:50px;height:50px}.instruction-fa-icon{font-size:var(--font-lg)}}.lore-container{display:flex;width:100%;height:100%;color:#fff;position:relative;overflow:hidden;animation:fadeIn .5s ease-in-out;font-family:Lora,Cormorant Garamond,Georgia,serif;letter-spacing:.01em;word-spacing:.02em;direction:ltr;text-align:left;--heading-font: "Cinzel", "Times New Roman", serif;--body-font: "Lora", "Georgia", serif;--ui-font: "Nunito Sans", "Arial", sans-serif}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chapter-selector{position:relative;width:100%;max-width:800px;margin:0 auto 20px;z-index:100}.chapter-dropdown-button{width:100%;padding:14px 20px;background:#23272ee6;color:#ffe082;border:1px solid rgba(255,224,130,.3);border-radius:8px;font-family:var(--ui-font);font-size:1.1rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 10px #0003}.chapter-dropdown-button:hover{background:#2d3138f2;box-shadow:0 4px 15px #00000040}.chapter-dropdown-button span{flex:1;text-align:center;margin:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-arrow{transition:transform .2s ease}@media (max-width: 900px){.lore-content{padding:30px 20px;flex:1;overflow-y:auto;height:100vh;background:#23272ed9;box-shadow:0 0 24px #00000040 inset;position:relative;scroll-behavior:smooth}.chapter-dropdown-button{padding:12px 16px;font-size:1rem}.chapter-content{padding:20px}}.chapter-dropdown-list{position:absolute;top:calc(100% + 8px);left:0;width:100%;background:#23272efa;border:1px solid rgba(255,224,130,.3);border-radius:8px;box-shadow:0 8px 20px #0000004d;list-style:none;padding:0;margin:0;max-height:300px;overflow-y:auto;z-index:101;animation:fadeIn .2s ease}.chapter-dropdown-list li{padding:12px 16px;color:#d8e0f0;cursor:pointer;transition:background .15s ease,color .15s ease;border-bottom:1px solid rgba(255,255,255,.05);font-family:var(--ui-font)}.chapter-dropdown-list li:last-child{border-bottom:none}.chapter-dropdown-list li:hover{background:#2d3138e6;color:#fff}.chapter-dropdown-list li.active{background:#2d3138cc;color:#ffe082;font-weight:600}.dropdown-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#14141e73;z-index:99;animation:fadeIn .2s ease}.lore-sidebar.expanded{width:270px;min-width:200px;box-shadow:4px 0 24px #00000038}.lore-sidebar.mobile{top:0;height:100vh;border-radius:0 12px 12px 0;transition:transform .25s,width .35s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 32px #00000052}.lore-sidebar.mobile:not(.expanded){transform:translate(-56px);box-shadow:none}.lore-sidebar.mobile:not(.expanded) .sidebar-toggle{transform:translate(56px)}.lore-sidebar.mobile.expanded{width:75vw;min-width:160px;max-width:350px;transform:translate(0);box-shadow:4px 0 32px #00000052}@media (max-width: 900px){.lore-sidebar{top:60px;height:calc(100vh - 120px);border-radius:0 12px 12px 0;z-index:99}}.lore-sidebar h3{margin:24px 0 10px 20px;font-size:1.25rem;font-family:var(--heading-font);font-weight:700;color:#ffe082;letter-spacing:.04em;transition:opacity .18s;text-shadow:0 2px 4px rgba(0,0,0,.3)}.lore-sidebar:not(.expanded) h3{opacity:0;pointer-events:none;height:0;margin:0}.chapter-list{list-style:none;padding:0 0 0 8px;margin:28px 0 0;width:100%}.chapter-list li{cursor:pointer;padding:12px 18px 12px 20px;border-radius:8px 0 0 8px;font-size:1.05rem;margin-bottom:6px;color:#d8e0f0;transition:background .22s ease,color .22s ease,transform .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em;font-family:var(--ui-font);border-left:2px solid transparent}.chapter-list li.active{background:linear-gradient(90deg,#3b4252 70%,#23272e);color:#ffe082;font-weight:700;box-shadow:2px 0 8px #0000001f;border-left:2px solid #ffe082;transform:translate(2px)}.chapter-list li:hover{background:#23272e;color:#fff;transform:translate(4px);border-left:2px solid rgba(255,224,130,.6)}.lore-sidebar:hover .chapter-list,.lore-sidebar.expanded .chapter-list{opacity:1;visibility:visible}.lore-content{margin-left:56px;padding:40px 20px;transition:margin-left .35s cubic-bezier(.4,0,.2,1);max-width:900px;margin-right:auto;width:calc(100% - 56px);box-sizing:border-box;overflow-x:hidden}.lore-sidebar.expanded~.lore-content{margin-left:270px}@media (max-width: 900px){.lore-content{margin-left:0;padding:80px 4vw 24px;min-width:0;max-width:100%;width:100%;box-sizing:border-box;overflow-x:hidden}.lore-sidebar.expanded~.lore-content{margin-left:0;filter:blur(.5px) grayscale(.09);pointer-events:none;-webkit-user-select:none;user-select:none}}.chapter-title{color:#ffe082;text-align:center;margin-bottom:30px;font-size:2.2rem;text-shadow:0 0 10px rgba(255,215,0,.5);position:relative;font-family:Merriweather,serif;max-width:100%;padding:0 10px;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.3}.chapter-title{font-family:var(--heading-font);font-weight:600;letter-spacing:.05em;color:#ffe082;text-shadow:0 2px 6px rgba(0,0,0,.3)}.chapter-title:after{content:"";display:block;width:120px;height:3px;background:linear-gradient(90deg,transparent,#ffe082,transparent);margin:12px auto 0;border-radius:2px}.chapter-content{font-size:1.15rem;line-height:1.8;text-align:left;max-width:800px;width:100%;box-sizing:border-box;margin:0 auto;background-color:#0006;padding:32px 42px;border-radius:12px;box-shadow:0 8px 32px #0000002e;position:relative;text-shadow:0 1px 2px rgba(0,0,0,.3);font-family:var(--body-font);border:1px solid rgba(255,224,130,.15);letter-spacing:.01em;word-spacing:.03em;overflow-wrap:break-word;direction:ltr}.chapter-content p{margin-bottom:22px;text-indent:2em;font-size:1.15rem}.chapter-content p:first-of-type:first-letter{font-size:3.5em;float:left;line-height:.65;margin:.12em .12em 0 0;color:#ffe082;text-shadow:2px 2px 4px rgba(0,0,0,.4);font-family:var(--heading-font);font-weight:700;padding:.1em .1em .1em 0}@media (max-width: 768px){.chapter-title{font-size:1.6rem;margin-top:10px;margin-bottom:20px;width:100%;box-sizing:border-box;overflow-wrap:break-word;word-break:break-word}.chapter-content{padding:20px;font-size:1.15rem;line-height:1.7;width:100%;box-sizing:border-box;margin:0}.chapter-content p{font-size:1.15rem;margin-bottom:1.2em;text-indent:1.5em;text-align:left;direction:ltr;letter-spacing:.01em;word-spacing:.02em;font-variant-ligatures:none;-webkit-hyphens:none;hyphens:none}.chapter-content p:first-of-type:first-letter{font-size:2.5em}}.chapter-content p em,.chapter-content em{font-style:italic;font-family:var(--body-font)}.chapter-content p:not(.table-container){overflow-wrap:break-word}@media (max-width: 600px){.lore-container{padding-top:10px}.chapter-selector{margin-bottom:15px}.chapter-dropdown-button{padding:10px 14px;font-size:.95rem}.chapter-dropdown-list{max-height:250px}.chapter-dropdown-list li{padding:10px 14px;font-size:.95rem}.chapter-content{padding:16px;font-size:1rem}}@media (min-width: 901px){.sidebar-backdrop{display:none!important}}.navigation-buttons{display:flex;justify-content:space-between;margin-top:40px;max-width:800px;margin-left:auto;margin-right:auto;padding:0 20px}.nav-button{padding:12px 24px;background-color:#23272ed9;border:1px solid #8a5d3b;color:#ffe082;cursor:pointer;transition:all .2s ease;border-radius:8px;font-size:1rem;font-weight:600;min-width:120px;text-align:center;box-shadow:0 2px 4px #0003}.nav-button:hover{background-color:#323741e6;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.nav-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000004d}.nav-button:focus{outline:2px solid #ffe082;outline-offset:2px}.nav-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.return-button{background-color:#464646cc}.return-button:hover{background-color:#5a5a5a}.table-container{margin:30px 0;width:100%;overflow-x:auto;border-radius:8px;box-shadow:0 4px 12px #0000004d}.lore-table{width:100%;border-collapse:collapse;border-spacing:0;background-color:#23272ee6;font-size:1rem;box-shadow:0 4px 12px #00000040;border-radius:8px;overflow:hidden;margin-bottom:20px;color:#e0e0e0;font-family:var(--ui-font);letter-spacing:.01em}.lore-table th{background-color:#2d3138e6;padding:14px 18px;text-align:left;font-weight:700;border-bottom:2px solid rgba(255,224,130,.3);color:#ffe082;font-family:var(--heading-font);letter-spacing:.05em;font-size:1.05rem}.lore-table td{padding:10px 15px;border-bottom:1px solid rgba(138,93,59,.3);transition:background-color .2s}.lore-table tr:last-child td{border-bottom:none}.lore-table tr:nth-child(odd){background-color:#2d313880}.lore-table tr:hover td{background-color:#8a5d3b33}.lore-table strong{color:#ffe082;font-weight:700}@media (max-width: 768px){.table-container{margin:20px 0}.lore-table{font-size:.9rem}.lore-table th{padding:8px 10px;font-size:.85rem}.lore-table td{padding:8px 10px}}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.5rem;color:gold}@media (max-width: 900px){.lore-container{flex-direction:column}.lore-sidebar{width:100%;height:50px;border-right:none;border-bottom:2px solid #8a5d3b;max-height:50px;overflow:hidden;padding:10px 20px}.lore-sidebar.expanded{max-height:300px;height:auto;padding:20px}.sidebar-label{writing-mode:horizontal-tb;transform:none;height:auto;margin:0;text-align:center}.chapter-list{display:flex;flex-wrap:wrap;gap:10px}.chapter-list li{flex:1 1 calc(50% - 20px);min-width:200px;margin-bottom:5px}.lore-content{max-height:none}.sidebar-toggle{top:10px;right:10px}}@media (max-width: 600px){.chapter-list li{flex:1 1 100%}.navigation-buttons{flex-direction:column;gap:12px;align-items:center}.nav-button,.return-button{width:100%;justify-content:center}.chapter-content{padding:20px;font-size:1rem}.chapter-content p:first-of-type:first-letter{font-size:2.8em;margin:.1em .1em 0 0}}.chapter-illustration-container{position:relative;width:100%;max-width:800px;margin:0 auto 30px;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0006;aspect-ratio:16/9;background-color:#23272ecc}.chapter-illustration{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.chapter-illustration-container:hover .chapter-illustration{transform:scale(1.03)}.illustration-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,#23272ecc,#23272e66 30%,#23272e1a);pointer-events:none}.image-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#23272ee6;color:#ffe082;z-index:5}.image-loading svg{font-size:2.5rem;margin-bottom:15px;filter:drop-shadow(0 0 8px rgba(255,224,130,.5))}.image-loading p{font-size:1.2rem;text-align:center;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.regenerate-image-button{position:absolute;bottom:15px;right:15px;background:#23272eb3;border:1px solid rgba(255,224,130,.3);color:#ffe082;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10;opacity:0}.chapter-illustration-container:hover .regenerate-image-button{opacity:1}.regenerate-image-button:hover{background:#ffe08233;transform:scale(1.1) rotate(30deg)}.chapter-header{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:30px}.toggle-illustration-button{position:absolute;right:0;top:50%;transform:translateY(-50%);background:#23272eb3;border:1px solid rgba(255,224,130,.3);color:#ffe082;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.toggle-illustration-button:hover{background:#ffe08233;transform:translateY(-50%) scale(1.1)}@media (max-width: 768px){.chapter-illustration-container{margin-bottom:20px}.toggle-illustration-button{width:36px;height:36px;font-size:.9rem}}.floating-particles-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;overflow:hidden}.particles-canvas{display:block;width:100%;height:100%}.floating-particles-cont.particle{position:absolute;width:6px;height:6px;background:#8c52ff4d;border-radius:50%;filter:blur(2px);opacity:.3}.storybook-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000;perspective:1200px;background:#23272ef2;overflow:hidden;opacity:1;visibility:visible}.ambient-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.particle{position:absolute;width:3px;height:3px;background:#ffe08299;border-radius:50%;box-shadow:0 0 10px #ffe0824d;animation:float-particle 15s infinite linear}.particle:nth-child(1){top:10%;left:20%;animation-duration:20s;animation-delay:0s}.particle:nth-child(2){top:25%;left:80%;animation-duration:18s;animation-delay:1s}.particle:nth-child(3){top:60%;left:45%;animation-duration:16s;animation-delay:2s}.particle:nth-child(4){top:90%;left:10%;animation-duration:22s;animation-delay:3s}.particle:nth-child(5){top:45%;left:30%;animation-duration:19s;animation-delay:4s}.particle:nth-child(6){top:75%;left:60%;animation-duration:21s;animation-delay:5s}.particle:nth-child(7){top:15%;left:70%;animation-duration:17s;animation-delay:6s}.particle:nth-child(8){top:55%;left:85%;animation-duration:23s;animation-delay:7s}.particle:nth-child(9){top:30%;left:15%;animation-duration:18s;animation-delay:8s}.particle:nth-child(10){top:85%;left:50%;animation-duration:20s;animation-delay:9s}@keyframes float-particle{0%{transform:translate(0);opacity:0}10%{opacity:.8}90%{opacity:.6}to{transform:translate(100px,-100px);opacity:0}}.book{position:relative;width:80vmin;max-width:800px;height:90vmin;max-height:600px;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.645,.045,.355,1);z-index:10;opacity:1;visibility:visible;display:block}.book.closed{transform:rotateX(10deg);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:rotateX(10deg) translateY(0)}50%{transform:rotateX(10deg) translateY(-10px)}}.book-cover{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#8b5a2b,#5c3c20,#4a2e1a);background-size:cover;background-position:center;transform-origin:left;transition:transform 1.2s cubic-bezier(.645,.045,.355,1);border-radius:5px 15px 15px 5px;box-shadow:0 10px 30px #0006,5px 5px 15px #0000004d;backface-visibility:hidden;transform-style:preserve-3d;overflow:hidden}.book-cover:before{content:"";position:absolute;top:25px;left:25px;right:25px;bottom:25px;border:2px solid rgba(212,175,55,.7);border-radius:5px;pointer-events:none}.book-emblem{content:"";position:absolute;top:50%;left:50%;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.8) 0%,rgba(212,175,55,.4) 70%,transparent 100%);transform:translate(-50%,-50%);box-shadow:0 0 20px #d4af3780;z-index:1}.book-edge{position:absolute;top:0;right:0;width:30px;height:100%;background:linear-gradient(to right,#0000001a,#0000004d);border-radius:0 15px 15px 0;z-index:2}.book-spine{position:absolute;left:0;width:30px;height:100%;background:#5c3c20;border-radius:5px 0 0 5px;box-shadow:inset -5px 0 10px #0000004d;transform-origin:right;z-index:-1}.book-pages{position:absolute;width:100%;height:100%;transform-origin:left;transition:transform 1.2s cubic-bezier(.645,.045,.355,1);background:#f8f4d8;border-radius:0 15px 15px 0;overflow:hidden;transform-style:preserve-3d;box-shadow:0 5px 15px #0003,inset 0 0 50px #0000001a}.book-page{position:absolute;width:100%;height:100%;background-color:#f8f4d8;background-image:linear-gradient(rgba(255,255,255,.1) 2px,transparent 2px),linear-gradient(90deg,rgba(255,255,255,.1) 2px,transparent 2px),linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px;background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px;padding:40px;box-sizing:border-box;transform-origin:left;transition:transform .6s cubic-bezier(.645,.045,.355,1);backface-visibility:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(139,90,43,.5) rgba(248,244,216,.1)}.book-page::-webkit-scrollbar{width:8px}.book-page::-webkit-scrollbar-track{background:#f8f4d81a}.book-page::-webkit-scrollbar-thumb{background-color:#8b5a2b80;border-radius:10px}.index-page{display:flex;flex-direction:column;align-items:center;padding:60px 40px}.index-title{font-family:Cinzel,serif;font-size:2.5rem;color:#5c3c20;margin-bottom:40px;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.chapter-list{list-style:none;padding:0;width:100%;max-width:500px}.chapter-item{margin-bottom:15px;padding:12px 20px;background:#8b5a2b1a;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:IM Fell English,serif;font-size:1.2rem;color:#5c3c20;position:relative;overflow:hidden}.chapter-item:hover{background:#8b5a2b33;transform:translate(5px)}.chapter-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:5px;background:#8b5a2b;opacity:0;transition:opacity .2s ease}.chapter-item:hover:before{opacity:1}.chapter-content{font-family:IM Fell English,serif;font-size:1.1rem;line-height:1.6;text-align:justify;padding:0 20px;overflow-y:auto;max-height:100%;color:#333}.chapter-content h1{font-family:Cinzel,serif;font-size:2rem;color:#5c3c20;margin-bottom:30px;text-align:center}.chapter-content p{margin-bottom:20px;text-align:justify;color:#333}.book-controls{position:absolute;bottom:20px;left:0;width:100%;display:flex;justify-content:space-between;padding:0 40px;box-sizing:border-box;z-index:20}.nav-button{background:#8b5a2b33;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#5c3c20;font-size:1.2rem}.nav-button:hover{background:#8b5a2b4d;transform:scale(1.1)}.nav-button:disabled{opacity:.3;cursor:not-allowed;transform:scale(1)}.close-button{position:absolute;top:20px;right:20px;background:#00000080;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff;font-size:1rem;z-index:30}.close-button:hover{background:#000000b3;transform:scale(1.1)}.opening-prompt{position:absolute;bottom:40px;left:0;width:100%;text-align:center;color:#ffe082;font-family:IM Fell English,serif;font-size:1.5rem;opacity:0;animation:fadeInOut 2s ease-in-out infinite;pointer-events:none;z-index:20;text-shadow:0 0 10px rgba(255,224,130,.5)}@keyframes fadeInOut{0%,to{opacity:.3}50%{opacity:1}}.book.open .book-cover{transform:rotateY(-180deg);opacity:0}.book.open .book-pages{transform:rotateY(0);opacity:1;visibility:visible}.page-turn{transform:rotateY(-180deg)}.fallback-book-container{width:100%;max-width:800px;height:80vh;max-height:600px;background-color:#f8f4d8;border-radius:8px;box-shadow:0 10px 30px #0006;display:flex;flex-direction:column;overflow:hidden}.fallback-book-header{background:linear-gradient(135deg,#8b5a2b,#5c3c20,#4a2e1a);color:#ffe082;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid rgba(212,175,55,.7)}.fallback-book-header h1{font-family:Cinzel,serif;font-size:1.8rem;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.fallback-book-content{flex:1;overflow-y:auto;padding:20px}.fallback-index-page{display:flex;flex-direction:column;align-items:center;padding:20px 0}.fallback-chapter-list{list-style:none;padding:0;width:100%;max-width:600px}.fallback-chapter-item{margin-bottom:10px;padding:12px 15px;background:#8b5a2b1a;border-radius:6px;cursor:pointer;transition:all .2s ease;font-family:IM Fell English,serif;font-size:1.1rem;color:#5c3c20;position:relative}.fallback-chapter-item:hover{background:#8b5a2b33;transform:translate(5px)}.fallback-chapter-content{padding:10px 0;color:#333}.fallback-chapter-content p{margin-bottom:1rem;color:#333}.fallback-chapter-content h2{font-family:Cinzel,serif;font-size:1.6rem;color:#5c3c20;margin-bottom:20px;text-align:center}.fallback-nav-buttons{display:flex;justify-content:space-between;margin-top:30px;padding-top:20px;border-top:1px solid rgba(139,90,43,.2)}.fallback-nav-button{background:#8b5a2b33;border:none;border-radius:6px;padding:10px 15px;cursor:pointer;transition:all .2s ease;color:#5c3c20;font-family:IM Fell English,serif;font-size:1rem}.fallback-nav-button:hover{background:#8b5a2b4d}.fallback-nav-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.book{width:90vw;height:80vh}.book-page{padding:30px 20px}.index-title{font-size:1.8rem}.chapter-item{font-size:1rem}.chapter-content h1{font-size:1.5rem}.chapter-content{font-size:1rem}.fallback-book-container{width:95vw;height:85vh}.fallback-book-header h1{font-size:1.5rem}.fallback-nav-buttons{flex-direction:column;gap:10px}}.sound-toggle{position:absolute;bottom:20px;right:20px;background:#00000080;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff;font-size:1rem;z-index:30}.sound-toggle:hover{background:#000000b3;transform:scale(1.1)}@media (max-width: 500px){.book{width:95vw;height:75vh}.book-page{padding:20px 15px}.index-title{font-size:1.5rem;margin-bottom:20px}.chapter-item{padding:10px 15px;margin-bottom:10px}.nav-button{width:40px;height:40px}.book-controls{bottom:10px;padding:0 20px}}.magical-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;opacity:.6}.book,.book-cover,.book-pages,.book-page{will-change:transform;transform:translateZ(0)}:root{--primary-bg: #1a1033;--primary-bg-gradient: linear-gradient(135deg, #1a1033 0%, #2d1a5a 100%);--secondary-bg: #2a1b4a;--secondary-bg-gradient: linear-gradient(135deg, #2a1b4a 0%, #3d2a6a 100%);--card-bg: #2d1a5a;--card-bg-gradient: linear-gradient(145deg, #2d1a5a 0%, #3d2a7a 100%);--primary-accent: #8c52ff;--primary-accent-gradient: linear-gradient(135deg, #8c52ff 0%, #a56fff 100%);--secondary-accent: #ff4d8d;--secondary-accent-gradient: linear-gradient(135deg, #ff4d8d 0%, #ff6fa5 100%);--button-primary: #9146ff;--button-primary-gradient: linear-gradient(135deg, #9146ff 0%, #a56fff 100%);--button-secondary: #5865f2;--button-secondary-gradient: linear-gradient(135deg, #5865f2 0%, #7289da 100%);--text-light: #ffffff;--text-light-glow: 0 0 10px rgba(255, 255, 255, .3);--text-muted: #a8a8b3;--success: #43b581;--success-gradient: linear-gradient(135deg, #43b581 0%, #4cd492 100%);--error: #f04747;--error-gradient: linear-gradient(135deg, #f04747 0%, #ff6b6b 100%);--warning: #faa61a;--warning-gradient: linear-gradient(135deg, #faa61a 0%, #ffc043 100%);--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--glass-blur: blur(8px);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .5);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .2);--shadow-glow: 0 0 15px rgba(140, 82, 255, .6);--shadow-success-glow: 0 0 15px rgba(67, 181, 129, .6);--shadow-error-glow: 0 0 15px rgba(240, 71, 71, .6);--font-xs: .75rem;--font-sm: .875rem;--font-md: 1rem;--font-lg: 1.25rem;--font-xl: 1.5rem;--font-2xl: 2rem;--font-3xl: 2.5rem;--font-4xl: 3rem;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-bounce: .3s cubic-bezier(.68, -.55, .27, 1.55);--z-background: -10;--z-default: 1;--z-floating: 10;--z-overlay: 100;--z-modal: 1000}.discord-callback-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#1e1e2f;padding:20px}.auth-card{background-color:#2f3136e6;border-radius:12px;padding:30px;width:100%;max-width:400px;text-align:center;box-shadow:0 10px 30px #00000080;border:1px solid rgba(140,82,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .5s ease}.discord-logo{font-size:60px;color:#5865f2;margin-bottom:20px;animation:pulse 2s infinite}.auth-card h2{color:#fff;font-size:24px;margin-bottom:20px}.auth-card p{color:#ffffffb3;margin-bottom:20px}.loading-spinner{display:inline-block;width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-left-color:#5865f2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.auth-error{background-color:#ed42451a;border-left:4px solid #ed4245;padding:15px;text-align:left;border-radius:4px;margin-bottom:20px}.auth-error h2{color:#ed4245;font-size:18px;margin-bottom:10px}.auth-error p{color:#fffc;font-size:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){.auth-card{padding:20px}.discord-logo{font-size:50px}.auth-card h2{font-size:20px}}:root,:host{--fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";--fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";--fa-font-light: normal 300 1em/1 "Font Awesome 6 Pro";--fa-font-thin: normal 100 1em/1 "Font Awesome 6 Pro";--fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";--fa-font-duotone-regular: normal 400 1em/1 "Font Awesome 6 Duotone";--fa-font-duotone-light: normal 300 1em/1 "Font Awesome 6 Duotone";--fa-font-duotone-thin: normal 100 1em/1 "Font Awesome 6 Duotone";--fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";--fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-light: normal 300 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-thin: normal 100 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-duotone-solid: normal 900 1em/1 "Font Awesome 6 Sharp Duotone";--fa-font-sharp-duotone-regular: normal 400 1em/1 "Font Awesome 6 Sharp Duotone";--fa-font-sharp-duotone-light: normal 300 1em/1 "Font Awesome 6 Sharp Duotone";--fa-font-sharp-duotone-thin: normal 100 1em/1 "Font Awesome 6 Sharp Duotone"}svg.svg-inline--fa:not(:root),svg.svg-inline--fa:not(:host){overflow:visible;box-sizing:content-box}.svg-inline--fa{display:var(--fa-display, inline-block);height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-2xs{vertical-align:.1em}.svg-inline--fa.fa-xs{vertical-align:0em}.svg-inline--fa.fa-sm{vertical-align:-.07143em}.svg-inline--fa.fa-lg{vertical-align:-.2em}.svg-inline--fa.fa-xl{vertical-align:-.25em}.svg-inline--fa.fa-2xl{vertical-align:-.3125em}.svg-inline--fa.fa-pull-left{margin-right:var(--fa-pull-margin, .3em);width:auto}.svg-inline--fa.fa-pull-right{margin-left:var(--fa-pull-margin, .3em);width:auto}.svg-inline--fa.fa-li{width:var(--fa-li-width, 2em);top:.25em}.svg-inline--fa.fa-fw{width:var(--fa-fw-width, 1.25em)}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{transform-origin:center center}.fa-layers-text{left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center center}.fa-layers-counter{background-color:var(--fa-counter-background-color, #ff253a);border-radius:var(--fa-counter-border-radius, 1em);box-sizing:border-box;color:var(--fa-inverse, #fff);line-height:var(--fa-counter-line-height, 1);max-width:var(--fa-counter-max-width, 5em);min-width:var(--fa-counter-min-width, 1.5em);overflow:hidden;padding:var(--fa-counter-padding, .25em .5em);right:var(--fa-right, 0);text-overflow:ellipsis;top:var(--fa-top, 0);transform:scale(var(--fa-counter-scale, .25));transform-origin:top right}.fa-layers-bottom-right{bottom:var(--fa-bottom, 0);right:var(--fa-right, 0);top:auto;transform:scale(var(--fa-layers-scale, .25));transform-origin:bottom right}.fa-layers-bottom-left{bottom:var(--fa-bottom, 0);left:var(--fa-left, 0);right:auto;top:auto;transform:scale(var(--fa-layers-scale, .25));transform-origin:bottom left}.fa-layers-top-right{top:var(--fa-top, 0);right:var(--fa-right, 0);transform:scale(var(--fa-layers-scale, .25));transform-origin:top right}.fa-layers-top-left{left:var(--fa-left, 0);right:auto;top:var(--fa-top, 0);transform:scale(var(--fa-layers-scale, .25));transform-origin:top left}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin, 2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(-1 * var(--fa-li-width, 2em));position:absolute;text-align:center;width:var(--fa-li-width, 2em);line-height:inherit}.fa-border{border-color:var(--fa-border-color, #eee);border-radius:var(--fa-border-radius, .1em);border-style:var(--fa-border-style, solid);border-width:var(--fa-border-width, .08em);padding:var(--fa-border-padding, .2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin, .3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin, .3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, cubic-bezier(.28, .84, .42, 1))}.fa-fade{animation-name:fa-fade;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))}.fa-beat-fade{animation-name:fa-beat-fade;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, ease-in-out)}.fa-shake{animation-name:fa-shake;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, linear)}.fa-spin{animation-name:fa-spin;animation-delay:var(--fa-animation-delay, 0s);animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 2s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, linear)}.fa-spin-reverse{--fa-animation-direction: reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction, normal);animation-duration:var(--fa-animation-duration, 1s);animation-iteration-count:var(--fa-animation-iteration-count, infinite);animation-timing-function:var(--fa-animation-timing, steps(8))}@media (prefers-reduced-motion: reduce){.fa-beat,.fa-bounce,.fa-fade,.fa-beat-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale, 1.25))}}@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x, 1.1),var(--fa-bounce-start-scale-y, .9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x, .9),var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x, 1.05),var(--fa-bounce-land-scale-y, .95)) translateY(0)}57%{transform:scale(1) translateY(var(--fa-bounce-rebound, -.125em))}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity, .4)}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity, .4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale, 1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x, 0),var(--fa-flip-y, 1),var(--fa-flip-z, 0),var(--fa-flip-angle, -180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0)}}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle, 0))}.fa-stack{display:inline-block;vertical-align:middle;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;z-index:var(--fa-stack-z-index, auto)}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:var(--fa-inverse, #fff)}.sr-only,.fa-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable:not(:focus),.fa-sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color, currentColor);opacity:var(--fa-primary-opacity, 1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color, currentColor);opacity:var(--fa-secondary-opacity, .4)}.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:var(--fa-secondary-opacity, .4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:var(--fa-primary-opacity, 1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}