*{box-sizing:border-box}:root{--font-scale: 1.15;--font-size-base: calc(14px * var(--font-scale));--font-size-sm: calc(12px * var(--font-scale));--font-size-xs: calc(11px * var(--font-scale));--font-size-lg: calc(18px * var(--font-scale))}html,body{height:100%;margin:0;-webkit-font-smoothing:antialiased}body{min-height:100dvh}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:#101214}body::-webkit-scrollbar-thumb{background:#2d343d;border-radius:8px}body::-webkit-scrollbar-thumb:hover{background:#3a444f}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 1rem}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}#myVideo{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;z-index:-1}.layout>*{position:relative}.content,.footer{z-index:1}.topbar{z-index:3000}@media (max-width:900px){.layout:before{background:radial-gradient(circle at center,#0000 55%,#000000bf),linear-gradient(to top,#0000008c,#0000 180px)}}.footer{padding:1rem 1.2rem;text-align:center;font-size:calc(.8rem * var(--font-scale));background:var(--footer-bg);border-top:1px solid var(--sidebar-border);color:var(--text-muted);-webkit-backdrop-filter:blur(25px) saturate(110%);backdrop-filter:blur(25px) saturate(110%)}@media (max-width:900px){.main-nav{display:none}.menu-toggle{display:inline-block;margin-left:auto}.content{padding:1rem .9rem 2.5rem}}@media (max-width:900px){.header-logo-mobile{display:block;margin:0 auto}.header-logo-mobile img{height:44px}.menu-toggle{position:absolute;right:1rem;margin-left:0}}.mobile-overlay{display:none}@media (max-width:900px){.mobile-overlay{display:block;position:fixed;top:3.3rem;left:260px;right:0;bottom:0;background:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:180}@media (max-width:300px){.mobile-overlay{display:none}}}.content::-webkit-scrollbar{width:10px}.content::-webkit-scrollbar-track{background:#13161a}.content::-webkit-scrollbar-thumb{background:#2d343d;border-radius:6px}.content::-webkit-scrollbar-thumb:hover{background:#3a444f}html,body,.layout{font-family:fritz}h1{font-size:26pt;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.7)}h2{font-size:22pt;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.6)}h3{font-size:18pt;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5)}p{font-size:16pt;color:#e0e0e0;line-height:1.6}.sidebar{width:340px;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);padding:1.15rem 1.2rem 3.5rem;display:flex;flex-direction:column;gap:1.1rem;transition:transform .3s ease;-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.side-nav{display:none;flex-direction:column;gap:.4rem;margin:0 0 .5rem}.side-nav a{display:block;padding:.5rem .6rem;font-size:.75rem;text-decoration:none;color:var(--accent-link);border-radius:5px;background:#222830;border:1px solid #2c343e;letter-spacing:.3px;transition:.15s background,color,border-color}.side-nav a.active,.side-nav a:hover{background:#2e3742;color:var(--accent-link-hover);border-color:#3b4652}.sidebar .widget{background:var(--sidebar-widget-bg);padding:.75rem .9rem;border-radius:6px;box-shadow:0 0 0 1px #2b323b}.sidebar .widget h3{margin:.2rem 0 .6rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#9fb4d6}.realm-item{margin-bottom:.9rem}.realm-item.offline{opacity:.55}.realm-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.realm-head .name{font-size:.8rem;font-weight:600}.realm-head img.exp{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 0 2px #000)}.factions{display:flex;align-items:center;gap:.4rem}.factions img.fac{width:35px;height:35px;object-fit:contain}.factions .bar{flex:1;height:25px;background:#222a31;border:1px solid #2f3a44;border-radius:10px;overflow:hidden;position:relative;display:flex}.factions .bar .seg{height:100%}.factions .bar .seg.alliance{background:linear-gradient(90deg,#2d5cff,#4f80ff)}.factions .bar .seg.horde{background:linear-gradient(90deg,#d13b3b,#b51414)}.small.muted{font-size:.65rem;margin:0;color:#777}.realm-realmlist{margin:.6rem 0 0;font-size:.8rem;letter-spacing:.4px;text-transform:uppercase;color:#9fb4c7;cursor:pointer;display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.realm-realmlist .cmd{background:#1f262c;border:1px solid #2d3741;padding:.35rem .55rem;border-radius:6px;font-size:.65rem;font-weight:600;color:#d1dae3;box-shadow:0 0 0 1px #1a1f23}.realm-realmlist:hover .cmd{background:#273038;border-color:#36424d}.realm-realmlist .copy-hint{font-size:.55rem;color:#6d7c89}.realm-realmlist.copied .cmd{background:#214428;border-color:#2d5c36;color:#c9f6d1}.realm-realmlist.copied .copy-hint{color:#8fd9a1}.access-box{display:flex;justify-content:center}.auth-buttons{display:flex;flex-direction:column;gap:.6rem}.auth-buttons .link-btn{text-align:center;font-size:.8rem;font-weight:600;text-decoration:none;padding:.55rem .8rem;border-radius:5px;background:var(--btn-secondary-bg);color:var(--btn-text-color);border:1px solid var(--btn-secondary-border);transition:.15s background,border,transform,color}.auth-buttons .link-btn.primary{background:var(--btn-primary-bg);border-color:var(--btn-primary-border);color:var(--btn-text-color-contrast)}.auth-buttons .link-btn.primary:hover{background:var(--btn-primary-bg-hover)}.auth-buttons .link-btn.secondary{background:var(--btn-secondary-bg)}.auth-buttons .link-btn.secondary:hover{background:var(--btn-secondary-bg-hover)}.user-box .user-info.minimal{display:flex;align-items:center;gap:.65rem}.user-box img.avatar{width:35px;height:35px;border-radius:6px;object-fit:cover;border:1px solid #2f3a44;box-shadow:0 0 0 1px #1b2025}.user-box .username{font-size:.85rem;font-weight:600;margin-bottom:.3rem}.user-box .balances{display:flex;gap:.6rem;font-size:.7rem}.user-box .balances span{padding:.15rem .4rem;background:#25303a;border:1px solid #303d49;border-radius:4px}.user-box .balances .vp{color:#5ea9ff}.user-box .balances .cr{color:#ffc15e}.user-box .user-actions{margin-top:.7rem;display:flex;flex-direction:column;gap:.55rem}.user-box .action-btn{cursor:pointer;text-align:center;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:.5rem .6rem;border-radius:5px;background:var(--btn-secondary-bg);color:var(--btn-text-color);text-decoration:none;border:1px solid var(--btn-outline-border);transition:.15s background,border,color,transform}.user-box .action-btn:hover{background:var(--btn-secondary-bg-hover)}.user-box .action-btn.outline{background:var(--btn-outline-bg);color:var(--btn-text-color)}.user-box .action-btn.outline:hover{background:var(--btn-outline-bg-hover)}.side-logo{text-align:center;margin:-.25rem 0 .4rem;padding:.3rem 0 .6rem}.side-logo img{max-width:160px;width:100%;height:auto;filter:drop-shadow(0 0 4px #000)}.side-logo .fallback{font-weight:600;font-size:1rem}.discord-banner{background:linear-gradient(135deg,#303bff,#5865f2);border-radius:8px;overflow:hidden;box-shadow:0 0 0 1px #ffffff14}.discord-banner .discord-link{display:flex;align-items:center;gap:.7rem;padding:.7rem .75rem;text-decoration:none;color:#fff}.discord-banner .icon{font-size:1.6rem}.discord-banner .text .title{font-size:.8rem;font-weight:600;letter-spacing:.5px}.discord-banner .text .sub{font-size:.6rem;opacity:.9}.discord-banner:hover{filter:brightness(1.08)}