.toast-container{display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:20px;top:calc(var(--header-height) + 20px);z-index:10000}.toast{background:linear-gradient(135deg,#0c1225fa,#141c32f2);border:2px solid #ffc8574d;border-radius:12px;box-shadow:0 10px 40px #00000080,0 0 30px #ffc85733,inset 0 1px 0 #ffffff0d;cursor:pointer;max-width:450px;min-width:320px;opacity:0;overflow:hidden;padding:16px 20px;pointer-events:all;position:relative;transform:translateX(400px);transition:all .3s cubic-bezier(.4,0,.2,1)}.toast:before{animation:toastShine 2s linear infinite;background:linear-gradient(90deg,#ffc857,#ff9f43,#ffc857);background-size:200% 100%;content:"";height:3px;left:0;position:absolute;right:0;top:0}.toast-visible{opacity:1;transform:translateX(0)}.toast-exiting{opacity:0;transform:translateX(400px)}.toast-content{gap:12px}.toast-content,.toast-icon{align-items:center;display:flex}.toast-icon{border-radius:50%;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.toast-success .toast-icon{background:#2ed57333;border:1px solid #2ed57366;color:#2ed573}.toast-error .toast-icon{background:#e74c3c33;border:1px solid #e74c3c66;color:#e74c3c}.toast-info .toast-icon{background:#3498db33;border:1px solid #3498db66;color:#3498db}.toast-warning .toast-icon{background:#f1c40f33;border:1px solid #f1c40f66;color:#f1c40f}.toast-message{color:var(--color-text);flex:1 1;font-family:var(--font-body);font-size:14px;line-height:1.5}.toast-close{align-items:center;background:none;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:20px;justify-content:center;line-height:1;padding:0;transition:all var(--transition-fast);width:20px}.toast-close:hover{color:var(--color-text);transform:scale(1.2)}.toast:hover{border-color:#ffc85780;box-shadow:0 15px 50px #0009,0 0 40px #ffc8574d,inset 0 1px 0 #ffffff0d}@keyframes toastShine{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.toast-container{left:10px;right:10px;top:calc(var(--header-height) + 10px)}.toast{max-width:none;min-width:auto;transform:translateY(-100px);width:100%}.toast-visible{transform:translateY(0)}.toast-exiting{transform:translateY(-100px)}}.items-page{display:flex;flex-direction:column;min-height:calc(100vh - var(--header-height));overflow:hidden;padding-bottom:60px;padding-top:calc(var(--header-height) + 40px);position:relative}.items-page:before{background:#000000bf;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.items-loading{color:var(--color-text-muted);font-family:var(--font-body);font-size:18px;padding:100px 20px;text-align:center}.items-controls{flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto 50px;max-width:1400px;padding:0 40px;position:relative;z-index:2}.items-controls,.items-sort{align-items:center;display:flex}.items-sort{flex-shrink:0;gap:12px}.sort-label{font-family:var(--font-tech);font-weight:600;letter-spacing:1px;text-transform:uppercase}.sort-label,.sort-select{color:var(--color-text);font-size:14px}.sort-select{background:linear-gradient(135deg,#ffc8570d,#0c122599);border:1px solid #ffc85733;border-radius:8px;cursor:pointer;font-family:var(--font-body);height:42px;min-width:180px;outline:none;padding:10px 16px;transition:all var(--transition-fast)}.sort-select:hover{background:linear-gradient(135deg,#ffc8571a,#0c1225b3);border-color:#ffc85766}.sort-select:focus{border-color:var(--color-primary);box-shadow:0 0 15px #ffc85733}.sort-select option{background:#0c1225f2;color:var(--color-text);padding:8px}.items-filters{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:12px;justify-content:center;min-width:0}.items-search{flex-shrink:0;max-width:400px;min-width:250px}.search-input{background:linear-gradient(135deg,#ffc8570d,#0c122599);border:1px solid #ffc85733;border-radius:8px;box-sizing:border-box;color:var(--color-text);font-family:var(--font-body);font-size:14px;height:42px;outline:none;padding:10px 16px;transition:all var(--transition-fast);width:100%}.search-input::placeholder{color:var(--color-text-muted);opacity:.7}.search-input:hover{border-color:#ffc85766}.search-input:focus,.search-input:hover{background:linear-gradient(135deg,#ffc8571a,#0c1225b3)}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 15px #ffc85733}.filter-btn{align-items:center;background:linear-gradient(135deg,#ffc8570d,#0c122599);border:1px solid #ffc85733;border-radius:8px;color:var(--color-text);cursor:pointer;display:flex;font-family:var(--font-gaming);font-size:13px;font-weight:600;height:42px;letter-spacing:1px;overflow:hidden;padding:10px 20px;position:relative;text-transform:uppercase;transition:all var(--transition-fast);white-space:nowrap}.filter-btn:before{background:linear-gradient(90deg,#0000,#ffc85733,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.filter-btn:hover:before{left:100%}.filter-btn:hover{background:linear-gradient(135deg,#ffc8571a,#0c1225b3);border-color:#ffc85780;box-shadow:0 4px 12px #ffc85733;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#ffc85726,#ffc8570d);border-color:var(--color-primary);box-shadow:0 0 20px #ffc8574d,inset 0 0 20px #ffc8570d;color:var(--color-text-gold)}.filter-btn.active:before{display:none}.items-per-page-control{align-items:center;display:flex;gap:12px;justify-content:center;margin:0 auto 20px;max-width:1400px;padding:0 40px;position:relative;z-index:2}.items-per-page-label{color:var(--color-text);font-family:var(--font-tech);font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.items-per-page-select{background:linear-gradient(135deg,#ffc8570d,#0c122599);border:1px solid #ffc85733;border-radius:6px;color:var(--color-text);cursor:pointer;font-family:var(--font-body);font-size:13px;height:36px;min-width:60px;outline:none;padding:8px 12px;transition:all var(--transition-fast)}.items-per-page-select:hover{background:linear-gradient(135deg,#ffc8571a,#0c1225b3);border-color:#ffc85766}.items-per-page-select:focus{border-color:var(--color-primary);box-shadow:0 0 12px #ffc85733}.items-per-page-select option{background:#0c1225f2;color:var(--color-text);padding:8px}.items-count{color:var(--color-text-muted);font-family:var(--font-body);font-size:13px;margin:0 auto;text-align:center}.items-grid-container{flex:1 1;margin-right:-8px;max-height:calc(100vh - var(--header-height) - 280px);overflow-x:hidden;overflow-y:auto;padding-right:8px;position:relative;z-index:2}.items-grid-container::-webkit-scrollbar{width:8px}.items-grid-container::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.items-grid-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ffc857,#d4a039);border:1px solid #ffc8574d;border-radius:4px}.items-grid-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffd875,#ffc857)}.items-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:0 auto;max-width:1400px;padding:0 40px 20px;position:relative;z-index:2}.item-card{animation:fadeInUp .5s ease-out;background:linear-gradient(135deg,#141923f2,#0f1219fa);border:1px solid #ffc85726;border-radius:12px;display:flex;flex-direction:column;height:100%;min-height:280px;overflow:hidden;padding:20px;position:relative;transition:all var(--transition-smooth)}.item-card:before{background:linear-gradient(90deg,#0000,#ffc85780,#0000);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-fast)}.item-card:hover{border-color:#ffc85766;box-shadow:0 8px 32px #0006,0 0 40px #ffc8571a;transform:translateY(-4px)}.item-card:hover:before{opacity:1}.item-card-corner{bottom:0;height:70px;overflow:hidden;pointer-events:none;position:absolute;right:0;width:70px;z-index:3}.item-corner-triangle{border-color:#0000 #0000 #ffc85740;border-style:solid;border-width:0 0 70px 70px;bottom:0;filter:drop-shadow(0 0 8px rgba(255,200,87,.4));height:0;position:absolute;right:0;transition:all var(--transition-smooth);width:0}.item-card:hover .item-corner-triangle{border-color:#0000 #0000 #ffc85766;filter:drop-shadow(0 0 12px rgba(255,200,87,.6))}.item-card-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.item-image{background:#ffc8570d;border:1px solid #ffc85733;border-radius:8px;flex-shrink:0;height:64px;object-fit:contain;padding:8px;transition:all var(--transition-fast);width:64px}.item-card:hover .item-image{border-color:#ffc85766;box-shadow:0 0 15px #ffc85733;transform:scale(1.05)}.item-name{color:var(--color-text-gold);flex:1 1;font-family:var(--font-gaming);font-size:18px;font-weight:600;letter-spacing:.5px;margin:0;text-shadow:0 0 10px #ffc8574d}.item-divider{background:linear-gradient(90deg,#0000,#ffc8574d,#0000);height:1px;margin:16px 0}.item-price{color:var(--color-text-gold);font-family:var(--font-tech);font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:12px;text-shadow:0 0 8px #ffc8574d}.item-description{color:var(--color-text);flex:1 1;font-family:var(--font-body);font-size:14px;line-height:1.6;margin-bottom:16px;white-space:pre-line}.item-primary-items{border-top:1px solid #ffc8571a;margin-top:auto;padding-top:16px}.primary-items-label{color:var(--color-text-muted);font-family:var(--font-tech);font-size:12px;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.primary-items-list{display:flex;flex-wrap:wrap;gap:8px}.primary-item-tag{align-items:center;background:#ffc8571a;border:1px solid #ffc8574d;border-radius:6px;color:var(--color-text-gold);display:flex;font-family:var(--font-body);font-size:12px;gap:8px;padding:6px 10px;transition:all var(--transition-fast)}.primary-item-tag:hover{background:#ffc85726;border-color:#ffc85780;transform:translateY(-1px)}.primary-item-image{background:#ffc8570d;border:1px solid #ffc85733;border-radius:4px;flex-shrink:0;height:24px;object-fit:contain;padding:2px;transition:all var(--transition-fast);width:24px}.primary-item-tag:hover .primary-item-image{border-color:#ffc85766;box-shadow:0 0 8px #ffc85733;transform:scale(1.1)}.primary-item-name{color:var(--color-text-gold);font-size:12px;white-space:nowrap}.primary-item-placeholder{color:var(--color-text-muted);display:inline-block;font-family:var(--font-body);font-size:12px;font-style:italic;padding:6px 12px}.items-pagination{align-items:center;display:flex;gap:12px;justify-content:center;margin:50px auto 0;max-width:1400px;padding:0 40px 40px;position:relative;z-index:2}.pagination-btn{background:linear-gradient(135deg,#ffc8570d,#0c122599);border:1px solid #ffc85733;border-radius:8px;color:var(--color-text);cursor:pointer;font-family:var(--font-gaming);font-size:13px;font-weight:600;letter-spacing:1px;min-width:100px;padding:10px 20px;text-transform:uppercase;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffc8571a,#0c1225b3);border-color:#ffc85766;box-shadow:0 4px 12px #ffc85733;transform:translateY(-2px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-pages{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.pagination-page-btn{align-items:center;background:linear-gradient(135deg,#ffc8570d,#0c122599);border:1px solid #ffc85733;border-radius:8px;color:var(--color-text);cursor:pointer;display:flex;font-family:var(--font-gaming);font-size:14px;font-weight:600;height:40px;justify-content:center;min-width:40px;padding:0 12px;transition:all var(--transition-fast)}.pagination-page-btn:hover{background:linear-gradient(135deg,#ffc8571a,#0c1225b3);border-color:#ffc85766;transform:translateY(-2px)}.pagination-page-btn.active{background:linear-gradient(135deg,#ffc85726,#ffc8570d);border-color:var(--color-primary);box-shadow:0 0 15px #ffc8574d,inset 0 0 15px #ffc8570d;color:var(--color-text-gold)}.pagination-ellipsis{color:var(--color-text-muted);font-family:var(--font-body);font-size:14px;padding:0 4px;-webkit-user-select:none;user-select:none}.back-to-top-btn{align-items:center;animation:fadeInUp .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffc85733,#6b5ce726);border:1.5px solid #ffc85780;border-radius:50%;bottom:40px;box-shadow:0 8px 24px #0006,0 0 0 0 #ffc85766,inset 0 1px 0 #ffffff1a;color:var(--color-text-gold);cursor:pointer;display:flex;font-size:22px;font-weight:600;height:56px;justify-content:center;left:40px;overflow:hidden;position:fixed;transition:all .3s cubic-bezier(.4,0,.2,1);width:56px;z-index:9999}.back-to-top-btn:before{background:radial-gradient(circle,#ffc8574d 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.back-to-top-btn:hover:before{height:120%;width:120%}.back-to-top-btn:hover{background:linear-gradient(135deg,#ffc8574d,#6b5ce733);border-color:#ffc857cc;box-shadow:0 12px 32px #00000080,0 0 0 4px #ffc85733,inset 0 1px 0 #fff3;transform:translateY(-6px) scale(1.08)}.back-to-top-btn:active{box-shadow:0 6px 20px #0006,0 0 0 2px #ffc8574d;transform:translateY(-3px) scale(1.05)}.back-to-top-btn>*{position:relative;z-index:1}@media (max-width:1200px){.items-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:0 30px}}@media (max-width:768px){.items-page{padding-bottom:40px;padding-top:calc(var(--header-height) + 20px)}.items-controls{align-items:stretch;flex-direction:column;gap:15px;margin-bottom:30px;padding:0 20px}.items-sort{width:100%}.sort-select{flex:1 1;min-width:auto}.items-filters{gap:8px;justify-content:flex-start;width:100%}.items-search{max-width:100%;min-width:auto;width:100%}.filter-btn{font-size:12px;padding:10px 16px}.items-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:0 20px}.item-card{min-height:260px;padding:16px}.item-image{height:56px;width:56px}.item-name{font-size:16px}.item-description{font-size:13px}.items-per-page-control{flex-wrap:wrap;gap:8px;padding:0 20px}.items-count{margin-left:0;width:100%}.items-pagination{gap:8px;padding:0 20px 30px}.pagination-btn{font-size:12px;min-width:80px;padding:8px 16px}.pagination-page-btn{font-size:13px;height:36px;min-width:36px}.back-to-top-btn{bottom:25px;font-size:20px;height:50px;left:25px;width:50px}}@media (max-width:480px){.items-filters{flex-direction:column;gap:8px}.filter-btn{max-width:200px;width:100%}.items-grid{grid-template-columns:1fr;padding:0 15px}.back-to-top-btn{bottom:20px;font-size:18px;height:48px;left:20px;width:48px}}.faq-page{background:radial-gradient(ellipse at 50% 0,#ffc85714 0,#0000 50%),radial-gradient(ellipse at 20% 80%,#6b5ce70f 0,#0000 40%),radial-gradient(ellipse at 80% 80%,#6b5ce70f 0,#0000 40%),linear-gradient(135deg,#070b14,#0c1225 50%,#0a0f1c);min-height:100vh;overflow:hidden;padding:0;position:relative}.faq-content{animation:fadeInUp .6s ease-out;margin:120px auto;max-width:900px;padding:40px;position:relative;width:60%!important;z-index:1}.faq-title{color:var(--color-text-gold);font-family:var(--font-wide);font-size:48px;letter-spacing:4px;margin-bottom:15px;text-align:center;text-shadow:0 0 30px #ffc85766;text-transform:uppercase}.faq-subtitle{color:var(--color-text-dim);font-family:var(--font-body);font-size:18px;letter-spacing:1px;margin-bottom:50px;text-align:center}.faq-list{display:flex;flex-direction:column;gap:20px}.faq-item{background:linear-gradient(135deg,#ffc85708,#0c1225b3);border:1px solid #ffc85726;border-radius:12px;overflow:hidden;transition:all var(--transition-smooth)}.faq-item:hover{border-color:#ffc8574d;box-shadow:0 5px 20px #ffc8571a}.faq-item.open{border-color:#ffc85780;box-shadow:0 8px 30px #ffc85733}.faq-question{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:20px;justify-content:space-between;padding:25px 30px;text-align:left;transition:all var(--transition-smooth);width:100%}.faq-question:hover{background:#ffc8570d}.faq-question-text{color:var(--color-text);flex:1 1;font-family:var(--font-future);font-size:18px;font-weight:500;letter-spacing:.5px;text-align:left}.faq-item.open .faq-question-text{color:var(--color-text-gold);text-shadow:0 0 10px #ffc8574d}.faq-icon{align-items:center;background:#ffc8571a;border:1px solid #ffc8574d;border-radius:50%;color:var(--color-text-gold);display:flex;flex-shrink:0;font-family:var(--font-tech);font-size:28px;font-weight:300;height:30px;justify-content:center;transition:all var(--transition-smooth);width:30px}.faq-item.open .faq-icon{background:#ffc85733;border-color:#ffc85780;transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;padding:0 30px;transition:max-height .4s ease-out,padding .4s ease-out}.faq-item.open .faq-answer{max-height:500px;padding:0 30px 25px}.faq-answer p{color:var(--color-text-dim);font-family:var(--font-body);font-size:16px;line-height:1.8;margin:0;padding-top:20px}.faq-contact{border-top:1px solid #ffc85733;margin-top:60px;padding-top:40px;text-align:center}.faq-contact-text{color:var(--color-text-dim);font-family:var(--font-body);font-size:16px;line-height:1.6}.faq-contact-text a{border-bottom:1px solid #0000;color:var(--color-text-gold);text-decoration:none;transition:all var(--transition-smooth)}.faq-contact-text a:hover{border-bottom-color:var(--color-text-gold);color:var(--color-text);text-shadow:0 0 10px #ffc85780}@media (max-width:1024px){.faq-content{margin-bottom:100px;margin-top:100px;max-width:700px;width:75%!important}.faq-title{font-size:36px}}@media (max-width:768px){.faq-content{margin-bottom:80px;margin-top:80px;max-width:100%;padding:30px 20px;width:90%!important}.faq-title{font-size:28px;letter-spacing:2px}.faq-subtitle{font-size:16px;margin-bottom:40px}.faq-question{padding:20px}.faq-question-text{font-size:16px}.faq-icon{font-size:24px;height:25px;width:25px}.faq-item.open .faq-answer{padding:0 20px 20px}.faq-answer p{font-size:14px}.faq-contact{margin-top:40px;padding-top:30px}}.report-bug-page{background:radial-gradient(ellipse at 50% 0,#ffc85714 0,#0000 50%),radial-gradient(ellipse at 20% 80%,#6b5ce70f 0,#0000 40%),radial-gradient(ellipse at 80% 80%,#6b5ce70f 0,#0000 40%),linear-gradient(135deg,#070b14,#0c1225 50%,#0a0f1c);min-height:100vh;overflow:hidden;padding:0;position:relative}.report-bug-content{animation:fadeInUp .6s ease-out;margin:120px auto;max-width:900px;padding:40px;position:relative;width:60%!important;z-index:1}.report-bug-title{color:var(--color-text-gold);font-family:var(--font-wide);font-size:48px;letter-spacing:4px;margin-bottom:15px;text-align:center;text-shadow:0 0 30px #ffc85766;text-transform:uppercase}.report-bug-subtitle{color:var(--color-text-dim);font-family:var(--font-body);font-size:18px;letter-spacing:1px;margin-bottom:50px;text-align:center}.report-bug-form{display:flex;flex-direction:column;gap:25px}.form-group{gap:10px}.form-group label{font-family:var(--font-future);font-size:16px;font-weight:500;letter-spacing:.5px}.form-group label .required{color:#f44;margin-left:3px}.form-group input,.form-group select,.form-group textarea{background:linear-gradient(135deg,#ffc85708,#0c1225b3);border:1px solid #ffc85726;border-radius:8px;color:var(--color-text);font-family:var(--font-body);font-size:16px;padding:12px 15px;resize:vertical;transition:all var(--transition-smooth)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:linear-gradient(135deg,#ffc8570d,#0c1225cc);border-color:#ffc85780;box-shadow:0 0 15px #ffc85733;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-dim);opacity:.6}.form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:linear-gradient(135deg,#ffc85714,#0c1225cc);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%23ffc857' d='M8 12 2 4h12z'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;border:2px solid #ffc85740;box-shadow:0 0 10px #ffc8571a;cursor:pointer;padding-right:45px}.form-group select:hover{background:linear-gradient(135deg,#ffc8571f,#0c1225d9);border-color:#ffc85766;box-shadow:0 0 15px #ffc85733}.form-group select:focus{background:linear-gradient(135deg,#ffc85726,#0c1225e6);border-color:#ffc85799;box-shadow:0 0 20px #ffc8574d}.form-group select option{background:#070b14fa;border:none;color:var(--color-text);font-family:var(--font-body);font-size:16px;padding:12px 15px}.form-group select option:hover{background:#ffc85733}.form-group select option:checked{background:#ffc8574d;color:var(--color-text-gold)}.form-row{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr}.submit-button{background:linear-gradient(135deg,#ffc85733,#ffc8571a);border:2px solid #ffc8574d;border-radius:8px;color:var(--color-text);cursor:pointer;font-family:var(--font-future);font-size:18px;font-weight:600;letter-spacing:2px;margin-top:10px;overflow:hidden;padding:15px 40px;position:relative;text-transform:uppercase;transition:all var(--transition-smooth)}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#ffc8574d,#ffc85733);border-color:#ffc85780;box-shadow:0 5px 25px #ffc8574d;transform:translateY(-2px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{cursor:not-allowed;opacity:.6}.form-success{background:linear-gradient(135deg,#4caf5033,#4caf501a);border:1px solid #4caf5080;border-radius:8px;color:#4caf50}.form-error,.form-success{animation:fadeIn .3s ease-out;font-family:var(--font-body);font-size:16px;padding:15px 20px;text-align:center}.form-error{background:linear-gradient(135deg,#f4433633,#f443361a);border:1px solid #f4433680;border-radius:8px;color:#f44336}.report-bug-note{border-top:1px solid #ffc85733;margin-top:40px;padding-top:30px}.note-text{color:var(--color-text-dim);font-family:var(--font-body);font-size:14px;font-style:italic;line-height:1.6;text-align:center}@media (max-width:1024px){.report-bug-content{margin-bottom:100px;margin-top:100px;max-width:700px;width:75%!important}.report-bug-title{font-size:36px}}@media (max-width:768px){.report-bug-content{margin-bottom:80px;margin-top:80px;max-width:100%;padding:30px 20px;width:90%!important}.report-bug-title{font-size:28px;letter-spacing:2px}.report-bug-subtitle{font-size:16px;margin-bottom:40px}.form-row{gap:25px;grid-template-columns:1fr}.form-group input,.form-group select,.form-group textarea{font-size:14px;padding:10px 12px}.submit-button{font-size:16px;padding:12px 30px}}.contact-us-page{background:radial-gradient(ellipse at 50% 0,#ffc85714 0,#0000 50%),radial-gradient(ellipse at 20% 80%,#6b5ce70f 0,#0000 40%),radial-gradient(ellipse at 80% 80%,#6b5ce70f 0,#0000 40%),linear-gradient(135deg,#070b14,#0c1225 50%,#0a0f1c);min-height:100vh;overflow:hidden;padding:0;position:relative}.contact-us-content{animation:fadeInUp .6s ease-out;margin:120px auto;max-width:900px;padding:40px;position:relative;width:60%!important;z-index:1}.contact-us-title{color:var(--color-text-gold);font-family:var(--font-wide);font-size:64px;letter-spacing:4px;margin-bottom:50px;text-align:center;text-shadow:0 0 30px #ffc85766;text-transform:uppercase}.contact-us-form{display:flex;flex-direction:column;gap:25px}.contact-us-form .form-group{display:flex;flex-direction:column;gap:10px}.contact-us-form .form-group label{color:var(--color-text);font-family:var(--font-future);font-size:16px;font-weight:500;letter-spacing:.5px}.contact-us-form .form-group label .required{color:#f44;margin-left:3px}.contact-us-form .form-group input,.contact-us-form .form-group textarea{background:linear-gradient(135deg,#ffc85708,#0c1225b3);border:1px solid #ffc85726;border-radius:8px;color:var(--color-text);font-family:var(--font-body);font-size:16px;padding:12px 15px;resize:vertical;transition:all var(--transition-smooth)}.contact-us-form .form-group input:focus,.contact-us-form .form-group textarea:focus{background:linear-gradient(135deg,#ffc8570d,#0c1225cc);border-color:#ffc85780;box-shadow:0 0 15px #ffc85733;outline:none}.contact-us-form .form-group input::placeholder,.contact-us-form .form-group textarea::placeholder{color:var(--color-text-dim);opacity:.6}.contact-us-form .submit-button{background:linear-gradient(135deg,#ffc85733,#ffc8571a);border:2px solid #ffc8574d;border-radius:8px;color:var(--color-text);cursor:pointer;font-family:var(--font-future);font-size:18px;font-weight:600;letter-spacing:2px;margin-top:10px;overflow:hidden;padding:15px 40px;position:relative;text-transform:uppercase;transition:all var(--transition-smooth)}.contact-us-form .submit-button:hover:not(:disabled){background:linear-gradient(135deg,#ffc8574d,#ffc85733);border-color:#ffc85780;box-shadow:0 5px 25px #ffc8574d;transform:translateY(-2px)}.contact-us-form .submit-button:active:not(:disabled){transform:translateY(0)}.contact-us-form .submit-button:disabled{cursor:not-allowed;opacity:.6}.contact-us-form .form-success{background:linear-gradient(135deg,#4caf5033,#4caf501a);border:1px solid #4caf5080;border-radius:8px;color:#4caf50}.contact-us-form .form-error,.contact-us-form .form-success{animation:fadeIn .3s ease-out;font-family:var(--font-body);font-size:16px;padding:15px 20px;text-align:center}.contact-us-form .form-error{background:linear-gradient(135deg,#f4433633,#f443361a);border:1px solid #f4433680;border-radius:8px;color:#f44336}@media (max-width:1024px){.contact-us-content{margin-bottom:100px;margin-top:100px;max-width:700px;width:75%!important}.contact-us-title{font-size:48px}}@media (max-width:768px){.contact-us-content{margin-bottom:80px;margin-top:80px;max-width:100%;padding:30px 20px;width:90%!important}.contact-us-title{font-size:36px;letter-spacing:2px;margin-bottom:40px}.contact-us-form .form-group input,.contact-us-form .form-group textarea{font-size:14px;padding:10px 12px}.contact-us-form .submit-button{font-size:16px;padding:12px 30px}}.coming-soon-page{align-items:center;background:radial-gradient(ellipse at 50% 0,#ffc85714 0,#0000 50%),radial-gradient(ellipse at 20% 80%,#6b5ce70f 0,#0000 40%),radial-gradient(ellipse at 80% 80%,#6b5ce70f 0,#0000 40%),linear-gradient(135deg,#070b14,#0c1225 50%,#0a0f1c);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:0;position:relative}.coming-soon-content{animation:fadeInUp .6s ease-out;padding:40px;position:relative;text-align:center;z-index:1}.coming-soon-title{animation:pulse 2s ease-in-out infinite;color:var(--color-text-gold);font-family:var(--font-wide);font-size:64px;letter-spacing:8px;margin-bottom:30px;text-shadow:0 0 40px #ffc85780;text-transform:uppercase}.coming-soon-message{color:var(--color-text-dim);font-family:var(--font-body);font-size:24px;letter-spacing:2px;text-transform:uppercase}@media (max-width:768px){.coming-soon-title{font-size:36px;letter-spacing:4px}.coming-soon-message{font-size:18px}.coming-soon-content{padding:20px}}.login-page{align-items:center;background:linear-gradient(135deg,#070b14,#0c1225 50%,#0a0f1c);display:flex;justify-content:center;min-height:calc(100vh - var(--header-height));overflow:hidden;padding-bottom:60px;padding-top:calc(var(--header-height) + 60px);position:relative}.login-page:before{animation:particleFloat 20s linear infinite;background-image:radial-gradient(2px 2px at 20px 30px,#ffc8574d,#0000),radial-gradient(2px 2px at 40px 70px,#ffc85733,#0000),radial-gradient(1px 1px at 90px 40px,#6b5ce74d,#0000);background-size:200px 150px;bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}.login-container{animation:fadeInUp .5s ease-out;background:linear-gradient(135deg,#0c1225f2,#141c32e6);border:2px solid #ffc8574d;border-radius:16px;box-shadow:0 0 0 1px #ffc8571a,0 25px 80px #0009,0 0 60px #ffc8571a,inset 0 1px 0 #ffffff0d;max-width:450px;padding:40px;position:relative;width:100%;z-index:1}.login-header{margin-bottom:30px;text-align:center}.login-title{color:var(--color-text-gold);font-family:var(--font-wide);font-size:32px;font-weight:700;letter-spacing:4px;margin-bottom:10px;text-shadow:0 0 30px #ffc85766;text-transform:uppercase}.login-subtitle{color:var(--color-text-muted);font-family:var(--font-body);font-size:14px;letter-spacing:1px}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:var(--color-text);font-family:var(--font-tech);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.form-group .required{color:#e74c3c}.form-group input{background:linear-gradient(135deg,#ffc8570d,#0c122599);border:1px solid #ffc85733;border-radius:8px;color:var(--color-text);font-family:var(--font-body);font-size:14px;outline:none;padding:12px 16px;transition:all var(--transition-fast)}.form-group input:focus{background:linear-gradient(135deg,#ffc8571a,#0c1225b3);border-color:#ffc85799;box-shadow:0 0 15px #ffc85733}.form-group input::placeholder{color:var(--color-text-muted);opacity:.6}.form-error-message{background:#e74c3c1a;border:1px solid #e74c3c66;border-radius:8px;color:#e74c3c;font-family:var(--font-body);font-size:13px;padding:12px 16px;text-align:center}.login-submit-btn{background:linear-gradient(135deg,#ffc857,#ff9f43 50%,#ffd875);border:none;border-radius:8px;box-shadow:0 4px 20px #ffc8574d,inset 0 1px 0 #ffffff4d;color:#0a0d1a;cursor:pointer;font-family:var(--font-gaming);font-size:14px;font-weight:600;letter-spacing:2px;margin-top:10px;overflow:hidden;padding:14px 30px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.login-submit-btn:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.login-submit-btn:hover:before{left:100%}.login-submit-btn:hover{box-shadow:0 8px 30px #ffc85780,0 0 50px #ffc8574d,inset 0 1px 0 #ffffff4d;transform:translateY(-3px) scale(1.02)}.login-submit-btn:active{transform:translateY(0) scale(.98)}.login-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-footer{margin-top:25px;text-align:center}.login-footer p{color:var(--color-text-muted);font-family:var(--font-body);font-size:13px}.login-link{color:var(--color-text-gold);font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.login-link:hover{color:#ffd875;text-shadow:0 0 10px #ffc85780}@media (max-width:768px){.login-container{margin:0 20px;padding:30px 20px}.login-title{font-size:24px;letter-spacing:2px}}:root{--color-primary:#ffc857;--color-primary-dark:#d4a039;--color-primary-glow:#ffc85780;--color-secondary:#7b68ee;--color-secondary-glow:#7b68ee66;--color-accent:#ff9f43;--color-accent-warm:#ff6b35;--color-accent-cool:#6c5ce7;--color-background:#070b14;--color-background-alt:#0c1225;--color-surface:#0c1225cc;--color-surface-glow:#ffc8570d;--color-text:#f5f0e8;--color-text-muted:#a8a0b8;--color-text-dim:#6b6580;--color-text-gold:#ffd875;--color-border:#ffc87826;--color-border-primary:#ffc85740;--color-border-glow:#ffc85766;--font-display:"Orbitron",sans-serif;--font-display-alt:"Audiowide",sans-serif;--font-tech:"Electrolize",sans-serif;--font-wide:"Syncopate",sans-serif;--font-body:"Exo 2",sans-serif;--font-gaming:"Oxanium",sans-serif;--font-future:"Tektur",sans-serif;--font-mono:"Share Tech Mono",monospace;--font-ultra:"Michroma",sans-serif;--font-primary:"Rajdhani",sans-serif;--header-height:60px;--transition-fast:0.3s ease;--transition-smooth:0.4s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{background:#070b14;background:var(--color-background);color:#f5f0e8;color:var(--color-text);font-family:Exo\ 2,sans-serif;font-family:var(--font-body);font-weight:400;letter-spacing:.02em;min-height:100vh;overflow-x:hidden}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow{0%,to{box-shadow:0 0 20px #ffc8574d}50%{box-shadow:0 0 40px #ffc85799}}@keyframes goldenPulse{0%,to{box-shadow:0 0 20px #ffc8574d,0 0 40px #ffc8571a,inset 0 0 20px #ffc8570d}50%{box-shadow:0 0 40px #ffc85780,0 0 80px #ffc85733,inset 0 0 30px #ffc8571a}}@keyframes floatMagic{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-8px) rotate(1deg)}75%{transform:translateY(8px) rotate(-1deg)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}@keyframes pageEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes textGlow{0%,to{text-shadow:0 0 10px #ffc85780;text-shadow:0 0 10px var(--color-primary-glow)}50%{text-shadow:0 0 20px #ffc85780,0 0 30px #ffc85780;text-shadow:0 0 20px var(--color-primary-glow),0 0 30px var(--color-primary-glow)}}@keyframes epicTextGlow{0%,to{text-shadow:0 0 10px #ffc85766,0 2px 20px #ff96324d}50%{text-shadow:0 0 20px #ffc85799,0 0 40px #ff963266,0 4px 30px #ff64324d}}@keyframes mysticalFloat{0%,to{filter:drop-shadow(0 0 20px rgba(255,200,87,.4));transform:translateY(0)}50%{filter:drop-shadow(0 0 35px rgba(255,200,87,.6));transform:translateY(-10px)}}.page-wrapper{animation:pageEnter .5s ease-out forwards}.app.game-active .page-wrapper{display:none}.icon{display:inline-block;flex-shrink:0;transition:all .3s ease;transition:all var(--transition-fast);vertical-align:middle}.icon-glow{filter:drop-shadow(0 0 8px rgba(255,200,87,.5))}.icon-glow:hover{filter:drop-shadow(0 0 15px rgba(255,200,87,.7))}.platform-btn .icon,.social-link .icon{transition:transform .3s ease,filter .3s ease;transition:transform var(--transition-fast),filter var(--transition-fast)}.platform-btn:hover .icon,.social-link:hover .icon{filter:drop-shadow(0 0 10px rgba(255,200,87,.6));transform:scale(1.15)}.login-btn .icon{margin-left:6px}.header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(180deg,#070b14f2,#0c1225e6);border-bottom:1px solid #ffc85726;box-shadow:0 4px 30px #0006;display:flex;height:var(--header-height);justify-content:space-between;left:0;padding:0 40px;position:fixed;right:0;top:0;z-index:1000}.header:before{animation:goldenDotMove 20s linear infinite;background:radial-gradient(ellipse at center,#ffd875 0,#ffc857 40%,#0000 100%);border-radius:50%;bottom:-1px;box-shadow:0 0 8px #ffc857,0 0 20px #ffc857cc,0 0 40px #ff963280;content:"";height:3px;left:0;pointer-events:none;position:absolute;width:12px;z-index:9999}@keyframes goldenDotMove{0%{left:0;opacity:0}2%{opacity:1}98%{opacity:1}to{left:calc(100% - 12px);opacity:0}}.header:after{animation:headerGlowPulse 3s ease-in-out infinite;background:radial-gradient(ellipse 70% 100% at 50% 0,#ffc85740 0,#ffb4321a 50%,#0000 100%);content:"";height:25px;left:0;pointer-events:none;position:absolute;right:0;top:100%}@keyframes headerGlowPulse{0%,to{opacity:.6}50%{opacity:.9}}.header-particles{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.header-particle{animation:particleWind var(--particle-duration) linear infinite;animation-delay:var(--particle-delay);background:radial-gradient(circle,#ffd875 0,#ffc857 50%,#0000 100%);border-radius:50%;box-shadow:0 0 6px #ffc857cc,0 0 12px #ffc85766;height:var(--particle-size);left:-20px;opacity:0;position:absolute;top:var(--particle-y);width:var(--particle-size)}.header-particle:nth-child(3n){background:radial-gradient(circle,#fff8e1 0,#ffd875 40%,#0000 100%);box-shadow:0 0 8px #fff8e1e6,0 0 15px #ffc85799}.header-particle:after{background:linear-gradient(90deg,#0000,#ffc85766);content:"";height:1px;position:absolute;right:100%;top:50%;transform:translateY(-50%);width:20px}@keyframes particleWind{0%{left:-20px;opacity:0;transform:translateY(0) scale(.5)}5%{opacity:var(--particle-opacity);transform:translateY(0) scale(1)}25%{transform:translateY(-8px) scale(1)}50%{transform:translateY(5px) scale(.9)}75%{transform:translateY(-5px) scale(1)}95%{opacity:var(--particle-opacity)}to{left:calc(100% + 20px);opacity:0;transform:translateY(3px) scale(.5)}}.header-left{align-items:center;display:flex;gap:15px}.header-logo{cursor:pointer;height:60px}.header-title{color:var(--color-text);font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:2px}.nav-menu{display:flex;gap:40px;left:50%;position:absolute;transform:translateX(-50%)}.nav-item{color:var(--color-text-muted);cursor:pointer;font-family:var(--font-gaming);font-size:14px;font-weight:600;letter-spacing:1.5px;padding:8px 0;position:relative;text-decoration:none;text-transform:uppercase;transition:color var(--transition-fast)}.nav-item.active,.nav-item:hover{color:var(--color-text)}.nav-item.active:after{background:linear-gradient(90deg,#0000,var(--color-primary),#0000);bottom:-2px;box-shadow:0 0 10px #ffc85780;content:"";height:2px;left:0;position:absolute;right:0}.header-right{align-items:center;display:flex;gap:15px}.header-login-btn,.header-logout-btn{align-items:center;background:#ffc85714;border:1px solid #ffc85733;border-radius:6px;color:var(--color-text);cursor:pointer;display:flex;font-family:var(--font-gaming);font-size:12px;font-weight:600;gap:8px;letter-spacing:1px;overflow:hidden;padding:8px 16px;position:relative;text-decoration:none;text-transform:uppercase;transition:all var(--transition-fast)}.header-login-btn:before,.header-logout-btn:before{background:linear-gradient(90deg,#0000,#ffc85733,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.header-login-btn:hover:before,.header-logout-btn:hover:before{left:100%}.header-login-btn:hover,.header-logout-btn:hover{background:#ffc85726;border-color:#ffc85780;box-shadow:0 0 15px #ffc85733;transform:translateY(-2px)}.header-logout-btn{background:#e74c3c14;border-color:#e74c3c33;color:#e74c3c}.header-logout-btn:hover{background:#e74c3c26;border-color:#e74c3c80;box-shadow:0 0 15px #e74c3c33}.header-login-btn span{margin-top:5.5px}.header-user-dropdown{position:relative}.header-user-info{align-items:center;background:#ffc85714;border:1px solid #ffc85733;border-radius:6px;color:var(--color-text);cursor:pointer;display:flex;font-family:var(--font-gaming);font-size:12px;font-weight:600;gap:8px;padding:6px 12px;transition:all var(--transition-fast)}.header-user-info:hover{background:#ffc85726;border-color:#ffc85780;box-shadow:0 0 15px #ffc85733;transform:translateY(-2px)}.header-username{color:var(--color-text-gold);font-family:var(--font-gaming);font-size:12px;font-weight:600;letter-spacing:1px;margin-top:5.5px}.header-user-dropdown-menu{animation:dropdownFadeIn .2s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#0c1225fa,#141c32f2);border:1px solid #ffc85733;border-radius:8px;box-shadow:0 8px 32px #0006,0 0 20px #ffc8571a;min-width:200px;padding:12px 0;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.header-dropdown-user-info{border-bottom:1px solid #ffc8571a;margin-bottom:8px;padding:8px 16px 12px}.header-dropdown-username{color:var(--color-text-gold);font-family:var(--font-gaming);font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:4px}.header-dropdown-email{color:var(--color-text-muted);font-family:var(--font-body);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-dropdown-divider{background:#ffc8571a;height:1px;margin:8px 0}.header-dropdown-item{align-items:center;background:#0000;border:none;color:var(--color-text);cursor:pointer;display:flex;font-family:var(--font-body);font-size:13px;font-weight:500;gap:10px;padding:10px 16px;position:relative;text-align:left;text-decoration:none;transition:all var(--transition-fast);width:100%}.header-dropdown-item:before{background:linear-gradient(180deg,var(--color-primary) 0,#0000 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:3px}.header-dropdown-item:hover{background:linear-gradient(90deg,#ffc8571f,#ffc8570d);color:var(--color-text-gold);padding-left:20px}.header-dropdown-item:hover:before{opacity:1}.header-dropdown-item svg{color:var(--color-text-muted);flex-shrink:0;transition:color .3s ease}.header-dropdown-item:hover svg{color:var(--color-primary)}.header-dropdown-item span{flex:1 1}.header-dropdown-logout{color:#e74c3c}.header-dropdown-logout:hover{background:linear-gradient(90deg,#e74c3c26,#e74c3c0d);color:#ff6b6b}.header-dropdown-logout svg{color:#e74c3c}.header-dropdown-logout:hover svg{color:#ff6b6b}.music-btn{align-items:center;background:#ffc85714;border:1px solid #ffc85733;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:32px}.music-btn:before{background:radial-gradient(circle,#ffc8574d 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0}.music-btn:hover:before{height:150%;width:150%}.music-btn:hover{border-color:#ffc85780;box-shadow:0 0 15px #ffc8574d,inset 0 0 10px #ffc8571a;transform:scale(1.05)}.music-btn.playing{animation:musicPulse 2s ease-in-out infinite;border-color:#ffc85766}.music-btn.playing:after{animation:musicSpin 3s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#ffc85799;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px}@keyframes musicPulse{0%,to{box-shadow:0 0 10px #ffc85733}50%{box-shadow:0 0 20px #ffc85766}}@keyframes musicSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.music-btn.muted{opacity:.7}.music-btn.muted:hover{opacity:1}.music-btn .icon{z-index:1}.language-selector,.music-btn .icon{position:relative}.language-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffc8571a,#ffb4320d);border:1px solid #ffc85740;border-radius:10px;box-shadow:0 2px 8px #0003,inset 0 1px 0 #ffffff1a;color:var(--color-text);cursor:pointer;font-family:var(--font-gaming);font-size:11px;font-weight:600;gap:6px;height:36px;letter-spacing:.5px;line-height:1;overflow:hidden;padding:6px 10px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.language-btn,.language-btn>*{align-items:center;display:flex;justify-content:center}.language-btn:before{background:linear-gradient(90deg,#0000,#ffc85733,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.language-btn:hover:before{left:100%}.language-btn:hover{background:linear-gradient(135deg,#ffc8572e,#ffb4321f);border-color:#ffc85780;box-shadow:0 4px 16px #ffc8574d,0 0 24px #ffc85726,inset 0 1px 0 #fff3;color:var(--color-primary);transform:translateY(-2px)}.language-btn:active{transform:translateY(0)}.language-flag{align-items:center;display:flex;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:16px;height:100%;justify-content:center;line-height:1;transition:transform .3s ease}.language-btn:hover .language-flag{transform:scale(1.1) rotate(5deg)}.language-code{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,var(--color-text) 0,var(--color-primary) 100%);-webkit-background-clip:text;background-clip:text;display:flex;font-size:10px;font-weight:700;height:100%;justify-content:center;letter-spacing:.8px;line-height:1;margin-top:5px;text-transform:uppercase;transition:all .3s ease;vertical-align:middle}.language-btn:hover .language-code{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary) 0,#ffd875 100%);-webkit-background-clip:text;background-clip:text}.language-arrow{align-items:center;color:var(--color-text-muted);display:flex;height:12px;line-height:1;transition:transform .4s cubic-bezier(.4,0,.2,1);width:12px}.language-btn:hover .language-arrow{color:var(--color-primary)}.language-arrow.open{transform:rotate(180deg)}.language-dropdown{animation:dropdownFadeIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0c1225fa,#070b14fa);border:1px solid #ffc8574d;border-radius:12px;box-shadow:0 8px 32px #0009,inset 0 0 0 1px #ffc8571a,0 0 40px #ffc8571a;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);z-index:1001}.language-dropdown:before{background:linear-gradient(90deg,#0000,#ffc85780,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.language-option{align-items:center;background:#0000;border:none;border-bottom:1px solid #ffc8570d;color:var(--color-text-muted);cursor:pointer;display:flex;font-family:var(--font-body);font-size:14px;font-weight:500;gap:14px;padding:14px 18px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.language-option:last-child{border-bottom:none}.language-option:before{background:linear-gradient(180deg,var(--color-primary) 0,#0000 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:3px}.language-option:hover{background:linear-gradient(90deg,#ffc8571f,#ffc8570d);color:var(--color-text);padding-left:22px}.language-option:hover:before{opacity:1}.language-option.active{background:linear-gradient(90deg,#ffc8572e,#ffc85714);color:var(--color-primary);font-weight:600}.language-option.active:before{opacity:1}.language-option .language-flag{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:22px;line-height:1;transition:transform .3s ease}.language-option:hover .language-flag{transform:scale(1.15)}.language-option .language-name{flex:1 1;transition:all .3s ease}.language-option:hover .language-name{letter-spacing:.5px}.language-option svg{color:var(--color-primary);filter:drop-shadow(0 0 4px rgba(255,200,87,.5));transition:transform .3s ease}.language-option:hover svg{transform:scale(1.1)}.login-btn{align-items:center;color:var(--color-text-muted);display:flex;font-family:var(--font-body);font-size:14px;gap:8px;text-decoration:none;transition:color var(--transition-fast)}.login-btn:hover{color:var(--color-text)}.download-btn{align-items:center;background:linear-gradient(135deg,#ffc857,#ff9f43 50%,#ffd875);border:none;border-radius:6px;box-shadow:0 2px 15px #ffc8574d;color:#0a0d1a;cursor:pointer;display:flex;font-family:var(--font-future);font-size:13px;font-weight:600;gap:8px;letter-spacing:1.5px;overflow:hidden;padding:10px 30px;position:relative;text-decoration:none;text-transform:uppercase;transition:all var(--transition-fast)}.download-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.download-btn:hover:before{left:100%}.download-btn:hover{box-shadow:0 8px 25px #ffc85780,0 0 40px #ff96324d;transform:scale(1.05) translateY(-2px)}@media (max-width:768px){.header{padding:0 20px}.nav-menu{display:none}}.footer{background:linear-gradient(180deg,#070b14fa,#050810);border-top:1px solid #ffc85733;padding:50px 60px 25px;position:relative}.footer:before{background:linear-gradient(90deg,#0000,#ffc85766,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.footer-content{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding-bottom:30px}.footer-brand{max-width:280px}.footer-logo{height:35px;margin-bottom:15px}.footer-desc{color:#666;font-family:var(--font-body);font-size:13px;line-height:1.7}.footer-links{display:flex;gap:60px}.footer-column h4{color:var(--color-text-gold);font-family:var(--font-display-alt);font-size:12px;letter-spacing:2px;margin-bottom:18px;text-shadow:0 0 10px #ffc8574d;text-transform:uppercase}.footer-column ul{list-style:none}.footer-column li{margin-bottom:10px}.footer-column a{color:#777;font-family:var(--font-body);font-size:13px;text-decoration:none;transition:color var(--transition-fast)}.footer-column a:hover{color:var(--color-text-gold);text-shadow:0 0 8px #ffc8574d}.footer-bottom{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding-top:25px}.footer-copyright{color:#444;font-family:var(--font-mono);font-size:11px;letter-spacing:1px}.footer-legal{display:flex;gap:25px}.footer-legal a{color:#444;font-family:var(--font-body);font-size:12px;text-decoration:none;transition:color var(--transition-fast)}.footer-legal a:hover{color:var(--color-text-gold)}@media (max-width:768px){.footer{padding:30px 20px 20px}.footer-content{flex-direction:column;gap:30px}.footer-links{flex-direction:column;gap:25px}}.social-sidebar{align-items:flex-end;display:flex;flex-direction:column;position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:999}.social-toggle{align-items:center;background:linear-gradient(135deg,#0c1225f2,#141c32e6);border:1px solid #ffc85733;border-radius:8px 0 0 8px;border-right:none;cursor:pointer;display:flex;gap:10px;padding:12px 15px;transition:all var(--transition-fast)}.social-toggle:hover{background:linear-gradient(135deg,#ffc85726,#ff96321a);border-color:#ffc85766}.social-toggle-icon{color:var(--color-text-gold);filter:drop-shadow(0 0 5px rgba(255,200,87,.4));font-size:18px}.social-toggle-text{color:var(--color-text);font-family:var(--font-gaming);font-size:12px;font-weight:500;letter-spacing:1px;margin-top:7.5px;text-transform:uppercase}.social-list{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#070b14f2,#0c1225f2);border:1px solid #ffc85726;border-radius:8px 0 0 8px;border-right:none;box-shadow:-5px 0 30px #0006;margin-top:5px;max-height:0;opacity:0;overflow:hidden;padding:15px 0;transform:translateX(20px);transition:all var(--transition-smooth)}.social-sidebar.open .social-list{max-height:600px;opacity:1;transform:translateX(0)}.social-link{align-items:center;color:var(--color-text-muted);display:flex;font-family:var(--font-body);font-size:13px;gap:12px;min-width:150px;padding:10px 20px;text-decoration:none;transition:all var(--transition-fast)}.social-link:hover{background:linear-gradient(90deg,#ffc85726,#0000);color:var(--color-text-gold)}.social-link-icon{align-items:center;display:flex;font-size:16px;height:24px;justify-content:center;width:24px}@media (max-width:768px){.social-sidebar{display:none}}.confirm-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070b14eb;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.confirm-dialog{animation:dialogSlideIn .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#0c1225fa,#141c32f2);border:2px solid #ffc85766;border-radius:16px;box-shadow:0 0 0 1px #ffc8571a,0 25px 80px #0009,0 0 60px #ffc8571a,inset 0 1px 0 #ffffff0d;overflow:hidden;padding:45px 55px;position:relative;text-align:center}.confirm-dialog:before{background:linear-gradient(90deg,#0000,#ffc85799,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.confirm-dialog:after{animation:dialogRotate 10s linear infinite;background:conic-gradient(from 180deg,#0000 0deg,#ffc85708 60deg,#0000 120deg);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dialogRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.confirm-dialog h3{color:var(--color-text-gold);font-family:var(--font-wide);font-size:22px;letter-spacing:4px;margin-bottom:15px;position:relative;text-shadow:0 0 30px #ffc85766;text-transform:uppercase;z-index:1}.confirm-dialog p{color:var(--color-text-muted);font-family:var(--font-body);font-size:15px;line-height:1.6;margin-bottom:35px;position:relative;z-index:1}.confirm-buttons{display:flex;gap:20px;justify-content:center;position:relative;z-index:1}.confirm-yes{background:linear-gradient(135deg,#ffc857,#ff9f43 50%,#ffd875);border:none;border-radius:8px;box-shadow:0 4px 20px #ffc8574d,inset 0 1px 0 #ffffff4d;color:#0a0d1a;cursor:pointer;font-family:var(--font-gaming);font-size:13px;font-weight:600;letter-spacing:2px;overflow:hidden;padding:14px 45px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.confirm-yes:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.confirm-yes:hover:before{left:100%}.confirm-yes:hover{box-shadow:0 8px 30px #ffc85780,0 0 50px #ffc8574d,inset 0 1px 0 #ffffff4d;transform:translateY(-3px) scale(1.02)}.confirm-yes:active{transform:translateY(0) scale(.98)}.confirm-no{background:linear-gradient(135deg,#ffc8571a,#ff96320d);border:2px solid #ffc85766;border-radius:8px;color:var(--color-text-gold);cursor:pointer;font-family:var(--font-gaming);font-size:13px;font-weight:600;letter-spacing:2px;overflow:hidden;padding:14px 45px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.confirm-no:before{background:linear-gradient(90deg,#0000,#ffc85733,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.confirm-no:hover:before{left:100%}.confirm-no:hover{background:linear-gradient(135deg,#ffc85733,#ff96321a);border-color:#ffc857b3;box-shadow:0 8px 25px #ffc85733;transform:translateY(-3px) scale(1.02)}.confirm-no:active{transform:translateY(0) scale(.98)}.game-overlay{background:#0a0a12;bottom:0;display:none;left:0;overflow:hidden;position:fixed;right:0;top:var(--header-height);z-index:900}.game-overlay.active{align-items:center;animation:fadeIn .4s ease-out;display:flex;justify-content:center}.watermark-side{background:#0a0a12;bottom:0;min-width:50px;overflow:hidden;position:absolute;top:0;width:calc(50% - 683px)}.watermark-side.left{left:0}.watermark-side.right{right:0}.watermark-container{animation:scrollWatermark 20s linear infinite;display:flex;flex-direction:column;gap:30px;height:200%;left:0;position:absolute;top:0;width:100%}.watermark-side.right .watermark-container{animation:scrollWatermarkReverse 20s linear infinite}@keyframes scrollWatermark{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes scrollWatermarkReverse{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.watermark-text{color:#4fc3f714;font-family:var(--font-ultra);font-size:11px;font-weight:400;letter-spacing:4px;padding:10px 20px;text-transform:uppercase;transform:rotate(-15deg);-webkit-user-select:none;user-select:none;white-space:nowrap}.watermark-side.right .watermark-text{text-align:right;transform:rotate(15deg)}.unity-container{position:relative;z-index:10}.unity-canvas{display:block}.close-game-btn{align-items:center;background:linear-gradient(135deg,#ffc85726,#ff96321a);border:2px solid #ffc85780;border-radius:12px;box-shadow:0 0 20px #ffc85726,inset 0 0 20px #ffc8570d;color:var(--color-text-gold);cursor:pointer;display:flex;font-size:18px;font-weight:300;height:44px;justify-content:center;overflow:hidden;position:absolute;right:calc(50% - 743px);top:15px;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px;z-index:100}.close-game-btn:before{background:linear-gradient(90deg,#0000,#ffc8574d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.close-game-btn:after{animation:none;background:conic-gradient(from 0deg,#0000 0deg,#ffc8574d 60deg,#0000 120deg);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.close-game-btn:hover{background:linear-gradient(135deg,#ffc85740,#ff963226);border-color:#ffc857cc;box-shadow:0 0 30px #ffc85766,0 0 60px #ff963233,inset 0 0 30px #ffc8571a;transform:scale(1.1) rotate(90deg)}.close-game-btn:hover:before{left:100%}.close-game-btn:hover:after{animation:rotateGlow 2s linear infinite;opacity:1}@keyframes rotateGlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.close-game-btn:active{transform:scale(.95) rotate(90deg)}.loading-bar{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.loading-logo{height:auto;margin-bottom:40px;width:200px}.progress-container{background:#ffffff1a;border-radius:10px;box-shadow:0 2px 10px #0000004d;height:6px;margin:0 auto;overflow:hidden;width:300px}.progress-bar{background:linear-gradient(90deg,var(--color-primary) 0,var(--color-primary-dark) 50%,var(--color-primary) 100%);border-radius:10px;box-shadow:0 0 20px #4fc3f799;height:100%;transition:width .3s ease-out}.loading-percentage{color:var(--color-text);font-family:var(--font-mono);font-size:20px;font-weight:400;letter-spacing:4px;margin-top:20px}.game-error{color:#ff6b6b;font-family:var(--font-body);font-size:18px;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.game-error-btn{background:#4fc3f733;border:1px solid var(--color-primary);border-radius:6px;color:var(--color-primary);cursor:pointer;font-family:var(--font-future);font-size:13px;letter-spacing:1px;margin-top:20px;padding:12px 30px;text-transform:uppercase;transition:all var(--transition-fast)}.game-error-btn:hover{background:#4fc3f74d}.animated-hero-showcase{background:linear-gradient(180deg,#070b14f2,#0c1225 50%,#070b14f2);overflow:hidden;padding:100px 40px;position:relative}.showcase-bg{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.showcase-glow-orb{animation:orbFloat 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.3;position:absolute}.showcase-glow-orb.orb-1{animation-delay:0s;background:radial-gradient(circle,#ffc85766 0,#0000 70%);height:400px;left:10%;top:-100px;width:400px}.showcase-glow-orb.orb-2{animation-delay:-7s;background:radial-gradient(circle,#6b5ce74d 0,#0000 70%);bottom:-50px;height:300px;right:15%;width:300px}.showcase-glow-orb.orb-3{animation-delay:-14s;background:radial-gradient(circle,#ff963240 0,#0000 70%);height:350px;left:50%;top:50%;transform:translate(-50%,-50%);width:350px}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-20px) scale(1.1)}50%{transform:translate(-20px,30px) scale(.95)}75%{transform:translate(-30px,-30px) scale(1.05)}}.showcase-content{margin:0 auto;max-width:1400px;position:relative;z-index:1}.showcase-header{margin-bottom:60px;opacity:0;text-align:center;transform:translateY(30px);transition:all .8s ease-out}.animated-hero-showcase.visible .showcase-header{opacity:1;transform:translateY(0)}.showcase-label{background:#ffc8570d;border:1px solid #ffc8574d;border-radius:20px;color:var(--color-text-gold);display:inline-block;font-family:var(--font-tech);font-size:12px;letter-spacing:4px;margin-bottom:20px;padding:8px 20px;text-transform:uppercase}.showcase-title{color:var(--color-text);font-family:var(--font-wide);font-size:48px;letter-spacing:6px;margin-bottom:15px;text-shadow:0 0 40px #ffc8574d;text-transform:uppercase}.showcase-subtitle{color:var(--color-text-muted);font-family:var(--font-body);font-size:18px;letter-spacing:1px}.hero-showcase-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(6,1fr);margin-bottom:50px}.animated-hero-card{background:linear-gradient(180deg,#141c3299,#0c1225e6);border:1px solid #ffc85726;border-radius:16px;cursor:pointer;height:380px;opacity:0;overflow:hidden;position:relative;transform:translateY(50px);transition:all .4s cubic-bezier(.4,0,.2,1)}.animated-hero-showcase.visible .animated-hero-card{opacity:1;transform:translateY(0);transition-delay:var(--animation-delay)}.animated-hero-card:hover{border-color:var(--element-primary);box-shadow:0 0 30px var(--element-glow),0 20px 50px #0006;transform:translateY(-10px)!important}.hero-aura{animation:auraPulse 3s ease-in-out infinite;animation-play-state:paused;background:radial-gradient(ellipse at center,var(--element-glow) 0,#0000 60%);height:120%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .5s ease;width:120%}.animated-hero-card:hover .hero-aura{animation-play-state:running;opacity:.6}@keyframes auraPulse{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.1)}}.hero-particles{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:3}.particle{background:var(--element-primary);border-radius:50%;bottom:-10px;box-shadow:0 0 6px var(--element-glow);height:4px;left:var(--particle-x);opacity:0;position:absolute;width:4px}.animated-hero-card:hover .particle{animation:particleRise var(--particle-duration) ease-out infinite;animation-delay:var(--particle-delay)}@keyframes particleRise{0%{opacity:0;transform:translateY(0) scale(1)}10%{opacity:1}90%{opacity:.8}to{opacity:0;transform:translateY(-400px) scale(.5)}}.hero-image-wrapper{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.hero-image{animation:heroBreathe 4s ease-in-out infinite;filter:brightness(.9) saturate(1.1);height:100%;object-fit:cover;object-position:top center;transition:transform .3s cubic-bezier(.4,0,.2,1),filter .3s ease,opacity .3s ease;width:100%}.hero-image.hidden{opacity:0}.animated-hero-card:hover .hero-image:not(.hidden),.hero-video{filter:brightness(1.05) saturate(1.2)}.hero-video{height:100%;left:0;object-fit:cover;object-position:top center;opacity:0;position:absolute;top:0;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;width:100%;z-index:1}.hero-video.visible{opacity:1}@keyframes heroBreathe{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.02) translateY(-3px)}}.shimmer-overlay{background:linear-gradient(90deg,#0000,#ffffff08 20%,#ffffff14 50%,#ffffff08 80%,#0000);height:100%;left:-150%;pointer-events:none;position:absolute;top:0;transform:skewX(-20deg);width:80%;z-index:2}.animated-hero-card:hover .shimmer-overlay{animation:shimmerSweep 2s ease-in-out}@keyframes shimmerSweep{0%{left:-150%}to{left:200%}}.hero-info-overlay{align-items:center;background:linear-gradient(0deg,#070b14f2 0,#070b1480 40%,#0000 70%);bottom:0;display:flex;flex-direction:column;justify-content:flex-end;left:0;padding:15px 15px 20px;position:absolute;right:0;text-align:center;top:0;transform:translateY(10px);transition:transform .3s ease;z-index:4}.animated-hero-card:hover .hero-info-overlay{transform:translateY(0)}.hero-role-tag{background:#0006;border:1px solid var(--element-primary);border-radius:12px;color:var(--element-primary);display:inline-block;font-family:var(--font-tech);font-size:10px;letter-spacing:2px;margin-bottom:8px;opacity:.8;padding:4px 12px;text-transform:uppercase}.hero-name{color:var(--color-text);font-family:var(--font-display);font-size:18px;letter-spacing:1px;margin-bottom:4px;text-shadow:0 2px 10px #00000080}.hero-title{word-wrap:break-word;bottom:15px;color:var(--color-text-muted);font-family:var(--font-body);font-size:25px;left:10px;letter-spacing:0;line-height:1.2;opacity:0;overflow-wrap:break-word;position:absolute;right:10px;transform:translateY(10px);transition:all .3s ease .1s}.hero-bottom-glow{background:linear-gradient(90deg,#0000,var(--element-primary),#0000);bottom:0;box-shadow:0 0 20px var(--element-glow);height:2px;left:10%;opacity:0;position:absolute;right:10%;transition:opacity .3s ease}.animated-hero-card:hover .hero-bottom-glow{opacity:1}.showcase-cta{opacity:0;text-align:center;transform:translateY(20px);transition:all .8s ease-out .6s}.animated-hero-showcase.visible .showcase-cta{opacity:1;transform:translateY(0)}.view-all-heroes-btn{align-items:center;background:linear-gradient(135deg,#ffc8571a,#ff96320d);border:2px solid #ffc85766;border-radius:8px;color:var(--color-text-gold);display:inline-flex;font-family:var(--font-gaming);font-size:14px;font-weight:600;gap:12px;letter-spacing:2px;overflow:hidden;padding:15px 40px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.view-all-heroes-btn:before{background:linear-gradient(90deg,#0000,#ffc85733,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.view-all-heroes-btn:hover:before{left:100%}.view-all-heroes-btn:hover{border-color:#ffc857cc;box-shadow:0 0 30px #ffc8574d;transform:translateY(-3px)}.view-all-heroes-btn svg{transition:transform .3s ease}.view-all-heroes-btn:hover svg{transform:translateX(5px)}@media (max-width:1400px){.hero-showcase-grid{grid-template-columns:repeat(3,1fr);margin:0 auto 50px;max-width:900px}.animated-hero-card{height:350px}}@media (max-width:900px){.hero-showcase-grid{grid-template-columns:repeat(2,1fr);max-width:600px}.showcase-title{font-size:32px;letter-spacing:4px}}@media (max-width:600px){.animated-hero-showcase{padding:60px 20px}.hero-showcase-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.animated-hero-card{height:280px}.showcase-title{font-size:24px;letter-spacing:2px}.hero-name{font-size:20px}}.loading-screen{align-items:center;background:#0a0a12;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;transition:opacity .8s ease-out,visibility .8s ease-out;width:100vw;z-index:10000}.loading-screen.fade-out{opacity:0;pointer-events:none;visibility:hidden}.loading-screen .loading-bg-gradient{animation:lsBgPulse 4s ease-in-out infinite;background:radial-gradient(ellipse at 50% 0,#ffc85726 0,#0000 50%),radial-gradient(ellipse at 20% 80%,#8b5cf61a 0,#0000 40%),radial-gradient(ellipse at 80% 80%,#ffc8571a 0,#0000 40%),linear-gradient(180deg,#0a0a12,#0d0d1a 50%,#0a0a12);height:100%;left:0;position:absolute;top:0;width:100%}@keyframes lsBgPulse{0%,to{opacity:1}50%{opacity:.8}}.loading-screen .loading-bg-pattern{animation:lsPatternMove 20s linear infinite;background-image:radial-gradient(circle at 25% 25%,#ffc85708 0,#0000 50%),radial-gradient(circle at 75% 75%,#8b5cf608 0,#0000 50%);height:100%;left:0;position:absolute;top:0;width:100%}@keyframes lsPatternMove{0%{transform:translate(0) rotate(0deg)}to{transform:translate(-50px,-50px) rotate(1turn)}}.loading-screen .loading-content{align-items:center;display:flex;flex-direction:column;gap:30px;position:relative;z-index:2}.loading-screen .loading-logo{align-items:center;animation:lsLogoFloat 3s ease-in-out infinite,lsLogoGlow 2s ease-in-out infinite;display:flex;height:120px;justify-content:center;width:120px}.loading-screen .loading-logo img{filter:drop-shadow(0 0 20px rgba(255,200,87,.5));height:100%;object-fit:contain;width:100%}@keyframes lsLogoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes lsLogoGlow{0%,to{filter:drop-shadow(0 0 20px rgba(255,200,87,.5))}50%{filter:drop-shadow(0 0 40px rgba(255,200,87,.8))}}.loading-screen .loading-title{display:flex;font-family:Cinzel,Times New Roman,serif;font-size:48px;font-weight:700;gap:2px;letter-spacing:12px}.loading-screen .title-char{-webkit-text-fill-color:#0000;animation:lsCharReveal .6s ease-out forwards,lsCharGlow 2s ease-in-out infinite;background:linear-gradient(180deg,#ffc857,#f0a030 50%,#c68a20);-webkit-background-clip:text;background-clip:text;display:inline-block;opacity:0;text-shadow:0 0 30px #ffc85780;transform:translateY(20px)}.loading-screen .title-char.space{width:20px}@keyframes lsCharReveal{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lsCharGlow{0%,to{filter:drop-shadow(0 0 5px rgba(255,200,87,.5))}50%{filter:drop-shadow(0 0 15px rgba(255,200,87,.8))}}.loading-screen .loading-bar-container{align-items:center;display:flex;flex-direction:column;gap:15px;width:300px}.loading-screen .loading-bar{background:#ffffff1a;border-radius:4px;height:4px;overflow:visible;position:relative;width:100%}.loading-screen .loading-bar-fill{background:linear-gradient(90deg,#ffc857,#f0a030,#ffc857);border-radius:4px;box-shadow:0 0 10px #ffc85780,0 0 20px #ffc8574d;height:100%;position:relative;transition:width .3s ease-out}.loading-screen .loading-bar-glow{background:radial-gradient(circle,#ffc857cc 0,#0000 70%);border-radius:50%;height:20px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) translateX(-50%);transition:left .3s ease-out;width:20px}.loading-screen .loading-percentage{color:#ffc857cc;font-family:Rajdhani,Arial,sans-serif;font-size:14px;font-weight:600;letter-spacing:2px}.loading-screen .loading-text{color:#ffffff80;font-family:Rajdhani,Arial,sans-serif;font-size:14px;letter-spacing:4px;text-transform:uppercase}.loading-screen .loading-dots:after{animation:lsLoadingDots 1.5s infinite;content:""}@keyframes lsLoadingDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.loading-screen .loading-particles{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.loading-screen .loading-particle{animation:lsParticleRise 4s ease-out infinite;background:linear-gradient(180deg,#ffc857,#0000);border-radius:50%;bottom:-10px;height:4px;opacity:0;position:absolute;width:4px}@keyframes lsParticleRise{0%{opacity:0;transform:translateY(0) scale(0)}10%{opacity:.8;transform:scale(1)}to{opacity:0;transform:translateY(-100vh) scale(.5)}}@media (max-width:768px){.loading-screen .loading-title{font-size:32px;letter-spacing:8px}.loading-screen .loading-logo{height:80px;width:80px}.loading-screen .loading-bar-container{width:250px}}@media (max-width:480px){.loading-screen .loading-title{font-size:24px;letter-spacing:6px}.loading-screen .loading-logo{height:60px;width:60px}.loading-screen .loading-bar-container{width:200px}}.payment-popup-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.payment-popup-content{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#0c1225fa,#141c32f2);border:2px solid #ffc8574d;border-radius:16px;box-shadow:0 20px 60px #0009,0 0 40px #ffc85733;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:90%}.payment-popup-header{align-items:center;background:linear-gradient(135deg,#ffc8571a,#ffc8570d);border-bottom:1px solid #ffc85733;display:flex;justify-content:space-between;padding:24px 30px}.payment-popup-title{color:var(--color-text-gold);font-family:var(--font-wide);font-size:28px;font-weight:700;letter-spacing:2px;margin:0;text-shadow:0 0 20px #ffc85766;text-transform:uppercase}.payment-popup-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-muted);cursor:pointer;display:flex;font-size:32px;height:36px;justify-content:center;line-height:1;padding:0;transition:all var(--transition-fast);width:36px}.payment-popup-close:hover{background:#ffc8571a;color:var(--color-text);transform:rotate(90deg)}.payment-popup-body{padding:30px}.payment-popup-description{color:var(--color-text-muted);font-family:var(--font-body);font-size:16px;margin-bottom:30px;text-align:center}.diamond-packages-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.diamond-package-card{background:linear-gradient(135deg,#ffc85714,#0c122599);border:1px solid #ffc85733;border-radius:12px;overflow:hidden;padding:20px;position:relative;text-align:center;transition:all var(--transition-fast)}.diamond-package-card:before{background:linear-gradient(90deg,#0000,#ffc8571a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.diamond-package-card:hover:before{left:100%}.diamond-package-card:hover{border-color:#ffc85766;box-shadow:0 8px 24px #ffc8574d;transform:translateY(-5px)}.package-label{color:var(--color-text-muted);font-family:var(--font-tech);font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.package-diamonds{color:var(--color-text-gold);font-family:var(--font-display);font-size:32px;font-weight:700;margin-bottom:10px;text-shadow:0 0 20px #ffc85780}.package-price{font-family:var(--font-body);font-size:24px;margin-bottom:20px}.package-buy-btn,.package-price{color:var(--color-text);font-weight:600}.package-buy-btn{background:linear-gradient(135deg,#ffc85733,#ffc8571a);border:1px solid #ffc8574d;border-radius:8px;cursor:pointer;font-family:var(--font-gaming);font-size:14px;letter-spacing:1px;padding:12px 20px;position:relative;text-transform:uppercase;transition:all var(--transition-fast);width:100%;z-index:1}.package-buy-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffc8574d,#ffc85733);border-color:#ffc85780;box-shadow:0 5px 20px #ffc8574d;transform:translateY(-2px)}.package-buy-btn:active:not(:disabled){transform:translateY(0)}.package-buy-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.payment-popup-content{max-height:95vh;width:95%}.payment-popup-header{padding:20px}.payment-popup-title{font-size:22px}.payment-popup-body{padding:20px}.diamond-packages-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.diamond-package-card{padding:15px}.package-diamonds{font-size:24px}.package-price{font-size:20px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.home-page,.home-page-wrapper{position:relative}.home-page{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden}.home-video-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:0}.home-video{height:auto;left:50%;min-height:100%;min-width:100%;object-fit:cover;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease-in-out;width:auto}.home-video.active{opacity:1}.home-video-overlay{background:radial-gradient(ellipse at 50% 40%,#ffc85714 0,#0000 50%),radial-gradient(ellipse at 20% 70%,#6b5ce70f 0,#0000 40%),radial-gradient(ellipse at 80% 70%,#6b5ce70f 0,#0000 40%),linear-gradient(0deg,#070b14f2 0,#070b1480 30%,#070b1433 60%,#070b1466);pointer-events:none}.home-background,.home-video-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.home-background{background:url(/static/media/demo3.2d7ace6f7d02b4faaed8.png) 50%/cover no-repeat;z-index:-1}.home-background:before{animation:floatMagic 15s ease-in-out infinite;background:radial-gradient(ellipse at 50% 40%,#ffc8571f 0,#0000 45%),radial-gradient(ellipse at 20% 70%,#6b5ce714 0,#0000 40%),radial-gradient(ellipse at 80% 70%,#6b5ce714 0,#0000 40%),radial-gradient(ellipse at 50% 100%,#ff96321a 0,#0000 50%);top:0}.home-background:after,.home-background:before{bottom:0;content:"";left:0;position:absolute;right:0}.home-background:after{background:linear-gradient(0deg,#070b14f2 0,#070b1499 40%,#0000);height:50%}.parallax-heroes{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.parallax-hero-group{align-items:flex-end;bottom:0;display:flex;justify-content:center;position:absolute;top:0;width:45%}.parallax-hero-group.left{left:-5%}.parallax-hero-group.right{right:-5%}.parallax-hero{bottom:0;position:absolute;transition:transform .1s ease-out;will-change:transform}.parallax-hero.front{z-index:3}.parallax-hero.back{filter:blur(2px);opacity:.6;z-index:1}.parallax-hero img{filter:drop-shadow(0 0 30px rgba(0,0,0,.5));max-height:90vh;max-width:100%;object-fit:contain;width:auto}.parallax-hero-group.left .parallax-hero img{transform-origin:bottom left}.parallax-hero-group.right .parallax-hero img{transform-origin:bottom right}.parallax-glow{bottom:0;height:60%;pointer-events:none;position:absolute;width:100%;z-index:2}.parallax-glow.left{background:radial-gradient(ellipse at 30% 80%,#6b5ce733 0,#6b5ce714 30%,#0000 60%)}.parallax-glow.right{background:radial-gradient(ellipse at 70% 80%,#ffc85733 0,#ff963214 30%,#0000 60%)}.home-center{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:calc(100vh - 60px);padding:80px 20px 0;position:relative;text-align:center;z-index:10}.game-title{animation:epicTextGlow 4s ease-in-out infinite;color:var(--color-text-gold);font-family:var(--font-wide);font-size:64px;font-weight:700;letter-spacing:12px;margin-bottom:20px;text-shadow:0 0 40px #ffc85780,0 2px 30px #ff963266,0 4px 60px #ff643233;text-transform:uppercase}.game-title-img{animation:fadeInDown .8s ease-out,mysticalFloat 6s ease-in-out 1s infinite;filter:drop-shadow(0 0 30px rgba(255,200,87,.5)) drop-shadow(0 0 60px rgba(255,150,50,.3));height:auto;margin-top:10px;max-width:350px;width:100%}.game-subtitle{-webkit-text-fill-color:#0000;animation:fadeIn 1s ease-out .3s both;background:linear-gradient(90deg,#ffc857,#ffd875,#ffb347,#ffc857);-webkit-background-clip:text;background-clip:text;background-size:200% auto;color:var(--color-primary);font-family:var(--font-tech);font-size:22px;letter-spacing:6px;margin-bottom:50px;text-shadow:0 0 20px #ffc85766,0 2px 15px #ff96324d;text-transform:uppercase}.play-button-circle{align-items:center;animation:fadeInUp .8s ease-out .5s both,goldenPulse 3s ease-in-out 1.5s infinite;background:radial-gradient(circle,#ffc8571a 0,#0c1225cc 70%);border:3px solid #ffc857b3;border-radius:50%;cursor:pointer;display:flex;height:110px;justify-content:center;margin:40px auto 0;pointer-events:auto;position:relative;transition:all var(--transition-fast);width:110px}.play-button-circle:before{top:-20px}.play-button-circle:after,.play-button-circle:before{background:linear-gradient(90deg,#0000,#ffc85799,#0000);content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.play-button-circle:after{bottom:-20px}.play-button-circle:hover{background:radial-gradient(circle,#ffc85733 0,#0c1225e6 70%);border-color:var(--color-primary);box-shadow:0 0 40px #ffc85780,0 0 80px #ff96324d,inset 0 0 30px #ffc8571a;transform:scale(1.15)}.play-icon{color:var(--color-text-gold);filter:drop-shadow(0 0 10px rgba(255,200,87,.4));font-size:42px;margin-left:8px;text-shadow:0 0 15px #ffc85799}.play-icon-svg{filter:drop-shadow(0 0 15px rgba(255,200,87,.6));margin-left:6px;transition:all var(--transition-fast)}.play-button-circle:hover .play-icon-svg{filter:drop-shadow(0 0 25px rgba(255,200,87,.8));transform:scale(1.1)}.play-section{animation:fadeInUp .8s ease-out .5s both;margin-top:450px}.play-web-btn{align-items:center;animation:playBtnPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ffc8574d,#ff963240 50%,#ff643233);border:3px solid #ffc857cc;border-radius:16px;box-shadow:0 0 30px #ffc85780,0 0 60px #ffc8574d,0 8px 25px #0006,inset 0 0 30px #ffc85726;color:#fff;cursor:pointer;display:flex;font-family:var(--font-gaming);font-size:20px;font-weight:700;gap:14px;letter-spacing:4px;overflow:hidden;padding:22px 60px;pointer-events:auto;position:relative;text-shadow:0 0 15px #ffc857cc,0 2px 4px #00000080;text-transform:uppercase;transition:all .3s ease}@keyframes playBtnPulse{0%,to{box-shadow:0 0 30px #ffc85780,0 0 60px #ffc8574d,0 8px 25px #0006,inset 0 0 30px #ffc85726}50%{box-shadow:0 0 50px #ffc857b3,0 0 100px #ffc85766,0 8px 25px #0006,inset 0 0 40px #ffc85740}}.play-web-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.play-web-btn:after{animation:playBtnBorderGlow 3s ease infinite;background:linear-gradient(45deg,#ffc857,#ff9f43,#ffc857,#ff6b35);background-size:400% 400%;border-radius:18px;bottom:-2px;content:"";filter:blur(4px);left:-2px;opacity:.7;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes playBtnBorderGlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.play-web-btn:hover:before{left:100%}.play-web-btn:hover{animation:none;background:linear-gradient(135deg,#ffc85780,#ff963266 50%,#ff643259);border-color:#ffdc64;box-shadow:0 20px 50px #ffc85780,0 0 80px #ffc85766,0 0 120px #ffc85733,inset 0 0 40px #ffc85733;transform:translateY(-8px) scale(1.08)}.play-web-btn:hover:after{filter:blur(6px);opacity:1}.play-web-btn .icon{filter:drop-shadow(0 0 12px rgba(255,200,87,.9))}.platform-section{animation:fadeInUp .8s ease-out .7s both;margin-top:auto;padding-bottom:30px}.platform-text{color:var(--color-text-muted);font-family:var(--font-body);font-size:16px;letter-spacing:2px;margin-bottom:25px}.platform-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.platform-btn{align-items:center;background:linear-gradient(135deg,#0c1225e6,#141c32cc);border:1px solid #ffc85740;border-radius:8px;color:var(--color-text);cursor:pointer;display:flex;font-family:var(--font-gaming);font-size:12px;font-weight:500;gap:10px;letter-spacing:1px;overflow:hidden;padding:12px 25px;pointer-events:auto;position:relative;text-decoration:none;text-transform:uppercase;transition:all var(--transition-fast)}.platform-btn:before{background:linear-gradient(90deg,#0000,#ffc8571a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.platform-btn:hover:before{left:100%}.platform-btn:hover{background:linear-gradient(135deg,#ffc85726,#ff96321a);border-color:#ffc85799;box-shadow:0 8px 25px #ffc85733,0 0 20px #ffc8571a;color:var(--color-text-gold);transform:translateY(-3px)}.platform-icon{font-size:18px}.scroll-indicator{animation:bounce 2s infinite;bottom:10px;left:50%;opacity:.6;position:absolute;transform:translateX(-50%);z-index:5}.scroll-indicator span{border-bottom:2px solid #ffc85799;border-right:2px solid #ffc85799;box-shadow:3px 3px 8px #ffc85733;display:block;height:20px;transform:rotate(45deg);width:20px}@media (max-width:1200px){.game-title{font-size:48px}.parallax-hero-group.left{left:-15%}.parallax-hero-group.right{right:-15%}.parallax-hero img{max-height:70vh}}@media (max-width:768px){.game-title{font-size:32px;letter-spacing:6px}.game-subtitle{font-size:16px;letter-spacing:3px}.parallax-heroes{display:none}}.heroes-page{background:linear-gradient(135deg,#070b14,#0c1225 50%,#0a0f1c);display:flex;min-height:calc(100vh - var(--header-height));overflow:hidden;padding-top:var(--header-height);position:relative}.heroes-page:before{background-attachment:fixed;background-image:var(--bg-image);background-position:50%;background-repeat:no-repeat;background-size:cover;opacity:.3;z-index:0}.heroes-page:after,.heroes-page:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.heroes-page:after{animation:particleFloat 20s linear infinite;background-image:radial-gradient(2px 2px at 20px 30px,#ffc857cc,#0000),radial-gradient(2px 2px at 40px 70px,#ffc85780,#0000),radial-gradient(1px 1px at 90px 40px,#ffd78299,#0000),radial-gradient(2px 2px at 130px 80px,#ffc85766,#0000),radial-gradient(1px 1px at 160px 120px,#ffd78280,#0000),radial-gradient(2px 2px at 200px 50px,#ffc85799,#0000),radial-gradient(1px 1px at 250px 90px,#6b5ce766,#0000),radial-gradient(2px 2px at 300px 150px,#ffc85780,#0000),radial-gradient(1px 1px at 350px 30px,#ffd78299,#0000),radial-gradient(2px 2px at 400px 100px,#6b5ce766,#0000);background-size:420px 180px;opacity:.7;z-index:1}@keyframes particleFloat{0%{transform:translateY(0) translateX(0)}25%{transform:translateY(-50px) translateX(20px)}50%{transform:translateY(-20px) translateX(-10px)}75%{transform:translateY(-80px) translateX(30px)}to{transform:translateY(-100vh) translateX(0)}}.hero-list{align-self:flex-start;animation:fadeInLeft .5s ease-out;background:var(--color-surface);border-right:1px solid var(--color-border-primary);flex-shrink:0;max-height:calc(100vh - var(--header-height) + 200px);min-height:110vh;overflow-y:auto;padding:20px 0;position:-webkit-sticky;position:sticky;top:0;width:280px;z-index:2}.hero-list::-webkit-scrollbar{width:6px}.hero-list::-webkit-scrollbar-track{background:#0000004d}.hero-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ffc857,#d4a039);border-radius:3px}.hero-list-header{border-bottom:1px solid #ffc85733}.hero-list-title{color:var(--color-text-gold);font-family:var(--font-display-alt);font-size:14px;letter-spacing:3px;padding:20px 20px 12px;text-shadow:0 0 10px #ffc8574d;text-transform:uppercase}.hero-list-filters{padding:0 20px 16px}.hero-filter-select{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#ffc8570d,#0c122599);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23ffc857' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #ffc85733;border-radius:6px;color:var(--color-text);cursor:pointer;font-family:var(--font-tech);font-size:12px;font-weight:600;letter-spacing:.5px;outline:none;padding:8px 32px 8px 12px;text-transform:uppercase;transition:all var(--transition-fast);width:100%}.hero-filter-select:hover{border-color:#ffc85766}.hero-filter-select:focus,.hero-filter-select:hover{background:linear-gradient(135deg,#ffc8571a,#0c1225b3);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23ffc857' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}.hero-filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 12px #ffc8574d,inset 0 0 12px #ffc8570d}.hero-filter-select option{background:#0c1225f2;color:var(--color-text);padding:8px;text-transform:uppercase}.hero-list-item{align-items:center;border-left:3px solid #0000;cursor:pointer;display:flex;gap:12px;padding:12px 20px;transition:all var(--transition-fast)}.hero-list-item:hover{background:linear-gradient(90deg,#ffc8571a,#0000);border-left-color:#ffc857}.hero-list-item.active{background:linear-gradient(90deg,#ffc85726,#0000);border-left-color:#ffc857}.hero-list-avatar{background:#ffc85726;border:2px solid #ffc8574d;border-radius:50%;height:45px;object-fit:cover;object-position:top center;transition:all var(--transition-fast);width:45px}.hero-list-item.active .hero-list-avatar,.hero-list-item:hover .hero-list-avatar{border-color:#ffc857;box-shadow:0 0 15px #ffc85766}.hero-list-name{font-family:var(--font-gaming);font-size:14px;font-weight:600;letter-spacing:.5px}.hero-detail{animation:fadeInRight .5s ease-out;display:flex;flex:1 1;gap:40px;min-height:calc(100vh - var(--header-height));padding:40px;position:relative;z-index:2}.hero-image-container{align-items:center;background:linear-gradient(180deg,#141923f2,#0f1219fa);background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 0,#00000008 4px);border-radius:20px;box-shadow:0 0 0 1px #ffffff1a,0 8px 32px #0006,0 0 60px #4fc3f71a;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;height:400px;justify-content:flex-start;overflow:hidden;position:relative;transform-style:preserve-3d;width:320px}.hero-image-container:hover{box-shadow:0 0 0 1px #fff3,0 20px 60px #0009,0 0 100px #4fc3f733}.hero-image-container .mouse-glow{animation:glowPulse 2s ease-in-out infinite;background:radial-gradient(circle,#4fc3f74d 0,#ffc85733 30%,#0000 70%);border-radius:50%;filter:blur(20px);height:200px;pointer-events:none;position:absolute;transition:opacity .3s ease;width:200px;z-index:1}@keyframes glowPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.hero-image-container:before{background:#ffffff4d;border-radius:2px;box-shadow:0 0 8px #fff3;content:"";height:4px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:60px;z-index:10}.hero-image-container:after{background:repeating-linear-gradient(90deg,#fff3 0,#fff3 8px,#0000 0,#0000 16px);bottom:60px;content:"";height:1px;left:20px;pointer-events:none;position:absolute;right:20px;z-index:5}.hero-image-container .ticket-stub{align-items:center;background:#0a0f1499;bottom:0;display:flex;gap:2px;height:60px;justify-content:center;left:0;padding:0 20px;position:absolute;right:0;z-index:6}.hero-image-container .ticket-stub:before{background:repeating-linear-gradient(180deg,#0000 0,#0000 4px,#ffffff1a 0,#ffffff1a 8px);bottom:0;content:"";left:0;position:absolute;top:0;width:1px}.hero-image-container .barcode-line{animation:barcodePulse 2s ease-in-out infinite;background:#fff6;border-radius:1px;height:40px;width:2px}.hero-image-container .barcode-line:nth-child(odd){animation-delay:.1s;height:30px}.hero-image-container .barcode-line:nth-child(3n){animation-delay:.2s;height:35px}@keyframes barcodePulse{0%,to{opacity:.4}50%{opacity:.7}}.hero-image-container img{filter:contrast(1.05) saturate(1.1);height:calc(100% - 60px);margin-top:20px;object-fit:cover;object-position:top center;transition:transform .5s ease,filter .5s ease;width:100%}.hero-image-container:hover img{filter:contrast(1.1) saturate(1.2) brightness(1.05);transform:scale(1.05)}.hero-image-container .shimmer-overlay{animation:shimmer 6s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff08,#d4af3714,#ffffff08,#0000);height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:50%;z-index:4}@keyframes shimmer{0%,to{left:-100%}50%{left:200%}}.hero-image-container .vignette{bottom:0;box-shadow:inset 0 0 100px #0009;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.hero-image-container .top-glow{background:linear-gradient(90deg,#0000,#d4af3799,#fffc,#d4af3799,#0000);box-shadow:0 0 10px #d4af3780,0 0 20px #d4af374d;height:1px;left:10%;position:absolute;right:10%;top:0;z-index:5}.hero-avatar-section{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:50px}.hero-voice-btn{align-items:center;background:linear-gradient(135deg,#ffc8571a,#d4af3733);border:1px solid #ffc85766;border-radius:30px;color:#ffc857;cursor:pointer;display:flex;font-family:var(--font-tech);font-size:13px;font-weight:600;gap:10px;justify-content:center;letter-spacing:2px;overflow:hidden;padding:12px 28px;position:relative;text-transform:uppercase;transition:all .3s ease}.hero-voice-btn:before{background:linear-gradient(90deg,#0000,#ffc85733,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.hero-voice-btn:hover{background:linear-gradient(135deg,#ffc85733,#d4af3759);border-color:#ffc857b3;box-shadow:0 0 20px #ffc8574d,0 0 40px #ffc8571a;transform:translateY(-2px)}.hero-voice-btn:hover:before{left:100%}.hero-voice-btn:active{transform:translateY(0)}.hero-voice-btn.playing{animation:heroVoicePulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#4fc3f726,#4fc3f740);border-color:#4fc3f799;color:#4fc3f7}@keyframes heroVoicePulse{0%,to{box-shadow:0 0 15px #4fc3f74d}50%{box-shadow:0 0 25px #4fc3f780,0 0 40px #4fc3f733}}.hero-voice-icon{flex-shrink:0;height:20px;width:20px}.hero-voice-btn.playing .hero-voice-icon{animation:heroVoiceIconPulse .8s ease-in-out infinite}@keyframes heroVoiceIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.hero-voice-text{white-space:nowrap}.hero-info{flex:0 0 80%;margin-right:200px;max-width:80%;padding-right:200px;text-align:left}.hero-title{color:var(--color-text-gold);font-family:var(--font-wide);font-size:36px;font-weight:700;letter-spacing:4px;margin-bottom:10px;text-shadow:0 0 20px #ffc85766}.hero-role,.hero-title{text-transform:uppercase}.hero-role{color:#d4a039;font-family:var(--font-tech);font-size:15px;letter-spacing:3px;margin-bottom:30px}.hero-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.stat-item{background:linear-gradient(135deg,#ffc8570d,#0c122599);border-left:3px solid #ffc857;border-radius:8px;padding:15px}.stat-label{color:#fff;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,gold,#ffb347);-webkit-background-clip:text;background-clip:text;color:gold;display:block;filter:drop-shadow(0 0 3px rgba(255,215,0,.6));font-family:var(--font-mono);font-size:16px;font-weight:700;letter-spacing:3px;line-height:1.6;margin-top:8px;text-shadow:0 0 8px #ffd700e6,0 0 12px #ffc857b3,0 0 16px #ffc85766,0 2px 4px #000c}.hero-skills-title{color:var(--color-text-gold);font-family:var(--font-display-alt);font-size:14px;letter-spacing:3px;margin-bottom:15px;text-shadow:0 0 10px #ffc8574d;text-transform:uppercase}.hero-skill{background:linear-gradient(135deg,#ffc8570d,#0c122599);border:1px solid #ffc8571a;border-radius:8px;margin-bottom:10px;padding:15px;transition:all var(--transition-fast)}.hero-skill:hover{border-color:#ffc8574d;box-shadow:0 0 20px #ffc8571a}.skill-name{color:#d4a039;font-family:var(--font-future);font-size:14px;font-weight:500;letter-spacing:1px;margin-bottom:5px}.skill-desc{color:#fff;font-family:var(--font-body);font-size:15px;font-weight:600;line-height:1.5}.hero-lore{background:linear-gradient(135deg,#6b5ce70d,#0c122599);border-left:3px solid #6b5ce7;border-radius:8px;margin-top:30px;padding:20px}.hero-lore-title{color:#a99eff;font-family:var(--font-display-alt);font-size:12px;letter-spacing:3px;margin-bottom:10px;text-transform:uppercase}.hero-lore-text{color:#fff;font-family:var(--font-body);font-size:15px;font-style:italic;font-weight:600;line-height:1.8;padding-right:10px}.hero-lore-text::-webkit-scrollbar{width:4px}.hero-lore-text::-webkit-scrollbar-track{background:#0000004d;border-radius:2px}.hero-lore-text::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6b5ce7,#a99eff);border-radius:2px}@media (max-width:1200px){.hero-detail{flex-direction:column}.hero-avatar-section{width:100%}.hero-image-container{height:300px;width:100%}.hero-title{font-size:28px}}@media (max-width:768px){.hero-list{max-height:250px;position:relative;top:0;width:100%}.hero-list-filters{padding:0 15px 12px}.hero-filter-select{font-size:11px;padding:6px 28px 6px 10px}.hero-detail{flex-direction:column;padding:20px}.hero-title{font-size:24px;letter-spacing:2px}.hero-voice-btn{font-size:11px;padding:10px 20px}.hero-voice-icon{height:18px;width:18px}}.about-page{background:linear-gradient(135deg,#070b14,#0c1225 50%,#0a0f1c);min-height:100vh;overflow:hidden;padding:100px 60px 80px;position:relative}.about-page:before{background-attachment:fixed;background-image:var(--bg-image);background-position:50%;background-repeat:no-repeat;background-size:cover;z-index:0}.about-page:after,.about-page:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.about-page:after{background-color:#000c;z-index:1}.about-content{position:relative;z-index:2}.about-sections{display:flex;gap:0;margin:0 auto;max-width:1400px;min-height:calc(100vh - 200px)}.about-left-section{align-items:flex-start;display:flex;flex:1 1;justify-content:center;padding-right:40px;padding-top:40px}.member-frame{background:#141923e6;border:2px solid #ffc85733;border-radius:20px;box-shadow:0 10px 40px #00000080;max-width:500px;overflow:hidden;padding:30px;position:relative;width:100%}.member-frame-triangle{align-items:flex-end;background:#ffc8574d;bottom:0;-webkit-clip-path:polygon(0 0,0 100%,100% 100%);clip-path:polygon(0 0,0 100%,100% 100%);display:flex;height:120px;justify-content:flex-start;left:0;padding:5px;position:absolute;width:120px;z-index:10}.triangle-logo{filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));height:40px;object-fit:contain;position:relative;right:-5px;top:-5px;width:40px;z-index:11}.member-photo-container{border-radius:15px;margin-bottom:25px;overflow:hidden;position:relative;width:100%}.member-photo{display:block;height:auto;object-fit:cover;width:100%}.member-name{color:var(--color-text-gold);font-family:var(--font-wide);font-size:32px;font-weight:700;letter-spacing:3px;margin:0 0 25px;text-align:center;text-shadow:0 0 20px #ffc85766;text-transform:uppercase}.member-social-links{display:flex;gap:15px;justify-content:center;margin-bottom:25px}.member-social-link{align-items:center;background:#ffc8571a;border:1px solid #ffc8574d;border-radius:50%;color:var(--color-text);cursor:pointer;display:flex;height:45px;justify-content:center;transition:all .3s ease;width:45px}.member-social-link:hover{background:#ffc85733;border-color:#ffc85799;box-shadow:0 5px 15px #ffc8574d;transform:translateY(-3px)}.member-description{background:#0000004d;border-left:3px solid #ffc85780;border-radius:10px;margin-bottom:25px;margin-left:auto;margin-right:auto;max-width:85%;padding:20px}.member-description p{color:var(--color-text);font-family:var(--font-body);font-size:14px;line-height:1.8;margin:0;text-align:left}.member-description p strong{color:var(--color-text-gold);font-weight:700;text-shadow:0 0 10px #ffc8574d}.member-stack-icons{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.stack-icon-img{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));height:50px;object-fit:contain;transition:all .3s ease;width:50px}.stack-icon-img:hover{filter:drop-shadow(0 4px 12px rgba(255,200,87,.4));transform:translateY(-3px) scale(1.1)}.stack-icon{background:linear-gradient(135deg,#ffc85726,#ffb4321a);border:1px solid #ffc8574d;border-radius:8px;box-shadow:0 2px 8px #0000004d;color:var(--color-text-gold);font-family:var(--font-tech);font-size:12px;font-weight:600;letter-spacing:1px;padding:10px 18px;text-transform:uppercase;transition:all .3s ease}.stack-icon:hover{background:linear-gradient(135deg,#ffc85740,#ffb43233);border-color:#ffc85780;box-shadow:0 4px 12px #ffc85733;transform:translateY(-2px)}.about-divider{background:linear-gradient(180deg,#0000,#ffc85780,#0000);box-shadow:0 0 10px #ffc8574d;margin:0 40px;position:relative;width:2px}.about-divider:before{background:#ffc857cc;border-radius:50%;box-shadow:0 0 15px #ffc85799;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.about-right-section{display:flex;flex:1 1;flex-direction:column;padding-left:40px;padding-top:40px}.supporters-title{color:var(--color-text-gold);font-family:var(--font-wide);font-size:32px;letter-spacing:3px;margin-bottom:40px;text-align:left;text-shadow:0 0 20px #ffc85766;text-transform:uppercase}.supporters-list{margin-bottom:50px}.supporter-name{border-bottom:1px solid #ffc8571a;color:var(--color-text);font-family:var(--font-future);font-size:20px;letter-spacing:2px;padding:15px 0;transition:all .3s ease}.supporter-name:hover{border-bottom-color:#ffc8574d;color:var(--color-text-gold);padding-left:15px}.supporter-name:last-child{border-bottom:none}.right-stack-icons{display:flex;flex-wrap:wrap;gap:12px}.right-stack-icons .stack-icon{flex:0 0 auto}@media (max-width:1200px){.about-sections{flex-direction:column}.about-left-section{padding-bottom:40px;padding-right:0}.about-divider{background:linear-gradient(90deg,#0000,#ffc85780,#0000);height:2px;margin:40px 0;width:100%}.about-divider:before{left:50%;top:50%;transform:translate(-50%,-50%)}.about-right-section{padding-left:0}}@media (max-width:768px){.about-page{padding:80px 20px 60px}.member-frame{padding:20px}.supporters-title{font-size:24px;margin-bottom:30px}.supporter-name{font-size:16px}}.policy-page{background:radial-gradient(ellipse at 50% 0,#ffc85714 0,#0000 50%),radial-gradient(ellipse at 20% 80%,#6b5ce70f 0,#0000 40%),radial-gradient(ellipse at 80% 80%,#6b5ce70f 0,#0000 40%),linear-gradient(135deg,#070b14,#0c1225 50%,#0a0f1c);min-height:100vh;overflow:hidden;padding:0;position:relative}.legal-particles-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.legal-particle{animation:legalFloat 20s ease-in-out infinite;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none}.legal-particle-word{font-family:var(--font-tech);font-weight:600;letter-spacing:2px;text-transform:uppercase}.legal-particle-symbol{font-size:1.2em}@keyframes legalFloat{0%,to{opacity:.1;transform:translateY(0) rotate(0deg)}50%{opacity:.3;transform:translateY(-20px) rotate(180deg)}}.policy-content{animation:fadeInUp .6s ease-out;margin:120px auto;max-width:900px;padding:40px;position:relative;width:60%!important;z-index:1}.policy-title{color:var(--color-text-gold);font-family:var(--font-wide);font-size:42px;letter-spacing:6px;margin-bottom:20px;text-align:center;text-shadow:0 0 30px #ffc85766;text-transform:uppercase}.policy-meta{margin-bottom:50px;text-align:center}.policy-last-updated{color:var(--color-text-dim);font-family:var(--font-body);font-size:14px;letter-spacing:1px}.policy-section{background:linear-gradient(135deg,#ffc85705,#0c122580);border:1px solid #ffc8571a;border-radius:12px;margin-bottom:40px;padding:30px;transition:all var(--transition-smooth)}.policy-section:hover{border-color:#ffc8574d;box-shadow:0 10px 30px #ffc8571a}.policy-section-title{color:var(--color-text-gold);font-family:var(--font-future);font-size:24px;letter-spacing:2px;margin-bottom:20px;text-shadow:0 0 15px #ffc8574d}.policy-text{color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.8;margin-bottom:15px}.policy-list{list-style:none;margin:20px 0;padding-left:30px}.policy-list li{color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.8;margin-bottom:12px;padding-left:25px;position:relative}.policy-list li:before{color:var(--color-text-gold);content:"▸";font-size:18px;left:0;position:absolute;text-shadow:0 0 8px #ffc85780}.policy-list li strong{color:var(--color-text-gold);font-weight:600}.policy-contact{border-top:1px solid #ffc85733;margin-top:60px;padding-top:30px;text-align:center}.policy-contact .policy-text{color:var(--color-text);font-size:16px}.policy-contact strong{color:var(--color-text-gold);font-weight:600}@media (max-width:1024px){.policy-content{margin-bottom:100px;margin-top:100px;max-width:800px;width:70%!important}}@media (max-width:768px){.policy-content{margin-bottom:80px;margin-top:80px;max-width:100%;padding:20px;width:90%!important}.policy-title{font-size:28px;letter-spacing:3px}.policy-section{padding:20px}.policy-section-title{font-size:20px}.policy-list li,.policy-text{font-size:14px}}@media (max-width:480px){.policy-title{font-size:24px;letter-spacing:2px}.policy-section-title{font-size:18px}}.profile-page{background:radial-gradient(ellipse at 50% 0,#ffc85714 0,#0000 50%),radial-gradient(ellipse at 20% 80%,#6b5ce70f 0,#0000 40%),radial-gradient(ellipse at 80% 80%,#6b5ce70f 0,#0000 40%),linear-gradient(135deg,#070b14,#0c1225 50%,#0a0f1c);min-height:100vh;overflow:hidden;padding:0;position:relative}.profile-content{animation:fadeInUp .6s ease-out;margin:120px auto;max-width:1000px;padding:40px;position:relative;width:80%;z-index:1}.profile-header{margin-bottom:50px;text-align:center}.profile-avatar{align-items:center;background:linear-gradient(135deg,#ffc85733,#ffc8571a);border:3px solid #ffc8574d;border-radius:50%;box-shadow:0 0 30px #ffc85733;display:flex;height:120px;justify-content:center;margin:0 auto 20px;width:120px}.profile-avatar svg,.profile-title{color:var(--color-text-gold)}.profile-title{font-family:var(--font-wide);font-size:48px;letter-spacing:4px;margin-bottom:10px;text-align:center;text-shadow:0 0 30px #ffc85766;text-transform:uppercase}.profile-subtitle{color:var(--color-text-muted);font-family:var(--font-body);font-size:16px;letter-spacing:1px;text-align:center}.profile-sections{display:flex;flex-direction:column;gap:30px}.profile-section{background:linear-gradient(135deg,#0c1225cc,#141c3299);border:1px solid #ffc85733;border-radius:12px;box-shadow:0 8px 32px #0000004d;padding:30px}.profile-section-title{align-items:center;color:var(--color-text-gold);display:flex;font-family:var(--font-future);font-size:20px;font-weight:600;gap:10px;letter-spacing:1px;margin-bottom:20px}.profile-section-title svg{color:var(--color-primary)}.profile-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.profile-info-item{display:flex;flex-direction:column;gap:8px}.profile-info-label{color:var(--color-text-muted);font-family:var(--font-tech);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.profile-info-value{background:linear-gradient(135deg,#ffc8570d,#0c122599);border:1px solid #ffc85726;border-radius:8px;color:var(--color-text);font-family:var(--font-body);font-size:16px;font-weight:500;padding:12px 16px}.profile-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.profile-stat-item{background:linear-gradient(135deg,#ffc85714,#ffc85708);border:1px solid #ffc85733;border-radius:8px;padding:20px;text-align:center;transition:all var(--transition-fast)}.profile-stat-item:hover{border-color:#ffc85766;box-shadow:0 8px 24px #ffc85733;transform:translateY(-5px)}.profile-stat-value{color:var(--color-text-gold);font-family:var(--font-body);font-size:32px;font-weight:600;margin-bottom:8px}.profile-stat-label{color:var(--color-text-muted);font-family:var(--font-body);font-size:13px;letter-spacing:1px;text-transform:uppercase}.profile-actions{display:flex;flex-wrap:wrap;gap:15px}.profile-action-btn{align-items:center;background:linear-gradient(135deg,#ffc85726,#ffc85714);border:1px solid #ffc8574d;border-radius:8px;color:var(--color-text);cursor:pointer;display:flex;font-family:var(--font-gaming);font-size:14px;font-weight:600;gap:10px;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all var(--transition-fast)}.profile-action-btn:hover{background:linear-gradient(135deg,#ffc85740,#ffc85726);border-color:#ffc85780;box-shadow:0 5px 20px #ffc8574d;transform:translateY(-2px)}.profile-action-btn:active{transform:translateY(0)}.profile-action-btn svg{color:var(--color-primary)}.profile-loading{color:var(--color-text-muted);font-family:var(--font-body);font-size:18px;padding:60px 20px;text-align:center}.profile-diamonds-display{align-items:center;background:linear-gradient(135deg,#ffc8571a,#ffc8570d);border:2px solid #ffc8574d;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.diamonds-value{align-items:center;display:flex;gap:12px}.diamonds-amount{color:var(--color-text-gold);font-family:var(--font-body);font-size:36px;font-weight:600}.diamonds-icon{filter:drop-shadow(0 0 10px rgba(255,200,87,.5));font-size:32px}.diamonds-loading{color:var(--color-text-muted);font-family:var(--font-body);font-size:18px}.diamonds-purchase-btn{align-items:center;background:linear-gradient(135deg,#ffc85733,#ffc8571a);border:2px solid #ffc85766;border-radius:50%;color:var(--color-text-gold);cursor:pointer;display:flex;height:48px;justify-content:center;transition:all var(--transition-fast);width:48px}.diamonds-purchase-btn:hover{background:linear-gradient(135deg,#ffc8574d,#ffc85733);border-color:#ffc85799;box-shadow:0 0 20px #ffc85766;transform:scale(1.1) rotate(90deg)}.diamonds-purchase-btn:active{transform:scale(1.05) rotate(90deg)}.diamonds-purchase-btn svg{height:24px;width:24px}@media (max-width:1024px){.profile-content{margin-bottom:100px;margin-top:100px;max-width:900px;width:85%}.profile-title{font-size:40px}}@media (max-width:768px){.profile-content{margin-bottom:80px;margin-top:80px;max-width:100%;padding:30px 20px;width:90%}.profile-title{font-size:32px;letter-spacing:2px}.profile-avatar{height:100px;width:100px}.profile-info-grid{grid-template-columns:1fr}.profile-stats-grid{grid-template-columns:repeat(2,1fr)}.profile-actions{flex-direction:column}.profile-action-btn{justify-content:center;width:100%}}.settings-page{background:radial-gradient(ellipse at 50% 0,#ffc85714 0,#0000 50%),radial-gradient(ellipse at 20% 80%,#6b5ce70f 0,#0000 40%),radial-gradient(ellipse at 80% 80%,#6b5ce70f 0,#0000 40%),linear-gradient(135deg,#070b14,#0c1225 50%,#0a0f1c);min-height:100vh;overflow:hidden;padding:0;position:relative}.settings-content{animation:fadeInUp .6s ease-out;margin:120px auto;max-width:900px;padding:40px;position:relative;width:80%;z-index:1}.settings-header{margin-bottom:50px;text-align:center}.settings-title{color:var(--color-text-gold);font-family:var(--font-wide);font-size:48px;letter-spacing:4px;margin-bottom:10px;text-align:center;text-shadow:0 0 30px #ffc85766;text-transform:uppercase}.settings-subtitle{color:var(--color-text-muted);font-family:var(--font-body);font-size:16px;letter-spacing:1px;text-align:center}.settings-sections{display:flex;flex-direction:column;gap:30px}.settings-section{background:linear-gradient(135deg,#0c1225cc,#141c3299);border:1px solid #ffc85733;border-radius:12px;box-shadow:0 8px 32px #0000004d;padding:30px}.settings-section-title{align-items:center;color:var(--color-text-gold);display:flex;font-family:var(--font-future);font-size:20px;font-weight:600;gap:10px;letter-spacing:1px;margin-bottom:20px}.settings-section-title svg{color:var(--color-primary)}.settings-group{display:flex;flex-direction:column;gap:20px}.settings-item{align-items:center;background:linear-gradient(135deg,#ffc85708,#0c122580);border:1px solid #ffc8571a;border-radius:8px;display:flex;justify-content:space-between;padding:20px;transition:all var(--transition-fast)}.settings-item:hover{background:linear-gradient(135deg,#ffc8570d,#0c122599);border-color:#ffc8574d}.settings-item-info{display:flex;flex:1 1;flex-direction:column;gap:5px}.settings-item-label{color:var(--color-text);font-family:var(--font-future);font-size:16px;font-weight:600;letter-spacing:.5px}.settings-item-description{color:var(--color-text-muted);font-family:var(--font-body);font-size:13px;line-height:1.5}.settings-item-control{align-items:center;display:flex;gap:15px}.settings-action-btn{background:linear-gradient(135deg,#ffc85726,#ffc85714);border:1px solid #ffc8574d;border-radius:6px;color:var(--color-text);cursor:pointer;font-family:var(--font-gaming);font-size:12px;font-weight:600;letter-spacing:1px;padding:10px 20px;text-transform:uppercase;transition:all var(--transition-fast)}.settings-action-btn:hover{background:linear-gradient(135deg,#ffc85740,#ffc85726);border-color:#ffc85780;box-shadow:0 5px 20px #ffc8574d;transform:translateY(-2px)}.settings-action-btn:active{transform:translateY(0)}.settings-toggle{background:#ffc85733;border:1px solid #ffc8574d;border-radius:13px;cursor:pointer;height:26px;outline:none;position:relative;transition:all var(--transition-fast);width:50px}.settings-toggle.on{background:linear-gradient(135deg,#ffc85799,#ffc85766);border-color:#ffc85799;box-shadow:0 0 15px #ffc8574d}.settings-toggle.off{background:#6464644d;border-color:#64646480}.settings-toggle-slider{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:20px;left:2px;position:absolute;top:2px;transition:all var(--transition-fast);width:20px}.settings-toggle.on .settings-toggle-slider{background:var(--color-text-gold);box-shadow:0 0 10px #ffc85780;transform:translateX(24px)}.settings-toggle:hover{border-color:#ffc85780}.settings-loading{color:var(--color-text-muted);font-family:var(--font-body);font-size:18px;padding:60px 20px;text-align:center}@media (max-width:1024px){.settings-content{margin-bottom:100px;margin-top:100px;max-width:800px;width:85%}.settings-title{font-size:40px}}@media (max-width:768px){.settings-content{margin-bottom:80px;margin-top:80px;max-width:100%;padding:30px 20px;width:90%}.settings-title{font-size:32px;letter-spacing:2px}.settings-item{align-items:flex-start;flex-direction:column;gap:15px}.settings-item-control{justify-content:space-between;width:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.18b4a123.css.map*/