input,select,textarea{font-size:16px;-webkit-tap-highlight-color:rgba(0,0,0,0)}@media screen and (-webkit-min-device-pixel-ratio:0){input,select,textarea{font-size:16px}}body,html{margin:0;padding:0;width:100vw;height:100vh;font-family:Arial,sans-serif;background-color:#000033;color:white;overflow:hidden}:root{--main-bg-color:#000066;--dark-blue:#000033;--medium-blue:#000099;--light-blue:#0000cc;--gold:#ffd700}.game-container{display:flex;flex-direction:column;width:100%;height:100dvh;max-height:100dvh;box-sizing:border-box;background-color:var(--dark-blue);overflow:hidden}.modern-header{background:linear-gradient(135deg,rgba(0,0,51,.98),rgba(0,0,102,.95)),radial-gradient(circle at 20% 80%,rgba(255,215,0,.15) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,215,0,.1) 0,transparent 50%);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,215,0,.2);box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,215,0,.1);position:relative;z-index:100}.modern-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.5),transparent)}.header-container{display:grid;grid-template-columns:200px 1fr auto;align-items:center;padding:16px 24px;max-width:1400px;margin:0 auto;grid-gap:2rem;gap:2rem}.header-logo{display:flex;align-items:center}.logo-image{width:48px;height:48px;filter:drop-shadow(0 2px 8px rgba(255,215,0,.4));transition:all .3s ease}.logo-image:hover{transform:scale(1.05);filter:drop-shadow(0 4px 12px rgba(255,215,0,.6))}.logo-text{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#ffd700,#ffed4e);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.3)}.header-nav{justify-content:center;padding:8px;background:rgba(255,255,255,.03);border-radius:16px;border:1px solid rgba(255,255,255,.08)}.header-nav,.nav-item{display:flex;gap:8px;overflow:visible}.nav-item{position:relative;align-items:center;padding:12px 20px;background:transparent;border:1px solid transparent;border-radius:12px;color:rgba(255,255,255,.8);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-item:hover{background:rgba(255,255,255,.08);border-color:rgba(255,215,0,.3);color:#ffd700;transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,215,0,.15)}.nav-item:active{transform:translateY(-1px)}.pro-item{background:linear-gradient(135deg,rgba(255,215,0,.12),rgba(255,215,0,.08));border-color:rgba(255,215,0,.3);color:#ffd700;position:relative}.pro-item:hover{background:linear-gradient(135deg,rgba(255,215,0,.2),rgba(255,215,0,.15));border-color:#ffd700;box-shadow:0 8px 25px rgba(255,215,0,.25),0 0 40px rgba(255,215,0,.1)}.pro-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#ffd700,#ffc107 50%,#ff8f00);color:#1a1a1a;font-size:.75rem;font-weight:900;padding:5px 12px;border-radius:12px;text-transform:uppercase;letter-spacing:.08em;border:2px solid #ffffff;box-shadow:0 4px 15px rgba(255,215,0,.4),inset 0 1px 0 rgba(255,255,255,.6);text-shadow:0 1px 2px rgba(0,0,0,.2);animation:pulse-pro 2s ease-in-out infinite;z-index:1000}.nav-item.pro-item .pro-badge{top:-6px;right:-6px;font-size:.65rem;padding:3px 8px;border-radius:10px}@keyframes pulse-pro{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.header-actions{align-items:center;gap:12px}.action-btn{gap:8px;padding:10px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:10px;color:rgba(255,255,255,.8);font-size:.9rem;transition:all .3s ease}.action-btn:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.action-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,215,0,.4);color:#ffd700;transform:translateY(-1px);box-shadow:0 4px 16px rgba(255,215,0,.15)}.profile-btn:hover{background:rgba(255,215,0,.1);border-color:#ffd700;color:#ffd700}.logout-btn:hover{background:rgba(255,69,69,.1);border-color:rgba(255,69,69,.4);color:#ff6b6b;box-shadow:0 4px 16px rgba(255,69,69,.15)}.user-email{color:#aaa}.header-actions{display:flex;gap:8px}.header-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:rgba(255,255,255,.1);color:white;font-size:14px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.header-btn:hover{background:rgba(255,255,255,.2);border-color:rgba(255,215,0,.4);transform:translateY(-1px)}.profile-btn:hover{background:rgba(76,175,80,.3)}.logout-btn:hover{background:rgba(244,67,54,.3)}.auth-container{display:flex;justify-content:center;align-items:center;height:100dvh;max-height:100dvh;overflow:hidden;background:linear-gradient(135deg,#000033,#000066);padding:clamp(1rem,3vw,1.5rem);box-sizing:border-box}.auth-card{background:linear-gradient(135deg,#000066,#000099);border:1px solid rgba(255,215,0,.3);border-radius:20px;padding:40px;max-width:400px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-header{margin-bottom:30px}.auth-logo{color:#ffd700;margin-bottom:16px;filter:drop-shadow(0 4px 8px rgba(255,215,0,.3))}.auth-title{color:#ffd700;font-size:32px;font-weight:700;margin:0 0 8px}.auth-subtitle{color:#aaa;font-size:16px;font-weight:300}.auth-form{margin-bottom:30px}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;margin-bottom:6px}.form-input{width:100%;padding:12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.05);color:white;font-size:16px;transition:all .3s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:#ffd700;background:rgba(255,255,255,.1);box-shadow:0 0 0 3px rgba(255,215,0,.1)}.form-input::placeholder{color:#888}.error-message{background:rgba(244,67,54,.1);border:1px solid rgba(244,67,54,.3);color:#ff6b6b;padding:12px;border-radius:8px;font-size:14px;margin-bottom:20px}.auth-btn{width:100%;padding:12px 20px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:12px}.auth-btn.primary{background:linear-gradient(135deg,#ffd700,#ffed4e);color:#000033}.auth-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,215,0,.4)}.auth-btn.secondary{background:rgba(255,255,255,.1);color:white;border:1px solid rgba(255,255,255,.3)}.auth-btn.secondary:hover{background:rgba(255,255,255,.2);border-color:rgba(255,215,0,.4)}.auth-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-divider{text-align:center;margin:20px 0;position:relative}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:rgba(255,255,255,.2)}.auth-divider span{background:linear-gradient(135deg,#000066,#000099);color:#aaa;padding:0 15px;font-size:14px;position:relative}.auth-footer{text-align:center;color:#aaa;font-size:14px}.auth-footer p{margin:8px 0}.auth-footer strong{color:#ffd700}.start-screen{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:10px;min-height:300px}.start-btn{background-color:#ffd700;color:#000033;border:none;border-radius:5px;padding:10px 20px;font-size:18px;cursor:pointer;margin-top:20px;transition:all .3s ease}.start-btn:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(255,215,0,.4)}#gameScreen{flex:1 1;flex-direction:column;padding:5px;min-height:500px;position:relative}#gameScreen,.game-layout{display:flex;box-sizing:border-box}.game-layout{width:100%;min-height:100vh;gap:20px;padding:10px;overflow:visible}.game-content{flex:1 1;display:flex;flex-direction:column;gap:clamp(.5rem,2vw,1rem);min-height:0;overflow:hidden;padding:clamp(.5rem,2vw,1rem);box-sizing:border-box}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 5px}.question-number{font-size:14px;color:#ffd700;font-weight:700;background:rgba(255,215,0,.1);padding:4px 8px;border-radius:12px;border:1px solid rgba(255,215,0,.3)}.question-amount{font-size:16px;color:#ffd700;font-weight:700}.prize-table{background:linear-gradient(135deg,#000066,#000099);border-radius:12px;padding:8px;width:240px;flex:0 0 240px;max-height:calc(100vh - 40px);overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:#ffd700 #000066;border:1px solid rgba(255,215,0,.3);box-shadow:0 4px 20px rgba(0,0,0,.3);position:-webkit-sticky;position:sticky;top:20px}.prize-table::-webkit-scrollbar{width:6px}.prize-table::-webkit-scrollbar-track{background:#000066}.prize-table::-webkit-scrollbar-thumb{background-color:#ffd700;border-radius:3px}.prize-level{padding:6px 10px;margin:0;font-size:14px;transition:all .3s ease;border-radius:6px;display:grid;grid-template-columns:25px 1fr 18px;align-items:center;grid-gap:6px;gap:6px;background:rgba(255,255,255,.05);border:1px solid transparent;color:#fff}.prize-emoji{font-size:18px;text-align:center;filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}.prize-animal{font-weight:600;color:#fff;font-size:14px;text-align:left}.prize-amount{flex:1 1;text-align:center;margin:0 5px;font-weight:500;color:#fff}.prize-icon{color:#ffd700;opacity:.8}.current-amount{color:#ffd700;font-weight:700;font-size:1.2em}.prize-level.current{background:linear-gradient(135deg,#ffd700,#ffed4e);color:#000066;font-weight:700;box-shadow:0 0 15px rgba(255,215,0,.6);transform:scale(1.05);border:1px solid #fff;animation:prize-glow 2s infinite alternate}.prize-level.current .prize-emoji{filter:drop-shadow(0 0 3px rgba(0,0,102,.8));transform:scale(1.1)}.prize-level.current .prize-animal{color:#000066;font-weight:700}@keyframes prize-glow{0%{box-shadow:0 0 15px rgba(255,215,0,.6)}to{box-shadow:0 0 25px rgba(255,215,0,.9)}}.prize-level.guaranteed{border-left:3px solid #ffd700;background:rgba(255,215,0,.15);color:#ffd700;font-weight:600}.prize-level.guaranteed .prize-animal{color:#ffd700}.prize-level.winning{background:rgba(255,215,0,.15);border:1px solid rgba(255,215,0,.4)}.question-container{background:linear-gradient(135deg,#000099,#000080);border-radius:12px;padding:20px;text-align:center;box-sizing:border-box;border:1px solid rgba(255,215,0,.3);box-shadow:0 4px 20px rgba(0,0,0,.3);flex:0 0 auto}.question-container h2{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;margin:0}.hint-word-highlight{color:#ffd700;font-size:1.15em;font-weight:700;animation:hintPulse 1s ease-in-out;display:inline-block}@keyframes hintPulse{0%{transform:scale(1);color:#ffd700}50%{transform:scale(1.2);color:#ffed4e}to{transform:scale(1.15);color:#ffd700}}.answers-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;flex:1 1;align-content:start;max-height:calc(100vh - 300px);overflow-y:auto;margin-top:10px}.answer-btn{background:linear-gradient(135deg,#000099,#000080);color:white;border:2px solid rgba(255,255,255,.2);border-radius:10px;padding:15px;font-size:16px;cursor:pointer;text-align:left;transition:all .3s ease;box-shadow:0 2px 10px rgba(0,0,0,.2)}.answer-btn:hover{background:linear-gradient(135deg,#0000cc,#0000b3);transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.4);border-color:rgba(255,215,0,.4)}.answer-btn.correct{background-color:#008800;border-color:#00ff00;animation:pulse-green 1s infinite}.answer-btn.wrong{background-color:#880000;border-color:#ff0000;animation:shake .5s}@keyframes pulse-green{0%{box-shadow:0 0 0 0 rgba(0,255,0,.7)}70%{box-shadow:0 0 0 10px rgba(0,255,0,0)}to{box-shadow:0 0 0 0 rgba(0,255,0,0)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.answer-btn.disabled{opacity:.5;cursor:not-allowed}.lifelines{gap:12px;flex-wrap:wrap;flex:0 0 auto}.lifeline-btn,.lifelines{display:flex;justify-content:center}.lifeline-btn{background:linear-gradient(135deg,#ffd700,#ffed4e);color:#000033;border:2px solid transparent;border-radius:12px;width:90px;height:70px;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(255,215,0,.3);flex-direction:column;align-items:center;gap:4px;position:relative;overflow:hidden}.lifeline-icon{line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.lifeline-text{font-size:13px;font-weight:700;line-height:1}.humble-btn{background-color:#ff6b35;color:white;border:none;border-radius:15px;width:85px;height:65px;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px rgba(0,0,0,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;animation:humble-pulse 2s infinite}.humble-icon{font-size:20px;line-height:1}.humble-text{font-size:13px;font-weight:700;line-height:1}@keyframes humble-pulse{0%,to{transform:scale(1);box-shadow:0 2px 5px rgba(0,0,0,.3)}50%{transform:scale(1.05);box-shadow:0 4px 15px rgba(255,107,53,.6)}}.lifeline-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px rgba(255,215,0,.5);border-color:rgba(255,255,255,.3)}.lifeline-btn:disabled{background:linear-gradient(135deg,#666,#888);color:#ccc;cursor:not-allowed;transform:none;box-shadow:0 2px 8px rgba(0,0,0,.2);opacity:.6;border-color:transparent}.report-lifeline{background-color:#000099!important;color:#ffd700!important;border:2px solid #ffd700!important}.report-lifeline:hover{background-color:#0000cc!important}.next-btn{background-color:#ffd700;color:#000033;border:none;border-radius:5px;padding:12px 25px;font-size:18px;font-weight:700;cursor:pointer;margin:15px auto;display:block;box-shadow:0 4px 8px rgba(0,0,0,.3);transition:all .3s ease}.next-btn:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(255,215,0,.4)}.next-btn.auto-advance{cursor:default;animation:auto-next-pulse 2s infinite}@keyframes auto-next-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.game-over-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,50,.8);z-index:1999;animation:fadeIn .3s ease-in}.game-over{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:30px;background-color:#000099;border-radius:12px;z-index:2000;box-shadow:0 10px 30px rgba(0,0,150,.8);animation:fadeIn .5s ease-in;border:3px solid #ffd700;width:90%;max-width:400px}.money-collection-screen{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100dvh;background:rgba(0,0,51,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;overflow:hidden;padding:clamp(.5rem,2vw,1rem);box-sizing:border-box}.money-animation{background:linear-gradient(135deg,#ffd700,#ffed4e);color:#000066;border-radius:clamp(12px,2vw,20px);padding:clamp(1.5rem,4vw,2.5rem);text-align:center;box-shadow:0 20px 60px rgba(255,215,0,.6);animation:money-celebrate .8s cubic-bezier(.68,-.55,.265,1.55);border:3px solid #000066;width:100%;max-width:min(420px,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#000066 #ffd700;margin:clamp(1rem,3vw,1.5rem) 0}@keyframes money-celebrate{0%{opacity:0;transform:scale(.3) rotate(-10deg)}50%{transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.money-animation h1{font-size:2.5rem;margin:0 0 20px;font-weight:700}.collected-amount{background:rgba(0,0,102,.1);border:2px solid #000066;border-radius:15px;padding:20px;margin:20px 0;display:flex;flex-direction:column;gap:10px}.amount-label{font-size:1.2rem;font-weight:600}.amount-value{font-size:3rem;font-weight:700;color:#000066;text-shadow:0 2px 4px rgba(0,0,102,.2)}.collection-message{margin:20px 0}.collection-message p{margin:5px 0;font-size:1.1rem}.collect-btn{background:linear-gradient(135deg,#000066,#000099);color:#ffd700;border:3px solid #ffd700;border-radius:15px;padding:15px 30px;font-size:1.4rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:20px}.collect-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,102,.4);background:linear-gradient(135deg,#000099,#0000cc)}@media (max-width:768px){.money-animation{padding:clamp(1.25rem,3vw,1.75rem);margin:clamp(.75rem,2vw,1rem) 0}.money-animation h1{font-size:clamp(1.5rem,4vw,1.75rem);margin:0 0 clamp(1rem,3vw,1.5rem)}.amount-value{font-size:clamp(1.75rem,5vw,2.25rem)}.collected-amount{padding:clamp(1rem,3vw,1.5rem);margin:clamp(1rem,3vw,1.5rem) 0}}@media (max-width:480px){.money-collection-screen{padding:.5rem}.money-animation{border-radius:12px;max-height:calc(100dvh - 1rem);margin:.5rem 0;padding:1rem}.money-animation h1{font-size:1.5rem;margin-bottom:1rem}.collected-amount{padding:1rem;margin:1rem 0}.collect-btn{padding:.875rem 1.5rem;font-size:1.1rem}}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.bottom-controls{position:-webkit-sticky;position:sticky;bottom:120px;background-color:rgba(0,0,102,.9);padding:10px;border-top:2px solid #4444ff;z-index:100;display:flex;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:opacity 1s ease-out}.bottom-controls.fading{opacity:0}.spinner{width:50px;height:50px;border:5px solid #ffd700;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite;margin:20px auto}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lifeline-popup{position:fixed;top:80px;left:50%;transform:translate(-50%) scale(.8);width:90%;max-width:500px;background-color:#ffd700;color:#000033;border-radius:12px;padding:20px;box-shadow:0 10px 25px rgba(0,0,0,.5);z-index:2000;opacity:0;transition:all .3s cubic-bezier(.18,.89,.32,1.28);visibility:hidden;text-align:center;border:3px solid #000099}.lifeline-popup.show{opacity:1;transform:translate(-50%) scale(1);visibility:visible}.lifeline-popup-title{color:#000099;font-size:24px;font-weight:700;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #000099}.lifeline-popup-content{background-color:#000099;border-radius:8px;padding:15px;color:white;margin-bottom:15px;text-align:left;box-shadow:inset 0 0 10px rgba(0,0,0,.3)}.lifeline-popup-close{background-color:#000099;color:#ffd700;border:none;border-radius:5px;padding:8px 20px;font-size:16px;font-weight:700;cursor:pointer;margin-top:10px;transition:all .2s}.lifeline-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,50,.7);z-index:1999;opacity:0;visibility:hidden;transition:all .3s}.lifeline-overlay.show{opacity:1;visibility:visible}.audience-chart{display:flex;justify-content:space-between;margin-top:15px;height:150px;align-items:flex-end}.audience-bar{width:22%;text-align:center;position:relative;animation:bar-grow 1s ease-out}.audience-bar-label{margin-bottom:5px;font-weight:700;color:#ffd700}.audience-bar-fill{background-color:#ffd700;width:100%;position:relative;transition:height 1s ease-out;box-shadow:0 0 5px rgba(255,215,0,.5);border-radius:3px 3px 0 0}.audience-bar-value{margin-top:5px;font-weight:700}.friend-icon{font-size:28px;margin-right:10px;vertical-align:middle;animation:phone-ring .8s ease-in-out}.friend-message{display:inline-block;margin-left:10px;animation:message-appear .5s ease-out;line-height:1.5}.friend-answer{font-weight:700;color:#ffd700;font-size:1.2em}.fifty-message{display:flex;justify-content:center;gap:20px;margin:30px 0}.remaining-option{background-color:#ffd700;color:#000099;padding:10px 20px;border-radius:5px;font-weight:700;font-size:18px;animation:option-pulse 1.5s infinite}.switch-animation{font-size:40px;margin:10px 0;display:inline-block;animation:rotate-switch 1.5s ease-in-out}@keyframes bar-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes phone-ring{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}50%{transform:rotate(0deg)}75%{transform:rotate(10deg)}}@keyframes message-appear{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes option-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes rotate-switch{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.game-layout{flex-direction:column;height:auto;gap:15px}.game-content{order:1}.prize-table{order:2;width:100%;height:auto;max-height:200px;flex:0 0 auto;position:static}.answers-container{grid-template-columns:1fr;max-height:none}.lifeline-btn{width:55px;height:55px;font-size:13px}.lifeline-text{font-size:11px}.question-container h2{font-size:18px}.question-header{flex-direction:column;gap:5px;align-items:center}}.hidden{display:none!important}.welcome-screen{display:flex;align-items:center;justify-content:center;height:100dvh;max-height:100dvh;background:linear-gradient(135deg,#000033,#000066);padding:clamp(.5rem,2vw,1rem);box-sizing:border-box;overflow:hidden}.welcome-content{background:linear-gradient(135deg,#000066,#000099);border:2px solid #ffd700;border-radius:16px;padding:clamp(1rem,3vw,1.5rem);max-width:min(700px,calc(100vw - 2rem));width:100%;text-align:center;box-shadow:0 15px 40px rgba(0,0,0,.5);animation:welcome-appear .6s ease-out;max-height:calc(100dvh - 2rem);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ffd700 #000066}@keyframes welcome-appear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.welcome-header h1{color:#ffd700;font-size:2.4rem;margin:0 0 8px;text-shadow:0 4px 8px rgba(255,215,0,.3);font-weight:700}.welcome-subtitle{color:#aaaaff;font-size:1rem;margin-bottom:20px;font-style:italic}.game-rules{text-align:left;margin:20px 0}.game-rules h2{color:#ffd700;text-align:center;margin-bottom:20px;font-size:1.5rem}.rules-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:clamp(.75rem,2vw,1rem);gap:clamp(.75rem,2vw,1rem);margin-bottom:clamp(1rem,3vw,1.5rem)}@media (max-width:600px){.rules-grid{grid-template-columns:1fr;gap:.75rem}}.rule-item{background:rgba(0,51,102,.8);border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:clamp(.75rem,2vw,1rem);display:flex;flex-direction:column;gap:.5rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,.2)}.rule-item:hover{background:rgba(0,51,102,.9);border-color:rgba(255,215,0,.6);transform:translateY(-3px);box-shadow:0 6px 20px rgba(255,215,0,.15)}.rule-header{display:flex;align-items:center;gap:10px;white-space:nowrap;overflow:hidden}.rule-icon{font-size:1.4rem;min-width:28px;flex-shrink:0}.rule-item strong{color:#ffd700;font-size:15px;font-weight:600;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.rule-description{color:rgba(255,255,255,.9);font-size:15px;line-height:1.4;margin-top:2px}.guaranteed-levels{background:linear-gradient(135deg,rgba(255,215,0,.1),rgba(255,215,0,.05));border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:15px;margin-top:15px}.guaranteed-levels h3{color:#ffd700;margin:0 0 10px;text-align:center}.guaranteed-levels p{margin:5px 0;color:white}.start-game-btn{background:linear-gradient(135deg,#ffd700,#ffed4e);color:#000066;border:none;border-radius:15px;padding:15px 40px;font-size:1.3rem;font-weight:700;cursor:pointer;margin-top:20px;transition:all .3s ease;box-shadow:0 6px 20px rgba(255,215,0,.3)}.start-game-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(255,215,0,.5);background:linear-gradient(135deg,#ffed4e,#ffd700)}@media (max-width:768px){.welcome-content{padding:20px}.welcome-header h1{font-size:2rem}.rules-grid{grid-template-columns:1fr}}.profile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100dvh;background-color:rgba(0,0,50,.8);z-index:1500;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:clamp(.5rem,2vw,1rem);box-sizing:border-box;overflow:hidden}.profile-modal{background:linear-gradient(135deg,#000066,#000099);border:1px solid rgba(255,215,0,.3);border-radius:20px;width:100%;max-width:min(800px,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);display:flex;flex-direction:column;color:white;animation:profile-appear .4s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 60px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}@keyframes profile-appear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.profile-header{justify-content:space-between;padding:24px;border-bottom:1px solid rgba(255,215,0,.2);background:rgba(255,215,0,.05);border-radius:20px 20px 0 0}.profile-header,.profile-title{display:flex;align-items:center}.profile-title{gap:12px}.profile-title-icon{color:#ffd700}.profile-header h2{margin:0;color:#ffd700;font-size:24px;font-weight:600}.profile-close{background:none;border:none;color:#ffd700;font-size:24px;cursor:pointer;padding:5px;border-radius:20%;transition:all .2s}.profile-close:hover{background-color:rgba(255,215,0,.2);transform:scale(1.1)}.profile-content{padding:20px;flex:1 1;overflow-y:auto;min-height:0}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));grid-gap:10px;gap:10px;margin-bottom:15px}@media (min-width:768px){.profile-stats{grid-template-columns:repeat(6,1fr)}}.stat-card{background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;display:flex;align-items:center;gap:10px;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(255,215,0,.2);border-color:rgba(255,215,0,.3);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.04))}.stat-card.coins{border-color:#ffd700;background-color:#1a1a4d}.stat-icon{filter:drop-shadow(0 2px 4px rgba(255,215,0,.3))}.stat-info{flex:1 1}.stat-label{font-size:12px;color:#aaaaff;margin-bottom:2px}.stat-value{font-size:18px;font-weight:700}.recent-scores{margin-top:20px}.recent-scores-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.recent-scores-icon{color:#ffd700}.recent-scores h3{color:#ffd700;margin:0;font-size:18px;font-weight:600}.scores-list{display:flex;flex-direction:column;gap:8px}.score-item{background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 16px;display:grid;grid-template-columns:40px 1fr 90px 100px;align-items:center;grid-gap:12px;gap:12px;font-size:14px;transition:all .2s ease}.score-rank{display:flex;align-items:center;gap:4px;color:#ffd700;font-weight:700;font-size:12px}.score-level{color:white}.score-amount{color:#90ee90;font-weight:700;text-align:right}.score-date{display:flex;align-items:center;gap:4px;color:#aaaaff;font-size:11px;text-align:right;justify-content:flex-end}.profile-footer{padding:20px;border-top:1px solid #ffd700;display:flex;justify-content:center}.profile-btn{background-color:#ffd700;color:#000033;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.profile-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,215,0,.4);color:#c4c4c4}.profile-btn.primary{background-color:#ffd700;color:#000033}@media (max-width:600px){.profile-stats{grid-template-columns:1fr 1fr}.score-item{grid-template-columns:25px 1fr 60px;gap:8px}.score-date{display:none}}.stat-card.pro{background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,215,0,.3);color:white}.stat-card.pro .stat-icon{color:#ffd700}.profile-setup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,51,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.profile-setup-modal{background:linear-gradient(135deg,#000066,#000099);border:1px solid rgba(255,215,0,.3);border-radius:1rem;padding:2rem;max-width:400px;width:100%;box-shadow:0 20px 40px rgba(0,0,0,.3)}.profile-setup-header{text-align:center;margin-bottom:2rem}.setup-icon{color:#ffd700;margin-bottom:1rem;display:flex;justify-content:center}.profile-setup-header h2{color:#ffd700;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.profile-setup-header p{color:rgba(255,255,255,.8);margin:0;font-size:.9rem}.profile-setup-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{color:#ffd700;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.form-group input,.form-group textarea{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:.5rem;padding:.75rem;color:white;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ffd700;background:rgba(255,255,255,.15);box-shadow:0 0 0 2px rgba(255,215,0,.2)}.form-group input::placeholder,.form-group textarea::placeholder{color:rgba(255,255,255,.5)}.form-group textarea{resize:vertical;min-height:80px}.error-message{background:rgba(220,53,69,.2);border:1px solid rgba(220,53,69,.4);color:#ff6b7d;padding:.75rem;border-radius:.5rem;font-size:.9rem;text-align:center}.setup-btn{background:linear-gradient(135deg,#ffd700,#ffed4e);color:#000066;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.setup-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,215,0,.4)}.setup-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width:480px){.profile-setup-modal{padding:1.5rem;margin:1rem}.profile-setup-header h2{font-size:1.25rem}}.modern-auth-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:modernFadeIn .4s ease-out}@keyframes modernFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.modern-login-modal,.modern-register-modal{background:linear-gradient(160deg,#000033,#000066 50%,#000099);border:3px solid #ffd700;border-radius:1.5rem;padding:0;max-width:750px;width:100%;box-shadow:0 30px 60px rgba(0,0,0,.8),0 0 100px rgba(255,215,0,.2),inset 0 1px 0 rgba(255,215,0,.3);position:relative;animation:modernSlideUp .5s ease-out;overflow:hidden}.modern-register-modal{max-width:800px}.modern-auth-content{display:flex;min-height:480px}.modern-auth-left{flex:0 0 280px;background:linear-gradient(135deg,rgba(0,0,51,.95),rgba(0,0,102,.9));border-right:2px solid rgba(255,215,0,.3);flex-direction:column;align-items:center;text-align:center;gap:1rem}.modern-auth-left,.modern-auth-right{padding:2.5rem 2rem;display:flex;justify-content:center}.modern-auth-right{flex:1 1;flex-direction:column}@keyframes modernSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modern-auth-close{position:absolute;top:1rem;right:1rem;background:rgba(255,215,0,.15);border:2px solid rgba(255,215,0,.4);border-radius:8px;padding:.5rem;color:#ffd700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.modern-auth-close:hover{background:rgba(255,215,0,.25);border-color:#ffd700;color:#ffffff;transform:scale(1.1);box-shadow:0 0 20px rgba(255,215,0,.5)}.modern-auth-icon{color:#ffd700;margin-bottom:.5rem;display:flex;justify-content:center;filter:drop-shadow(0 4px 8px rgba(255,215,0,.4));animation:pulse 2s infinite}.modern-auth-title{color:#ffffff;font-size:1.5rem;font-weight:900;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 20px rgba(255,215,0,.3);line-height:1.3;letter-spacing:-.01em}.modern-auth-subtitle{color:rgba(255,255,255,.85);font-size:.9rem;font-weight:500;margin:0;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.3)}.modern-auth-form{display:flex;flex-direction:column;gap:1rem}.modern-form-field{display:flex;flex-direction:column;gap:.5rem}.modern-form-field label{color:#ffd700;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.4);text-transform:uppercase;letter-spacing:.05em}.modern-form-field input,.modern-form-field textarea{background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem 1rem;color:#ffffff;font-size:1rem;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.modern-form-field input:focus,.modern-form-field textarea:focus{outline:none;border-color:#ffd700;background:rgba(255,255,255,.12);box-shadow:0 0 0 3px rgba(255,215,0,.2),0 4px 12px rgba(255,215,0,.15),inset 0 2px 4px rgba(0,0,0,.2)}.modern-form-field input::placeholder,.modern-form-field textarea::placeholder{color:rgba(255,255,255,.5);font-weight:400;font-size:.9rem}.modern-form-field textarea{resize:vertical;min-height:60px;line-height:1.5;font-family:inherit}.modern-password-field{position:relative;display:flex;align-items:center}.modern-password-field input{flex:1 1;padding-right:3rem}.modern-password-toggle{position:absolute;right:.75rem;background:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.3);border-radius:6px;color:#ffd700;cursor:pointer;padding:.5rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.modern-password-toggle:hover{background:rgba(255,215,0,.2);border-color:#ffd700;color:#ffffff}.modern-auth-error{background:rgba(255,0,0,.15);border:2px solid rgba(255,0,0,.5);color:#ffcccc;padding:.75rem 1rem;border-radius:6px;font-size:.9rem;font-weight:600;text-align:center}.modern-auth-submit{background:linear-gradient(145deg,#ffd700,#ffed4e 50%,#ffd700);color:#000066;border:none;border-radius:8px;padding:.9rem 1.5rem;font-size:1rem;font-weight:800;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;box-shadow:0 4px 12px rgba(255,215,0,.3);text-transform:uppercase;letter-spacing:.05em}.modern-auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,215,0,.5);background:linear-gradient(145deg,#ffed4e,#ffd700 50%,#ffed4e)}.modern-auth-submit:active:not(:disabled){transform:translateY(-1px)}.modern-auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.modern-auth-switch{text-align:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,215,0,.2);display:flex;align-items:center;justify-content:center;gap:.75rem}.modern-auth-switch p{color:rgba(255,255,255,.8);font-size:.9rem;font-weight:500;margin:0}.modern-switch-btn{background:transparent;border:none;color:#ffd700;font-size:.9rem;font-weight:700;cursor:pointer;padding:0;transition:all .2s ease;text-decoration:underline}.modern-switch-btn:hover{color:#ffed4e}.modern-forgot-password-link{background:none;border:none;color:#ffd700;font-size:.85rem;cursor:pointer;text-align:right;font-weight:600;padding:0;text-decoration:underline;transition:color .2s}.modern-forgot-password-link:hover{color:#ffed4e}.modern-back-to-login{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem 1.5rem;color:rgba(255,255,255,.8);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.modern-back-to-login:hover{background:rgba(255,255,255,.1);border-color:rgba(255,215,0,.3);color:#ffd700}.modern-reset-success{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;padding:1rem 0}.modern-success-icon{width:60px;height:60px;border-radius:50%;background:rgba(46,204,113,.2);border:2px solid #2ecc71;color:#2ecc71;font-size:2rem;display:flex;align-items:center;justify-content:center;font-weight:700;animation:bounceIn .6s ease-out}.modern-reset-success h3{color:#ffffff;font-size:1.2rem;margin:0;font-weight:700}.modern-reset-success p{color:rgba(255,255,255,.8);font-size:.9rem;margin:0;line-height:1.4}@media (max-width:768px){.modern-auth-content{flex-direction:column;min-height:auto}.modern-auth-left{flex:0 0 auto;border-right:none;border-bottom:2px solid rgba(255,215,0,.3)}.modern-auth-left,.modern-auth-right{padding:2rem 1.5rem}.modern-login-modal,.modern-register-modal{max-width:95vw;margin:1rem}.modern-auth-title{font-size:1.3rem}.modern-auth-subtitle{font-size:.85rem}}.profile-user-info{background:rgba(255,255,255,.05);border:1px solid rgba(255,215,0,.2);border-radius:1rem;padding:1.5rem;margin-bottom:2rem}.user-info-header{display:flex;align-items:center;gap:1rem}.user-avatar{border:2px solid rgba(255,215,0,.3);width:60px;height:60px}.user-details{flex:1 1}.user-display-name{color:#ffd700;font-size:1.3rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.user-description{color:rgba(255,255,255,.8);font-size:.95rem;margin:0;line-height:1.4}.edit-profile-btn{background:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.3);border-radius:.5rem;color:#ffd700;cursor:pointer;padding:.5rem 1rem;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.edit-profile-btn:hover{background:rgba(255,215,0,.2);border-color:#ffd700;transform:translateY(-1px)}.edit-profile-form{display:flex;flex-direction:column;gap:1.5rem}.edit-form-group{display:flex;flex-direction:column;gap:.5rem}.edit-form-group label{color:#ffd700;font-size:.9rem;font-weight:600}.edit-form-group input,.edit-form-group textarea{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:.5rem;padding:.75rem;color:white;font-size:.95rem;transition:all .3s ease}.edit-form-group input:focus,.edit-form-group textarea:focus{outline:none;border-color:#ffd700;background:rgba(255,255,255,.15);box-shadow:0 0 0 2px rgba(255,215,0,.2)}.edit-form-group input::placeholder,.edit-form-group textarea::placeholder{color:rgba(255,255,255,.5)}.edit-form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.edit-form-actions{display:flex;gap:1rem;justify-content:flex-end}.cancel-btn,.save-btn{padding:.75rem 1.5rem;border-radius:.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.save-btn{background:linear-gradient(135deg,#ffd700,#ffed4e);color:#000066}.save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,215,0,.4)}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.cancel-btn{background:rgba(255,255,255,.1);color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.2)}.cancel-btn:hover{background:rgba(255,255,255,.15);color:white}.account-settings-section{background:rgba(255,255,255,.03);border:1px solid rgba(255,215,0,.15);border-radius:1rem;padding:1rem;margin-bottom:2rem}.account-settings-toggle{width:100%;background:transparent;border:none;color:#ffd700;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .3s ease}.account-settings-toggle:hover{color:#ffed4e}.account-settings-content{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.account-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:.75rem;gap:.75rem}.account-action-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:white;padding:.75rem 1rem;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.account-action-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);transform:translateY(-2px)}.change-email-btn:hover{border-color:rgba(52,152,219,.5);background:rgba(52,152,219,.1)}.change-password-btn:hover{border-color:rgba(155,89,182,.5);background:rgba(155,89,182,.1)}.delete-account-btn{color:#ff6b6b}.delete-account-btn:hover{border-color:rgba(255,107,107,.5);background:rgba(255,107,107,.1)}.account-form{background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.account-form h4{color:#ffd700;margin:0;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.account-form input{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:.5rem;padding:.75rem;color:white;font-size:.95rem;transition:all .3s ease}.account-form input:focus{outline:none;border-color:#ffd700;background:rgba(255,255,255,.15);box-shadow:0 0 0 2px rgba(255,215,0,.2)}.account-form input::placeholder{color:rgba(255,255,255,.5)}.delete-form{border-color:rgba(255,107,107,.3)}.delete-form h4{color:#ff6b6b}.warning-text{background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.3);padding:1rem;color:#ffb3b3;margin:0}.action-message,.warning-text{border-radius:.5rem;font-size:.9rem}.action-message{padding:.75rem;font-weight:500}.action-message.success{background:rgba(46,204,113,.2);border:1px solid rgba(46,204,113,.5);color:#6dffb8}.action-message.error{background:rgba(231,76,60,.2);border:1px solid rgba(231,76,60,.5);color:#ff9999}.form-actions{gap:1rem;justify-content:flex-end}.cancel-form-btn,.submit-btn{padding:.75rem 1.5rem;border-radius:.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.submit-btn{background:linear-gradient(135deg,#ffd700,#ffed4e);color:#000066}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,215,0,.4)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.submit-btn.delete-btn{background:linear-gradient(135deg,#ff6b6b,#ff5252);color:white}.submit-btn.delete-btn:hover:not(:disabled){box-shadow:0 4px 12px rgba(255,107,107,.4)}.cancel-form-btn{background:rgba(255,255,255,.1);color:white;border:1px solid rgba(255,255,255,.2)}.cancel-form-btn:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3)}.user-email{display:flex;align-items:center;gap:.5rem;color:rgba(255,255,255,.7);font-size:.9rem;margin:.25rem 0}@media (max-width:600px){.user-info-header{text-align:center;gap:1rem}.edit-form-actions,.user-info-header{flex-direction:column}}.leaderboard-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1500;padding:1rem;animation:fadeIn .3s ease-out}.leaderboard-modal{background:linear-gradient(145deg,#000033,#000066);border:2px solid #ffd700;border-radius:1.5rem;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px rgba(0,0,0,.7),0 0 60px rgba(255,215,0,.2)}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid rgba(255,215,0,.3)}.leaderboard-title{display:flex;align-items:center;gap:1rem}.leaderboard-title-icon{color:#ffd700;filter:drop-shadow(0 2px 4px rgba(255,215,0,.3))}.leaderboard-title h2{color:#ffd700;font-size:1.8rem;font-weight:800;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.leaderboard-close{background:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.3);border-radius:.75rem;padding:.75rem;color:#ffd700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.leaderboard-close:hover{background:rgba(255,215,0,.2);border-color:#ffd700;transform:scale(1.05)}.leaderboard-content{flex:1 1;padding:1.5rem 2rem 2rem;overflow:hidden;display:flex;flex-direction:column}.sort-controls{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.sort-label{color:rgba(255,255,255,.8);font-size:.95rem;font-weight:600}.sort-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.sort-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:rgba(255,255,255,.8);cursor:pointer;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.sort-btn:hover{background:rgba(255,255,255,.1);color:white}.sort-btn.active{background:rgba(255,215,0,.15);border-color:rgba(255,215,0,.4);color:#ffd700}.leaderboard-list{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.leaderboard-empty,.leaderboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:rgba(255,255,255,.6)}.leaderboard-loading .spinner{width:40px;height:40px;border:3px solid rgba(255,215,0,.3);border-top-color:#ffd700;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.leaderboard-empty svg{color:rgba(255,215,0,.5);margin-bottom:1rem}.leaderboard-item{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;position:relative}.leaderboard-item:hover{background:rgba(255,255,255,.05);border-color:rgba(255,215,0,.2);transform:translateY(-1px)}.leaderboard-item.current-user{background:rgba(255,215,0,.08);border-color:rgba(255,215,0,.3);box-shadow:0 0 20px rgba(255,215,0,.1)}.leaderboard-item.top-three{background:linear-gradient(135deg,rgba(255,215,0,.1),rgba(255,215,0,.05));border-color:rgba(255,215,0,.3)}.rank-section{display:flex;align-items:center;gap:.75rem;min-width:80px}.rank-number{color:rgba(255,255,255,.8);font-size:1rem;font-weight:700;min-width:30px}.rank-icon.gold{color:#ffd700}.rank-icon.silver{color:#c0c0c0}.rank-icon.bronze{color:#cd7f32}.rank-icon.default{color:rgba(255,255,255,.5)}.user-section{flex:1 1;gap:.75rem}.user-avatar,.user-section{display:flex;align-items:center}.user-avatar{background:rgba(255,215,0,.15);border:1px solid rgba(255,215,0,.3);border-radius:50%;width:40px;height:40px;justify-content:center;color:#ffd700}.user-info{flex:1 1}.user-name{color:white;font-size:1rem;font-weight:700;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.pro-crown{color:#ffd700}.user-description{color:rgba(255,255,255,.6);font-size:.8rem;line-height:1.3}.stats-section{gap:.25rem}.primary-stat,.stats-section{display:flex;flex-direction:column;align-items:flex-end}.stat-value{font-size:1.1rem}.stat-label{font-size:.7rem}.secondary-stat{display:flex;align-items:center;gap:.25rem;color:rgba(255,255,255,.5);font-size:.8rem}@media (max-width:1200px){.header-container{grid-template-columns:180px 1fr auto;gap:1.5rem}.logo-text{font-size:1.3rem}}@media (max-width:900px){.header-container{grid-template-columns:1fr;gap:1rem;text-align:center}.header-logo{justify-content:center}.header-nav{order:2}.header-actions{order:3;justify-content:center}.nav-item span{display:none}.nav-item{padding:12px;min-width:48px;justify-content:center}.action-btn span{display:none}.action-btn{padding:12px;min-width:48px;justify-content:center}}@media (max-width:600px){.header-container{padding:12px 16px}.header-nav{gap:4px;padding:6px}.nav-item{font-size:.85rem}.action-btn,.nav-item{padding:10px}.header-actions{gap:8px}.logo-wrapper{padding:6px 12px}.logo-text{font-size:1.1rem}.pro-badge{font-size:.5rem;padding:1px 4px}}@media (max-width:700px){.leaderboard-modal{margin:1rem;max-height:calc(100vh - 2rem)}.leaderboard-header{padding:1.5rem 1.5rem 1rem}.leaderboard-title h2{font-size:1.5rem}.leaderboard-content{padding:1rem 1.5rem 1.5rem}.sort-controls{flex-direction:column;align-items:flex-start;gap:.75rem}.leaderboard-item{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem}.rank-section{justify-content:space-between;min-width:auto}.user-section{order:-1}.stats-section{align-items:center;flex-direction:row;justify-content:space-between}}.pro-section{background:linear-gradient(135deg,#000066,#000099);border-radius:12px;padding:15px;margin:10px 0;border:1px solid rgba(255,215,0,.3);box-shadow:0 4px 20px rgba(0,0,0,.3)}.pro-header{gap:10px;margin-bottom:15px;color:#ffd700}.pro-header h3{font-size:18px}.pro-btn{background:linear-gradient(135deg,#ffd700,#ffed4e);color:#000066;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:700;transition:all .2s;gap:8px}.pro-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(255,215,0,.4)}.pro-btn:disabled{opacity:.6;transform:none;box-shadow:none}.pro-btn.secondary{background:linear-gradient(135deg,#666,#888);color:white}.question-generator{background:linear-gradient(135deg,rgba(255,215,0,.1),rgba(255,215,0,.05));border:1px solid rgba(255,215,0,.3);padding:20px;margin-top:10px;box-shadow:0 4px 15px rgba(255,215,0,.1)}.generator-form .form-group{margin-bottom:15px}.generator-form .form-label{display:block;color:#ffd700;font-weight:600;margin-bottom:5px;font-size:14px}.generator-form .form-input,.generator-form .form-select{width:100%;padding:12px;border:2px solid rgba(255,215,0,.4);border-radius:8px;background:linear-gradient(135deg,rgba(0,0,102,.8),rgba(0,0,150,.6));color:white;font-size:14px;transition:all .3s ease}.generator-form .form-input:focus,.generator-form .form-select:focus{outline:none;border-color:#ffd700;box-shadow:0 0 10px rgba(255,215,0,.3);background:linear-gradient(135deg,rgba(0,0,102,.9),rgba(0,0,150,.7))}.generator-form .form-input::placeholder{color:rgba(255,255,255,.6)}.generator-actions{gap:10px;justify-content:flex-end;margin-top:15px}.upgrade-section{background:linear-gradient(135deg,#000066,#000099);border-radius:12px;padding:20px;margin:20px 0;border:1px solid rgba(255,215,0,.3);box-shadow:0 4px 20px rgba(0,0,0,.3);text-align:center}.upgrade-card{display:flex;flex-direction:column;align-items:center;gap:15px}.upgrade-icon{color:#ffd700}.upgrade-card h3{margin:0;color:#ffd700;font-size:20px}.upgrade-card p{margin:0;color:#ccc;font-size:14px}.upgrade-btn{background:linear-gradient(135deg,#ffd700,#ffed4e);color:#000066;border:none;border-radius:8px;padding:15px 30px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,215,0,.4)}.upgrade-info{text-align:left;margin-top:15px}.upgrade-instructions{margin:10px 0;color:#ccc;font-size:14px;line-height:1.4}.upgrade-user-id{margin:10px 0;font-size:13px;color:#aaa}.upgrade-user-id code{background:rgba(255,255,255,.1);padding:4px 8px;border-radius:4px;font-family:Courier New,monospace;color:#ffd700;font-size:12px;word-break:break-all}.game-over-screen,.welcome-screen{height:100dvh;max-height:100dvh;overflow:hidden;display:grid;place-items:center;padding:clamp(.5rem,2vw,1rem);box-sizing:border-box;background:radial-gradient(circle at 20% 80%,rgba(255,215,0,.08) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,215,0,.06) 0,transparent 50%),linear-gradient(135deg,#000033,#000066)}.welcome-container.modern{width:100%;max-width:min(600px,calc(100vw - 4rem));height:auto;max-height:calc(100dvh - 2rem);display:flex;flex-direction:column;justify-content:center;animation:fade-in-up .8s ease-out;overflow-y:auto;gap:clamp(1.5rem,3vw,2.5rem);padding:clamp(1.5rem,4vw,3rem);box-sizing:border-box}@keyframes fade-in-up{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.welcome-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:clamp(1rem,3vw,1.5rem)}.welcome-logo.animated{width:80px;height:80px;filter:drop-shadow(0 .5rem 1rem rgba(255,215,0,.3));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-.5rem) rotate(2deg)}}.hero-text{display:flex;flex-direction:column;gap:.75rem}.welcome-title{font-size:clamp(2.5rem,8vw,4rem);font-weight:900;line-height:1.1;margin:0;background:linear-gradient(135deg,#ffc800,#ffd900 50%,#ffec3e);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.welcome-subtitle{font-size:clamp(1rem,3vw,1.25rem);color:rgba(255,255,255,.8);margin:0;font-weight:400;letter-spacing:.01em}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin:0}.feature-card{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1.25rem 1rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ffd700,transparent);opacity:0;transition:opacity .3s ease}.feature-card:hover:before{opacity:1}.feature-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.08);border-color:rgba(255,215,0,.3);box-shadow:0 8px 32px rgba(255,215,0,.1)}.feature-icon{color:#ffd700;margin-bottom:.75rem;display:flex;justify-content:center}.feature-icon-item{color:#ffd700!important;filter:drop-shadow(0 2px 8px rgba(255,215,0,.4))}.feature-content h3{margin:0 0 .25rem;font-size:1rem;font-weight:700;color:#ffd700;line-height:1.3}.feature-content p{margin:0;font-size:.9rem;color:rgba(255,255,255,.8);line-height:1.4}.cta-section{flex-direction:column}.cta-btn,.cta-section{display:flex;gap:.75rem;align-items:center}.cta-btn{justify-content:center;padding:1rem 1.5rem;border-radius:.75rem;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-decoration:none}.cta-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:left .5s ease}.cta-btn:hover:before{left:100%}.cta-btn.primary{background:linear-gradient(135deg,#ffd700,#ffed4e);color:#000066;box-shadow:0 4px 16px rgba(255,215,0,.3),0 1px 4px rgba(0,0,0,.1);font-weight:700}.cta-btn.primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(255,215,0,.4),0 4px 8px rgba(0,0,0,.15)}.cta-btn.primary:active{transform:translateY(0);box-shadow:0 2px 8px rgba(255,215,0,.3),0 1px 4px rgba(0,0,0,.1)}.cta-btn.secondary{background:rgba(255,255,255,.08);color:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cta-btn.secondary:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);color:white}.game-over-container.modern{width:100%;max-width:min(280px,calc(100vw - 1rem));height:auto;max-height:calc(100dvh - 1rem);display:flex;flex-direction:column;justify-content:center;animation:scale-in .6s cubic-bezier(.175,.885,.32,1.275);overflow-y:auto;gap:.5rem;padding:.75rem;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#ffd700 transparent;background:linear-gradient(145deg,rgba(0,0,51,.95),rgba(0,20,80,.95));border:2px solid #ffd700;border-radius:8px;box-shadow:0 25px 50px rgba(0,0,0,.5),0 0 40px rgba(255,215,0,.15),inset 0 1px 0 rgba(255,255,255,.1)}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.game-over-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.hero-icon{position:relative;margin-bottom:0;color:#ffd700}.winner-crown.animated{color:#ffd700;filter:drop-shadow(0 .5rem 1.5rem rgba(255,215,0,.4));animation:victory-celebration 2s ease-in-out infinite}@keyframes victory-celebration{0%,to{transform:scale(1) rotate(0deg);filter:drop-shadow(0 .5rem 1.5rem rgba(255,215,0,.4))}50%{transform:scale(1.05) rotate(3deg);filter:drop-shadow(0 .75rem 2rem rgba(255,215,0,.6))}}.achievement-icon{width:3rem;height:3rem;background:radial-gradient(circle at center,rgba(255,215,0,.2) 0,rgba(255,215,0,.1) 50%,transparent 100%),rgba(255,255,255,.05);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,215,0,.3);margin:0 auto;position:relative;overflow:hidden}.achievement-icon:before{content:"";position:absolute;inset:0;border-radius:50%;padding:1px;background:conic-gradient(from 0deg,#ffd700,#ffed4e,#ffd700);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;opacity:.6}.animal-emoji{font-size:1.5rem;position:relative;z-index:1}.hero-content{display:flex;flex-direction:column;gap:.25rem}.hero-title{font-size:2rem;font-weight:900;margin:0 0 .75rem;background:linear-gradient(135deg,#ffd700,#ffed4e 50%,#fff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1;letter-spacing:-.02em}.achievement-badge{background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,215,0,.2);border-radius:.5rem;padding:.5rem .75rem;display:flex;flex-direction:column;gap:.125rem;position:relative;overflow:hidden}.achievement-badge:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#ffd700,transparent)}.achievement-text{font-size:.75rem;color:rgba(255,255,255,.7);margin:0}.achievement-animal{font-size:1.375rem;font-weight:800;color:#ffd700;margin:0;line-height:1.1}.winner-subtitle{font-size:.875rem;color:rgba(255,255,255,.8);font-weight:400;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.375rem;gap:.375rem}.stat-item{background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:.375rem;padding:.5rem .375rem;display:flex;flex-direction:column;gap:.125rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-item:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);opacity:0;transition:opacity .3s ease}.stat-item:hover:before{opacity:1}.stat-item.primary{border-color:rgba(255,215,0,.25);background:rgba(255,215,0,.08)}.stat-item.primary:before{background:linear-gradient(90deg,transparent,#ffd700,transparent)}.stat-item.highlight{border-color:rgba(255,215,0,.35);background:rgba(255,215,0,.12);transform:scale(1.02)}.stat-icon{color:#ffd700;margin:0 auto .25rem}.stat-content{display:flex;flex-direction:column;gap:.125rem}.stat-label{font-size:.625rem;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin:0}.stat-value{font-size:.875rem;font-weight:800;color:#ffd700;line-height:1.1;margin:0}.action-buttons{display:flex;flex-direction:column;gap:.375rem;align-items:stretch}.action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:.375rem;border:none;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.action-btn:hover:before{left:100%}.action-btn.primary{background:linear-gradient(135deg,#ffd700,#ffed4e);color:#000066;box-shadow:0 4px 16px rgba(255,215,0,.3),0 1px 4px rgba(0,0,0,.1);font-weight:700}.action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(255,215,0,.4),0 4px 8px rgba(0,0,0,.15)}.action-btn.secondary{background:rgba(255,255,255,.08);color:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.action-btn.secondary:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);color:white}.motivation-message{text-align:center;padding:1.25rem;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1rem;border:1px solid rgba(255,215,0,.15);position:relative;overflow:hidden}.motivation-message:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#ffd700,transparent);opacity:.7}.motivation-message p{margin:0;font-size:1rem;color:rgba(255,255,255,.85);font-weight:500;line-height:1.5}.rules-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100dvh;background:rgba(0,0,51,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;overflow:hidden;padding:clamp(.5rem,2vw,1rem);box-sizing:border-box}.rules-modal{background:linear-gradient(145deg,rgba(0,0,51,.95),rgba(0,20,80,.95));border:2px solid #ffd700;border-radius:clamp(12px,2vw,20px);padding:clamp(1rem,3vw,2rem);width:100%;max-width:min(800px,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow-y:auto;box-shadow:0 25px 50px rgba(0,0,0,.5),0 0 40px rgba(255,215,0,.15),inset 0 1px 0 rgba(255,255,255,.1);animation:modalEnter .3s cubic-bezier(.34,1.56,.64,1);position:relative;scrollbar-width:thin;scrollbar-color:#ffd700 #000066}.rules-modal::-webkit-scrollbar{width:6px}.rules-modal::-webkit-scrollbar-track{background:#000066}.rules-modal::-webkit-scrollbar-thumb{background-color:#ffd700;border-radius:3px}.rules-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(1rem,3vw,1.5rem);padding-bottom:1rem;border-bottom:1px solid rgba(255,215,0,.3)}.rules-header h2{color:#ffd700;font-size:clamp(1.375rem,4vw,1.75rem);font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.rules-close{background:none;border:none;color:#ffd700;font-size:24px;cursor:pointer;padding:5px;border-radius:20%;transition:all .2s;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.rules-close:hover{background-color:rgba(255,215,0,.2);transform:scale(1.1)}.rule-section{margin-bottom:clamp(1rem,3vw,1.5rem)}.rule-section h3{color:#ffd700;font-size:clamp(1.125rem,3vw,1.25rem);font-weight:600;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.rule-section ul{margin:0;padding-left:1.25rem}.rule-section li{margin-bottom:.5rem}.rule-section li,.rule-section p{font-size:clamp(.875rem,2.5vw,.95rem)}.rule-section p{margin:.5rem 0}.congratulations-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100dvh;background:rgba(0,0,51,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;overflow:hidden;padding:clamp(.5rem,2vw,1rem);box-sizing:border-box}.congratulations-popup{background:linear-gradient(145deg,rgba(0,0,51,.95),rgba(0,20,80,.95));border:2px solid #ffd700;border-radius:clamp(12px,2vw,20px);padding:clamp(1.5rem,4vw,2.5rem);width:100%;max-width:min(500px,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow-y:auto;box-shadow:0 25px 50px rgba(0,0,0,.5),0 0 40px rgba(255,215,0,.15),inset 0 1px 0 rgba(255,255,255,.1);animation:modalEnter .3s cubic-bezier(.34,1.56,.64,1);text-align:center;color:white;scrollbar-width:thin;scrollbar-color:#ffd700 #000066}.congrats-header{margin-bottom:clamp(1.5rem,4vw,2rem)}.congrats-icon{color:#ffd700;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(255,215,0,.3))}.congrats-title{color:#ffd700;font-size:clamp(1.5rem,5vw,2rem);font-weight:700;margin:0 0 1rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.congrats-message{font-size:clamp(1rem,3vw,1.2rem);color:rgba(255,255,255,.9);margin:0;line-height:1.5}.congrats-actions{display:flex;gap:clamp(.75rem,2vw,1rem);justify-content:center;flex-wrap:wrap}.congrats-btn{padding:clamp(.75rem,2vw,1rem) clamp(1.5rem,4vw,2rem);border:none;border-radius:clamp(8px,1.5vw,12px);font-size:clamp(.875rem,2.5vw,1rem);font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;min-width:120px}.congrats-btn.continue{background:linear-gradient(135deg,#ffd700,#ffed4e);color:#000033;box-shadow:0 4px 15px rgba(255,215,0,.3)}.congrats-btn.take-money{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));color:#ffffff;border:1px solid rgba(255,255,255,.2)}.congrats-btn:hover{transform:translateY(-2px)}.congrats-btn.continue:hover{background:linear-gradient(135deg,#ffed4e,#ffd700);box-shadow:0 6px 20px rgba(255,215,0,.4)}.congrats-btn.take-money:hover{background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.1));border-color:rgba(255,255,255,.3)}@media (max-width:768px){.welcome-screen{padding:.5rem}.welcome-container.modern{padding:.75rem}.features-grid{grid-template-columns:1fr;gap:.5rem}.feature-card{padding:.75rem .5rem}.game-over-screen{padding:.5rem}.game-over-container.modern{padding:.625rem;gap:.375rem;max-width:min(260px,calc(100vw - 1rem))}.stats-grid{grid-template-columns:1fr;gap:.25rem}.stat-item{padding:.375rem .5rem}.action-buttons{gap:.25rem}.action-btn{padding:.5rem .75rem;font-size:.8125rem}.hero-title{font-size:1.125rem}.achievement-badge{padding:.375rem .5rem}.congratulations-popup,.rules-modal{padding:1rem}.congrats-actions{flex-direction:column;align-items:stretch}.congrats-btn{width:100%;min-width:unset}}@media (max-width:480px){.game-over-screen,.welcome-screen{padding:.25rem;min-height:100svh}.game-over-container.modern,.welcome-container.modern{padding:.5rem;gap:.25rem;max-width:min(240px,calc(100vw - .5rem))}.feature-card{padding:.5rem .375rem}.feature-content h3{font-size:.8125rem}.feature-content p{font-size:.65rem}.action-btn,.cta-btn{padding:.5rem .75rem;font-size:.8125rem}.achievement-badge{padding:.25rem .375rem}.hero-title{font-size:1rem}.achievement-text{font-size:.6875rem}.achievement-animal{font-size:.875rem}.stat-item{padding:.25rem .375rem}.stat-label{font-size:.5625rem}.stat-value{font-size:.75rem}.motivation-message{padding:.75rem}.congratulations-overlay,.rules-overlay{padding:.25rem}.congratulations-popup,.rules-modal{border-radius:8px;max-height:calc(100dvh - .5rem);padding:.75rem}.rules-header h2{font-size:1.125rem}.congrats-title{font-size:1.25rem}.rule-section h3{font-size:.9375rem}.rule-section li,.rule-section p{font-size:.8125rem}}@media (max-width:360px){.congratulations-overlay,.game-over-screen,.money-collection-screen,.rules-overlay,.welcome-screen{padding:.25rem}.congratulations-popup,.game-over-container.modern,.money-animation,.rules-modal,.welcome-container.modern{padding:.75rem;max-height:calc(100dvh - .5rem)}.rules-header{margin-bottom:.75rem}.congrats-header,.rule-section{margin-bottom:1rem}}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100dvh;max-height:100dvh;background:rgba(0,0,51,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;z-index:1000;overflow:hidden;padding:clamp(.5rem,2vw,1rem);box-sizing:border-box}.modal-container{background:linear-gradient(145deg,rgba(0,0,51,.95),rgba(0,20,80,.95));border:2px solid #ffd700;border-radius:clamp(12px,2vw,20px);padding:clamp(1.5rem,4vw,3rem);width:100%;max-width:min(800px,calc(100vw - 4rem));max-height:calc(100dvh - 4rem);overflow-y:auto;box-shadow:0 25px 50px rgba(0,0,0,.5),0 0 40px rgba(255,215,0,.15),inset 0 1px 0 rgba(255,255,255,.1);animation:modalEnter .3s cubic-bezier(.34,1.56,.64,1);position:relative}@keyframes modalEnter{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{text-align:center;margin-bottom:clamp(1.5rem,3vw,2rem)}.modal-title{font-size:clamp(1.375rem,4vw,1.75rem);font-weight:700;color:#ffd700;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.modal-subtitle{font-size:clamp(.9rem,2.5vw,1rem);color:rgba(255,255,255,.8);margin:0;font-weight:400}.modal-body{margin-bottom:clamp(1.5rem,3vw,2rem)}.modal-footer{display:flex;gap:clamp(.75rem,2vw,1rem);justify-content:center;flex-wrap:wrap}.modal-btn{padding:clamp(.75rem,2vw,1rem) clamp(1.5rem,4vw,2rem);border:none;border-radius:clamp(8px,1.5vw,12px);font-size:clamp(.875rem,2.5vw,1rem);font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;min-width:120px}.modal-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:left .5s}.modal-btn:hover:before{left:100%}.modal-btn.primary{background:linear-gradient(135deg,#ffd700,#ffed4e);color:#000033;box-shadow:0 4px 15px rgba(255,215,0,.3)}.modal-btn.primary:hover{background:linear-gradient(135deg,#ffed4e,#ffd700);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,215,0,.4)}.modal-btn.secondary{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));color:#ffffff;border:1px solid rgba(255,255,255,.2)}.modal-btn.secondary:hover{background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.1));border-color:rgba(255,255,255,.3);transform:translateY(-2px)}.modal-btn.danger{background:linear-gradient(135deg,#dc3545,#c82333);color:#ffffff;box-shadow:0 4px 15px rgba(220,53,69,.3)}.modal-btn.danger:hover{background:linear-gradient(135deg,#c82333,#dc3545);transform:translateY(-2px);box-shadow:0 6px 20px rgba(220,53,69,.4)}.rules-modal .modal-container{max-width:min(900px,calc(100vw - 4rem));max-height:calc(100dvh - 4rem);overflow-y:auto}.rules-content{text-align:left;color:rgba(255,255,255,.9);line-height:1.6}.rules-section{margin-bottom:clamp(1.25rem,3vw,1.75rem)}.rules-section h3{color:#ffd700;font-size:clamp(1.125rem,3vw,1.25rem);font-weight:600;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.rules-section ul{margin:0;padding-left:1.25rem}.rules-section li{margin-bottom:.5rem;font-size:clamp(.875rem,2.5vw,.95rem)}.lifeline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:clamp(1rem,2vw,1.5rem);gap:clamp(1rem,2vw,1.5rem);margin-top:clamp(1rem,2vw,1.5rem)}.lifeline-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,215,0,.2);border-radius:8px;padding:clamp(.75rem,2vw,1rem);text-align:center}.lifeline-item .lifeline-icon{font-size:clamp(1.25rem,3vw,1.5rem);margin-bottom:.5rem}.lifeline-item .lifeline-name{color:#ffd700;font-weight:600;font-size:clamp(.875rem,2.5vw,.95rem);margin-bottom:.25rem}.lifeline-item .lifeline-desc{font-size:clamp(.75rem,2vw,.825rem);color:rgba(255,255,255,.7)}.answer-modal .modal-container{max-width:min(500px,calc(100vw - 2rem));text-align:center}.answer-result-icon{font-size:clamp(3rem,8vw,4rem);margin-bottom:clamp(1rem,3vw,1.5rem);animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}.answer-result-icon.correct{color:#28a745}.answer-result-icon.wrong{color:#dc3545}.answer-explanation{background:rgba(255,255,255,.05);border-left:4px solid #ffd700;padding:clamp(1rem,3vw,1.5rem);margin:clamp(1rem,3vw,1.5rem) 0;border-radius:0 8px 8px 0}.answer-explanation p{margin:0;font-size:clamp(.875rem,2.5vw,.95rem);color:rgba(255,255,255,.9);line-height:1.5}.collect-modal .modal-container{max-width:min(480px,calc(100vw - 2rem));text-align:center}.collect-amount{background:linear-gradient(135deg,#ffd700,#ffed4e);color:#000033;padding:clamp(1rem,3vw,1.5rem);border-radius:clamp(8px,2vw,12px);margin:clamp(1rem,3vw,1.5rem) 0;font-size:clamp(1.25rem,4vw,1.5rem);font-weight:700;box-shadow:0 8px 25px rgba(255,215,0,.3)}.collect-animal{font-size:clamp(2rem,6vw,3rem);margin:clamp(.75rem,2vw,1rem) 0;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.collect-message{color:rgba(255,255,255,.9);font-size:clamp(.95rem,2.5vw,1.1rem);margin:clamp(1rem,3vw,1.5rem) 0;line-height:1.5}@media (max-height:600px){.modal-container{padding:clamp(1rem,3vw,1.5rem);max-height:calc(100dvh - 1rem)}.modal-body,.modal-header,.rules-section{margin-bottom:1rem}}@media (max-width:480px){.modal-backdrop{padding:.5rem}.modal-container{border-radius:12px;max-height:calc(100dvh - 1rem)}.modal-footer{flex-direction:column;align-items:stretch}.modal-btn{width:100%;min-width:unset}.lifeline-grid{grid-template-columns:1fr}}@media (min-width:1024px){.game-over-container.modern,.welcome-container.modern{max-width:min(800px,calc(100vw - 6rem));gap:3rem;padding:3rem}.modal-container{max-width:min(1000px,calc(100vw - 6rem));padding:3rem}.rules-modal .modal-container{max-width:min(1200px,calc(100vw - 6rem))}.lifeline-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.features-grid,.stats-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.pro-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;margin-top:1rem}.pro-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;border:none;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-decoration:none;min-height:48px}.pro-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:left .5s}.pro-btn:hover:before{left:100%}.generate-btn{background:linear-gradient(135deg,#10b981,#059669);color:white;box-shadow:0 4px 15px rgba(16,185,129,.3)}.generate-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px rgba(16,185,129,.4);transform:translateY(-2px)}.topics-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:white;box-shadow:0 4px 15px rgba(59,130,246,.3)}.topics-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px rgba(59,130,246,.4);transform:translateY(-2px)}.pro-btn:active{transform:translateY(0)}.question-generator{margin-top:1.5rem;padding:1.5rem;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:12px}.generator-form{gap:1rem}.form-group,.generator-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-label{font-weight:600;color:#ffd700;font-size:.9rem}.form-input,.form-select{padding:.75rem 1rem;border:2px solid rgba(255,215,0,.3);border-radius:8px;background:rgba(0,0,51,.8);color:white;font-size:.9rem;transition:border-color .3s ease}.form-input:focus,.form-select:focus{outline:none;border-color:#ffd700;box-shadow:0 0 0 3px rgba(255,215,0,.1)}.form-input::placeholder{color:rgba(255,255,255,.5)}.generator-actions{display:flex;gap:1rem;margin-top:1rem}.generator-actions .pro-btn{flex:1 1;min-height:44px}.pro-btn.secondary{background:rgba(255,255,255,.1);color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.2)}.pro-btn.secondary:hover{background:rgba(255,255,255,.2);color:white;transform:translateY(-1px)}.pro-btn.primary{background:linear-gradient(135deg,#ffd700,#ffed4e);color:#000066;font-weight:700}.pro-btn.primary:hover{background:linear-gradient(135deg,#ffed4e,#fff59d);transform:translateY(-2px)}.pro-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.pro-btn:disabled:hover{transform:none!important;box-shadow:none!important}.pro-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,215,0,.3)}.pro-icon{color:#ffd700}.pro-header h3{color:#ffd700;font-size:1.1rem;font-weight:700;margin:0}@media (max-width:768px){.pro-actions{grid-template-columns:1fr;gap:.75rem}.pro-btn{padding:.875rem 1.25rem;font-size:.85rem}.generator-actions{flex-direction:column}}.topic-manager-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.topic-manager-modal{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-radius:12px;border:2px solid #ffd700;max-width:48rem;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.8)}.topic-manager-header{padding:1.5rem;border-bottom:1px solid rgba(255,215,0,.3);background:rgba(0,0,51,.5)}.topic-manager-title{display:flex;align-items:center;justify-content:space-between}.topic-manager-title-main{display:flex;align-items:center;gap:.75rem}.topic-manager-title h2{font-size:1.5rem;font-weight:700;color:#ffd700;margin:0}.topic-manager-close{padding:.5rem;background:none;border:none;color:#93c5fd;cursor:pointer;border-radius:8px;transition:background-color .3s ease}.topic-manager-close:hover{background:#1e40af}.topic-manager-subtitle{color:#bfdbfe;font-size:.875rem;margin:.5rem 0 0}.topic-manager-content{padding:1.5rem;overflow-y:auto;max-height:70vh}.topic-item{border:1px solid #2563eb;border-radius:8px;padding:1rem;margin-bottom:1rem;transition:all .3s ease;background:rgba(59,130,246,.1)}.topic-item:hover{border-color:#3b82f6;background:rgba(59,130,246,.2)}.topic-item-content{display:flex;align-items:center;gap:.75rem}.topic-checkbox{width:1.25rem;height:1.25rem;accent-color:#ffd700;cursor:pointer}.topic-info{flex:1 1}.topic-title{font-size:1.125rem;font-weight:700;color:white;margin:0 0 .25rem}.topic-description{color:#bfdbfe;font-size:.875rem;margin:0 0 .5rem}.topic-questions-count{color:#93c5fd;font-size:.875rem;margin:0}.topic-actions{display:flex;gap:.5rem}.topic-action-btn{padding:.5rem;background:none;border:none;cursor:pointer;border-radius:6px;transition:all .3s ease;color:#93c5fd}.topic-action-btn:hover{background:#1e40af;color:#ffd700}.topic-action-btn:disabled{opacity:.5;cursor:not-allowed}.selection-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,215,0,.2)}.selection-title{font-size:1.125rem;font-weight:700;color:#ffd700;align-items:center;margin:0}.selection-buttons,.selection-title{display:flex;gap:.5rem}.selection-btn{padding:.5rem 1rem;font-size:.875rem;background:#1e40af;color:#bfdbfe;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease}.selection-btn:hover{background:#3b82f6;color:white}.topic-manager-footer{padding:1.5rem;border-top:1px solid rgba(255,215,0,.3);background:rgba(30,64,175,.5)}.selection-summary{background:rgba(30,58,138,.5);padding:.75rem;border-radius:8px;margin-bottom:1rem}.selection-summary p{color:#bfdbfe;font-size:.875rem;margin:0}.footer-actions{display:flex;gap:.75rem}.footer-btn{flex:1 1;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;min-height:48px;display:flex;align-items:center;justify-content:center;gap:.5rem}.footer-btn-secondary{background:rgba(255,255,255,.1);color:#bfdbfe;border:1px solid rgba(255,255,255,.2)}.footer-btn-secondary:hover{background:rgba(255,255,255,.2);color:white}.footer-btn-primary{background:linear-gradient(135deg,#ffd700,#ffed4e);color:#000066;font-weight:700}.footer-btn-primary:hover{background:linear-gradient(135deg,#ffed4e,#fff59d);transform:translateY(-1px)}.footer-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.create-form{border:2px dashed rgba(255,215,0,.5);border-radius:8px;padding:1rem;background:rgba(30,58,138,.3);margin-bottom:1.5rem}.create-form-title{font-size:1.125rem;font-weight:700;color:#ffd700;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.form-field{margin-bottom:1rem}.form-field label{display:block;font-size:.875rem;font-weight:600;color:#bfdbfe;margin-bottom:.5rem}.form-field input,.form-field textarea{width:100%;padding:.75rem;background:#1e40af;border:1px solid #3b82f6;border-radius:6px;font-size:.875rem;transition:border-color .3s ease}.form-field input:focus,.form-field textarea:focus{box-shadow:0 0 0 3px rgba(255,215,0,.1)}.form-actions{display:flex;gap:.75rem}.loading-spinner{width:2rem;height:2rem;border:2px solid #ffd700;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.empty-state{text-align:center;padding:2rem 1rem}.empty-state-icon{width:4rem;height:4rem;color:#60a5fa;margin:0 auto 1rem}.empty-state-title{font-size:1.25rem;font-weight:700;color:#ffd700;margin:0 0 .5rem}.empty-state-text{color:#bfdbfe;margin:0}@media (max-width:768px){.topic-manager-modal{max-width:100%;margin:.5rem}.selection-controls{align-items:stretch;gap:1rem}.footer-actions,.selection-controls,.topic-item-content{flex-direction:column}.topic-item-content{align-items:stretch;gap:1rem}.topic-actions{justify-content:center}}.generation-notification{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:3000;padding:1rem;animation:fadeIn .3s ease-out}.generation-notification-content{background:linear-gradient(135deg,#000033,#000055);border:2px solid #ffd700;border-radius:1rem;padding:2rem;max-width:500px;width:100%;text-align:center;box-shadow:0 10px 30px rgba(255,215,0,.3);animation:slideInUp .4s ease-out}.generation-loading{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.generation-spinner{width:60px;height:60px;border:4px solid rgba(255,215,0,.2);border-top-color:#ffd700;border-radius:50%;animation:spin 1s linear infinite}.generation-text h3{color:#ffd700;font-size:1.5rem;margin-bottom:.5rem;font-weight:600}.generation-text p{color:#ffffff;font-size:1rem;line-height:1.5;margin-bottom:1rem}.generation-progress{width:100%;height:6px;background:rgba(255,215,0,.2);border-radius:3px;overflow:hidden;margin-top:1rem}.generation-progress-bar{height:100%;background:linear-gradient(90deg,#ffd700,#ffed4e,#ffd700);background-size:200% 100%;animation:progressShine 2s ease-in-out infinite}.generation-error,.generation-success{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.generation-icon{font-size:3rem;margin-bottom:.5rem}.generation-icon.success{color:#4caf50;animation:bounceIn .6s ease-out}.generation-icon.error{color:#f44336;animation:shakeError .6s ease-out}.generation-close-btn{background:linear-gradient(135deg,#ffd700,#ffed4e);color:#000033;border:none;border-radius:.5rem;padding:.75rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.generation-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,215,0,.4)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes progressShine{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) translateY(-50px)}50%{opacity:1;transform:scale(1.1) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes shakeError{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:480px){.generation-notification-content{padding:1.5rem;margin:1rem}.generation-text h3{font-size:1.25rem}.generation-text p{font-size:.9rem}.generation-spinner{width:50px;height:50px}}.auth-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:fadeIn .3s ease-out;overflow-y:auto}.auth-modal{background:linear-gradient(160deg,#000033,#000066 50%,#000099);border:3px solid #ffd700;border-radius:1.5rem;padding:2rem;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.8),0 0 60px rgba(255,215,0,.2);position:relative;animation:slideInUp .4s ease-out}.auth-close{position:absolute;top:1rem;right:1rem;background:rgba(255,215,0,.1);border:2px solid rgba(255,215,0,.3);border-radius:.75rem;padding:.5rem;color:#ffd700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:10}.auth-close:hover{background:rgba(255,215,0,.2);border-color:#ffd700;transform:scale(1.1)}.auth-header{text-align:center;margin-bottom:2rem}.auth-icon{color:#ffd700;margin-bottom:1rem;display:flex;justify-content:center;filter:drop-shadow(0 4px 8px rgba(255,215,0,.4))}.auth-title{color:#ffffff;font-size:1.75rem;font-weight:900;margin:0 0 .75rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.auth-subtitle{color:rgba(255,255,255,.9);font-size:1rem;font-weight:500;margin:0;line-height:1.4}.auth-form{gap:1.25rem}.auth-form,.form-field{display:flex;flex-direction:column}.form-field{gap:.5rem}.form-field label{color:#ffd700;font-size:.95rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.form-field input,.form-field textarea{background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);border-radius:.75rem;padding:.875rem;color:white;font-size:1rem;transition:all .3s ease}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:#ffd700;background:rgba(255,255,255,.15);box-shadow:0 0 0 3px rgba(255,215,0,.2)}.form-field input::placeholder,.form-field textarea::placeholder{color:rgba(255,255,255,.5)}.form-field textarea{resize:vertical;min-height:80px;font-family:inherit}.password-field{position:relative;display:flex;align-items:center}.password-field input{flex:1 1;padding-right:3rem}.password-toggle{position:absolute;right:.75rem;background:none;border:none;color:rgba(255,255,255,.6);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.password-toggle:hover{color:#ffd700}.auth-error{background:rgba(255,107,107,.2);border:1px solid rgba(255,107,107,.5);border-radius:.5rem;padding:.75rem;color:#ffb3b3;font-size:.9rem;text-align:center}.back-to-login-link,.forgot-password-link{background:none;border:none;color:#ffd700;font-size:.9rem;cursor:pointer;text-align:right;padding:0;transition:all .3s ease;text-decoration:none}.back-to-login-link:hover,.forgot-password-link:hover{color:#ffed4e;text-decoration:underline}.back-to-login-link{text-align:center;margin-top:1rem}.auth-submit{background:linear-gradient(135deg,#ffd700,#ffed4e);border:none;border-radius:.75rem;padding:1rem;color:#000066;font-size:1.1rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s ease;box-shadow:0 4px 12px rgba(255,215,0,.3)}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,215,0,.5)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-switch{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.auth-switch p{color:rgba(255,255,255,.8);font-size:.95rem;margin:0}.auth-switch button{background:none;border:none;color:#ffd700;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:underline}.auth-switch button:hover{color:#ffed4e}.forgot-password-form{display:flex;flex-direction:column;gap:1.25rem}.reset-email-sent{text-align:center;padding:2rem 1rem}.success-icon{width:80px;height:80px;border-radius:50%;background:rgba(46,204,113,.2);border:3px solid #2ecc71;color:#2ecc71;font-size:3rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;animation:bounceIn .6s ease-out}.reset-email-sent h3{color:#ffd700;font-size:1.5rem;margin:0 0 1rem}.reset-email-sent p{color:rgba(255,255,255,.9);font-size:1rem;line-height:1.6;margin:0 0 2rem}@media (min-width:768px){.auth-modal{padding:2.5rem;max-width:520px}.auth-title{font-size:2rem}.auth-subtitle{font-size:1.1rem}}@media (max-width:767px){.auth-modal{max-height:95vh;margin:auto .5rem}.auth-header{margin-bottom:1.5rem}.auth-icon{margin-bottom:.75rem}.auth-title{font-size:1.5rem}.auth-subtitle{font-size:.9rem}.auth-form{gap:1rem}.form-field label{font-size:.875rem}.form-field input,.form-field textarea{padding:.75rem;font-size:.95rem}}