*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-family:Arial,sans-serif;background:#1a1a1a}#root{width:100vw;height:100vh}h1,h2,h3,h4,h5,h6,.game-title,.series-home-title,.game-logo h1,.menu-container h1,.game-mode-selection h2{font-family:Bricolage Grotesque,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:600}.App{margin:0;padding:0;width:100vw;min-height:100vh}.game-ui{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10}.player-panel-corner{position:fixed;top:20px;background:#141414d9;padding:12px 16px;border-radius:8px;border:2px solid #555;min-width:140px;pointer-events:all;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.player-panel-corner.left{left:20px}.player-panel-corner.right{right:20px}.player-panel-corner.active{border-color:#0ff;box-shadow:0 0 15px #0ff6}.player-panel-corner.red.active{border-color:#f44;box-shadow:0 0 15px #f446}.player-panel-corner h3{font-size:13px;margin:0 0 8px;color:#0ff;font-weight:700;text-align:center}.player-panel-corner.red h3{color:#f44}.player-nickname{font-size:11px;color:#10b981;text-align:center;margin:-4px 0 8px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.player-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.player-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover}.player-info-text{flex:1}.player-info-text h3{margin:0;text-align:left}.player-info-text .player-nickname{margin:2px 0 0;text-align:left}.player-panel-corner .stat{margin:8px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:help;transition:all .2s}.player-panel-corner .stat:hover{transform:translate(2px)}.stat-icon{font-size:20px;filter:drop-shadow(0 0 3px rgba(255,255,255,.3))}.stat-value{color:#fff;font-weight:700;font-size:18px}.hidden-stat{display:flex;align-items:center;gap:8px;opacity:.7}.hidden-stat .stat-icon{font-size:20px}.hidden-stat .stat-value{color:#888;font-weight:700;font-size:18px;font-style:italic}.quiz-stats-summary{background:#ffffff1a;border-radius:12px;padding:16px;margin:16px 0;text-align:center}.quiz-stats-summary h4{margin:0 0 12px;color:#fff;font-size:16px}.quiz-stats-row{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.quiz-stats-row .stat-correct{color:#4caf50;font-weight:700}.quiz-stats-row .stat-wrong{color:#f44336;font-weight:700}.quiz-stats-row .stat-rate{color:#ffeb3b;font-weight:700}.turn-indicator{position:absolute;top:-8px;right:-8px;background:#0ff;color:#000;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;box-shadow:0 0 10px #00ffff80}.player-panel-corner.red .turn-indicator{background:#f44;box-shadow:0 0 10px #ff444480}.btn-rules-bottom{position:fixed;bottom:20px;left:20px;padding:10px 20px;background:#444;color:#fff;border:2px solid #666;border-radius:5px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;z-index:50;pointer-events:all}.btn-rules-bottom:hover{background:#555;border-color:#888;transform:scale(1.05)}.btn-end-turn{position:fixed;bottom:20px;right:20px;padding:15px 30px;background:#1e3a8a;color:#fff;border:2px solid #3b82f6;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;z-index:50;pointer-events:all}.btn-end-turn:hover{background:#2563eb;transform:scale(1.05)}.btn-end-turn:disabled{opacity:.5;cursor:not-allowed}.btn-menu{position:fixed;bottom:20px;left:70px;padding:12px 24px;background:#444;color:#fff;border:2px solid #666;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;z-index:50;pointer-events:all}.btn-menu:hover{background:#555;border-color:#888;transform:scale(1.05)}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:150;pointer-events:all}.menu-box{background:#2a2a2a;padding:30px;border-radius:10px;border:2px solid #666;min-width:300px;color:#fff}.menu-box h3{margin:0 0 20px;font-size:24px;color:#fff;text-align:center}.menu-option{width:100%;padding:15px 20px;margin:10px 0;background:#444;color:#fff;border:2px solid #666;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;text-align:left}.menu-option:hover{background:#555;border-color:#888;transform:translate(5px)}.menu-option-danger{background:#7f1d1d;border-color:#dc2626}.menu-option-danger:hover{background:#991b1b;border-color:#ef4444}.feedback{position:fixed;top:80px;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:15px 30px;border-radius:8px;border:2px solid #f80;font-size:16px;z-index:100;animation:slideDown .3s}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.game-over-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:200}.modal-content{background:#2a2a2a;padding:40px;border-radius:15px;border:3px solid #f80;text-align:center}.game-over-image{width:150px;height:150px;object-fit:contain;margin-bottom:20px}.modal-content h2{margin:0 0 20px;font-size:32px;color:#f80}.modal-content p{margin:0 0 20px;font-size:16px;color:#ccc}.modal-content .btn{padding:12px 30px;background:#1e3a8a;color:#fff;border:2px solid #3b82f6;border-radius:5px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.modal-content .btn:hover{background:#2563eb}.rules-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.rules-modal{background:#1e1e1ef2;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;max-width:800px;width:90%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:modalFadeIn .3s cubic-bezier(.4,0,.2,1);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-y:auto}.rules-modal::-webkit-scrollbar{width:8px}.rules-modal::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.rules-modal::-webkit-scrollbar-thumb{background:#ffd70080;border-radius:4px}.rules-modal::-webkit-scrollbar-thumb:hover{background:#ffd700b3}.rules-box h3{text-align:center;font-size:28px;margin:0 0 24px;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.3)}.rules-goal{margin-bottom:24px;padding:20px;background:#ffd7001a;border-radius:12px;border:1px solid rgba(255,215,0,.3);line-height:1.6;text-align:center;color:#ffecc2}.rules-section{margin-bottom:24px;padding:20px;background:#0003;border-radius:12px;border-left:4px solid #ffd700}.rules-section h4{margin:0 0 16px;color:gold;font-size:18px;font-weight:600}.rules-section p{margin:8px 0;line-height:1.6;color:#e0e0e0}.rules-section p strong{color:#fff;font-weight:600}.building-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px;padding:8px;border-radius:8px;transition:background .3s}.building-item:hover{background:#ffffff0d}.building-icon{width:80px;height:80px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.building-item p{margin:0;flex:1}.btn-close{width:100%;padding:14px;background:linear-gradient(to right,gold,#ffc107);color:#1e3c72;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0003;letter-spacing:1px}.btn-close:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000004d;filter:brightness(1.1)}.stat-with-tooltip{position:relative;display:inline-block}.stat-tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;background:#000000f2;border:1px solid #0ff;border-radius:8px;padding:12px 16px;min-width:200px;max-width:280px;z-index:1000;pointer-events:none;box-shadow:0 4px 15px #00ffff4d}.stat-tooltip:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:#0ff}.stat-tooltip-label{font-size:16px;font-weight:700;color:#0ff;margin-bottom:6px;text-align:center}.stat-income{margin-left:6px;font-size:14px;color:#4ade80;font-weight:700}.stat-tooltip-income{margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,255,255,.3);font-size:13px;color:#aaa;text-align:center}.stat-tooltip-income .income-value{color:#4ade80;font-weight:700}.stat-tooltip-description{font-size:13px;color:#fff;line-height:1.4;text-align:center}.game-menu{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);padding:20px}.game-menu.scrollable{align-items:flex-start}.menu-container{background:#1e1e1ef2;padding:40px;border-radius:15px;border:2px solid #f80;max-width:900px;width:100%;color:#fff;margin:auto}.menu-container h1{text-align:center;font-size:36px;margin-bottom:20px;color:#f80;text-shadow:0 0 20px rgba(255,136,0,.5)}.game-title{text-align:center;font-size:48px;margin-bottom:10px;color:#f80;text-shadow:0 0 30px rgba(255,136,0,.7)}.game-logo{text-align:center;margin-bottom:20px}.game-logo img{height:80px;width:auto;filter:drop-shadow(0 0 20px rgba(255,136,0,.5))}.series-home-section{background:#282828cc;padding:30px;border-radius:12px;margin-bottom:30px;border:2px solid rgba(255,136,0,.3)}.series-home-title{color:gold;font-size:28px;margin-bottom:20px;text-align:center}.view-all-series{text-align:center;margin-top:20px;padding-top:20px}.btn-view-all-series{background:#f803;color:gold;border:2px solid #f80;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-view-all-series:hover{background:#f80;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #f806}.game-logo-small{display:flex;align-items:center;justify-content:center}.game-logo-small img{height:40px;width:auto;filter:drop-shadow(0 0 10px rgba(255,136,0,.3))}.game-subtitle{text-align:center;font-size:16px;color:#aaa;margin-bottom:30px;font-style:italic}.intro-section{max-width:800px;margin:0 auto}.intro-text{text-align:center;margin-bottom:30px}.intro-text h2{color:#f80;margin-bottom:15px;font-size:24px}.intro-text p{color:#ccc;line-height:1.6;font-size:16px;margin-bottom:20px}.btn-rules{background:#ff88001a;color:#f80;border:2px solid #f80;padding:12px 30px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s}.btn-rules:hover{background:#f803;transform:translateY(-2px);box-shadow:0 5px 15px #ff88004d}.game-mode-selection{margin:40px 0}.game-mode-selection h2{text-align:center;color:#f80;margin-bottom:30px;font-size:28px}.mode-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:30px}.mode-card{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:30px;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.mode-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);opacity:0;transition:opacity .3s}.mode-card:hover{border-color:gold;transform:translateY(-8px);box-shadow:0 15px 30px #0000004d;background:#ffffff0d}.mode-card:hover:after{opacity:1}.mode-icon{font-size:64px;margin-bottom:20px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:transform .3s ease}.mode-card:hover .mode-icon{transform:scale(1.1)}.mode-card h3{color:#fff;font-size:24px;margin-bottom:12px;font-weight:700}.mode-card p{color:#ccc;font-size:15px;margin-bottom:24px;line-height:1.5}.btn-select{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;border:none;padding:14px 32px;border-radius:12px;cursor:pointer;font-size:16px;font-weight:800;transition:all .3s ease;letter-spacing:1px;box-shadow:0 4px 15px #ffd7004d}.btn-select:hover{background:linear-gradient(135deg,#ffed4e,#fdb931);transform:translateY(-2px);box-shadow:0 6px 20px #ffd70080}.login-divider{text-align:center;margin:30px 0 20px;position:relative}.login-divider:before,.login-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#444}.login-divider:before{left:0}.login-divider:after{right:0}.login-divider span{color:#888;background:#1e1e1ef2;padding:0 15px;font-size:14px}.header-with-back{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.btn-back{background:#ff88001a;color:#f80;border:2px solid #f80;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s}.btn-back:hover{background:#f803;transform:translate(-3px)}.user-info-compact{display:flex;align-items:center}.user-avatar-small{width:35px;height:35px;border-radius:50%;border:2px solid #f80}.settings-container{max-width:600px;margin:0 auto}.settings-container h2{text-align:center;color:#f80;margin-bottom:25px;font-size:28px}.selected-mode{text-align:center;margin-bottom:30px}.mode-badge{display:inline-block;background:#f803;color:#f80;padding:10px 25px;border-radius:20px;border:2px solid #f80;font-size:16px;font-weight:700}.user-info{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px;background:#0000004d;border-radius:10px;margin-bottom:20px;border:1px solid #444;flex-wrap:wrap}.user-info-name{display:flex;align-items:center;justify-content:center;gap:15px}.user-info-buttons{display:flex;gap:10px}.user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid #f80}.user-details{display:flex;flex-direction:column;gap:4px}.user-name{font-size:16px;font-weight:700;color:#fff}.user-nickname{font-size:14px;color:gold;font-weight:700}.anonymous-info{display:flex;align-items:center;justify-content:center;gap:15px;padding:15px;background:#0000004d;border-radius:10px;margin-bottom:20px;border:1px solid #444}.anonymous-nickname{font-size:16px;color:gold;font-weight:700}.anonymous-hint{font-size:14px;color:#aaa;font-style:italic}.anonymous-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover}.register-link{color:#10b981;font-size:14px;font-weight:700;text-decoration:underline;transition:all .2s}.register-link:hover{color:#34d399;text-decoration:none}.premium-badge{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;border-radius:12px;font-size:12px;font-weight:700;margin-top:4px;box-shadow:0 2px 10px #ffd70066}.premium-badge.clickable{cursor:pointer;transition:all .2s ease}.premium-badge.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ffd70099;background:linear-gradient(135deg,#ffed4e,gold)}.btn-premium{padding:8px 16px;background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;border:2px solid #ffd700;border-radius:5px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 10px #ffd7004d}.btn-premium:hover{transform:scale(1.05);box-shadow:0 4px 15px #ffd70080}.btn-nickname{padding:8px 16px;background:#854d0e;color:#fff;border:2px solid #fbbf24;border-radius:5px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.btn-nickname:hover{background:#a16207;transform:scale(1.05)}.btn-history{padding:8px 16px;background:#1e3a8a;color:#fff;border:2px solid #3b82f6;border-radius:5px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.btn-history:hover{background:#2563eb;transform:scale(1.05)}.btn-logout{padding:8px 16px;background:#7f1d1d;color:#fff;border:2px solid #dc2626;border-radius:5px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.btn-logout:hover{background:#991b1b;transform:scale(1.05)}.login-section{display:flex;flex-direction:column;align-items:center;gap:20px;padding:30px;background:linear-gradient(135deg,#10b9811a,#0596691a);border-radius:15px;margin-bottom:20px;border:2px solid rgba(16,185,129,.3);box-shadow:0 4px 20px #10b98133}.login-title{margin:0;font-size:24px;color:#10b981;font-weight:700;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3)}.login-benefits{display:flex;flex-direction:column;gap:12px;width:100%;max-width:500px}.benefit-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0000004d;border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .3s}.benefit-item:hover{background:#0006;border-color:#10b98180;transform:translate(5px)}.benefit-icon{font-size:24px;flex-shrink:0}.benefit-text{color:#e0e0e0;font-size:16px;line-height:1.4}.benefit-text strong,.benefit-item a{color:#10b981;font-weight:700}.login-hint{margin:0;font-size:12px;color:#aaa}.login-consent{margin:10px 0 0;font-size:12px;color:#888;text-align:center}.login-consent a{color:#10b981;text-decoration:none}.login-consent a:hover{text-decoration:underline}.premium-section{display:flex;flex-direction:column;align-items:center;gap:20px;padding:30px;background:linear-gradient(135deg,#ffd70026,#ffc10726);border-radius:15px;margin-bottom:20px;border:2px solid rgba(255,215,0,.4);box-shadow:0 4px 20px #ffd7004d}.premium-section-title{margin:0;font-size:24px;color:gold;font-weight:700;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3)}.premium-benefits{display:flex;flex-direction:column;gap:12px;width:100%;max-width:500px}.benefit-item.premium{background:#ffd7001a;border:1px solid rgba(255,215,0,.3)}.benefit-item.premium:hover{background:#ffd70033;border-color:#ffd70099}.benefit-item.premium .benefit-text strong{color:gold}.premium-price{display:flex;align-items:baseline;gap:8px;margin-top:10px}.premium-price .price-amount{font-size:36px;font-weight:700;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.3)}.premium-price .price-period{font-size:18px;color:#ffed4e}.btn-premium-upgrade{padding:16px 40px;background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #ffd70066;letter-spacing:1px}.btn-premium-upgrade:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 25px #ffd70099;background:linear-gradient(135deg,#ffed4e,gold)}.btn-premium-upgrade:disabled{opacity:.6;cursor:not-allowed}.menu-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px}.rules-left{background:#0000004d;padding:20px;border-radius:8px;border:1px solid #444;max-height:70vh;overflow-y:auto}.rules-left h3{margin:0 0 20px;color:#f80;font-size:20px;text-align:center}.rules-left::-webkit-scrollbar{width:6px}.rules-left::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}.rules-left::-webkit-scrollbar-thumb{background:#f80;border-radius:3px}.rules-left::-webkit-scrollbar-thumb:hover{background:#f93}.settings-right{display:flex;flex-direction:column}.settings-right h2{margin:0 0 20px;color:#0ff;font-size:22px}.setting{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.setting label{font-size:14px;color:#ccc;font-weight:700}.setting-checkbox{flex-direction:column;align-items:flex-start;gap:5px}.setting-checkbox label{display:flex;align-items:center;gap:10px;cursor:pointer}.setting-checkbox input[type=checkbox]{width:20px;height:20px;accent-color:#10b981;cursor:pointer}.setting-hint{font-size:12px;color:#888;font-style:italic}.mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-btn{padding:12px;background:#1a1a1a;color:#888;border:2px solid #555;border-radius:5px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.mode-btn:hover{border-color:#f80;color:#fff}.mode-btn.active{background:#1e3a8a;color:#fff;border-color:#3b82f6}.mode-btn.disabled{opacity:.5;cursor:not-allowed;position:relative}.mode-btn.disabled:hover{border-color:#555;color:#888}.setting select{padding:10px 12px;background:#1a1a1a;color:#fff;border:2px solid #555;border-radius:5px;font-size:14px;cursor:pointer;transition:all .2s}.setting select:hover{border-color:#f80}.custom-topic-input{width:100%;padding:10px 12px;background:#1a1a1a;color:#fff;border:2px solid #555;border-radius:5px;font-size:14px;transition:all .2s}.custom-topic-input:hover{border-color:#f80}.custom-topic-input:focus{outline:none;border-color:#f80}.custom-topic-input::placeholder{color:#666}.premium-badge-inline{display:inline-block;background:linear-gradient(135deg,gold,#ffed4e);color:#000;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;margin-left:8px;vertical-align:middle}.quiz-settings{background:#ffd7001a;padding:15px;border-radius:8px;border:1px solid rgba(255,215,0,.3);margin-bottom:20px}.quiz-settings h3{margin:0 0 15px;color:gold;font-size:16px}.btn-start{width:100%;padding:15px;background:#1e3a8a;color:#fff;border:2px solid #3b82f6;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s;margin-top:auto}.btn-start:hover{background:#2563eb;transform:scale(1.02)}.menu-container::-webkit-scrollbar{width:8px}.menu-container::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.menu-container::-webkit-scrollbar-thumb{background:#f80;border-radius:4px}.menu-container::-webkit-scrollbar-thumb:hover{background:#f93}.menu-footer{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,136,0,.3);text-align:center}.footer-link{color:#fff9;text-decoration:none;font-size:14px;transition:all .3s ease}.footer-link:hover{color:#f80;text-decoration:underline}@media (max-width: 768px){.game-menu{padding:10px}.menu-container{padding:20px}.game-logo{margin:0 auto}.game-logo img{height:60px}.user-info{flex-direction:column;align-items:center;gap:10px}.user-avatar{width:100px;height:100px}.series-home-section{padding:20px}.series-home-title{font-size:24px}.series-cards{grid-template-columns:1fr}.series-card{width:100%;height:auto}.series-card .card-content{padding:15px}.series-card .card-title{font-size:20px}.series-card .card-description{font-size:14px}.series-progress .progress-text,.completion-badge,.continue-badge{font-size:12px}.view-all-series{margin-top:10px}}.series-list{width:100%;max-width:900px;margin:0 auto}.series-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.btn-back-series{background:#f803;color:#f80;border:2px solid #f80;padding:10px 20px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-back-series:hover{background:#f80;color:#fff}.series-header h2{font-size:32px;color:gold;margin:0;flex:1}.series-title{font-size:32px;color:gold;margin:0 0 30px;text-align:center}.series-info-banner{background:linear-gradient(135deg,#0ea5e926,#0284c726);border:2px solid rgba(14,165,233,.4);border-radius:12px;padding:20px;margin-bottom:30px;display:flex;align-items:center;gap:16px}.banner-icon{font-size:32px;flex-shrink:0}.banner-text{flex:1}.banner-text strong{color:#0ea5e9;font-size:18px;display:block;margin-bottom:4px}.banner-text p{color:#e0e0e0;margin:0;font-size:14px}.series-cards{display:flex;flex-direction:column;gap:20px}.series-card{background:linear-gradient(135deg,#ff88001a,#ff88000d);border:2px solid rgba(255,136,0,.3);border-radius:12px;padding:24px;cursor:pointer;transition:all .3s ease;display:flex;gap:20px;align-items:flex-start;position:relative}.series-card:hover{transform:translateY(-4px);border-color:#f80;box-shadow:0 8px 24px #ff88004d}.series-card.locked{opacity:.6;cursor:not-allowed}.series-card.locked:hover{transform:none;box-shadow:none}.series-lock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000d9;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:10}.lock-icon{font-size:48px}.lock-message{color:gold;font-size:18px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.series-icon{font-size:64px;flex-shrink:0}.series-info{flex:1}.series-info h3{font-size:24px;color:gold;margin:0 0 8px}.series-info p{font-size:14px;color:#fffc;margin:0 0 16px;line-height:1.5}.series-progress{margin-top:16px}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#f80,gold);transition:width .3s ease}.progress-text{font-size:13px;color:#ffffffb3}.completion-badge,.continue-badge,.start-badge{display:inline-block;padding:6px 12px;border-radius:16px;font-size:13px;font-weight:600;margin-top:12px}.completion-badge{background:#0f03;color:#0f0}.continue-badge{background:#f803;color:gold}.start-badge{background:#ffd70033;color:gold}.loading,.no-series{text-align:center;padding:40px;color:#fff9;font-size:16px}.history-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:200;pointer-events:all;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.history-box{background:#1e1e1ef2;padding:32px;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;animation:modalScaleIn .3s cubic-bezier(.175,.885,.32,1.275);position:relative}.history-box::-webkit-scrollbar{width:8px}.history-box::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.history-box::-webkit-scrollbar-thumb{background:#ffd70080;border-radius:4px}.history-box::-webkit-scrollbar-thumb:hover{background:#ffd700b3}.history-box h2{margin:0 0 24px;font-size:28px;color:gold;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3)}.modal-close{position:absolute;top:20px;right:20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);font-size:20px;color:gold;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;z-index:10;font-weight:700}.modal-close:hover{background:#fff3;transform:rotate(90deg);color:gold}.stats-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:30px;padding:20px;background:#0003;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.stat-item{text-align:center}.stat-value{font-size:20px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.stat-value.win{color:#4ade80}.stat-value.loss{color:#f87171}.stat-label{font-size:11px;color:#aaa;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.games-list{overflow-y:visible;margin-bottom:24px}.loading,.no-games{text-align:center;padding:40px;color:#aaa;font-size:16px}.game-item{background:#0003;padding:16px;margin-bottom:12px;border-radius:12px;border-left:4px solid #666;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;border-top:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.game-item:hover{background:#ffffff0d;transform:translate(4px);box-shadow:0 4px 12px #0000001a}.game-item.win{border-left-color:#4ade80;background:linear-gradient(90deg,#4ade801a,#0003)}.game-item.loss{border-left-color:#f87171;background:linear-gradient(90deg,#f871711a,#0003)}.game-result{font-weight:700;font-size:14px;min-width:80px;text-transform:uppercase;letter-spacing:.5px}.game-item.win .game-result{color:#4ade80}.game-item.loss .game-result{color:#f87171}.game-info{flex:1;display:flex;flex-direction:column;gap:8px;margin-left:16px}.opponent{display:flex;align-items:center;gap:12px}.opponent-avatar{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.2);object-fit:cover}.quiz-settings{display:flex;gap:8px;flex-wrap:wrap}.quiz-badge{background:#ffd7001a;border:1px solid rgba(255,215,0,.3);padding:4px 10px;border-radius:12px;font-size:11px;color:gold;white-space:nowrap}.game-date{color:#aaa;font-size:12px;align-self:center;white-space:nowrap;margin-left:12px}.btn-close-history{width:100%;padding:14px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-close-history:hover{background:#fff3;transform:translateY(-2px)}.quiz-stats{display:flex;gap:12px;margin-top:4px}.quiz-stat{font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.quiz-stat.correct{color:#4ade80}.quiz-stat.wrong{color:#f87171}.quiz-stat.rate{color:gold}.game-item.unfinished{border-left-color:#9ca3af}.game-item.unfinished .game-result{color:#9ca3af}.nickname-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.nickname-modal{background:#1e1e1ef2;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;max-width:500px;width:90%;box-shadow:0 20px 60px #00000080;animation:slideIn .3s ease-out;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.nickname-modal h2{color:gold;text-align:center;margin-bottom:24px;font-size:28px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.nickname-info{background:#0003;border-radius:12px;padding:15px;margin-bottom:24px;border:1px solid rgba(255,255,255,.1)}.nickname-info p{color:#e0e0e0;margin:0;font-size:14px;line-height:1.5}.nickname-input-group{margin-bottom:25px}.nickname-input-group label{display:block;color:gold;font-weight:700;margin-bottom:10px;font-size:16px}.nickname-input-group input{width:100%;padding:12px 16px;font-size:16px;border:2px solid rgba(255,255,255,.1);border-radius:8px;background:#0003;color:#fff;transition:all .3s;box-sizing:border-box}.nickname-input-group input:focus{outline:none;border-color:gold;background:#0000004d;box-shadow:0 0 0 2px #ffd70033}.nickname-input-group small{display:block;color:#aaa;font-size:12px;margin-top:8px}.nickname-buttons{display:flex;gap:12px;justify-content:center}.nickname-buttons button{padding:12px 30px;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .3s}.btn-save{background:gold;color:#1e3c72;box-shadow:0 4px 6px #0003}.btn-save:hover:not(:disabled){background:#ffed4e;transform:translateY(-2px);box-shadow:0 6px 8px #0000004d}.btn-save:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-cancel{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)!important}.btn-cancel:hover{background:#fff3;transform:translateY(-2px)}@keyframes slideIn{0%{transform:translateY(-20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.profile-modal{max-width:550px}.avatar-section{margin-bottom:24px}.avatar-section label{display:block;color:gold;font-weight:700;margin-bottom:12px;font-size:16px}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.avatar-option{position:relative;cursor:pointer;border-radius:12px;border:2px solid transparent;background:#0003;padding:10px;transition:all .3s;display:flex;flex-direction:column;align-items:center}.avatar-option:hover{border-color:#ffd70080;background:#ffffff1a;transform:translateY(-2px)}.avatar-option.selected{border-color:gold;background:#ffd70026;box-shadow:0 0 15px #ffd70033}.avatar-option img{width:80px;height:80px;border-radius:50%;object-fit:cover;box-shadow:0 4px 6px #0000004d}.avatar-label{font-size:11px;color:gold;margin-top:8px;font-weight:700}.profile-preview{margin-bottom:24px}.profile-preview label{display:block;color:gold;font-weight:700;margin-bottom:10px;font-size:16px}.preview-card{display:flex;align-items:center;gap:20px;background:#0003;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.1)}.preview-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid #ffd700;box-shadow:0 4px 10px #0000004d}.preview-nickname{color:#fff;font-size:20px;font-weight:700}@media (max-width: 500px){.avatar-grid{grid-template-columns:repeat(3,1fr)}.avatar-option img{width:60px;height:60px}}.premium-modal{background:#1e1e1ef2;border-radius:20px;padding:40px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;position:relative;border:2px solid #ffd700;box-shadow:0 0 40px #ffd7004d;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;animation:modalScaleIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-close{position:absolute;top:20px;right:20px;background:#ffffff1a;border:1px solid rgba(255,215,0,.3);font-size:24px;color:gold;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;z-index:10;font-weight:700}.modal-close:hover{background:#ffd70033;border-color:gold;color:#ffed4e;transform:rotate(90deg)}.premium-header{text-align:center;margin-bottom:30px}.premium-icon{font-size:64px;margin-bottom:10px;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(255,215,0,.4))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.premium-header h2{color:gold;font-size:36px;margin:0 0 10px;text-shadow:0 0 20px rgba(255,215,0,.3)}.premium-subtitle{color:#e0e0e0;font-size:16px;margin:0}.premium-content{color:#fff}.premium-features{margin-bottom:30px}.feature-item{display:flex;gap:20px;margin-bottom:16px;padding:20px;background:#0003;border-radius:12px;border:1px solid rgba(255,215,0,.1);transition:all .3s ease}.feature-item:hover{background:#ffd7000d;border-color:#ffd7004d;transform:translate(5px)}.feature-icon{font-size:32px;flex-shrink:0}.feature-text h3{color:gold;font-size:18px;margin:0 0 8px}.feature-text p{color:#ccc;font-size:14px;margin:0;line-height:1.5}.premium-pricing{text-align:center;margin:30px 0;padding:30px;background:#0003;border-radius:16px;border:1px solid rgba(255,215,0,.3);position:relative;overflow:hidden}.premium-pricing:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(255,215,0,.1) 0%,transparent 70%);pointer-events:none}.price-tag{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-bottom:10px}.price-amount{font-size:48px;font-weight:700;color:gold;text-shadow:0 0 20px rgba(255,215,0,.3)}.price-period{font-size:20px;color:#aaa}.price-note{color:#e0e0e0;font-size:14px;margin:0}.btn-upgrade{width:100%;padding:18px 32px;background:linear-gradient(135deg,gold,#fdb931);color:#1a1a2e;border:none;border-radius:12px;font-size:20px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffd7004d;text-transform:uppercase;letter-spacing:1px}.btn-upgrade:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #ffd70080;filter:brightness(1.1)}.btn-upgrade:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.premium-footer-note{text-align:center;color:#aaa;font-size:12px;margin-top:20px;line-height:1.5}.premium-active{text-align:center;padding:1.5rem;background:#10b9811a;border-radius:12px;border:1px solid rgba(16,185,129,.3);margin-top:1rem;margin-bottom:1rem}.premium-status{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.2rem;font-weight:600;color:#34d399;margin-bottom:.5rem}.status-icon{font-size:1.5rem}.expiry-date{color:#e0e0e0;font-size:.9rem;margin-bottom:1rem}.btn-manage{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;width:100%;margin-top:1rem}.btn-manage:hover:not(:disabled){background:#fff3;transform:translateY(-2px)}.btn-manage:disabled{opacity:.6;cursor:not-allowed}.manage-note{font-size:.85rem;color:#aaa;margin-top:1rem;line-height:1.4}@media (max-width: 768px){.premium-modal{padding:24px}.premium-header h2{font-size:28px}.premium-icon{font-size:48px}.price-amount{font-size:36px}.feature-item{padding:16px}.feature-icon{font-size:24px}.feature-text h3{font-size:16px}}.btn-premium-component{border:none;cursor:pointer;transition:all .3s ease;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:4px}.btn-premium-default{padding:8px 16px;background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;border-radius:8px;font-size:14px;box-shadow:0 2px 10px #ffd7004d}.btn-premium-default:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ffd70080;background:linear-gradient(135deg,#ffed4e,gold)}.premium-badge-component{padding:4px 12px;background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;border-radius:12px;font-size:12px;box-shadow:0 2px 10px #ffd70066}.premium-badge-component:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ffd70099;background:linear-gradient(135deg,#ffed4e,gold)}.btn-premium-upgrade-component{padding:16px 40px;background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;border-radius:12px;font-size:18px;box-shadow:0 4px 15px #ffd70066;text-transform:uppercase;letter-spacing:1px}.btn-premium-upgrade-component:hover{transform:translateY(-3px);box-shadow:0 6px 25px #ffd70099;background:linear-gradient(135deg,#ffed4e,gold)}.size-small{padding:6px 12px;font-size:12px}.size-medium{padding:8px 16px;font-size:14px}.size-large{padding:12px 24px;font-size:16px}.game-mode-selector{margin:30px 0}.game-mode-selector h2{text-align:center;font-size:28px;color:gold;margin-bottom:24px}.mode-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:20px}.mode-card{background:linear-gradient(135deg,#ff88001a,#ff88000d);border:2px solid rgba(255,136,0,.3);border-radius:12px;padding:24px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative}.mode-card:hover:not(.locked){transform:translateY(-4px);border-color:#f80;box-shadow:0 8px 24px #ff88004d}.mode-card.locked{opacity:.6;cursor:not-allowed}.mode-icon{font-size:48px;margin-bottom:16px}.mode-icon img{height:120px;object-fit:contain}.mode-card h3{font-size:22px;color:gold;margin:0 0 12px}.mode-card p{font-size:14px;color:#fffc;margin:0 0 20px;line-height:1.5}.btn-select{background:#f80;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.btn-select:hover{background:#f93;transform:scale(1.05)}.lock-badge{background:#f803;color:gold;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-top:12px;display:inline-block}.info-badge{background:#2196f333;color:#64b5f6;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:12px;display:inline-block}.game-footer{width:100%;padding:12px 16px;color:#eee}.footer-inner{max-width:980px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:12px}.footer-left,.footer-right{display:inline-flex;align-items:center}.footer-separator{color:#888;font-size:14px;margin:0 6px}.footer-link{color:#fff;text-decoration:none;font-size:14px;padding:6px 8px;border-radius:6px;transition:background .15s ease,color .15s ease,transform .12s ease}.footer-link:hover{background:#ffffff0f;transform:translateY(-1px)}@media (max-width: 520px){.footer-inner{flex-direction:column;gap:6px}.footer-separator{display:none}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mod.game-modal{background:#1e1e1ef2;padding:32px;border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:500px;width:90%;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border:1px solid rgba(255,255,255,.1);animation:modalFadeIn .3s cubic-bezier(.4,0,.2,1)}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-box h3{margin:0 0 20px;font-size:28px;color:gold;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3)}.modal-box p{margin:0 0 20px;font-size:16px;line-height:1.6;opacity:.9}.modal-details{background:#0003;padding:15px;border-radius:8px;color:#ddd;font-size:14px;margin-bottom:24px;border:1px solid rgba(255,255,255,.1)}.modal-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.modal-btn{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;border:none;transition:all .3s ease;flex:1}.modal-btn.confirm{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;box-shadow:0 4px 6px #0003}.modal-btn.confirm:hover{background:linear-gradient(135deg,#ffed4e,gold);transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.modal-btn.cancel{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.modal-btn.cancel:hover{background:#fff3;transform:translateY(-2px)}.battle-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:200;animation:fadeIn .3s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.battle-modal-content{background:#1e1e1ef2;padding:32px;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080;max-width:500px;width:90%;text-align:center;position:relative;animation:battleModalIn .3s cubic-bezier(.175,.885,.32,1.275);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-width:400px}.battle-content h2{margin:0 0 30px;font-size:32px;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.3)}.battle-dice{display:flex;justify-content:space-around;align-items:center;margin-bottom:30px;background:#0003;padding:20px;border-radius:12px}.battle-player{display:flex;flex-direction:column;align-items:center;gap:15px}.player-label{font-size:18px;font-weight:600;color:#e0e0e0}.dice-roll{width:80px;height:80px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:16px;display:flex;justify-content:center;align-items:center;font-size:48px;font-weight:700;color:gold;animation:diceRoll .6s;box-shadow:0 4px 8px #0003}.vs{font-size:24px;font-weight:700;color:gold;opacity:.8}.battle-result{font-size:32px;font-weight:700;padding:20px;border-radius:12px;animation:resultPop .5s .6s both;margin-top:20px}.battle-result.success{color:#4caf50;background:#4caf5033;border:1px solid rgba(76,175,80,.5);text-shadow:0 0 10px rgba(76,175,80,.3)}.battle-result.failure{color:#f44336;background:#f4433633;border:1px solid rgba(244,67,54,.5);text-shadow:0 0 10px rgba(244,67,54,.3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes diceRoll{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(10deg) scale(1.1)}75%{transform:rotate(-10deg) scale(1.1)}}@keyframes resultPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.building-choice-modal.modal-content{background:#1e1e1ef2;max-width:calc(100vw - 20px);width:90%;max-height:calc(100vh - 40px);overflow-y:auto;padding:32px;box-sizing:border-box;border-radius:16px;box-shadow:0 20px 60px #00000080;color:#fff;border:1px solid rgba(255,255,255,.1);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.building-choice-modal.modal-content::-webkit-scrollbar{width:8px}.building-choice-modal.modal-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.building-choice-modal.modal-content::-webkit-scrollbar-thumb{background:#ffd70080;border-radius:4px}.building-choice-modal.modal-content::-webkit-scrollbar-thumb:hover{background:#ffd700b3}.building-choice-modal .building-options{display:flex;justify-content:center;gap:20px;margin:24px 0;width:100%;flex-wrap:wrap}.building-choice-modal h2{color:gold;text-align:center;margin:0 0 10px;font-size:28px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.building-choice-modal h3{color:gold;margin:10px 0;font-size:20px}.building-choice-modal>p{text-align:center;margin-bottom:24px;color:#e0e0e0}.building-choice-modal .building-option{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;width:220px;min-width:150px;text-align:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;position:relative;overflow:hidden}.building-choice-modal .building-option:hover{background:#ffffff1a;border-color:gold;transform:translateY(-5px);box-shadow:0 10px 20px #0003}.building-choice-modal .building-option.disabled{cursor:not-allowed;opacity:.6;border-color:#ffffff0d;background:#0006}.building-choice-modal .building-option.disabled:hover{transform:none;box-shadow:none;border-color:#ffffff0d}.building-choice-modal .building-icon{width:100px;height:100px;margin-bottom:15px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));transition:transform .3s ease}.building-choice-modal .building-option:hover .building-icon{transform:scale(1.1)}.building-choice-modal .building-description{font-size:14px;color:#ccc;min-height:45px;margin-bottom:15px;line-height:1.4}.building-choice-modal .building-cost{font-weight:700;font-size:16px;color:gold;background:#0000004d;padding:8px 12px;border-radius:20px;display:inline-block}.building-choice-modal .cost-insufficient{color:#f44336;font-size:12px;display:block;margin-top:4px}.building-choice-modal .btn-cancel{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;display:block;margin-left:auto;margin-right:auto;transition:all .3s ease}.building-choice-modal .btn-cancel:hover{background:#fff3;transform:translateY(-2px)}@media (max-width: 600px){.building-choice-modal.modal-content{padding:20px}.building-choice-modal .building-option{width:100%;max-width:none}.building-choice-modal .building-icon{width:80px;height:80px}.building-choice-modal .building-description{min-height:auto}}.quiz-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.quiz-modal{background:#1e1e1ef2;border-radius:16px;padding:32px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;color:#fff;border:1px solid rgba(255,255,255,.1)}.quiz-modal::-webkit-scrollbar{width:8px}.quiz-modal::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.quiz-modal::-webkit-scrollbar-thumb{background:#ffd70080;border-radius:4px}.quiz-modal::-webkit-scrollbar-thumb:hover{background:#ffd700b3}.quiz-modal h2{margin:0 0 24px;text-align:center;font-size:28px;color:gold}.pvp-countdown{text-align:center;padding:40px 20px;animation:pulse 1s ease-in-out infinite}.pvp-countdown h3{font-size:24px;color:gold;margin-bottom:20px;text-shadow:0 0 10px rgba(255,215,0,.5)}.countdown-text{font-size:18px;color:#fff;margin-bottom:20px}.countdown-number{font-size:80px;font-weight:700;color:gold;text-shadow:0 0 20px rgba(218,180,29,.8);animation:countdownPulse 1s ease-in-out}@keyframes countdownPulse{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.pvp-timer{text-align:center;font-size:20px;font-weight:700;color:gold;margin-bottom:20px;padding:10px;background:#0000004d;border-radius:8px;transition:all .3s ease}.pvp-timer.timer-warning{color:#ff9800;background:#ff980033;border:2px solid #ff9800}.pvp-timer.timer-critical{color:#f44336;background:#f4433633;border:2px solid #f44336;animation:timerPulse .5s ease-in-out infinite}@keyframes timerPulse{0%,to{transform:scale(1);box-shadow:0 0 #f4433600}50%{transform:scale(1.02);box-shadow:0 0 20px #f4433680}}.timer-progress-container{margin-bottom:20px;padding:10px 15px;background:#0000004d;border-radius:12px}.timer-progress-label{text-align:center;font-size:18px;font-weight:700;color:gold;margin-bottom:8px}.timer-progress-bar{width:100%;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden}.timer-progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:6px;transition:width .1s linear,background .3s ease}.timer-progress-fill.warning{background:linear-gradient(90deg,#ff9800,#ffc107)}.timer-progress-fill.critical{background:linear-gradient(90deg,#f44336,#ff5722);animation:progressPulse .5s ease-in-out infinite}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.7}}.time-comparison{margin-top:15px;padding:15px;background:#0003;border-radius:8px}.time-comparison p{margin:5px 0;font-size:16px}.quiz-description{text-align:center;margin-bottom:24px;font-size:16px;opacity:.9}.category-selection,.difficulty-selection{margin-bottom:24px}.category-selection h3,.difficulty-selection h3{margin:0 0 12px;font-size:18px;color:gold}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.category-btn{background:#ffffff1a;border:2px solid transparent;padding:16px;border-radius:12px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:8px}.category-btn:hover{background:#fff3;transform:translateY(-2px)}.category-btn.selected{background:#ffd7004d;border-color:gold}.category-icon{font-size:32px}.category-name{font-size:14px;font-weight:600}.difficulty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.difficulty-btn{background:#ffffff1a;border:2px solid transparent;padding:12px;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;font-weight:600}.difficulty-btn:hover{background:#fff3}.difficulty-btn.selected{background:var(--diff-color);border-color:var(--diff-color);box-shadow:0 0 20px var(--diff-color)}.quiz-info{display:flex;gap:12px;margin-bottom:24px;justify-content:center}.category,.difficulty{padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600;text-transform:capitalize}.category{background:#ffd70033;color:gold}.difficulty{background:#fff3}.loading,.error{text-align:center;padding:24px;font-size:18px;word-wrap:break-word;overflow-wrap:break-word}.loading{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.error{color:#ff6b6b}.question,.quiz-question{background:#ffffff1a;padding:16px 24px;border-radius:12px;margin-bottom:24px}.question p,.quiz-question h3{margin:0;font-size:20px;line-height:1.6}.options,.quiz-answers{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.option,.answer-btn{background:#ffffff1a;border:2px solid transparent;padding:12px 16px;border-radius:8px;color:#fff;font-size:16px;cursor:pointer;transition:all .3s ease;text-align:left}.option:hover:not(:disabled),.answer-btn:hover:not(:disabled){background:#fff3;transform:translate(4px)}.option.selected,.answer-btn.selected{background:#ffd7004d;border-color:gold}.option.correct{background:#4caf5066;border-color:#4caf50;animation:correctPulse .5s ease}.option.incorrect{background:#f4433666;border-color:#f44336;animation:incorrectShake .5s ease}.option:disabled{cursor:default}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes incorrectShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.quiz-actions{display:flex;gap:12px;justify-content:flex-end}.btn-cancel,.btn-submit{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel{background:#fff3;color:#fff}.btn-cancel:hover{background:#ffffff4d}.btn-submit{background:gold;color:#1e3c72}.btn-submit:hover:not(:disabled){background:#ffed4e;transform:translateY(-2px)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.result{text-align:center;padding:32px;border-radius:12px}.result.correct{background:#4caf504d}.result.incorrect{background:#f443364d}.result h3{font-size:32px;margin:0 0 16px}.result p{font-size:18px;margin:8px 0}.result .quiz-actions{justify-content:stretch}.result .quiz-actions button{flex:1;width:100%}.explanation{margin-top:16px;padding:16px;background:#ffffff1a;border-radius:8px;font-size:16px;line-height:1.6;color:#fff;border-left:4px solid #ffd700}.hex-tooltip{position:fixed;background:#000000f2;color:#fff;padding:12px 16px;border-radius:8px;border:1px solid #0ff;pointer-events:none;z-index:2000;max-width:250px;box-shadow:0 4px 15px #00ffff4d;font-size:13px;line-height:1.4}.hex-tooltip h4{margin:0 0 8px;color:#0ff;font-size:16px;font-weight:700}.hex-tooltip p{margin:4px 0;font-size:13px;line-height:1.4}.hex-tooltip .tooltip-owner{font-weight:700}.hex-tooltip .tooltip-owner.blue{color:#0ff}.hex-tooltip .tooltip-owner.red{color:#f44}.hex-tooltip .tooltip-owner.neutral{color:#888}.hex-tooltip .tooltip-cost{color:#f80;font-weight:700}.hex-tooltip .tooltip-income{color:#0f0;font-weight:700}.hex-game{width:100vw;height:100vh;overflow:hidden;position:relative;background:#1a1a1a}.loading{display:flex;justify-content:center;align-items:center;color:#fff;font-size:24px;font-family:Arial,sans-serif}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:20px}.page-header-large{margin-bottom:40px}.btn-back-header{background:#ff88001a;color:#f80;border:2px solid #f80;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s;white-space:nowrap}.btn-back-header:hover{background:#f80;color:#fff;transform:translate(-4px)}.page-header-light .btn-back-header{background:#ffffff1a;color:gold;border:2px solid rgba(255,215,0,.3)}.page-header-light .btn-back-header:hover{background:#ffd70033;border-color:gold}.page-logo{display:flex;align-items:center;justify-content:center;flex:1}.page-logo-small img{height:40px;width:auto;filter:drop-shadow(0 0 10px rgba(255,136,0,.3))}.page-logo-large img{height:60px;width:auto;filter:drop-shadow(0 0 15px rgba(255,136,0,.4))}.user-info-header{display:flex;align-items:center;gap:10px;background:#ff88001a;padding:8px 16px;border-radius:8px;border:1px solid rgba(255,136,0,.3)}.user-avatar-header{width:32px;height:32px;border-radius:50%;border:2px solid #f80}.user-name-header{color:#fff;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.header-spacer{width:100px}@media (max-width: 768px){.page-header{gap:10px}.user-name-header{display:none}.user-info-header{padding:6px}.header-spacer{width:50px}.btn-back-header{padding:8px 12px;font-size:12px}.page-logo-small img{height:32px}.page-logo-large img{height:48px}}.privacy-container{min-height:100vh;background:linear-gradient(135deg,#1e3c72,#2a5298);padding:40px 20px;color:#fff}.privacy-content{max-width:900px;margin:0 auto;background:#ffffff0d;border-radius:16px;padding:40px;box-shadow:0 20px 60px #0000004d}.back-button{background:#ffffff1a;border:2px solid rgba(255,215,0,.3);color:gold;padding:10px 20px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:30px}.back-button:hover{background:#ffd70033;border-color:gold;transform:translate(-4px)}.privacy-content h1{font-size:42px;color:gold;margin:0 0 10px;text-align:center}.last-updated{text-align:center;color:#fff9;font-size:14px;margin-bottom:40px}.privacy-content section{margin-bottom:32px}.privacy-content h2{font-size:24px;color:gold;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid rgba(255,215,0,.3)}.privacy-content p{font-size:16px;line-height:1.8;margin:12px 0;color:#ffffffe6}.privacy-content ul{margin:16px 0;padding-left:24px}.privacy-content li{font-size:16px;line-height:1.8;margin:8px 0;color:#ffffffe6}.privacy-content strong{color:gold;font-weight:600}.privacy-footer{margin-top:48px;padding-top:32px;border-top:2px solid rgba(255,215,0,.3);text-align:center}.btn-primary{background:gold;color:#1e3c72;border:none;padding:14px 32px;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{background:#ffed4e;transform:translateY(-2px);box-shadow:0 8px 20px #ffd70066}@media (max-width: 768px){.privacy-content{padding:24px}.privacy-content h1{font-size:32px}.privacy-content h2{font-size:20px}.privacy-content p,.privacy-content li{font-size:14px}}.series-detail{width:100%;max-width:900px;margin:0 auto}.series-detail-header{margin-bottom:24px}.btn-back-detail{background:#f803;color:#f80;border:2px solid #f80;padding:10px 20px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-back-detail:hover{background:#f80;color:#fff}.series-detail-info{background:#1e1e1ef2;border:2px solid rgba(255,136,0,.4);border-radius:12px;padding:24px;margin-bottom:32px;display:flex;gap:24px;align-items:flex-start;position:sticky;top:10px;z-index:999}.series-detail-icon{font-size:80px;flex-shrink:0}.series-detail-info h2{font-size:32px;color:gold;margin:0 0 8px}.series-detail-info p{font-size:16px;color:#fffc;margin:0 0 16px;line-height:1.5}.series-stats{display:flex;gap:16px;flex-wrap:wrap}.stat-item{background:#f803;color:gold;padding:6px 12px;border-radius:16px;font-size:14px;font-weight:600}.games-list{margin-top:32px}.games-list h3{font-size:24px;color:gold;margin-bottom:20px}.game-item{background:linear-gradient(135deg,#ff88001a,#ff88000d);border:2px solid rgba(255,136,0,.3);border-radius:12px;padding:20px;margin-bottom:16px;display:flex;gap:20px;align-items:center;cursor:pointer;transition:all .3s ease}.game-item:hover:not(.locked){transform:translate(8px);border-color:#f80;box-shadow:0 4px 16px #ff88004d}.game-item.locked{opacity:.5;cursor:not-allowed}.game-item.completed{border-color:#00ff004d}.game-number{width:48px;height:48px;background:#f80;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;flex-shrink:0}.game-item.completed .game-number{background:#0a0}.game-item.locked .game-number{background:#666}.game-info{flex:1}.game-info h4{font-size:20px;color:gold;margin:0 0 6px}.game-info p{font-size:14px;color:#ffffffb3;margin:0 0 12px}.game-details{display:flex;gap:8px;flex-wrap:wrap}.detail-badge{background:#ff880026;color:#fffc;padding:4px 10px;border-radius:12px;font-size:12px}.game-attempts{margin-top:8px;font-size:13px;color:#fff9}.game-status{flex-shrink:0}.status-icon{font-size:32px}.series-completed-banner{background:linear-gradient(135deg,#0f03,#00ff001a);border:2px solid rgba(0,255,0,.4);border-radius:12px;padding:24px;margin-top:32px;display:flex;gap:20px;align-items:center}.banner-icon{font-size:64px}.banner-text h3{font-size:24px;color:#0f0;margin:0 0 8px}.banner-text p{font-size:16px;color:#fffc;margin:0}.loading{text-align:center;padding:40px;color:#fff9;font-size:16px}.login-required-banner{background:linear-gradient(135deg,#f803,#ff88001a);border:2px solid rgba(255,136,0,.4);border-radius:12px;padding:24px;margin-bottom:24px;text-align:left}.login-required-banner .banner-content{display:flex;gap:20px;align-items:center;justify-content:center;margin-bottom:20px}.login-required-banner .banner-icon{font-size:48px}.login-required-banner .banner-text h3{font-size:24px;color:gold;margin:0 0 8px}.login-required-banner .banner-text p{font-size:16px;color:#fffc;margin:0}@media (max-width: 768px){.series-detail-info{position:static}}.study-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.study-modal{background:#1e1e1ef2;border-radius:20px;border:1px solid rgba(255,255,255,.1);max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.study-modal-header{background:#0003;border-bottom:1px solid rgba(255,255,255,.1);padding:25px 30px;text-align:center;position:relative}.study-modal-close{position:absolute;top:15px;right:15px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;padding:0;line-height:1}.study-modal-close:hover{background:#fff3;transform:rotate(90deg);color:gold}.study-modal-header h2{margin:0;color:gold;font-size:28px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.study-progress{margin-top:10px;color:#ccc;font-size:14px}.study-modal-content{flex:1;overflow-y:auto;padding:30px;color:#fff}.study-modal-content::-webkit-scrollbar{width:8px}.study-modal-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.study-modal-content::-webkit-scrollbar-thumb{background:#ffd70080;border-radius:4px}.study-modal-content::-webkit-scrollbar-thumb:hover{background:#ffd700b3}.study-modal-content h3{color:gold;font-size:24px;margin:0 0 20px;text-align:center}.study-image{text-align:center;margin:20px 0}.study-image img{max-width:100%;max-height:300px;border-radius:10px;border:4px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d}.study-images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:20px 0}.study-image-item{display:flex;flex-direction:column;background:#0003;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease}.study-image-item:hover{transform:translateY(-5px);background:#ffffff0d}.study-image-item img{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;border-radius:8px;margin-bottom:8px;box-shadow:0 4px 10px #0003}.study-image-caption{font-size:14px;color:#ccc;text-align:center;margin-top:auto}.study-text{line-height:1.8;font-size:16px;color:#e0e0e0;margin-bottom:20px}.study-text p{margin:15px 0}.study-text strong{color:#fff;font-weight:600}.study-key-points{background:#0003;border-left:4px solid #ffd700;padding:20px;border-radius:8px;margin:20px 0}.study-key-points h4{margin:0 0 15px;color:gold;font-size:18px;font-weight:600}.study-key-points ul{margin:0;padding-left:20px}.study-key-points li{margin:10px 0;line-height:1.6;color:#e0e0e0}.study-links{background:#0003;border-left:4px solid #6495ed;padding:20px;border-radius:8px;margin:20px 0}.study-links h4{margin:0 0 15px;color:#6495ed;font-size:18px;font-weight:600}.study-links ul{margin:0;padding-left:20px}.study-links li{margin:10px 0}.study-links a{color:#6495ed;text-decoration:none;transition:color .3s}.study-links a:hover{color:#87ceeb;text-decoration:underline}.study-modal-actions{border-top:1px solid rgba(255,255,255,.1);padding:20px 30px;display:flex;gap:15px;justify-content:center;background:#0003}.btn-study{padding:12px 30px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;min-width:120px}.btn-previous{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-previous:hover{background:#fff3;transform:translateY(-2px)}.btn-next{background:gold;color:#1e3c72}.btn-next:hover{background:#ffed4e;transform:translateY(-2px);box-shadow:0 4px 10px #0000004d}.btn-start{background:linear-gradient(135deg,gold,#fdb931);color:#1a1a2e;padding:15px 40px;font-size:18px;box-shadow:0 4px 15px #ffd7004d}.btn-start:hover{background:linear-gradient(135deg,#ffed4e,#fdb931);transform:translateY(-2px);box-shadow:0 6px 25px #ffd70080}@media (max-width: 768px){.study-modal{max-width:95%;max-height:95vh}.study-modal-header{padding:20px}.study-modal-header h2{font-size:22px}.study-modal-content{padding:20px}.study-modal-content h3{font-size:20px}.study-text{font-size:14px}.study-modal-actions{flex-direction:column;padding:15px}.btn-study{width:100%}}