:root{--color-primary: #fe9e39;--color-primary-dark: #e88420;--color-accent: #ffbc2d;--color-gold: #d4af37;--color-gold-light: #f3d57a;--color-bg: #050505;--color-surface-1: #0a0a0a;--color-surface-2: #111111;--color-surface-3: #1a1a1a;--glass-bg: rgba(15, 15, 15, 0.7);--glass-bg-hover: rgba(25, 25, 25, 0.85);--glass-border: rgba(212, 175, 55, 0.15);--color-text: #e8dcc8;--color-text-muted: #9a8a7a;--color-white: #ffffff;--color-border: rgba(255, 255, 255, 0.1);--color-border-light: rgba(255, 255, 255, 0.05);--color-overlay: rgba(0, 0, 0, 0.7);--color-danger: #e64047;--color-success: #2ad892;--color-info: #5b8dd9;--primary-glow: rgba(254, 158, 57, 0.3);--secondary-glow: rgba(212, 175, 55, 0.2);--font-base: 'Inter', 'Segoe UI', Tahoma, sans-serif;--font-heading: 'Cinzel', 'Times New Roman', serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-full: 50%;--radius-pill: 999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.2);--shadow-md: 0 4px 8px rgba(0, 0, 0, 0.3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.4);--shadow-glow: 0 0 15px var(--primary-glow)}:root{--primary-glow: var(--shadow-glow);--secondary-glow: rgba(212, 175, 55, 0.4);--glass-bg: rgba(15, 15, 15, 0.7);--glass-border: rgba(212, 175, 55, 0.15);--text-primary: var(--color-text);--text-secondary: var(--color-text-muted);--btn-gradient: linear-gradient(135deg, var(--color-primary-dark) 0%, #a64e10 100%);--btn-hover: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);--chain-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='32' viewBox='0 0 24 32'%3E%3Cdefs%3E%3ClinearGradient id='v' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%23111'/%3E%3Cstop offset='30%25' stop-color='%235a5a5a'/%3E%3Cstop offset='70%25' stop-color='%232a2a2a'/%3E%3Cstop offset='100%25' stop-color='%23050505'/%3E%3C/linearGradient%3E%3ClinearGradient id='h' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23111'/%3E%3Cstop offset='50%25' stop-color='%23666'/%3E%3Cstop offset='100%25' stop-color='%23050505'/%3E%3C/linearGradient%3E%3Cfilter id='shadow' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeDropShadow dx='0' dy='2' stdDeviation='1.5' flood-color='%23000' flood-opacity='1'/%3E%3C/filter%3E%3C/defs%3E%3Crect x='6' y='0' width='12' height='28' rx='6' fill='none' stroke='url(%23v)' stroke-width='4' filter='url(%23shadow)'/%3E%3Crect x='8' y='2' width='8' height='24' rx='4' fill='none' stroke='%23000' stroke-width='0.5'/%3E%3Crect x='4' y='-2' width='16' height='32' rx='8' fill='none' stroke='%23000' stroke-width='0.5'/%3E%3Crect x='2' y='22' width='20' height='10' rx='4' fill='url(%23h)' stroke='%23000' stroke-width='1.5' filter='url(%23shadow)'/%3E%3Cline x1='5' y1='27' x2='19' y2='27' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E")}*{box-sizing:border-box;margin:0;padding:0}body{font-family:"Inter","Segoe UI",Tahoma,Geneva,Verdana,sans-serif;background-color:rgba(0,0,0,0);color:var(--text-primary);overflow-x:hidden;height:100vh}.portal-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("/img/mu_bg_animated.png");background-size:cover;background-position:center;z-index:-1}.portal-bg::before{content:"";position:absolute;top:0;left:0;width:100%;height:250px;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.5) 40%, transparent 100%);z-index:1}.portal-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.95) 120%);z-index:2}#embers-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}#embers-container .ember{position:absolute;bottom:-20px;border-radius:50%;opacity:0;animation:rise infinite ease-in}@keyframes rise{0%{opacity:0;transform:translateY(0) translateX(0) scale(1)}20%{opacity:1;transform:translateY(-20vh) translateX(calc(var(--drift) * 0.2)) scale(1.2)}80%{opacity:.8}100%{opacity:0;transform:translateY(-120vh) translateX(var(--drift)) scale(0.5)}}.portal-container{display:flex;flex-direction:column;min-height:100vh;padding:1rem 2rem 2rem 2rem;max-width:1400px;margin:0 auto}.portal-header{margin-top:40px;display:flex;justify-content:space-between;align-items:center;padding:1rem 2.5rem;background:linear-gradient(to bottom, rgba(30, 20, 15, 0.95), rgba(10, 5, 2, 0.98)),repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.1) 0px, rgba(0, 0, 0, 0.1) 2px, transparent 2px, transparent 4px);border:1px solid #4a3619;border-bottom:3px solid #d4af37;border-radius:2px;box-shadow:0 15px 35px rgba(0,0,0,.9),inset 0 0 40px rgba(0,0,0,.8),inset 0 1px 1px hsla(0,0%,100%,.1);margin-bottom:3rem;position:relative}.portal-header::before,.portal-header::after{content:"";position:absolute;width:20px;height:20px;border:2px solid #d4af37;pointer-events:none}.portal-header::before{top:-1px;left:-1px;border-right:none;border-bottom:none;box-shadow:inset 5px 5px 10px rgba(0,0,0,.5)}.portal-header::after{top:-1px;right:-1px;border-left:none;border-bottom:none;box-shadow:inset -5px 5px 10px rgba(0,0,0,.5)}.portal-header .chain-left,.portal-header .chain-right{position:absolute;top:-150px;width:24px;height:150px;background:var(--chain-bg);background-repeat:repeat-y;pointer-events:none;z-index:-1}.portal-header .chain-left{left:40px}.portal-header .chain-right{right:40px}.portal-header .logo{display:flex;align-items:center;justify-content:center;height:110px;padding:0 10px;gap:1rem;text-decoration:none;transition:transform .3s ease;flex-shrink:0}.portal-header .logo:hover{transform:scale(1.05)}.portal-header .logo img{height:160px;width:auto;max-width:none;object-fit:contain;filter:drop-shadow(0 0 15px rgba(212, 175, 55, 0.4));transition:filter .3s ease}.portal-header .logo img:hover{filter:drop-shadow(0 0 20px rgba(212, 175, 55, 0.8))}.portal-header .logo h1{font-size:1.6rem;letter-spacing:2px;text-transform:uppercase;font-family:"Georgia",serif;font-weight:900;background:linear-gradient(to right, #fff8e7, #d4af37);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);text-shadow:0 0 15px rgba(212,175,55,.4),0 5px 20px #000;margin:0}.portal-header .nav-links{display:flex;gap:1.5rem;align-items:center}.portal-header .nav-links a{display:inline-block;text-align:center;color:var(--color-text-muted);text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-family:"Georgia",serif;transition:all .3s;position:relative;text-shadow:0 2px 5px #000;padding:.8rem 1.2rem;border:1px solid rgba(0,0,0,0);border-radius:4px}.portal-header .nav-links a .nav-icon{width:32px;height:32px;object-fit:contain;mix-blend-mode:screen;transition:transform .3s}.portal-header .nav-links a:hover,.portal-header .nav-links a.active{color:#fff8e7;text-shadow:0 0 10px rgba(212,175,55,.8),0 0 20px darkred;background:rgba(212,175,55,.1);border:1px solid var(--glass-border);box-shadow:inset 0 0 15px rgba(212,175,55,.2)}.portal-header .nav-links a:hover .nav-icon,.portal-header .nav-links a.active .nav-icon{transform:scale(1.2);filter:drop-shadow(0 0 5px rgba(212, 175, 55, 0.8))}.portal-header .nav-links .header-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;margin-left:1rem;background:linear-gradient(to bottom, rgba(139, 0, 0, 0.8), rgba(80, 0, 0, 0.9));color:#fff8e7;border:1px solid #ff4d4d;box-shadow:0 0 15px rgba(139,0,0,.6),inset 0 0 10px rgba(255,77,77,.3);border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-family:"Georgia",serif;cursor:pointer;transition:all .3s;width:90px;padding:.8rem .4rem}.portal-header .nav-links .header-btn .nav-icon{width:32px;height:32px;object-fit:contain;transition:transform .3s;filter:drop-shadow(0 0 5px rgba(255, 77, 77, 0.5))}.portal-header .nav-links .header-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(255,77,77,.8),inset 0 0 15px rgba(255,150,150,.5);background:linear-gradient(to bottom, rgba(180, 0, 0, 0.9), rgb(100, 0, 0))}.portal-header .nav-links .header-btn:hover .nav-icon{transform:scale(1.2);filter:drop-shadow(0 0 10px rgb(255, 77, 77))}.portal-main{flex:1;display:flex;flex-direction:column;gap:4rem;position:relative;z-index:10;max-width:1200px;margin:0 auto 4rem auto;width:100%;transition:opacity .3s ease,transform .3s ease;opacity:1;transform:translateY(0)}.portal-main.fade-out{opacity:0;transform:translateY(10px)}.portal-main .hero-section{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:stretch;width:100%}.portal-main .hero-content{width:100%;background:linear-gradient(135deg, rgba(15, 10, 5, 0.85) 0%, rgba(5, 3, 2, 0.95) 100%);padding:3rem;position:relative;border:1px solid #4a3619;box-shadow:inset 0 0 30px rgba(201,145,57,.15),0 20px 40px rgba(0,0,0,.8)}.portal-main .hero-content::before,.portal-main .hero-content::after{content:"";position:absolute;width:40px;height:40px;border:2px solid #d4af37;pointer-events:none}.portal-main .hero-content::before{top:-2px;left:-2px;border-right:none;border-bottom:none;box-shadow:inset 5px 5px 15px rgba(212,175,55,.2)}.portal-main .hero-content::after{bottom:-2px;right:-2px;border-left:none;border-top:none;box-shadow:inset -5px -5px 15px rgba(212,175,55,.2)}.portal-main .hero-content .decorator-line{position:absolute;top:0;left:10%;right:10%;height:2px;background:linear-gradient(to right, transparent, #d4af37, transparent);box-shadow:0 0 10px #d4af37}.portal-main .hero-content .decorator-line-bottom{position:absolute;bottom:0;left:20%;right:20%;height:1px;background:linear-gradient(to right, transparent, #8b0000, transparent);box-shadow:0 0 15px darkred}.portal-main .hero-content h2{font-size:4rem;font-weight:900;line-height:1.1;margin-bottom:1rem;color:#fff8e7;text-shadow:0 0 10px rgba(212,175,55,.5),0 4px 20px #000;font-family:"Georgia",serif;letter-spacing:2px}.portal-main .hero-content p{font-size:1.2rem;color:#e0e0e0;margin-bottom:2.5rem;text-shadow:0 2px 10px rgba(0,0,0,.8);line-height:1.6}.hero-slider-wrapper{width:100%;position:relative;background:linear-gradient(135deg, rgba(15, 10, 5, 0.85) 0%, rgba(5, 3, 2, 0.95) 100%);border:1px solid #4a3619;box-shadow:inset 0 0 30px rgba(201,145,57,.15),0 20px 40px rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;padding:2rem}.hero-slider-wrapper::before,.hero-slider-wrapper::after{content:"";position:absolute;width:40px;height:40px;border:2px solid #d4af37;pointer-events:none}.hero-slider-wrapper::before{top:-2px;left:-2px;border-right:none;border-bottom:none;box-shadow:inset 5px 5px 15px rgba(212,175,55,.2)}.hero-slider-wrapper::after{bottom:-2px;right:-2px;border-left:none;border-top:none;box-shadow:inset -5px -5px 15px rgba(212,175,55,.2)}.hero-slider-wrapper .slider-placeholder{width:100%;height:100%;min-height:250px;border:1px dashed rgba(212,175,55,.4);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:2rem;background:radial-gradient(circle at center, rgba(212, 175, 55, 0.1) 0%, transparent 70%)}.hero-slider-wrapper .slider-placeholder h3{color:var(--color-gold);font-family:"Georgia",serif;font-size:1.5rem;letter-spacing:2px;margin-bottom:.5rem;text-shadow:0 2px 10px #000}.hero-slider-wrapper .slider-placeholder p{color:var(--color-text-muted);margin-bottom:1.5rem}.hero-slider-wrapper .slider-placeholder .slider-dots{display:flex;gap:.5rem}.hero-slider-wrapper .slider-placeholder .slider-dots .dot{width:10px;height:10px;border-radius:50%;background:rgba(212,175,55,.3);border:1px solid #d4af37;cursor:pointer;transition:background .3s}.hero-slider-wrapper .slider-placeholder .slider-dots .dot.active{background:#d4af37;box-shadow:0 0 10px #d4af37}.btn-play-now{background:var(--btn-gradient);border:none;color:#fff;padding:1rem 3rem;font-size:1.2rem;font-weight:700;text-transform:uppercase;border-radius:50px;cursor:pointer;box-shadow:0 0 20px var(--primary-glow);transition:transform .3s,box-shadow .3s}.btn-play-now:hover{transform:translateY(-2px);box-shadow:0 0 30px var(--secondary-glow)}.auth-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .4s ease}.auth-modal-overlay.active{opacity:1;pointer-events:all}.auth-modal-overlay.active .auth-modal{transform:translateY(0) scale(1)}.auth-modal{background:linear-gradient(135deg, rgba(20, 15, 10, 0.95) 0%, rgba(10, 6, 4, 0.98) 100%);border:2px solid #d4af37;border-radius:4px;padding:3rem 2.5rem;width:100%;max-width:450px;box-shadow:0 20px 50px rgba(0,0,0,.8),inset 0 0 30px rgba(212,175,55,.15);transform:translateY(20px) scale(0.95);transition:transform .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);position:relative}.auth-modal::before,.auth-modal::after{content:"";position:absolute;width:30px;height:30px;border:2px solid #d4af37;pointer-events:none}.auth-modal::before{top:5px;left:5px;border-right:none;border-bottom:none}.auth-modal::after{bottom:5px;right:5px;border-left:none;border-top:none}.close-modal{position:absolute;top:15px;right:20px;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;transition:color .3s}.close-modal:hover{color:#fff}.panels{position:relative}.panel{display:none;animation:fadeIn .4s ease}.panel.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel__title{font-size:2.2rem;font-weight:900;margin-bottom:.5rem;text-align:center;font-family:"Georgia",serif;color:#fff8e7;text-shadow:0 0 15px rgba(212,175,55,.4);text-transform:uppercase}.panel__subtitle{color:var(--color-text-muted);text-align:center;margin-bottom:2rem;font-family:"Georgia",serif;font-size:1rem}.field{margin-bottom:1.5rem}.field__label{display:block;font-size:.85rem;color:var(--color-gold);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px;font-family:"Georgia",serif;font-weight:700}.field__wrap{position:relative;display:flex;align-items:center;background:rgba(10,5,15,.8);border:1px solid var(--glass-border);border-radius:2px;padding:0 1rem;transition:all .3s}.field__wrap:focus-within{border-color:var(--color-gold);box-shadow:inset 0 0 10px rgba(212,175,55,.2),0 0 15px rgba(212,175,55,.4)}.field__wrap .field__icon{color:var(--text-secondary);margin-right:10px}.field__wrap input{width:100%;background:rgba(0,0,0,0);border:none;color:#fff;padding:12px 0;font-size:1rem;outline:none}.field__wrap input::placeholder{color:hsla(0,0%,100%,.3)}.btn{width:100%;padding:14px;border-radius:2px;font-size:1.1rem;font-weight:800;cursor:pointer;transition:all .3s;border:none;font-family:"Georgia",serif;text-transform:uppercase;letter-spacing:2px}.btn--primary{background:linear-gradient(to bottom, #d4af37, #a67c00);color:#000;border:1px solid gold}.btn--primary:hover{background:linear-gradient(to bottom, #ffd700, #c89600);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn--ghost{background:rgba(0,0,0,0);color:var(--text-secondary);border:1px solid var(--glass-border)}.btn--ghost:hover{color:#fff;border-color:#fff;background:hsla(0,0%,100%,.05)}.divider{display:flex;align-items:center;text-align:center;color:var(--text-secondary);margin:1.5rem 0;font-size:.9rem}.divider::before,.divider::after{content:"";flex:1;border-bottom:1px solid var(--glass-border)}.divider::before{margin-right:1rem}.divider::after{margin-left:1rem}.quick-banner{display:flex;align-items:center;background:hsla(0,0%,100%,.05);border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.quick-banner__avatar{font-size:2rem;margin-right:1rem;background:var(--btn-gradient);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.quick-banner__label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase}.quick-banner__name{font-size:1.2rem;font-weight:700}.page-content{padding-top:0px}.glass-panel{background:linear-gradient(135deg, rgba(15, 10, 5, 0.95) 0%, rgba(5, 3, 2, 0.98) 100%);border:1px solid #4a3619;border-radius:4px;padding:3rem;box-shadow:inset 0 0 40px rgba(201,145,57,.1),0 30px 60px rgba(0,0,0,.9);position:relative}.glass-panel::before,.glass-panel::after{content:"";position:absolute;width:60px;height:60px;border:3px solid #d4af37;pointer-events:none}.glass-panel::before{top:-3px;left:-3px;border-right:none;border-bottom:none;box-shadow:inset 10px 10px 20px rgba(212,175,55,.15)}.glass-panel::after{bottom:-3px;right:-3px;border-left:none;border-top:none;box-shadow:inset -10px -10px 20px rgba(212,175,55,.15)}.page-title{font-size:3.5rem;font-weight:900;margin-bottom:2rem;font-family:"Georgia",serif;background:linear-gradient(to right, #fff8e7, #d4af37);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);text-shadow:0 0 15px rgba(212,175,55,.4),0 5px 20px #000;letter-spacing:2px;text-align:center;position:relative}.page-title::after{content:"";display:block;width:200px;height:2px;background:linear-gradient(to right, transparent, #d4af37, transparent);margin:1rem auto 0;box-shadow:0 0 10px #d4af37}.news-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1.5rem}.news-card{background:linear-gradient(to bottom, rgba(20, 15, 10, 0.9), rgba(10, 6, 4, 0.9));border:1px solid #3a2a45;border-top:2px solid darkred;border-radius:2px;padding:1.5rem;position:relative;transition:all .4s ease;box-shadow:0 5px 15px rgba(0,0,0,.6)}.news-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.8),0 0 20px rgba(121,40,202,.4);border-color:#ff0080;border-top-color:#ff0080}.news-card .news-date{font-size:.75rem;color:var(--color-gold);text-transform:uppercase;font-weight:800;letter-spacing:1px;margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}.news-card .news-date::before{content:"✦";color:darkred}.news-card .news-title{font-size:1.3rem;margin-bottom:.8rem;font-family:"Georgia",serif;color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.5)}.news-card .news-excerpt{color:#a0a0b0;font-size:1rem;line-height:1.6;margin-bottom:2rem}.news-card .read-more{color:var(--color-gold);text-decoration:none;font-weight:800;font-size:.95rem;text-transform:uppercase;letter-spacing:1px;transition:all .3s;display:inline-block}.news-card .read-more:hover{color:#ff0080;text-shadow:0 0 10px rgba(255,0,128,.5);transform:translateX(5px)}.guides-list{display:flex;flex-direction:column;gap:2rem}.guide-item{display:flex;flex-direction:column;background:linear-gradient(90deg, rgba(25, 20, 35, 0.9) 0%, rgba(15, 10, 20, 0.8) 100%);border-left:4px solid darkred;border-right:1px solid #3a2a45;border-top:1px solid #3a2a45;border-bottom:1px solid #3a2a45;padding:2rem;position:relative;transition:all .3s}.guide-item:hover{border-left-color:#ff0080;background:linear-gradient(90deg, rgba(35, 25, 45, 0.9) 0%, rgba(15, 10, 20, 0.8) 100%);box-shadow:inset 50px 0 50px -50px rgba(255,0,128,.3)}.guide-item h3{display:flex;align-items:center;gap:1rem;font-size:1.6rem;margin-bottom:.8rem;color:#fff8e7;font-family:"Georgia",serif}.guide-item h3 .guide-icon{font-size:1.8rem;filter:drop-shadow(0 0 10px rgba(121, 40, 202, 0.8))}.guide-item p{color:#a0a0b0;line-height:1.7;margin-left:3.3rem;font-size:1.05rem}.ranking-table{width:100%;border-collapse:separate;border-spacing:0 8px}.ranking-table th,.ranking-table td{padding:1.2rem 1rem;text-align:left;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.ranking-table th{text-transform:uppercase;font-size:.9rem;color:var(--color-gold);letter-spacing:2px;font-weight:800;background:rgba(0,0,0,.8);border-bottom:2px solid #4a3619}.ranking-table tr{transition:transform .2s,box-shadow .2s}.ranking-table tr:hover{transform:scale(1.01);box-shadow:0 5px 15px rgba(0,0,0,.5)}.ranking-table tr:hover td{background:rgba(25,20,40,.8)}.ranking-table .rank-name{font-weight:800;font-size:1.15rem;font-family:"Georgia",serif}.ranking-table .rank-1 td{color:gold;background:linear-gradient(90deg, rgba(255, 215, 0, 0.15) 0%, rgba(15, 10, 5, 0.6) 100%);border-left:3px solid gold}.ranking-table .rank-2 td{color:#e3e3e3;background:linear-gradient(90deg, rgba(192, 192, 192, 0.15) 0%, rgba(15, 10, 5, 0.6) 100%);border-left:3px solid silver}.ranking-table .rank-3 td{color:#cd7f32;background:linear-gradient(90deg, rgba(205, 127, 50, 0.15) 0%, rgba(15, 10, 5, 0.6) 100%);border-left:3px solid #cd7f32}.ranking-table td:first-child{font-weight:900;font-size:1.2rem;text-align:center}.support-form .field__wrap{background:rgba(0,0,0,.6);border:none;border-bottom:2px solid #4a3619;border-radius:0;transition:all .3s}.support-form .field__wrap:focus-within{border-bottom-color:#ff0080;box-shadow:0 10px 10px -10px rgba(255,0,128,.5);background:rgba(20,10,30,.8)}.support-form .field__wrap input,.support-form .field__wrap textarea{font-size:1.1rem;padding:15px 5px;font-family:"Georgia",serif}.support-form .field__wrap input::placeholder,.support-form .field__wrap textarea::placeholder{color:hsla(0,0%,100%,.2);font-family:"Inter",sans-serif}.support-form .field__label{color:var(--color-gold);font-family:"Georgia",serif;letter-spacing:1px;font-size:.95rem}.portal-footer{margin-top:auto;background:linear-gradient(to bottom, rgba(20, 15, 10, 0.98), rgb(5, 3, 2)),repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.1) 0px, rgba(0, 0, 0, 0.1) 2px, transparent 2px, transparent 4px);border:1px solid #4a3619;border-top:3px solid #d4af37;border-radius:2px;box-shadow:0 -10px 30px rgba(0,0,0,.9),inset 0 0 40px rgba(0,0,0,.8),inset 0 -1px 1px hsla(0,0%,100%,.05);padding:3rem 4rem 1.5rem;color:var(--color-text-muted);font-family:"Georgia",serif;position:relative}.portal-footer::before,.portal-footer::after{content:"";position:absolute;width:20px;height:20px;border:2px solid #d4af37;pointer-events:none}.portal-footer::before{bottom:-1px;left:-1px;border-right:none;border-top:none;box-shadow:inset 5px -5px 10px rgba(0,0,0,.5)}.portal-footer::after{bottom:-1px;right:-1px;border-left:none;border-top:none;box-shadow:inset -5px -5px 10px rgba(0,0,0,.5)}.portal-footer .chain-left,.portal-footer .chain-right{position:absolute;bottom:-100px;width:24px;height:100px;background:var(--chain-bg);background-repeat:repeat-y;pointer-events:none;z-index:-1}.portal-footer .chain-left{left:40px}.portal-footer .chain-right{right:40px}.portal-footer .footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(212,175,55,.2);margin-bottom:1.5rem}.portal-footer .footer-section{display:flex;flex-direction:column;gap:1.2rem}.portal-footer .footer-section h4{color:var(--color-gold);font-size:1.1rem;letter-spacing:2px;text-transform:uppercase;margin:0;text-shadow:0 2px 4px #000}.portal-footer .footer-brand{display:flex;align-items:center;gap:1rem}.portal-footer .footer-brand .footer-logo{height:45px;filter:drop-shadow(0 0 5px rgba(212, 175, 55, 0.5))}.portal-footer .footer-brand h3{color:var(--color-gold);font-size:1.5rem;letter-spacing:3px;margin:0;text-shadow:0 0 10px rgba(212,175,55,.4)}.portal-footer .footer-desc{font-size:.95rem;line-height:1.6;color:var(--color-text-muted)}.portal-footer .footer-links-col{display:flex;flex-direction:column;gap:.8rem}.portal-footer .footer-links-col a{color:var(--color-text-muted);text-decoration:none;transition:all .3s;font-size:.95rem;position:relative;padding-left:12px}.portal-footer .footer-links-col a::before{content:"▸";position:absolute;left:0;color:var(--color-gold);opacity:.5;transition:all .3s}.portal-footer .footer-links-col a:hover{color:#fff8e7;text-shadow:0 0 8px rgba(212,175,55,.6)}.portal-footer .footer-links-col a:hover::before{opacity:1;text-shadow:0 0 10px #d4af37}.portal-footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#8a7a6a}.portal-footer .footer-bottom p{margin:0}.portal-footer .footer-social{display:flex;gap:1.5rem}.portal-footer .footer-social .social-icon{color:var(--color-text-muted);text-decoration:none;font-weight:bold;transition:color .3s}.portal-footer .footer-social .social-icon:hover{color:var(--color-gold)}@media(max-width: 768px){.portal-container{padding:.5rem 1rem 1rem 1rem}.portal-header{flex-direction:column;padding:1rem;gap:1rem}.portal-header .logo{height:60px}.portal-header .logo h1{font-size:1.2rem}.portal-header .logo img{height:80px}.portal-header .nav-links{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:1rem;width:100%;overflow-x:auto;white-space:nowrap;padding-bottom:.5rem}.portal-header .nav-links::-webkit-scrollbar{height:4px}.portal-header .nav-links::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:2px}.portal-header .nav-links::-webkit-scrollbar-thumb{background:rgba(212,175,55,.3);border-radius:2px}.portal-header .nav-links a{font-size:.8rem;padding:.4rem .8rem;flex-shrink:0}.portal-header .nav-links .header-btn{margin-left:0;margin-top:0;width:auto;flex-shrink:0}.portal-main .hero-content{padding:2rem 1rem}.portal-main .hero-content h2{font-size:2.5rem}.portal-main .hero-content p{font-size:1rem}.news-grid{grid-template-columns:1fr}.portal-footer{padding:2rem 1.5rem 1.5rem}.portal-footer .footer-top{grid-template-columns:1fr;gap:2rem}.portal-footer .footer-bottom{flex-direction:column;gap:1rem;text-align:center}.auth-modal{padding:2rem 1.5rem;margin:1rem;max-height:90vh;overflow-y:auto}.page-title{font-size:2rem}}.stats-section{display:grid;grid-template-columns:repeat(4, 1fr);gap:1.5rem;width:100%}.stat-card{background:linear-gradient(135deg, rgba(20, 15, 10, 0.9), rgba(10, 5, 2, 0.95));border:1px solid var(--glass-border);padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:4px;box-shadow:inset 0 0 15px rgba(0,0,0,.8),0 5px 15px rgba(0,0,0,.5);position:relative;overflow:hidden}.stat-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right, transparent, #d4af37, transparent);opacity:.5}.stat-card .stat-value{color:#fff8e7;font-size:2rem;font-weight:700;font-family:"Georgia",serif;text-shadow:0 0 10px rgba(212,175,55,.5);margin-bottom:.5rem}.stat-card .stat-label{color:var(--color-text-muted);font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.features-section{display:flex;flex-direction:column;gap:2rem;width:100%}.section-title{text-align:center}.section-title h3{color:var(--color-gold);font-size:2rem;font-family:"Georgia",serif;text-transform:uppercase;letter-spacing:2px;margin-bottom:.5rem;text-shadow:0 2px 10px rgba(0,0,0,.8)}.section-title .title-decorator{height:3px;width:150px;margin:0 auto;background:linear-gradient(to right, transparent, #8b0000, transparent)}.features-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem}.feature-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);padding:2.5rem 1.5rem;border-radius:4px;text-align:center;transition:transform .3s,box-shadow .3s;position:relative}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.8),inset 0 0 20px rgba(212,175,55,.1);border-color:var(--color-gold)}.feature-card:hover .feature-icon{transform:scale(1.1);filter:drop-shadow(0 0 15px rgba(212, 175, 55, 0.8))}.feature-card .feature-icon{width:80px;height:80px;margin:0 auto 1.5rem auto;transition:transform .3s,filter .3s;display:block;object-fit:contain;mix-blend-mode:screen}.feature-card h4{color:#fff8e7;font-size:1.3rem;margin-bottom:1rem;font-family:"Georgia",serif}.feature-card p{color:#a09080;line-height:1.6;font-size:.95rem}@media(max-width: 992px){.portal-main .hero-section{display:flex;flex-direction:column;gap:2rem}.stats-section{grid-template-columns:repeat(2, 1fr)}.features-grid{grid-template-columns:1fr}}@media(max-width: 576px){.stats-section{grid-template-columns:1fr}}.table-responsive{width:100%}@media(max-width: 992px){.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}}.table-responsive::-webkit-scrollbar{height:6px}.table-responsive::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:3px}.table-responsive::-webkit-scrollbar-thumb{background:rgba(212,175,55,.5);border-radius:3px}

/* STANDALONE AUTH PAGES */
.auth-form-container {
  max-width: 400px;
  margin: 40px auto;
}
.auth-form-container form {
  width: 100%;
}
.auth-form-container.register {
  max-width: 480px;
}
.auth-error {
  display: none;
  background: rgba(200, 50, 50, 0.1);
  border: 1px solid rgba(200, 50, 50, 0.4);
  color: #ffaaaa;
  padding: 12px;
  border-radius: 6px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 0.9rem;
}
.auth-success {
  display: none;
  background: rgba(50, 200, 50, 0.1);
  border: 1px solid rgba(50, 200, 50, 0.4);
  color: #aaffaa;
  padding: 12px;
  border-radius: 6px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 0.9rem;
}
.auth-links {
  margin-top: 25px;
  text-align: center;
  font-size: 0.9rem;
  color: #a0a0b0;
}
.auth-links a {
  color: #d4af37;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.2s;
}
.auth-links a:hover {
  color: #fff8e7;
  text-shadow: 0 0 8px rgba(212, 175, 55, 0.5);
}

.btn-submit {
  width: 100%;
  padding: 14px;
  background: linear-gradient(135deg, rgba(212, 175, 55, 0.2), rgba(153, 122, 21, 0.4));
  border: 1px solid #d4af37;
  border-radius: 6px;
  color: #fff8e7;
  font-family: 'Cinzel', serif;
  font-weight: 700;
  font-size: 1.1rem;
  letter-spacing: 1px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 15px rgba(212, 175, 55, 0.1);
  margin-top: 10px;
}
.btn-submit:hover {
  background: linear-gradient(135deg, rgba(212, 175, 55, 0.4), rgba(153, 122, 21, 0.6));
  box-shadow: 0 0 20px rgba(212, 175, 55, 0.3);
  color: #ffffff;
  transform: translateY(-1px);
}

/* Auth Modal Overrides for specific fields */
.field__wrap {
  background: rgba(0, 0, 0, 0.5) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important;
  border-radius: 6px !important;
  padding: 0 !important;
}
.field__wrap:focus-within {
  border-color: #d4af37 !important;
  box-shadow: 0 0 10px rgba(212, 175, 55, 0.2) !important;
  background: rgba(10, 5, 15, 0.8) !important;
}
.field__wrap input {
  width: 100%;
  background: transparent !important;
  border: none !important;
  border-radius: 0;
  padding: 12px 15px 12px 45px;
  color: #fff8e7;
  font-family: 'Inter', sans-serif;
  font-size: 0.95rem;
  transition: all 0.3s ease;
  box-sizing: border-box;
  outline: none !important;
  box-shadow: none !important;
}
.field__wrap input:focus {
  outline: none;
  background: transparent;
}
.field__label {
  display: block;
  color: #d4af37;
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.field__icon {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #d4af37;
  font-size: 1.1rem;
  opacity: 0.8;
}

/* Custom Checkbox */
.custom-checkbox-wrapper {
  margin: 15px 0 25px 0;
  display: flex;
  justify-content: center;
}
.custom-checkbox {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 0.85rem;
  color: #a0a0b0;
  user-select: none;
  transition: color 0.3s ease;
}
.custom-checkbox:hover {
  color: #fff8e7;
}
.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 18px;
  width: 18px;
  background-color: rgba(10, 5, 15, 0.6);
  border: 1px solid rgba(212, 175, 55, 0.4);
  border-radius: 4px;
  transition: all 0.3s ease;
}
.custom-checkbox:hover input ~ .checkmark {
  border-color: #d4af37;
  box-shadow: 0 0 8px rgba(212, 175, 55, 0.3);
}
.custom-checkbox input:checked ~ .checkmark {
  background-color: rgba(212, 175, 55, 0.2);
  border-color: #d4af37;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.custom-checkbox input:checked ~ .checkmark:after {
  display: block;
}
.custom-checkbox .checkmark:after {
  left: 5px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid #d4af37;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.checkbox-text a {
  color: #d4af37;
  text-decoration: none;
  font-weight: bold;
  border-bottom: 1px dashed rgba(212, 175, 55, 0.5);
  transition: all 0.2s ease;
}
.checkbox-text a:hover {
  color: #fff8e7;
  border-bottom: 1px solid #d4af37;
  text-shadow: 0 0 8px rgba(212, 175, 55, 0.5);
}

/* Security Notice */
.security-notice {
  background: rgba(212, 175, 55, 0.1);
  border: 1px dashed rgba(212, 175, 55, 0.4);
  color: #e8dcc8;
  padding: 15px;
  border-radius: 6px;
  font-size: 0.85rem;
  margin-bottom: 25px;
  line-height: 1.5;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.security-notice .icon {
  font-size: 1.2rem;
  line-height: 1;
  color: #d4af37;
}
.security-notice p {
  margin: 0;
  color: #a0a0b0;
}
.security-notice p strong {
  color: #d4af37;
}

/* Two-column Auth Page Layout */
.auth-page-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  max-width: 900px;
  margin: 0 auto;
}

.auth-page-form {
  padding-right: 20px;
}

.auth-page-info {
  border-left: 1px solid rgba(212, 175, 55, 0.2);
  padding-left: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 30px;
}

.info-block {
  background: rgba(10, 5, 15, 0.4);
  border: 1px solid rgba(212, 175, 55, 0.1);
  padding: 20px;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.info-block:hover {
  border-color: rgba(212, 175, 55, 0.3);
  background: rgba(10, 5, 15, 0.6);
  transform: translateY(-2px);
}

.info-block .info-icon {
  font-size: 1.8rem;
  display: block;
  margin-bottom: 10px;
}

.info-block h3 {
  color: #d4af37;
  margin: 0 0 10px 0;
  font-size: 1.1rem;
  font-family: "Georgia", serif;
}

.info-block p {
  color: #a0a0b0;
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.5;
}

@media (max-width: 768px) {
  .auth-page-layout {
    grid-template-columns: 1fr;
  }
  
  .auth-page-form {
    padding-right: 0;
  }
  
  .auth-page-info {
    border-left: none;
    border-top: 1px solid rgba(212, 175, 55, 0.2);
    padding-left: 0;
    padding-top: 40px;
  }
}

/* Epic Header Redesign Overrides */
.portal-header {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0 2.5rem;
  background: 
    linear-gradient(to bottom, rgba(40, 25, 20, 0.95), rgba(15, 8, 5, 0.98)),
    repeating-linear-gradient(45deg, rgba(0,0,0,0.15) 0px, rgba(0,0,0,0.15) 2px, transparent 2px, transparent 4px);
  border: 1px solid #5a4225;
  border-bottom: 4px solid #d4af37;
  border-radius: 4px;
  box-shadow: 
    0 20px 40px rgba(0,0,0,0.95), 
    inset 0 0 50px rgba(0,0,0,0.9),
    inset 0 2px 2px rgba(255, 255, 255, 0.15);
  margin-bottom: 3rem;
  position: relative;
  height: 80px;
}

.portal-header::before, .portal-header::after {
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  border: 3px solid #d4af37;
  pointer-events: none;
}
.portal-header::before {
  top: -2px; left: -2px;
  border-right: none;
  border-bottom: none;
  box-shadow: inset 5px 5px 15px rgba(0,0,0,0.6);
}
.portal-header::after {
  top: -2px; right: -2px;
  border-left: none;
  border-bottom: none;
  box-shadow: inset -5px 5px 15px rgba(0,0,0,0.6);
}

.portal-header .chain-left, .portal-header .chain-right {
  top: -120px;
  height: 120px;
}

.portal-header .logo {
  position: absolute;
  left: 50%;
  bottom: -20px;
  transform: translateX(-50%);
  height: auto;
  padding: 0;
  z-index: 100;
}
.portal-header .logo:hover {
  transform: translateX(-50%) scale(1.05);
}
.portal-header .logo img {
  height: 180px;
  filter: drop-shadow(0 5px 20px rgba(0, 0, 0, 0.8)) drop-shadow(0 0 15px rgba(212, 175, 55, 0.5));
}
.portal-header .logo img:hover {
  filter: drop-shadow(0 5px 20px rgba(0, 0, 0, 0.9)) drop-shadow(0 0 25px rgba(212, 175, 55, 0.9));
}

.nav-left, .nav-right {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  height: 100%;
}
.nav-left {
  flex: 1;
  justify-content: flex-start;
  padding-right: 120px; /* space for logo */
}
.nav-right {
  flex: 1;
  justify-content: flex-end;
  padding-left: 120px;
}

.nav-left > a, .nav-right > a {
  display: inline-flex;
  align-items: center;
  height: 100%;
  color: var(--color-text-muted);
  text-decoration: none;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 0.9rem;
  font-family: "Cinzel", "Georgia", serif;
  transition: all 0.3s;
  position: relative;
  text-shadow: 0 2px 5px #000;
  padding: 0 1rem;
}

.nav-left > a:hover, .nav-right > a:hover, .nav-left > a.active, .nav-right > a.active {
  color: #fff8e7;
  text-shadow: 0 0 15px rgba(212, 175, 55, 0.9), 0 0 30px #d4af37;
}
.nav-left > a:hover::after, .nav-right > a:hover::after, .nav-left > a.active::after, .nav-right > a.active::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 10%;
  width: 80%;
  height: 3px;
  background: #d4af37;
  box-shadow: 0 0 10px #d4af37, 0 0 20px #fff;
  border-radius: 2px;
}

/* Auth Actions */
.auth-actions {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-left: 20px;
}

.header-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  padding: 0 20px;
  margin: 0;
  border-radius: 4px;
  font-size: 0.85rem;
  line-height: 1;
  font-family: "Cinzel", serif;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  transition: all 0.3s;
  border: 1px solid;
  text-shadow: 0 2px 5px rgba(0,0,0,0.8);
  white-space: nowrap;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}

.header-btn--login {
  background: linear-gradient(135deg, rgba(212, 175, 55, 0.2), rgba(153, 122, 21, 0.4)) !important;
  border-color: #d4af37 !important;
  color: #fff8e7 !important;
  box-shadow: inset 0 0 10px rgba(212,175,55,0.2), 0 0 10px rgba(212,175,55,0.1);
}
.header-btn--login:hover {
  background: linear-gradient(135deg, rgba(212, 175, 55, 0.4), rgba(153, 122, 21, 0.6)) !important;
  border-color: #fce883 !important;
  color: #ffffff !important;
  box-shadow: inset 0 0 15px rgba(212,175,55,0.4), 0 0 20px rgba(212,175,55,0.5);
  transform: translateY(-2px);
}

.header-btn--account {
  background: linear-gradient(135deg, rgba(20, 20, 20, 0.8), rgba(10, 10, 10, 0.9)) !important;
  border-color: #555 !important;
  color: #ddd !important;
}
.header-btn--account:hover {
  background: linear-gradient(135deg, rgba(40, 40, 40, 0.8), rgba(20, 20, 20, 0.9)) !important;
  border-color: #d4af37 !important;
  color: #fff !important;
  box-shadow: 0 0 15px rgba(212,175,55,0.3);
  transform: translateY(-2px);
}

/* User Dropdown */
.user-dropdown {
  position: relative;
  display: inline-block;
  height: 100%;
  display: flex;
  align-items: center;
}
.dropdown-menu {
  position: absolute;
  top: calc(100% + 15px);
  right: 0;
  width: 240px;
  background: rgba(15, 15, 20, 0.75);
  border: 1px solid rgba(212, 175, 55, 0.3);
  border-radius: 12px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.9), inset 0 0 20px rgba(212, 175, 55, 0.05);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  z-index: 1000;
  overflow: hidden;
  padding-bottom: 8px;
}
.user-dropdown.active .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.dropdown-menu::before {
  content: '';
  position: absolute;
  top: -6px;
  right: 20px;
  width: 10px;
  height: 10px;
  background: rgba(15, 15, 20, 0.95);
  border-top: 1px solid rgba(212, 175, 55, 0.3);
  border-left: 1px solid rgba(212, 175, 55, 0.3);
  transform: rotate(45deg);
}
.dropdown-header {
  padding: 18px 20px 12px;
  color: #d4af37;
  font-size: 0.8rem;
  font-family: "Cinzel", serif;
  font-weight: 800;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 5px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.dropdown-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  color: #c0c0d0;
  text-decoration: none;
  font-size: 0.95rem;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  transition: all 0.2s ease;
  position: relative;
}
.dropdown-item svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
  opacity: 0.7;
  transition: all 0.2s ease;
}
.dropdown-item:hover {
  background: linear-gradient(90deg, rgba(212, 175, 55, 0.15), transparent);
  color: #fff8e7;
  padding-left: 26px;
}
.dropdown-item:hover svg {
  opacity: 1;
  transform: scale(1.1);
  color: #d4af37;
}
.dropdown-item.danger {
  color: #ff6b6b;
}
.dropdown-item.danger:hover {
  background: linear-gradient(90deg, rgba(255, 107, 107, 0.15), transparent);
  color: #ff9999;
}
.dropdown-item.danger:hover svg {
  color: #ff6b6b;
}

@media (max-width: 992px) {
  .portal-header {
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    padding: 1rem;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
  }
  .portal-header .logo {
    order: 1;
    position: relative;
    left: auto;
    bottom: auto;
    transform: none;
    margin-bottom: 0;
    height: auto;
    padding: 0;
    flex-shrink: 0;
  }
  .portal-header .logo img {
    height: 55px;
    max-width: 100%;
    object-fit: contain;
  }
  .portal-header .logo:hover {
    transform: scale(1.05);
  }
  .nav-left {
    order: 3;
  }
  .nav-right {
    order: 4;
  }
  .nav-left, .nav-right {
    padding: 0;
    flex-direction: column;
    width: 100%;
    flex-basis: 100%;
    display: none; /* Hidden by default behind hamburger menu */
    align-items: stretch;
    text-align: center;
    gap: 0.5rem;
  }
  .portal-header.nav-open .nav-left,
  .portal-header.nav-open .nav-right {
    display: flex;
  }
  .auth-actions {
    margin-left: 0;
    margin-top: 1rem;
    flex-direction: column;
    width: 100%;
    display: flex;
    align-items: center;
  }
  .auth-actions .header-btn {
    width: 100%;
    text-align: center;
  }
  .user-dropdown {
    width: 100%;
  }
  .user-dropdown button {
    width: 100%;
  }
  .dropdown-menu {
    right: 0;
    left: 0;
    width: 100%;
  }
}

/* Tweaks for Logo and Links alignment */
.portal-header .logo {
  top: 50%;
  bottom: auto;
  transform: translate(-50%, -50%);
}
.portal-header .logo:hover {
  transform: translate(-50%, -50%) scale(1.05);
}

.nav-left {
  justify-content: center !important;
  padding-right: 140px !important;
  gap: 2rem !important;
}
.nav-right {
  justify-content: center !important;
  padding-left: 140px !important;
  gap: 2rem !important;
}

.auth-actions {
  margin-left: auto !important;
}

@media (max-width: 992px) {
  .portal-header .logo {
    top: auto;
    transform: none;
  }
  .portal-header .logo:hover {
    transform: scale(1.05);
  }
  .nav-left, .nav-right {
    padding: 0 !important;
  }
}

/* =========================================
   MU ONLINE PORTAL LAYOUT
   ========================================= */

.mu-portal-grid {
  display: grid;
  grid-template-columns: 2.2fr 1fr;
  gap: 2rem;
  width: 100%;
}

@media (max-width: 992px) {
  .mu-portal-grid {
    grid-template-columns: 1fr;
  }
}

/* --- MAIN COLUMN --- */
.mu-main-col {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

/* Slider Section */
.mu-slider-section {
  width: 100%;
  border: 1px solid #4a3619;
  box-shadow: inset 0 0 30px rgba(201,145,57,0.15), 0 20px 40px rgba(0,0,0,0.8);
  position: relative;
}

/* Title Bars (Used across widgets and news) */
.mu-title-bar {
  background: linear-gradient(90deg, rgba(139, 0, 0, 0.9) 0%, rgba(60, 0, 0, 0.95) 100%);
  border: 1px solid #ff4d4d;
  border-left: 4px solid #d4af37;
  padding: 10px 15px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.8), inset 0 0 10px rgba(255, 77, 77, 0.3);
  margin-bottom: 1rem;
  position: relative;
}
.mu-title-bar::after {
  content: '';
  position: absolute;
  top: 0; right: 0; bottom: 0;
  width: 50%;
  background: linear-gradient(90deg, transparent, rgba(212,175,55,0.1));
  pointer-events: none;
}
.mu-title-text {
  color: #fff8e7;
  font-family: "Cinzel", "Georgia", serif;
  font-size: 1.1rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-shadow: 0 0 10px rgba(212,175,55,0.5), 0 2px 5px rgba(0,0,0,1);
}

/* News List */
.mu-news-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.mu-news-item {
  display: flex;
  background: linear-gradient(to right, rgba(20, 15, 10, 0.95), rgba(10, 5, 5, 0.95));
  border: 1px solid rgba(212, 175, 55, 0.2);
  border-radius: 2px;
  transition: transform 0.3s, box-shadow 0.3s;
  overflow: hidden;
}
.mu-news-item:hover {
  transform: translateX(5px);
  border-color: rgba(212, 175, 55, 0.5);
  box-shadow: 0 5px 15px rgba(0,0,0,0.8), inset 0 0 20px rgba(212, 175, 55, 0.1);
}
.mu-news-date {
  background: rgba(10, 5, 5, 0.8);
  border-right: 1px solid rgba(212, 175, 55, 0.2);
  padding: 1.5rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d4af37;
  font-weight: 900;
  font-family: "Cinzel", serif;
  width: 80px;
  text-align: center;
  flex-shrink: 0;
}
.mu-news-content {
  padding: 1.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mu-news-title {
  color: #fff8e7;
  font-size: 1.2rem;
  font-weight: 800;
  font-family: "Georgia", serif;
  text-decoration: none;
  margin-bottom: 0.5rem;
  transition: color 0.3s;
}
.mu-news-title:hover {
  color: #d4af37;
  text-shadow: 0 0 10px rgba(212, 175, 55, 0.5);
}
.mu-news-excerpt {
  color: #a0a0b0;
  font-size: 0.95rem;
  line-height: 1.5;
  margin: 0;
}


/* --- SIDEBAR --- */
.mu-sidebar {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

/* Epic Action Buttons */
.mu-sidebar-actions {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.mu-epic-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1.2rem;
  border-radius: 4px;
  text-decoration: none;
  transition: all 0.3s;
  border: 1px solid;
  position: relative;
  overflow: hidden;
}
.mu-epic-btn::before {
  content: '';
  position: absolute;
  top: 0; left: -100%;
  width: 50%; height: 100%;
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.2), transparent);
  transform: skewX(-25deg);
  animation: shine 5s infinite;
}
@keyframes shine {
  0% { left: -100%; }
  20% { left: 200%; }
  100% { left: 200%; }
}
.mu-epic-btn .btn-title {
  font-family: "Cinzel", "Georgia", serif;
  font-size: 1.4rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 0.2rem;
}
.mu-epic-btn .btn-sub {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.mu-epic-btn--download {
  background: linear-gradient(135deg, rgba(139, 0, 0, 0.9), rgba(60, 0, 0, 0.95));
  border-color: #ff4d4d;
  box-shadow: 0 10px 20px rgba(0,0,0,0.8), inset 0 0 15px rgba(255, 77, 77, 0.3);
}
.mu-epic-btn--download .btn-title {
  color: #fff8e7;
  text-shadow: 0 0 10px rgba(255,77,77,0.5);
}
.mu-epic-btn--download .btn-sub { color: #ffaaaa; }
.mu-epic-btn--download:hover {
  transform: translateY(-3px);
  background: linear-gradient(135deg, rgba(180, 0, 0, 0.9), rgba(90, 0, 0, 0.95));
  box-shadow: 0 15px 25px rgba(0,0,0,0.9), inset 0 0 20px rgba(255, 77, 77, 0.5);
}
.mu-epic-btn--register {
  background: linear-gradient(135deg, rgba(212, 175, 55, 0.2), rgba(153, 122, 21, 0.3));
  border-color: #d4af37;
  box-shadow: 0 10px 20px rgba(0,0,0,0.8), inset 0 0 15px rgba(212, 175, 55, 0.2);
}
.mu-epic-btn--register .btn-title {
  color: #d4af37;
  text-shadow: 0 0 10px rgba(212, 175, 55, 0.4);
}
.mu-epic-btn--register .btn-sub { color: #c5b382; }
.mu-epic-btn--register:hover {
  transform: translateY(-3px);
  background: linear-gradient(135deg, rgba(212, 175, 55, 0.3), rgba(153, 122, 21, 0.4));
  box-shadow: 0 15px 25px rgba(0,0,0,0.9), inset 0 0 20px rgba(212, 175, 55, 0.4);
}

/* Sidebar Widgets */
.mu-sidebar-widget {
  background: rgba(10, 5, 10, 0.9);
  border: 1px solid rgba(212, 175, 55, 0.15);
  box-shadow: 0 10px 20px rgba(0,0,0,0.6);
}
.mu-widget-content {
  padding: 1rem;
}

/* Server Info List */
.mu-server-info-list {
  list-style: none;
  padding: 0; margin: 0;
}
.mu-server-info-list li {
  display: flex;
  justify-content: space-between;
  padding: 0.8rem 0;
  border-bottom: 1px dashed rgba(255,255,255,0.1);
  font-size: 0.95rem;
}
.mu-server-info-list li:last-child {
  border-bottom: none;
}
.info-label {
  color: #a0a0b0;
  font-weight: 600;
}
.info-val {
  color: #fff8e7;
  font-weight: 800;
}
.info-val.success {
  color: #55ff55;
  text-shadow: 0 0 8px rgba(85, 255, 85, 0.5);
}

/* Rankings Table Widget */
.mu-ranking-table {
  width: 100%;
  border-collapse: collapse;
}
.mu-ranking-table th {
  text-align: left;
  padding: 8px 5px;
  color: #d4af37;
  font-size: 0.8rem;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(212, 175, 55, 0.3);
}
.mu-ranking-table td {
  padding: 10px 5px;
  font-size: 0.9rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.mu-ranking-table tr:last-child td { border-bottom: none; }
.rank-num { font-weight: 900; }
.rank-1 { color: gold; text-shadow: 0 0 5px gold; }
.rank-2 { color: silver; }
.rank-3 { color: #cd7f32; }
.char-name { color: #fff8e7; font-weight: 700; }
.char-res { color: #ff4d4d; font-weight: 800; }

.mu-view-all {
  display: block;
  text-align: center;
  margin-top: 1rem;
  color: #d4af37;
  text-decoration: none;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: color 0.3s;
}
.mu-view-all:hover {
  color: #fff8e7;
  text-shadow: 0 0 8px rgba(212,175,55,0.8);
}

/* Castle Siege Widget */
.castle-owner-crest {
  width: 80px; height: 80px;
  margin: 0 auto 1rem auto;
  border: 1px solid rgba(212,175,55,0.3);
  padding: 5px;
  background: rgba(0,0,0,0.5);
  border-radius: 4px;
}
.castle-owner-crest img {
  width: 100%; height: 100%;
  object-fit: contain;
}
.castle-owner-name {
  color: #d4af37;
  font-family: "Georgia", serif;
  font-size: 1.3rem;
  margin: 0 0 0.5rem 0;
  text-shadow: 0 0 10px rgba(212, 175, 55, 0.4);
}
.castle-status {
  color: #a0a0b0;
  font-size: 0.9rem;
  margin: 0;
}

/* =========================================================
   MU FOOTER
========================================================= */
.mu-footer {
  margin-top: 5rem;
  background: url('/img/bg-texture.jpg') center/cover;
  border-top: 3px solid #3a1c0d;
  position: relative;
  font-family: 'Cinzel', serif;
  color: #a39581;
}

.mu-footer-border {
  height: 8px;
  background: linear-gradient(90deg, transparent, #d4af37, transparent);
  opacity: 0.5;
  width: 100%;
  position: absolute;
  top: -5px;
}

.mu-footer-content {
  max-width: 1400px;
  margin: 0 auto;
  padding: 3rem 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  justify-content: space-between;
}

.mu-footer-brand {
  flex: 1 1 300px;
}

.mu-footer-brand img {
  height: 80px;
  object-fit: contain;
  margin-bottom: 1rem;
  filter: drop-shadow(0 0 10px rgba(212,175,55,0.3));
}

.mu-footer-brand p {
  font-family: 'Open Sans', sans-serif;
  font-size: 0.9rem;
  line-height: 1.6;
  color: #8b8071;
}

.mu-footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
}

.mu-footer-col h4 {
  color: #d4af37;
  font-size: 1.1rem;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-bottom: 1px solid rgba(212,175,55,0.2);
  padding-bottom: 0.5rem;
}

.mu-footer-col a {
  display: block;
  color: #a39581;
  text-decoration: none;
  margin-bottom: 0.8rem;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.9rem;
  transition: color 0.3s ease, transform 0.2s;
}

.mu-footer-col a:hover {
  color: #ffdda1;
  transform: translateX(3px);
}

.mu-footer-bottom {
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  padding: 1.5rem 1rem;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.8rem;
  color: #665c52;
  border-top: 1px solid #22140b;
}

/* Override old portal-bg with new epic background */
.portal-bg {
  background: url('/img/bg-epic.png') no-repeat center center fixed !important;
  background-size: cover !important;
  opacity: 0.6; /* Slight dimming so text remains readable */
}

body {
  background-color: #050302;
}

/* =========================================================
   MU SUBPAGE LAYOUT
========================================================= */
.mu-subpage-wrapper { width: 100%;
  max-width: 1400px;
  margin: 40px auto;
  padding: 0 15px;
}

.mu-subpage-container {
  background: rgba(10, 5, 5, 0.85);
  border: 1px solid #3a1c0d;
  box-shadow: inset 0 0 50px rgba(0,0,0,0.8), 0 0 20px rgba(0,0,0,0.9);
  position: relative;
}

/* Golden top border for subpages */
.mu-subpage-container::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, transparent, #d4af37, transparent);
}

.mu-subpage-header {
  text-align: center;
  padding: 20px 20px 0;
  border-bottom: none;
  background: transparent;
}

.mu-subpage-header h2 {
  font-family: 'Cinzel', serif;
  font-size: 2.2rem;
  color: #ffcc00;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-shadow: 0 0 10px rgba(255, 204, 0, 0.3);
  margin: 0;
}

.mu-subpage-content {
  padding: 40px;
  font-family: 'Open Sans', sans-serif;
  color: #a39581;
  line-height: 1.7;
  font-size: 1rem;
}

.mu-subpage-content h3 {
  color: #d4af37;
  font-family: 'Cinzel', serif;
  font-size: 1.5rem;
  margin-top: 30px;
  margin-bottom: 15px;
  border-bottom: 1px dashed rgba(212, 175, 55, 0.3);
  padding-bottom: 5px;
}

.mu-subpage-content p {
  margin-bottom: 15px;
}

/* MU Rankings Table specific */
.mu-ranking-full-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}
.mu-ranking-full-table th {
  background: linear-gradient(180deg, #2a1b12 0%, #1a0b02 100%);
  color: #d4af37;
  padding: 15px;
  font-family: 'Cinzel', serif;
  text-align: left;
  border-bottom: 2px solid #d4af37;
}
.mu-ranking-full-table td {
  padding: 12px 15px;
  border-bottom: 1px solid rgba(212, 175, 55, 0.1);
  color: #c9bcab;
}
.mu-ranking-full-table tr:hover td {
  background: rgba(212, 175, 55, 0.05);
}

/* Top 3 Highlighting */
.mu-ranking-full-table tr:nth-child(1) td {
  color: #fff;
  font-weight: bold;
  text-shadow: 0 0 10px rgba(255, 215, 0, 0.8);
}
.mu-ranking-full-table tr:nth-child(2) td {
  color: #e0e0e0;
  text-shadow: 0 0 8px rgba(192, 192, 192, 0.8);
}
.mu-ranking-full-table tr:nth-child(3) td {
  color: #cd7f32;
  text-shadow: 0 0 8px rgba(205, 127, 50, 0.8);
}

/* Ranking Tabs */
.mu-rank-tabs {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-bottom: 30px;
}
.mu-rank-tab {
  background: linear-gradient(180deg, #2a1b12 0%, #1a0b02 100%);
  border: 1px solid #5a3c1d;
  color: #a39581;
  padding: 10px 30px;
  font-family: 'Cinzel', serif;
  font-size: 1.1rem;
  cursor: pointer;
  transition: all 0.3s;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.mu-rank-tab:hover {
  border-color: #d4af37;
  color: #fff;
  box-shadow: inset 0 0 10px rgba(212,175,55,0.3);
}
.mu-rank-tab.active {
  background: linear-gradient(180deg, #4a2b12 0%, #2a0b02 100%);
  border-color: #d4af37;
  color: #fff8e7;
  box-shadow: inset 0 0 15px rgba(212,175,55,0.5), 0 0 10px rgba(212,175,55,0.4);
}


/* =========================================================
   MU HEADER ENHANCEMENTS
========================================================= */
.portal-header {
  background: rgba(10, 5, 5, 0.95);
  border-bottom: 2px solid #3a1c0d;
  box-shadow: 0 5px 25px rgba(0,0,0,0.8);
  font-family: 'Cinzel', serif;
}

.mobile-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  z-index: 100;
  padding: 10px;
}
.mobile-toggle span {
  display: block;
  width: 25px;
  height: 3px;
  background-color: #d4af37;
  border-radius: 3px;
  transition: all 0.3s;
}

@media (max-width: 992px) {
  .mobile-toggle {
    order: 2;
    display: flex;
    position: relative;
    top: auto;
    right: auto;
  }
  .mobile-toggle.active span:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
  }
  .mobile-toggle.active span:nth-child(2) {
    opacity: 0;
  }
  .mobile-toggle.active span:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
  }
}

.portal-header::after {
  content: '';
  position: absolute;
  bottom: -2px; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, #d4af37, transparent);
}

.nav-left > a, .nav-right > a:not(.header-btn) {
  color: #a39581;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: bold;
  font-family: "Cinzel", "Georgia", serif;
  transition: all 0.3s;
  padding: 10px 15px;
}

.nav-left > a:hover, .nav-right > a:not(.header-btn):hover {
  color: #fff;
  text-shadow: 0 0 10px rgba(212,175,55,0.5);
}

.nav-left > a.active, .nav-right > a:not(.header-btn).active {
  color: #d4af37;
  text-shadow: 0 0 15px rgba(212,175,55,0.8);
}
:root{--color-primary: #fe9e39;--color-primary-dark: #e88420;--color-accent: #ffbc2d;--color-gold: #d4af37;--color-gold-light: #f3d57a;--color-bg: #050505;--color-surface-1: #0a0a0a;--color-surface-2: #111111;--color-surface-3: #1a1a1a;--glass-bg: rgba(15, 15, 15, 0.7);--glass-bg-hover: rgba(25, 25, 25, 0.85);--glass-border: rgba(212, 175, 55, 0.15);--color-text: #e8dcc8;--color-text-muted: #9a8a7a;--color-white: #ffffff;--color-border: rgba(255, 255, 255, 0.1);--color-border-light: rgba(255, 255, 255, 0.05);--color-overlay: rgba(0, 0, 0, 0.7);--color-danger: #e64047;--color-success: #2ad892;--color-info: #5b8dd9;--primary-glow: rgba(254, 158, 57, 0.3);--secondary-glow: rgba(212, 175, 55, 0.2);--font-base: 'Inter', 'Segoe UI', Tahoma, sans-serif;--font-heading: 'Cinzel', 'Times New Roman', serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-full: 50%;--radius-pill: 999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.2);--shadow-md: 0 4px 8px rgba(0, 0, 0, 0.3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.4);--shadow-glow: 0 0 15px var(--primary-glow)}:root{--gold: var(--color-gold);--gold-light: var(--color-gold-light);--gold-glow: var(--shadow-glow);--dark-bg: var(--color-bg);--panel-bg: var(--glass-bg);--panel-border:var(--glass-border);--text: var(--color-text);--text-muted: var(--color-text-muted)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}.server-page{display:flex;flex-direction:column;margin:0 auto}.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:16px}.hero__notice-btn{position:absolute;top:80px;right:20px;background:rgba(200,146,42,.12);border:1px solid var(--panel-border);border-radius:8px;padding:6px 12px;font-size:12px;color:var(--gold-light);cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:6px;transition:background .15s}.hero__notice-btn:hover{background:rgba(200,146,42,.2)}.current-server{width:100%;max-width:420px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:14px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:20px 22px;box-shadow:0 8px 40px rgba(0,0,0,.6),0 0 0 1px hsla(0,0%,100%,.03)}.current-server__label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:8px}.current-server__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.current-server__name{display:flex;align-items:center;gap:10px;cursor:pointer;flex:1;min-width:0}.current-server__dot{width:8px;height:8px;border-radius:50%;background:#3ddc84;box-shadow:0 0 8px rgba(61,220,132,.6);flex-shrink:0}.current-server__text{font-size:18px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.current-server__change{font-size:12px;color:var(--gold);cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:4px;transition:opacity .15s}.current-server__change:hover{opacity:.75}.enter-btn{display:flex;align-items:center;justify-content:center;width:100%;max-width:420px;height:56px;background:linear-gradient(135deg, #e8a830 0%, #c8782a 50%, #a85010 100%);color:#fff;text-decoration:none;border:none;border-radius:12px;font-family:inherit;font-size:18px;font-weight:800;letter-spacing:2px;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 24px rgba(200,146,42,.5),0 1px 0 hsla(0,0%,100%,.15) inset;transition:filter .15s,transform .1s,box-shadow .15s;position:relative;overflow:hidden}.enter-btn::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, transparent 50%);pointer-events:none}.enter-btn:hover{filter:brightness(1.12);box-shadow:0 6px 32px rgba(200,146,42,.65),0 1px 0 hsla(0,0%,100%,.15) inset;text-decoration:none}.enter-btn:active{transform:scale(0.97)}.server-drawer{position:fixed;inset:0;z-index:20;display:none}.server-drawer.open{display:block}.server-drawer__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(4px)}.server-drawer__panel{position:absolute;bottom:0;left:0;right:0;max-height:75vh;background:rgba(12,8,16,.97);border-top:1px solid var(--panel-border);border-radius:20px 20px 0 0;display:flex;flex-direction:column;animation:drawerIn .3s cubic-bezier(0.32, 0.72, 0, 1)}.server-drawer__handle{width:40px;height:4px;background:hsla(0,0%,100%,.15);border-radius:2px;margin:12px auto 0;flex-shrink:0}.server-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;flex-shrink:0}.server-drawer__title{font-size:16px;font-weight:700;color:var(--text)}.server-drawer__close{width:28px;height:28px;border-radius:50%;background:hsla(0,0%,100%,.08);border:none;color:var(--text-muted);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .15s}.server-drawer__close:hover{background:hsla(0,0%,100%,.14)}.server-drawer__tabs{display:flex;gap:0;padding:0 20px 12px;border-bottom:1px solid var(--panel-border);flex-shrink:0}.server-drawer__tab{padding:6px 16px;border-radius:6px;font-size:13px;color:var(--text-muted);cursor:pointer;font-family:inherit;background:none;border:none;transition:color .15s,background .15s}.server-drawer__tab.active{color:var(--gold-light);background:rgba(200,146,42,.12)}.server-drawer__list{overflow-y:auto;flex:1;padding:8px 12px 20px}.server-drawer__list::-webkit-scrollbar{width:4px}.server-drawer__list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.server-drawer__list::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:2px}@keyframes drawerIn{from{transform:translateY(100%)}to{transform:translateY(0)}}.server-item{display:flex;align-items:center;padding:12px 10px;border-radius:8px;cursor:pointer;transition:background .15s;border-bottom:1px solid hsla(0,0%,100%,.04);text-decoration:none}.server-item:hover{background:rgba(200,146,42,.08)}.server-item.hide{display:none}.server-item__dot{width:8px;height:8px;border-radius:50%;background:#3ddc84;box-shadow:0 0 6px rgba(61,220,132,.5);margin-right:14px;flex-shrink:0}.server-item__name{flex:1;font-size:15px;color:var(--text);font-weight:500}.server-item__badge{font-size:11px;background:rgba(200,146,42,.15);color:var(--gold);border-radius:4px;padding:2px 8px}.notice-modal{position:fixed;inset:0;z-index:30;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.7);backdrop-filter:blur(6px)}.notice-modal.open{display:flex}.notice-modal__box{width:100%;max-width:360px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;padding:28px 24px 24px;animation:panelIn .2s ease}.notice-modal__title{font-size:18px;font-weight:700;background:linear-gradient(90deg, var(--gold-light), var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);margin-bottom:16px}.notice-modal__body{font-size:14px;line-height:1.7;color:var(--text-muted)}.notice-modal__body strong{color:var(--text)}.notice-modal__close{margin-top:20px;width:100%;height:42px;background:rgba(200,146,42,.12);border:1px solid var(--panel-border);border-radius:8px;color:var(--gold-light);font-family:inherit;font-size:14px;cursor:pointer;transition:background .15s}.notice-modal__close:hover{background:rgba(200,146,42,.2)}@keyframes panelIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

.portal-header .header-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 42px !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  margin: 0 !important;
  line-height: 1 !important;
}

/* =========================================================
   MOBILE RESPONSIVENESS OVERRIDES
========================================================= */
@media (max-width: 900px) {
  .mu-subpage-wrapper {
    margin: 20px auto;
    padding: 0 10px;
  }
  .mu-subpage-content {
    padding: 20px;
  }
  .mu-subpage-header h2 {
    font-size: 1.6rem;
  }
  .flex-responsive-row {
    flex-direction: column !important;
  }
  .flex-col-sidebar {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  .forum-category-row {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 15px !important;
  }
  .forum-category-stats {
    width: 100% !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    border-left: none !important;
    border-top: 1px solid rgba(255,255,255,0.1) !important;
    padding-left: 0 !important;
    padding-top: 15px !important;
  }
  .news-img-responsive {
    float: none !important;
    max-width: 100% !important;
    margin: 0 0 15px 0 !important;
    display: block !important;
  }
  .mu-news-item {
    flex-direction: column !important;
  }
  .mu-news-date {
    width: 100% !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.2) !important;
    padding: 10px !important;
  }
  .news-list-img-wrapper {
    width: 100% !important;
  }
  .news-list-img-wrapper img {
    width: 100% !important;
    height: auto !important;
    max-height: 250px !important;
  }
  .forum-category-row {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px;
  }
  .forum-category-stats {
    justify-content: flex-start !important;
    text-align: left !important;
    width: 100% !important;
  }
}

@media (max-width: 768px) {
  .mu-subpage-wrapper {
    margin: 10px auto;
    padding: 0 5px;
  }
  .mu-subpage-content {
    padding: 15px;
  }
}

/* =========================================
   FORUM MOBILE RESPONSIVENESS
   ========================================= */
@media (max-width: 768px) {
  .flex-responsive-row {
    flex-direction: column !important;
  }
  
  .forum-category-row {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
    padding: 15px !important;
  }
  
  .forum-icon {
    display: none !important;
  }
  
  .forum-category-stats {
    width: 100% !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    margin-top: 5px;
  }
  
  .forum-category-stats > div {
    width: auto !important;
    flex: 1 1 auto !important;
    border-left: none !important;
    padding-left: 0 !important;
    text-align: left !important;
    min-width: 0 !important; /* Allow text-overflow to work */
  }
  
  .forum-category-stats form {
    margin-top: 5px;
  }
  
  /* topic.php sidebar avatar and author */
  .flex-responsive-row > .flex-col-sidebar:first-child {
    width: 100% !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    padding: 15px !important;
    text-align: left !important;
  }
  
  .flex-responsive-row > .flex-col-sidebar:first-child img {
    width: 50px !important;
    height: 50px !important;
    margin-bottom: 0 !important;
  }
  
  .flex-responsive-row > .flex-col-sidebar:first-child > div {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: none !important;
  }
  
  /* Right sidebar in index.php */
  .flex-responsive-row > .flex-col-sidebar:last-child {
    width: 100% !important;
    flex-direction: column !important;
  }
}