@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Cormorant+Garamond:ital,wght@0,600;1,600&display=swap');
:root{--gold:#bd8b45;--gold2:#dfbd7c;--line:rgba(189,139,69,.26);--panel:#121713;--ink:#090b0a;--text:#eee8dc;--muted:#8f928b}*{box-sizing:border-box}html{scroll-behavior:smooth}body.premium-inner-page{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 15% 5%,#1a241c 0,transparent 28%),#090b0a;font-family:"Barlow Condensed",sans-serif}body.premium-inner-page:before{content:"";position:fixed;inset:0;z-index:-1;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E")}body.premium-inner-page a{color:inherit;text-decoration:none}body.premium-inner-page .topbar{min-height:88px;padding:0 clamp(22px,4vw,72px);display:flex;align-items:center;gap:clamp(20px,3vw,52px);position:relative;z-index:20;background:rgba(7,10,8,.96);border-bottom:1px solid var(--line);box-shadow:0 16px 45px #0005}body.premium-inner-page .logo{width:140px;flex:0 0 140px}body.premium-inner-page .logo img{width:112px;height:72px;object-fit:contain;filter:drop-shadow(0 7px 12px #000)}body.premium-inner-page .topbar nav{display:flex;align-items:center;gap:clamp(16px,2vw,34px);flex:1}body.premium-inner-page .topbar nav a{text-transform:uppercase;letter-spacing:1.4px;font-size:12px;color:#b9bbb5;position:relative}body.premium-inner-page .topbar nav a:hover,body.premium-inner-page .topbar nav a.active{color:var(--gold2)}body.premium-inner-page .topbar nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:1px;background:var(--gold)}body.premium-inner-page .auth-top{margin-left:auto}body.premium-inner-page .login-btn{min-width:160px;padding:12px 20px;border:1px solid var(--gold);display:flex;flex-direction:column;text-align:center;text-transform:uppercase;background:linear-gradient(120deg,#a8793b,#67491f);color:#0a0c0a}body.premium-inner-page .login-btn b{letter-spacing:1.5px}body.premium-inner-page .login-btn small{font-size:8px;letter-spacing:1.2px}.inner-hero{height:320px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:linear-gradient(90deg,rgba(5,7,6,.84),rgba(5,7,6,.2),rgba(5,7,6,.8)),url("images/hero-final.jpg") center 42%/cover no-repeat;border-bottom:1px solid var(--line);overflow:hidden}.inner-hero:before{content:"";position:absolute;inset:-30%;background:linear-gradient(112deg,transparent 38%,rgba(218,179,108,.12),transparent 62%);animation:inner-light 9s ease-in-out infinite}.inner-hero>*{position:relative;z-index:2}.inner-hero small{text-transform:uppercase;letter-spacing:5px;color:var(--gold);font-size:10px}.inner-hero h1{font:600 clamp(42px,5vw,68px)/1 "Cormorant Garamond",serif;margin:8px 0 0;text-shadow:0 8px 25px #000}.content{width:min(1120px,calc(100% - 32px));margin:64px auto 90px}.page-panel,.simple-page,.form-card,.support-card,.rankings-page,.ornate-panel,.cards article,.rules article,.character-card{background:linear-gradient(145deg,#151a16,#0d100e);border:1px solid var(--line);box-shadow:0 20px 50px #0004}.page-panel,.simple-page,.support-card,.rankings-page{padding:clamp(24px,4vw,48px)}.simple-page h2,.support-card h2,.cards h2,.rankings-page h2,.characters-title h2{font:600 34px "Cormorant Garamond",serif;color:var(--gold2)}.intro,.muted,.simple-page p,.support-card p{color:var(--muted);line-height:1.7}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.cards article{padding:30px}.action,.support-card a{display:inline-block;margin-top:16px;padding:12px 20px;border:1px solid var(--gold);color:var(--gold2);text-transform:uppercase;letter-spacing:1.2px;font-size:11px}.form-card{max-width:610px;margin:0 auto;padding:36px}.form-card label{display:block;margin:0 0 17px;color:var(--gold2);text-transform:uppercase;letter-spacing:1px;font-size:11px}.form-card input,.form-card select{display:block;width:100%;margin-top:7px;padding:14px;background:#090c0a;border:1px solid var(--line);color:white;outline:0}.form-card input:focus{border-color:var(--gold)}.form-card button{width:100%;padding:14px;border:1px solid var(--gold);background:var(--gold);color:#111;text-transform:uppercase;font-weight:700;letter-spacing:1.5px;cursor:pointer}.form-links{display:flex;justify-content:space-between;margin-top:16px;color:var(--gold);font-size:11px}.rank-tabs{display:flex;gap:8px;margin-bottom:20px}.rank-tabs button{padding:10px 16px;border:1px solid var(--line);background:#0c100d;color:#aaa}.rank-tabs button.active{border-color:var(--gold);color:var(--gold2)}.rank-head,.rank-row{display:grid;align-items:center;gap:8px;padding:13px;border-bottom:1px solid rgba(255,255,255,.06)}.rank-head{color:var(--gold);text-transform:uppercase;font-size:9px;letter-spacing:1px;background:#bd8b450c}.noble-grid,.level-grid{grid-template-columns:58px 1.5fr 70px 95px 120px}.status-grid,.account-summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.status-grid>div,.account-summary>div{padding:24px;border-right:1px solid var(--line)}.status-grid small,.account-summary small{display:block;color:var(--gold);text-transform:uppercase;font-size:9px}.status-grid strong,.account-summary strong{display:block;margin-top:6px;font-size:20px}.rules{display:grid;gap:14px}.rules article{padding:24px;display:flex;gap:20px}.rules article>b{font:600 34px "Cormorant Garamond",serif;color:var(--gold)}.character-card{padding:24px;margin-top:14px}.character-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.character-stats span{padding:12px;border:1px solid var(--line)}.character-stats small{display:block;color:var(--gold);font-size:9px}.footer,body.premium-inner-page>footer{padding:28px;text-align:center;color:#70736d;border-top:1px solid var(--line);font-size:10px;letter-spacing:1px}#music-toggle{position:fixed;right:22px;bottom:22px;width:43px;height:43px;border-radius:50%;border:1px solid var(--line);background:#111512;color:var(--gold);z-index:50}@keyframes inner-light{0%,20%{transform:translateX(-55%);opacity:0}50%{opacity:1}80%,100%{transform:translateX(55%);opacity:0}}@media(max-width:900px){body.premium-inner-page .topbar{flex-wrap:wrap;padding:8px 14px}body.premium-inner-page .topbar nav{order:3;width:100%;height:42px;overflow-x:auto}.cards{grid-template-columns:1fr}.status-grid,.account-summary{grid-template-columns:1fr 1fr}}@media(max-width:620px){body.premium-inner-page .logo{width:105px;flex-basis:105px}body.premium-inner-page .logo img{width:90px}body.premium-inner-page .auth-top{display:none}.inner-hero{height:240px}.content{margin-top:35px}.form-card{padding:24px 18px}.character-stats{grid-template-columns:1fr 1fr}.noble-grid,.level-grid{min-width:600px}.rankings-page{overflow:auto}}@media(prefers-reduced-motion:reduce){.inner-hero:before{animation:none}}