.app-header{width:100%;height:220px;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(90deg,gold,#ff4500);position:relative;z-index:10;margin-bottom:22px;padding:0;overflow:visible}.header-logo-bg{display:flex;align-items:center;justify-content:center;background:transparent;border-radius:50%;padding:0;transition:box-shadow .25s,transform .25s;animation:logo-fadein .8s cubic-bezier(.4,2,.6,1) .1s backwards}.header-logo-bg img{max-height:320px;max-width:540px;width:auto;height:auto;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;margin-bottom:-50px}@media (max-width: 900px){.app-header{height:180px}.header-logo-bg img{max-height:120px;max-width:90vw}}@keyframes logo-fadein{0%{opacity:0;transform:translateY(-30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.header-user-info{position:absolute;right:10px;bottom:12px;display:flex;align-items:center;gap:15px;z-index:20}.header-user-email{background:#000000b3;color:#fff;font-weight:500;border-radius:24px;padding:9px 18px;font-size:1.02rem;border:1px solid #FF8C00;display:flex;align-items:center;gap:8px}.header-user-email .user-email-icon{color:#ff8c00;font-size:1.2em}@media (max-width: 768px){.app-header{padding:20px 8px 32px;min-height:115px}.header-brand{align-items:center}.header-logo{font-size:2rem}.header-tagline{font-size:.95rem}.header-user-info{right:50%;left:0;transform:translate(50%);bottom:6px;justify-content:center;position:absolute;width:95vw}}.navbar{background:#181818;width:100%}.navbar-content{display:flex;align-items:center;justify-content:center;height:74px;padding:0 32px}.navbar-title-group{display:flex;flex-direction:column;align-items:center}.navbar-title{font-size:2rem;color:#fff;font-weight:700;letter-spacing:1px}.navbar-subtitle{font-size:1rem;color:gold;font-style:italic}.navbar-menu{display:flex;gap:20px;justify-content:center;align-items:center}.navbar-btn{background:#00000080;border:2px solid #FF8C00;color:#fff;padding:9px 28px;border-radius:16px;font-size:1.07rem;font-family:inherit;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:9px;line-height:1.2;transition:background .15s,border-color .15s,color .15s,filter .17s;box-shadow:none}.navbar-btn:hover{filter:brightness(1.2);border-color:#e67300}.navbar-btn-help{border-color:orange!important;color:orange!important;background:transparent!important}.navbar-btn-help:hover,.navbar-btn-help:focus{background:#000000b3!important;border-color:#ff8c00!important;color:#fff!important;filter:none!important}.navbar-icon{font-size:1.35em;display:flex;align-items:center}.footer{width:100%;background:#000000e6;padding:30px 0 20px;text-align:center;font-family:Segoe UI,Arial,sans-serif;color:#e0e0e0;font-size:.95rem;z-index:10;letter-spacing:.5px;display:flex;flex-direction:column;align-items:center;gap:8px}.footer-copyright{font-size:1rem;font-weight:500;color:#fff;margin-bottom:5px}.footer-tagline{font-size:.9rem;color:silver;font-style:italic;margin-bottom:10px}.footer-links{display:flex;gap:20px;margin-top:10px}.footer-link{color:#ff8c00;text-decoration:none;font-weight:600;transition:color .2s ease-in-out}.footer-link:hover{color:#e67300;text-decoration:underline}@media (max-width: 768px){.footer{padding:20px 15px}.footer-links{flex-direction:column;gap:8px}}.news-panel{background:#fff;color:#333;border-left:6px solid #FF9800;border-radius:8px;box-shadow:0 6px 20px #0000001a;padding:24px;display:flex;flex-direction:column;flex:2 1 0;max-width:none;margin:0}.news-panel-full-width{flex:1 1 100%}.news-panel-note{background:#fff4f0;border-left:4px solid #FF6347;padding:12px 16px;border-radius:4px;font-style:italic;margin-bottom:20px;color:#c0392b;line-height:1.4}.news-panel-note p{margin-bottom:10px;line-height:1.5}.discord-call-to-action{text-align:center;margin-top:15px;font-size:1.1em}.discord-link{color:#5865f2;font-size:1.2em;font-weight:700;text-decoration:underline;transition:color .2s,text-shadow .2s;text-shadow:0 0 5px rgba(88,101,242,.5)}.discord-link:hover{color:#7289da;text-shadow:0 0 8px rgba(114,137,218,.7)}.news-panel-title{font-size:1.8rem;font-weight:700;color:#d35400;margin-bottom:16px;text-shadow:0 1px 2px rgba(211,84,0,.2)}.news-panel-body{flex:1 1 auto;overflow-y:auto}.news-panel-body p{margin-bottom:16px;line-height:1.6}.news-features,.donation-list{list-style:inside disc;margin:0 0 24px;padding-left:1em}.news-features li,.donation-list li{margin-bottom:12px;line-height:1.6}.news-features strong{color:#e67e22}.news-panel-donation{background:#f0f8ff;border-left:4px solid #3498db;padding:16px 20px;border-radius:4px;margin-top:24px}.donation-header{font-size:1.5rem;color:#2980b9;font-weight:700;margin-bottom:12px}@media (max-width: 868px){.news-panel{padding:20px;width:100%}.news-panel-title{font-size:1.6rem}.news-panel-note,.news-panel-donation{font-size:.95rem}}.auth-form-card{width:100%;max-width:420px;flex:1;background:#fff;border-radius:14px;box-shadow:0 4px 24px #1e185726,0 1.5px 10px #00000014;padding:42px 40px 32px;display:flex;flex-direction:column;gap:22px;align-items:center}.login-title{color:#111;font-size:1.8rem;margin-bottom:20px;text-align:center;font-weight:700}.input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:8px;width:100%}.input-group input{padding:12px 15px;border-radius:8px;border:1.5px solid #e0c885;background:#f7f6f2;font-size:1.15rem;transition:border .16s;outline:none;width:100%;box-sizing:border-box}.input-group input:focus{border:1.6px solid #26a1ff;outline:none}.auth-submit-btn{background:linear-gradient(90deg,#2473d2,#1976d2 94%);color:#fff;border:none;border-radius:10px;font-size:1.25rem;font-weight:600;padding:14px 0;cursor:pointer;margin-top:20px;transition:background .16s,box-shadow .16s;box-shadow:0 1.5px 6px #2473d221;width:100%;box-sizing:border-box}.auth-submit-btn:hover{background:linear-gradient(90deg,#1976d2,#1976d2 94%)}.auth-submit2-btn{background:linear-gradient(90deg,#2473d2,#1976d2 94%);color:#fff;border:none;border-radius:10px;font-size:1.2rem;font-weight:600;padding:14px 0;cursor:pointer;margin-top:5px;transition:background .16s,box-shadow .16s;width:100%;box-sizing:border-box}.auth-links{display:flex;flex-direction:column;gap:8px;align-items:stretch;margin-top:15px;width:100%}.auth-links a{color:#1976d2;text-decoration:underline;font-size:1.1rem;font-weight:700;text-align:center}.auth-links a:last-child{margin-bottom:0}.error{color:red;font-size:1rem;text-align:center;margin-top:10px}.home-panels-container{display:flex;gap:40px;align-items:flex-start;justify-content:center;width:100%;max-width:1200px;margin:0 auto;padding:48px 20px}.home-panels-container.logged-in{justify-content:center}.home-panels-container>*{min-width:0}@media (max-width: 900px){.home-panels-container{flex-direction:column;align-items:center;gap:24px;padding:0 15px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{position:relative;background:#191919;border:2px solid #FF8C00;border-radius:15px;padding:32px 28px 28px;width:100%;max-width:500px;box-shadow:0 8px 30px #ff8c0033,0 2px 8px #00000036;color:#fff;font-family:Inter,Segoe UI,Arial,sans-serif}.modal-close-btn{position:absolute;top:16px;right:16px;background:transparent;border:none;font-size:1.8rem;color:#fff;cursor:pointer;line-height:1;padding:4px;border-radius:50%;transition:color .2s,background .2s}.modal-close-btn:hover{color:#ff8c00;background:#ff8c001a}.modal-title{margin:0 0 24px;font-size:1.6rem;font-weight:700;text-align:center;color:#ff8c00}.login-label{display:flex;flex-direction:column;color:#fff;font-size:1.4rem;font-weight:500;margin-bottom:16px}.login-input{width:100%;padding:8px 12px;height:38px;font-size:1rem;font-weight:600;color:#fff;background:#000;border:1.5px solid #000000;border-radius:8px;box-sizing:border-box;margin-bottom:16px;outline:none;transition:border-color .18s,box-shadow .18s}.login-label input:focus{border-color:#ff8c00;box-shadow:0 0 0 2px #ff8c0026}.login-label input[disabled]{border-color:#333}.login-btn{width:100%;background:#ff8c00;color:#fff;font-weight:700;border:none;border-radius:9px;font-size:1.1rem;padding:12px 0;cursor:pointer;margin-top:10px;box-shadow:0 2px 8px #ff8c0026;transition:transform .13s cubic-bezier(.33,1,.68,1),box-shadow .15s cubic-bezier(.33,1,.68,1),opacity .18s}.login-btn.clicked{transform:scale(.93);box-shadow:0 0 0 4px #ffae0088;background:linear-gradient(90deg,#f90 40%,#ff8c00);opacity:.96}.login-btn:hover{opacity:.93;box-shadow:0 4px 16px #ff8c0038}.modal-error{color:#ff2a2a;font-size:.97rem;font-weight:500;margin-top:12px;text-align:left}@media (max-width: 600px){.modal-content{padding:24px 16px;max-width:95vw}.modal-title{font-size:1.4rem}.login-label{font-size:.95rem}.login-input{height:34px;font-size:.95rem}.login-btn{font-size:1rem;padding:10px 0}}.help-page-content{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:48px 5%;background:#191919;min-height:calc(100vh - var(--header-height, 100px) - var(--navbar-height, 74px) - var(--footer-height, 60px));color:#fff}.help-panel{width:100%;max-width:650px;background:#141416f2;border-radius:18px;box-shadow:0 6px 32px #00000040;padding:48px 40px 40px;display:flex;flex-direction:column;align-items:center}.help-panel h1{color:#ff4500;font-size:2rem;font-weight:700;margin-bottom:8px;text-align:center}.help-panel .title-underline{width:100px;height:4px;background:#ff4500;border-radius:2px;margin:0 auto 24px}.subtitle{width:100%;color:#fff;font-size:1.1rem;text-align:left;line-height:1.6;margin-bottom:32px;opacity:.9}.subtitle p{margin-bottom:16px}.subtitle ul{list-style:disc inside;margin-left:1rem}.support-form{width:100%;display:flex;flex-direction:column;gap:18px}.support-form input,.support-form textarea{font-size:1rem;padding:14px;border-radius:12px}.submit-btn{background:#2077f3;padding:16px 0;font-size:1.18rem;border-radius:12px;box-shadow:0 4px 24px #2077f329;transition:transform .1s,box-shadow .2s}.submit-btn:hover:not(:disabled),.submit-btn:focus-visible{transform:translateY(-2px);box-shadow:0 8px 32px #144c9e3d}.form-success,.form-error{padding:12px 0;font-size:1rem;border-radius:10px}.donate-page-content{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:48px 15vw;background:#191919;min-height:calc(100vh - var(--header-height, 100px) - var(--navbar-height, 74px) - var(--footer-height, 60px));color:#fff}.donate-panel{background:#141414ed;border:2px solid #fff;border-radius:18px;padding:48px 60px;width:clamp(300px,80%,1200px);box-shadow:0 4px 20px #0000004d}.donate-title{font-size:2.5rem;font-weight:700;color:gold;margin-bottom:40px;text-align:center;letter-spacing:1px;text-shadow:0 2px 8px rgba(255,215,0,.2)}.donate-intro{font-size:1.15rem;line-height:1.7;margin-bottom:40px;color:#e0e0e0;text-align:center}.donate-section{margin-bottom:60px}.section-title{font-size:1.8rem;font-weight:700;color:#e94423;margin-bottom:25px;border-bottom:2px solid #f2691e;padding-bottom:8px}.pix-image-wrapper{text-align:center;margin:2.5rem 0}.pix-image{max-width:320px;height:auto;border-radius:8px;box-shadow:0 2px 8px #0003}.pix-details{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;background:#1e1e1ecc;border:1px solid #444;border-radius:10px;padding:30px}.highlight-text{color:gold;font-weight:700;word-break:break-all;flex:1}.copy-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:999px;font-weight:700;cursor:pointer;background:linear-gradient(90deg,gold,orange);transition:transform .2s,box-shadow .2s}.copy-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.copy-button.copied{background:#4caf50}.donate-note{font-size:.95rem;color:#888;margin-top:15px;font-style:italic}@media (max-width: 768px){.donate-page-content{padding:48px 10vw}.donate-panel{padding:40px 30px}.donate-title{font-size:2rem}.section-title{font-size:1.5rem}}@media (max-width: 480px){.donate-panel{padding:30px 20px}.donate-title{font-size:1.8rem}.section-title{font-size:1.3rem}}.download-page-content{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:48px 20px;background:#191919;min-height:calc(100vh - var(--header-height, 100px) - var(--navbar-height, 74px) - var(--footer-height, 60px));color:#fff}.download-panel{background:#141414ed;border:2px solid #fff;border-radius:18px;padding:32px 40px;max-width:800px;width:100%;box-shadow:0 4px 20px #0000004d;text-align:left}.download-title{font-size:2.5rem;font-weight:700;color:gold;margin-bottom:25px;text-align:center;letter-spacing:1px;text-shadow:0 2px 8px rgba(255,215,0,.2)}.download-intro{font-size:1.15rem;line-height:1.7;margin-bottom:30px;color:#e0e0e0;text-align:center}.download-section{margin-bottom:40px}.download-links-group{display:flex;flex-direction:column;gap:15px;margin-top:15px}.download-btn{display:inline-block;padding:12px 25px;border-radius:8px;font-size:1.1rem;font-weight:700;text-align:center;text-decoration:none;transition:background .2s ease-in-out,transform .1s ease-in-out;cursor:pointer}.primary-download-btn{background:linear-gradient(90deg,#3197ff,#1976d2 94%);color:#fff;box-shadow:0 4px 15px #3197ff4d}.primary-download-btn:hover{background:linear-gradient(90deg,#1976d2,#3197ff 94%);transform:translateY(-2px)}.secondary-download-btn{background:#444;color:#fff;border:1px solid #666}.secondary-download-btn:hover{background:#555;transform:translateY(-2px)}.download-note{font-size:.95rem;color:#888;margin-top:5px;font-style:italic}.requirements-list,.instructions-list{list-style:none;padding-left:0;margin-top:15px}.requirements-list li,.instructions-list li{margin-bottom:10px;font-size:1.05rem;line-height:1.6;color:silver}.requirements-list strong{color:gold}.instructions-list li{counter-increment:step-counter;position:relative;padding-left:30px}.instructions-list li:before{content:counter(step-counter) ".";position:absolute;left:0;color:#e94423;font-weight:700}.email-link{color:#3197ff;text-decoration:none;transition:color .2s ease-in-out}.email-link:hover{color:#1976d2;text-decoration:underline}@media (max-width: 768px){.download-page-content{padding:24px 15px}.download-panel{padding:25px}.download-title{font-size:2rem;margin-bottom:20px}.section-title{font-size:1.5rem;margin-bottom:15px}.download-intro,.download-btn,.download-note,.requirements-list li,.instructions-list li{font-size:1rem}}@media (max-width: 480px){.download-panel{padding:20px 15px}.download-title{font-size:1.8rem}.section-title{font-size:1.3rem}}.ranking-page-content{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:48px 20px;background:#191919;min-height:calc(100vh - var(--header-height, 100px) - var(--navbar-height, 74px) - var(--footer-height, 60px));color:#fff}.ranking-panel{background:#141414ed;border:2px solid #fff;border-radius:18px;padding:32px 40px;max-width:900px;width:100%;box-shadow:0 4px 20px #0000004d;text-align:left}.ranking-title{font-size:2.5rem;font-weight:700;color:gold;margin-bottom:25px;text-align:center;letter-spacing:1px;text-shadow:0 2px 8px rgba(255,215,0,.2)}.ranking-intro{font-size:1.15rem;line-height:1.7;margin-bottom:30px;color:#e0e0e0;text-align:center}.ranking-section{margin-bottom:40px}.section-title{font-size:1.8rem;font-weight:700;color:#e94423;margin-bottom:20px;border-bottom:2px solid #f2691e;padding-bottom:8px}.table-container{overflow-x:auto;margin-top:20px}table{width:100%;border-collapse:collapse;margin-bottom:20px;background:#1e1e1ecc;border-radius:10px;overflow:hidden}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #444;color:silver}th{background:#2a2a2a;color:gold;font-weight:700;text-transform:uppercase;font-size:.95rem}tbody tr:nth-child(2n){background:#282828cc}tbody tr:hover{background:#323232e6}.ranking-note{font-size:.95rem;color:#888;margin-top:10px;font-style:italic;text-align:center}@media (max-width: 768px){.ranking-page-content{padding:24px 15px}.ranking-panel{padding:25px}.ranking-title{font-size:2rem;margin-bottom:20px}.section-title{font-size:1.5rem;margin-bottom:15px}th,td{padding:8px 10px;font-size:.9rem}}@media (max-width: 480px){.ranking-panel{padding:20px 15px}.ranking-title{font-size:1.8rem}.section-title{font-size:1.3rem}th,td{font-size:.8rem}}body{background:#101010}.register-card{margin:42px auto;max-width:420px;background:#fff;border-radius:18px;box-shadow:0 4px 24px #0000002e;padding:46px 36px 36px;display:flex;flex-direction:column;align-items:stretch}.register-title{margin-bottom:12px;font-size:2.1rem;font-weight:700;text-align:center;color:#181818;letter-spacing:1px}form label{color:#111;font-weight:500;margin-bottom:4px;margin-top:14px}form input,form select{width:100%;padding:10px 12px;margin-bottom:2px;margin-top:4px;border:1.5px solid #ffe175;border-radius:10px;font-size:1rem;background:#fffefa;outline:none;transition:border .2s}form input:focus,form select:focus{border-color:#3b82f6}.register-btn{margin:16px 0 8px;width:100%;padding:12px;border:none;border-radius:12px;background:#2263e6;color:#fff;font-size:1.15rem;font-weight:700;cursor:pointer;box-shadow:0 2px 12px #2263e624;transition:background .2s}.register-btn:hover{background:#1955c7}.register-links{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:6px}.register-link{color:#1697e6;font-size:.99rem;text-decoration:underline;cursor:pointer;margin:3px 0}.form-error{background:#ffefea;color:#c72c2c;border-left:3px solid #f44e4e;border-radius:6px;margin:10px 0 0;padding:7px 10px;font-size:.97rem;font-weight:500;text-align:center}.admin-page-container{min-height:75vh;background:linear-gradient(100deg,#191919 70%,#22232f);display:flex;flex-direction:column;align-items:center;padding:56px 18px 32px;width:100%}.admin-panel-card{background:#1c1c1efa;border:2.2px solid #FF8C00;border-radius:19px;box-shadow:0 6px 36px #ff8c0033,0 2px 12px #0007;padding:44px 36px;max-width:720px;width:100%;margin:0 auto 36px;color:#fff;position:relative}.admin-panel-title{text-align:center;font-size:2.2rem;font-weight:800;letter-spacing:2px;color:gold;margin-bottom:16px;text-shadow:0 2px 10px #ff8c0044}.admin-panel-subtitle{text-align:center;color:#ff8c00;font-weight:600;font-size:1.08rem;margin-bottom:28px;letter-spacing:.8px}.admin-panel-placeholder{padding:28px 18px;background:#2c2c37d1;border-radius:14px;border:1.2px dashed #FF8C00;color:gold;font-weight:500;text-align:center;margin-top:22px;font-size:1.13rem}@media (max-width: 800px){.admin-panel-card{padding:25px 8px}.admin-page-container{padding:34px 6px}}.server-info-bottom-left{position:absolute;top:200px;left:640px;z-index:10;display:flex;align-items:center;padding:0}@media (max-width: 800px){.server-info-bottom-left{position:static;justify-content:center;margin-bottom:15px;margin-top:-12px}}.character-card{background:#000000b3;border:none;border-radius:10px;padding:20px;text-align:center;cursor:pointer;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;box-shadow:0 4px 15px #0003;color:#e0e0e0;display:flex;flex-direction:column;justify-content:space-between;min-height:150px;position:relative}.character-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #ff8c004d}.character-card-name{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:10px;text-shadow:1px 1px 2px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character-card-detail{font-size:1.1rem;color:silver;margin-bottom:5px}.character-card-value{color:#ff8c00;font-weight:600}.character-delete-btn{position:absolute;top:10px;right:10px;background:#f009;color:#fff;border:none;border-radius:50%;width:30px;height:30px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:.9rem;transition:background .2s ease-in-out,transform .1s ease-in-out;box-shadow:0 2px 5px #0003}.character-delete-btn:hover{background:#f00c;transform:scale(1.1)}.add-character-card{background:#000000b3;border:none;border-radius:10px;padding:20px;text-align:center;cursor:pointer;transition:transform .2s ease-in-out,border-color .2s ease-in-out,background .2s ease-in-out,opacity .3s ease-in-out;box-shadow:0 4px 15px #0003;color:#e0e0e0;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:150px}.add-character-card:hover{transform:translateY(-5px);border-color:transparent;background:#000c;box-shadow:0 8px 25px #ff8c004d}.add-character-card.disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 4px 15px #0003}.add-character-card.disabled:hover{background:#000000b3;border-color:transparent}.add-character-icon{font-size:3.5rem;color:#ff8c00;margin-bottom:10px}.add-character-text{font-size:1.2rem;font-weight:700;color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#1b1b1b;border:2px solid #FF8C00;border-radius:12px;width:90%;max-width:500px;padding:30px;box-shadow:0 10px 40px #ff8c0040;color:#e0e0e0;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}.modal-title{margin:0;font-size:2rem;font-weight:700;color:#ff8c00;text-align:center}.modal-detail{font-size:1rem;color:silver;margin:0}.modal-detail .modal-value{color:#ff8c00;font-weight:600}.modal-username{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:20px}.modal-username__label{font-size:1.4rem;font-weight:500;color:silver}.modal-username__value{font-size:1.4rem;font-weight:700;color:#ff8c00;background:#ff8c001a;border-radius:4px;padding:2px 6px}.modal-content label{display:block;font-size:1rem;font-weight:500;color:silver;margin-bottom:6px}.modal-content input,.modal-content select,.modal-content textarea{width:100%;padding:10px 12px;font-size:1rem;color:#fff;background:#2a2a2a;border:1px solid #444;border-radius:6px;box-sizing:border-box;margin-bottom:16px;transition:border-color .2s,box-shadow .2s}.modal-content input:focus,.modal-content select:focus,.modal-content textarea:focus{border-color:#ff8c00;box-shadow:0 0 0 3px #ff8c0033;outline:none}.modal-content input:disabled,.modal-content select:disabled,.modal-content textarea:disabled{background:#333;border-style:dashed;color:#666;cursor:not-allowed}.modal-error,.form-error,.reset-error{color:#e74c3c;font-size:.9rem;text-align:center;margin-bottom:12px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:8px}.modal-actions button,.modal-content .btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;font-size:1rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:background .2s,transform .1s}.reset-password{background:#ff8c00;color:#fff;box-shadow:0 2px 8px #ff8c0026}.reset-password:hover{background:#e67300;transform:translateY(-1px)}.btn--primary,.modal-actions button:first-child{background:#ff8c00;color:#fff}.btn--primary:hover,.modal-actions button:first-child:hover{background:#e67300;transform:translateY(-1px)}.btn--outline,.modal-actions button:nth-child(2){background:transparent;border:1px solid #ccc;color:#ccc}.btn--outline:hover,.modal-actions button:nth-child(2):hover{background:#ffffff1a;transform:translateY(-1px)}.btn--secondary,.modal-actions button:last-child{background:#444;color:#fff;border:1px solid #666}.btn--secondary:hover,.modal-actions button:last-child:hover{background:#555;transform:translateY(-1px)}@media (max-width: 600px){.modal-content{padding:20px;max-width:95vw}.modal-title{font-size:1.6rem}.modal-actions{flex-direction:column;gap:10px}.modal-actions button,.reset-password,.btn{width:100%;justify-content:center}}.modal-close-btn{position:absolute;top:18px;right:24px;background:transparent;border:none;font-size:2rem;color:#ff8c00;cursor:pointer;font-weight:700;z-index:2;transition:color .2s}.modal-close-btn:hover{color:#ffb347;background:#00000014;border-radius:50%}.dashboard-root{min-height:100vh;color:#333;font-family:Roboto,Segoe UI,Arial,sans-serif;padding-bottom:40px;width:100vw;box-sizing:border-box}.dashboard-header{display:flex;justify-content:space-between;align-items:center;background:#2c3e50;padding:24px 40px 16px;border-bottom:2px solid #FF8C00;border-top-left-radius:.7em;border-top-right-radius:.7em;max-width:1400px;margin:0 auto}.dashboard-title{color:#fff;font-size:2.1rem;font-weight:700;letter-spacing:1.5px}.dashboard-user-area{display:flex;align-items:center;gap:18px}.dashboard-user-email{background:#000000b3;color:#fff;font-weight:500;border-radius:24px;padding:9px 18px;font-size:1.02rem;border:1px solid #FF8C00;display:flex;align-items:center;gap:8px}.user-email-icon{color:#ff8c00;font-size:1.2em}.dashboard-logout-btn{background:#ff8c00;color:#fff;border:none;border-radius:8px;padding:8px 22px;font-size:1rem;font-weight:600;cursor:pointer;margin-left:6px;transition:background .2s}.dashboard-logout-btn:hover{background:#e67300}.dashboard-main-content{max-width:1400px;width:96vw;min-width:350px;margin:1px auto 0;background:#fff8e1;border-radius:22px;box-shadow:0 4px 32px #0001;padding:34px 32px 32px;box-sizing:border-box}.dashboard-welcome-section{margin-bottom:44px;text-align:center}.dashboard-welcome-section h2{color:#333;font-size:2rem;font-weight:700;letter-spacing:1px;margin-bottom:6px}.dashboard-welcome-section h2 span{color:#ff8c00}.dashboard-welcome-section p{color:#555;font-size:1.11rem;margin:0 auto;max-width:420px}.dashboard-characters-section{width:100%;background:#ff8c00;border-radius:18px;padding:32px 40px 28px;box-shadow:0 2px 13px #0000001a;border:2px solid #E67300;margin:0 auto;box-sizing:border-box}.dashboard-characters-section h3{color:#fff;font-size:1.6rem;font-weight:700;margin-bottom:18px;letter-spacing:1.2px}.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px;align-items:stretch}.character-limit-message{color:#fff;background-color:#0000008c;border-radius:8px;padding:10px 15px;margin-top:20px;text-align:center;font-size:.98rem;font-weight:500}@media (max-width: 1050px){.dashboard-main-content{width:99vw;max-width:99vw;padding:18px 2vw}.dashboard-header{max-width:99vw;padding:18px 2vw 12px}.dashboard-characters-section{padding:16px 2vw}.character-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width: 700px){.dashboard-main-content{padding:8px 0;border-radius:0}.dashboard-header{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 0 10px;border-radius:0}.dashboard-characters-section{padding:8px 0;border-radius:0}.character-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}}@media (max-width: 480px){.dashboard-main-content{padding:2px 0;border-radius:0;min-width:unset}.dashboard-characters-section{padding:4px 0;border-radius:0}.character-grid{grid-template-columns:1fr}}.forgot-password-page-content{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:48px 20px;background:#191919;min-height:calc(100vh - var(--header-height, 100px) - var(--navbar-height, 74px) - var(--footer-height, 60px));color:#fff}.forgot-password-card{margin:0 auto;max-width:420px;width:100%;background:#fff;border-radius:18px;box-shadow:0 4px 24px #0000002e;padding:46px 36px 36px;display:flex;flex-direction:column;align-items:stretch}.forgot-password-title{margin-bottom:12px;font-size:2.1rem;font-weight:700;text-align:center;color:#181818;letter-spacing:1px}.forgot-password-intro{font-size:1rem;color:#555;text-align:center;margin-bottom:20px;line-height:1.5}.forgot-password-form{display:flex;flex-direction:column;gap:15px}.forgot-password-form .input-group label{color:#111;font-weight:500;margin-bottom:4px;margin-top:0}.forgot-password-form .input-group input{width:100%;padding:10px 12px;border:1.5px solid #ffe175;border-radius:10px;font-size:1rem;background:#fffefa;outline:none;transition:border .2s;box-sizing:border-box}.forgot-password-form .input-group input:focus{border-color:#3b82f6}.forgot-password-form button[type=submit]{margin-top:5px;width:100%;padding:12px;border:none;border-radius:12px;background:#2263e6;color:#fff;font-size:1.15rem;font-weight:700;cursor:pointer;box-shadow:0 2px 12px #2263e624;transition:background .2s}.forgot-password-form button[type=submit]:hover:not(:disabled){background:#1955c7}.forgot-password-form button[type=submit]:disabled{opacity:.65;cursor:not-allowed}.forgot-password-success{background:#e6fbe6;color:#267b34;border-left:3px solid #4CAF50;border-radius:6px;margin-top:15px;padding:10px 15px;font-size:.97rem;font-weight:500;text-align:center}.forgot-password-error{background:#ffefea;color:#c72c2c;border-left:3px solid #f44e4e;border-radius:6px;margin-top:15px;padding:10px 15px;font-size:.97rem;font-weight:500;text-align:center}.forgot-password-links{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:15px}.forgot-password-link{color:#1697e6;font-size:.99rem;text-decoration:underline;cursor:pointer;margin:3px 0}@media (max-width: 768px){.forgot-password-page-content{padding:24px 15px}.forgot-password-card{padding:30px 25px}.forgot-password-title{font-size:1.8rem}}@media (max-width: 480px){.forgot-password-card{padding:20px 15px}.forgot-password-title{font-size:1.6rem}.forgot-password-intro,.forgot-password-success,.forgot-password-error,.forgot-password-link{font-size:.9rem}}.email-verification-page-content{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:48px 20px;background:#191919;min-height:calc(100vh - var(--header-height, 100px) - var(--navbar-height, 74px) - var(--footer-height, 60px));color:#fff}.email-verification-card{margin:0 auto;max-width:420px;width:100%;background:#fff;border-radius:18px;box-shadow:0 4px 24px #0000002e;padding:46px 36px 36px;display:flex;flex-direction:column;align-items:stretch}.email-verification-title{margin-bottom:12px;font-size:2.1rem;font-weight:700;text-align:center;color:#181818;letter-spacing:1px}.email-verification-intro{font-size:1rem;color:#555;text-align:center;margin-bottom:20px;line-height:1.5}.highlight-email{font-weight:700;color:#ff8c00}.email-verification-form{display:flex;flex-direction:column;gap:15px}.email-verification-form .input-group label{color:#111;font-weight:500;margin-bottom:4px;margin-top:0}.email-verification-form .input-group input{width:100%;padding:10px 12px;border:1.5px solid #ffe175;border-radius:10px;font-size:1rem;background:#fffefa;outline:none;transition:border .2s;box-sizing:border-box}.email-verification-form .input-group input:focus{border-color:#3b82f6}.email-verification-form button[type=submit]{margin-top:5px;width:100%;padding:12px;border:none;border-radius:12px;background:#2263e6;color:#fff;font-size:1.15rem;font-weight:700;cursor:pointer;box-shadow:0 2px 12px #2263e624;transition:background .2s}.email-verification-form button[type=submit]:hover:not(:disabled){background:#1955c7}.email-verification-form button[type=submit]:disabled{opacity:.65;cursor:not-allowed}.email-verification-success{background:#e6fbe6;color:#267b34;border-left:3px solid #4CAF50;border-radius:6px;margin-top:15px;padding:10px 15px;font-size:.97rem;font-weight:500;text-align:center}.email-verification-error{background:#ffefea;color:#c72c2c;border-left:3px solid #f44e4e;border-radius:6px;margin-top:15px;padding:10px 15px;font-size:.97rem;font-weight:500;text-align:center}.email-verification-links{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:15px}.email-verification-links .btn.secondary{background:#6c757d;color:#fff;border:none;padding:10px 20px;font-size:1rem;border-radius:8px;cursor:pointer;transition:background .2s;width:100%}.email-verification-links .btn.secondary:hover{background:#5a6268}@media (max-width: 768px){.email-verification-page-content{padding:24px 15px}.email-verification-card{padding:30px 25px}.email-verification-title{font-size:1.8rem}}@media (max-width: 480px){.email-verification-card{padding:20px 15px}.email-verification-title{font-size:1.6rem}.email-verification-intro,.email-verification-success,.email-verification-error{font-size:.9rem}}.auth-resend-btn{background:#ff8c00;color:#fff;border:none;border-radius:10px;font-size:1.15rem;font-weight:600;padding:12px 0;cursor:pointer;margin-top:10px;transition:background .2s,box-shadow .2s;box-shadow:0 1.5px 6px #ff8c0026;width:100%;box-sizing:border-box}.auth-resend-btn:hover:not(:disabled){background:#e67300}.auth-resend-btn:disabled{opacity:.65;cursor:not-allowed}.app-container{min-height:100vh;display:flex;flex-direction:column;background:#191919}.app-main-content{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:48px 0;background:#191919}.server-status-container{display:flex;align-items:center;gap:5px;font-size:.9em;color:#f0f0f0;padding:5px 10px;border-radius:5px;background-color:#0000004d;box-shadow:0 2px 4px #0003;width:fit-content;flex-shrink:0;z-index:1000}.server-status-container.loading{color:#ccc}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;animation:pulse-animation 1.5s infinite}.dot.online{background-color:#28a745;animation-name:pulse-online}.dot.offline{background-color:#dc3545;animation-name:pulse-offline}.dot.loading-dot{background-color:#ffc107;animation-name:pulse-loading}.status-text{font-weight:700;white-space:nowrap}.players-count{margin-left:10px;font-size:1em;color:#fff;font-weight:700;white-space:nowrap;letter-spacing:1px}@keyframes pulse-online{0%{box-shadow:0 0 #28a745b3}70%{box-shadow:0 0 0 10px #28a74500}to{box-shadow:0 0 #28a74500}}@keyframes pulse-offline{0%{box-shadow:0 0 #dc3545b3}70%{box-shadow:0 0 0 10px #dc354500}to{box-shadow:0 0 #dc354500}}@keyframes pulse-loading{0%{box-shadow:0 0 #ffc107b3}70%{box-shadow:0 0 0 10px #ffc10700}to{box-shadow:0 0 #ffc10700}}.character-register-panel{background:#191919;border:2px solid #FF8C00;border-radius:15px;padding:30px;max-width:650px;width:100%;box-shadow:0 8px 30px #ff8c0033;text-align:left;color:#e0e0e0;margin:0 auto;display:flex;flex-direction:column;gap:20px}.character-register-title{color:#ff8c00;text-align:center;font-size:2rem;font-weight:700;margin-bottom:25px}.character-register-form{display:flex;flex-direction:column;gap:15px}.character-register-form .input-group label,.character-register-label{color:#fff;font-weight:700;font-size:1.1rem;margin-bottom:5px;display:block}.character-register-form .input-group input{width:100%;padding:10px;border-radius:8px;border:1px solid #666;background:#333;color:#fff;font-size:1rem;box-sizing:border-box}.character-register-form .input-group input:focus{border-color:#ff8c00;outline:none}.character-register-select{width:100%;padding:10px;border-radius:8px;border:1px solid #666;background:#333;color:#fff;margin-top:5px;font-size:1rem;box-sizing:border-box}.character-register-error{color:#ff4d4d;font-size:.9rem;text-align:center;margin-top:10px}.character-register-form .btn.primary{background:#ff8c00;color:#fff;border:none;padding:10px 20px;font-size:1.1rem;border-radius:8px;cursor:pointer;transition:background .2s,transform .1s;margin-top:20px;width:100%}.character-register-form .btn.primary:hover{background:#e67300;transform:translateY(-2px)}*,*:before,*:after{box-sizing:border-box}body{background:#181818;font-family:Segoe UI,Arial,sans-serif;margin:0;padding:0;color:#fff}@media (max-width: 900px){.page-content{flex-direction:column;align-items:center;padding:12px 0 0}}:root{--header-height: 100px;--navbar-height: 74px;--footer-height: 60px}