:root{--r-bg:#090706;--r-panel:rgba(18,13,10,.92);--r-panel-2:rgba(27,19,14,.9);--r-line:rgba(218,162,80,.22);--r-gold:#dca653;--r-gold-2:#f3d39a;--r-text:#f8efe3;--r-muted:#a99d91}
html{background:var(--r-bg)}
body.cinematic-theme,body{background:#090706 url("../img/bg.webp") center top/cover fixed no-repeat!important;color:var(--r-text)}
body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,4,3,.94) 0%,rgba(8,6,5,.7) 28%,rgba(7,5,4,.46) 58%,rgba(5,4,3,.82) 100%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.68))}
.site-shell{min-height:100vh}.site-shell>.r-page-shell{flex:1 0 auto}.topbar{position:sticky;top:0;z-index:1000;background:rgba(10,7,5,.92)!important;border-bottom:1px solid var(--r-line);backdrop-filter:blur(18px);box-shadow:0 12px 35px rgba(0,0,0,.28)}
.navbar{min-height:76px}.brand{width:220px}.brand-mark{width:210px!important;height:54px!important;background:none!important;border:0!important;box-shadow:none!important}.brand-mark img{width:100%!important;height:100%!important;object-fit:contain!important}.brand-text{display:none!important}
.nav-link{font-family:Onest,sans-serif!important;font-size:13px!important;letter-spacing:.06em!important}.nav-link.active,.nav-link:hover{color:var(--r-gold-2)!important}
.r-page-shell{width:min(1440px,calc(100% - 44px));margin:34px auto 70px;display:grid;grid-template-columns:330px minmax(0,1fr);gap:26px;align-items:start}
.r-side{display:grid;gap:18px;position:sticky;top:102px}.r-side-logo{display:flex;justify-content:center;padding:8px 20px 0}.r-side-logo img{width:min(100%,290px);height:78px;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(0,0,0,.55))}
.r-download,.r-submit,.r-hero-primary{display:flex;align-items:center;justify-content:center;gap:12px;min-height:62px;border:1px solid rgba(255,220,158,.4);border-radius:12px;background:linear-gradient(135deg,#efcc91,#b77a30);color:#1a1008!important;font:800 15px Onest,sans-serif;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 14px 34px rgba(151,91,25,.25),inset 0 1px rgba(255,255,255,.5);transition:.22s}.r-download:hover,.r-submit:hover,.r-hero-primary:hover{transform:translateY(-2px);filter:brightness(1.08)}
.r-download span{font-size:25px}.r-panel{overflow:hidden;border:1px solid var(--r-line);border-radius:14px;background:linear-gradient(145deg,var(--r-panel-2),var(--r-panel));box-shadow:0 20px 50px rgba(0,0,0,.28);backdrop-filter:blur(14px)}
.r-panel-title{min-height:54px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--r-line);background:rgba(255,255,255,.025);font-weight:750}.r-panel-title a,.r-panel-title small{color:var(--r-gold);font-size:12px}
.r-login-panel form{padding:16px;display:grid;gap:14px}.r-field{display:grid;gap:7px}.r-field>span{display:flex;justify-content:space-between;color:#d8cec3;font-size:12px}.r-field button{border:0;background:none;color:var(--r-gold);font:inherit;cursor:pointer}.r-field input{width:100%;height:48px;border:1px solid rgba(226,181,111,.18);border-radius:9px;background:rgba(7,5,4,.72);padding:0 14px;color:#fff;outline:none}.r-field input:focus{border-color:var(--r-gold);box-shadow:0 0 0 3px rgba(220,166,83,.1)}.r-field small{color:#e78b7b}.r-remember{font-size:12px;color:var(--r-muted)}.r-submit{border:0;min-height:48px;width:100%;cursor:pointer}
.r-account-links{display:grid;padding:10px}.r-account-links a{display:flex;justify-content:space-between;padding:13px 12px;border-radius:8px;color:#e7ded4;border:1px solid transparent}.r-account-links a:hover{background:rgba(255,255,255,.035);border-color:var(--r-line)}.r-account-links .is-accent{color:var(--r-gold-2);background:rgba(190,119,38,.12)}
.r-ranking-list{padding:8px}.r-rank-row{min-height:46px;display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;padding:0 10px;border-bottom:1px solid rgba(255,255,255,.045);color:#eee}.r-rank-row b{color:var(--r-gold)}.r-rank-row small{color:var(--r-muted)}.r-ranking-empty{display:block;padding:18px;color:var(--r-gold)}
.r-main{min-width:0;display:grid;gap:20px}.r-hero{position:relative;min-height:360px;display:flex;align-items:center;overflow:hidden;border:1px solid var(--r-line);border-radius:18px;background:linear-gradient(90deg,rgba(8,6,5,.94),rgba(8,6,5,.35)),url("../img/bg.webp") center 43%/cover no-repeat;box-shadow:0 25px 65px rgba(0,0,0,.35)}.r-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,5,4,.78))}
.r-hero-glow{position:absolute;width:420px;height:420px;left:20%;top:-55%;border-radius:50%;background:rgba(218,153,61,.18);filter:blur(80px)}.r-hero-copy{position:relative;z-index:2;width:min(620px,75%);padding:44px}.r-hero-copy img{width:min(500px,100%);height:105px;object-fit:contain;object-position:left center;filter:drop-shadow(0 14px 24px rgba(0,0,0,.65))}.r-eyebrow{color:var(--r-gold);font-size:11px;font-weight:800;letter-spacing:.25em}.r-hero-copy p{max-width:520px;color:#ded3c7;font-size:17px}.r-hero-copy>div{display:flex;gap:12px;flex-wrap:wrap}.r-hero-primary,.r-hero-secondary{min-height:48px;padding:0 24px;border-radius:9px}.r-hero-secondary{display:inline-flex;align-items:center;border:1px solid var(--r-line);color:#eee!important;background:rgba(13,9,7,.65)}
.r-events{border:1px solid var(--r-line);border-radius:14px;background:var(--r-panel);padding:14px 16px;box-shadow:0 18px 45px rgba(0,0,0,.25)}.r-events-head{display:flex;justify-content:space-between;margin-bottom:12px}.r-events-head span{font-weight:750}.r-events-head small{color:var(--r-gold)}.r-event-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.r-event-card{min-width:0;display:flex;align-items:center;gap:10px;padding:11px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(255,255,255,.025)}.r-event-card.is-active{border-color:rgba(223,161,72,.5);background:rgba(191,111,27,.12)}.r-event-card img{width:38px;height:38px;object-fit:contain}.r-event-card div{min-width:0}.r-event-card strong,.r-event-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r-event-card strong{font-size:12px}.r-event-card small{color:var(--r-muted);font-size:10px;margin-top:3px}
.r-module{min-width:0}.r-module>.hero,.r-module>.page-hero{padding-top:0!important}.r-module .container{width:100%!important;max-width:none!important}.r-module .hero-grid{grid-template-columns:1fr!important}.r-module .hero-side{display:none!important}.r-module .page-hero-box,.r-module .card{background:linear-gradient(145deg,rgba(24,17,13,.94),rgba(14,10,8,.94))!important;border-color:var(--r-line)!important}
.footer{background:rgba(8,6,5,.92)!important;border-top:1px solid var(--r-line)}
.r-field a{color:var(--r-gold);font:inherit}
.maintenance-login-page{min-height:100vh;background:#080605 url("../img/bg.webp") center/cover fixed no-repeat!important}.maintenance-login-page:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(5,3,2,.9),rgba(8,5,3,.5),rgba(5,3,2,.88));z-index:-1}.maintenance-login-page .site-shell{display:grid;place-items:center;padding:28px}.maintenance-login-page .site-content{width:min(520px,100%)}.maintenance-login-page .auth-shell,.maintenance-login-page .auth-card{width:100%;max-width:none!important}.maintenance-login-page .auth-card{border:1px solid var(--r-line)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(27,18,13,.96),rgba(10,7,5,.97))!important;box-shadow:0 35px 90px rgba(0,0,0,.52)!important}.maintenance-login-page .maintenance-login-heading img{width:min(360px,82%);height:90px;object-fit:contain}.maintenance-login-page .btn-primary{border:1px solid rgba(255,220,158,.4)!important;background:linear-gradient(135deg,#efcc91,#b77a30)!important;color:#1a1008!important;box-shadow:0 14px 34px rgba(151,91,25,.22)!important}
@media(max-width:1100px){.r-page-shell{grid-template-columns:285px minmax(0,1fr);width:min(100% - 24px,1200px)}.r-event-track{grid-template-columns:repeat(2,1fr)}}
.maintenance-login-page .site-shell{background:transparent!important}
@media(max-width:820px){.r-page-shell{display:flex;flex-direction:column;margin-top:18px}.r-side{position:static;width:100%;grid-template-columns:1fr 1fr}.r-side-logo{grid-column:1/-1}.r-ranking{grid-column:1/-1}.r-main{width:100%}.r-hero{min-height:310px}.r-hero-copy{padding:28px;width:90%}}
@media(max-width:560px){.r-page-shell{width:calc(100% - 18px)}.r-side{display:grid;grid-template-columns:1fr}.r-side-logo,.r-ranking{grid-column:auto}.r-hero{min-height:285px}.r-hero-copy{padding:22px;width:100%}.r-hero-copy img{height:75px}.r-hero-copy p{font-size:14px}.r-event-track{display:flex;overflow:auto}.r-event-card{min-width:190px}.brand{width:160px}.brand-mark{width:155px!important}}

/* Orion-inspired restrained surface system */
body.cinematic-theme,body{position:relative;isolation:isolate;background:#0b0907!important}
body:after{content:"";position:fixed;inset:-8px;z-index:-2;background:url("../img/bg.webp") center top/cover no-repeat;filter:blur(3px);transform:scale(1.015);opacity:.92;pointer-events:none}
body:before{z-index:-1;background:radial-gradient(circle at 18% 12%,rgba(213,165,105,.08),transparent 31%),linear-gradient(90deg,rgba(8,6,5,.67),rgba(8,6,5,.32) 56%,rgba(7,5,4,.58)),linear-gradient(180deg,rgba(8,6,5,.06),rgba(7,5,4,.48))}
.topbar{background:rgba(9,7,6,.72)!important;border-bottom-color:rgba(243,217,174,.12);backdrop-filter:blur(14px);box-shadow:0 10px 28px rgba(0,0,0,.16)}
.brand-mark img,.r-hero-copy img{filter:drop-shadow(0 8px 8px rgba(0,0,0,.9)) drop-shadow(0 0 18px rgba(213,163,92,.2))!important}
.r-side-logo img,.r-mobile-hero-brand img,.maintenance-login-page .maintenance-login-heading img,.cinematic-presentation-page .presentation-page .pres-hero-logo{filter:drop-shadow(0 8px 15px rgba(0,0,0,.45)) drop-shadow(0 0 18px rgba(0,0,0,.18))!important}
.r-page-shell{gap:22px}
.r-side{gap:14px}
.r-panel,.r-events,.r-module-framed{border:1px solid rgba(243,217,174,.14);border-radius:12px;background:rgba(12,9,7,.68);box-shadow:0 18px 42px rgba(0,0,0,.24);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.r-panel-title,.r-events-head{background:rgba(224,185,130,.035);border-color:rgba(243,217,174,.11)}
.r-panel-title{min-height:50px;font-weight:600}
.r-field input,.form-input,.form-select,.form-textarea{border:1px solid rgba(243,217,174,.14)!important;border-radius:7px!important;background:rgba(10,8,7,.46)!important;color:#f3ece3!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease!important}
.r-field input:hover,.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:rgba(243,217,174,.25)!important;background:rgba(14,11,9,.54)!important}
.r-field input:focus,.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:rgba(220,166,83,.62)!important;background:rgba(13,10,8,.62)!important;box-shadow:0 0 0 2px rgba(220,166,83,.08)!important;outline:none!important}
.r-download,.r-submit,.r-hero-primary,.btn-primary{border-radius:7px!important;background:linear-gradient(180deg,#d8ad71,#b77e3f)!important;border:1px solid rgba(255,224,177,.35)!important;box-shadow:0 8px 22px rgba(63,36,13,.22),inset 0 1px rgba(255,255,255,.3)!important}
.r-account-links a,.r-event-card{border-radius:6px}
.r-rank-row{border-bottom-color:rgba(243,217,174,.08)}
.r-hero{min-height:340px;border-color:rgba(243,217,174,.14);border-radius:12px;background:linear-gradient(90deg,rgba(8,6,5,.78),rgba(8,6,5,.18)),url("../img/bg.webp") center 43%/cover no-repeat;box-shadow:0 18px 45px rgba(0,0,0,.24);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.r-hero:after{background:linear-gradient(180deg,transparent 62%,rgba(7,5,4,.58))}
.r-hero-glow{opacity:.35}
.r-events{padding:0;overflow:hidden}
.r-events-head{min-height:49px;align-items:center;margin:0;padding:0 17px;border-bottom:1px solid rgba(243,217,174,.11)}
.r-event-track{padding:12px}
.r-event-card{border-color:rgba(243,217,174,.08);background:rgba(255,255,255,.018)}
.r-event-card.is-active{border-color:rgba(218,166,91,.3);background:rgba(184,119,45,.08)}
.r-module-framed{overflow:hidden}
.r-module-framed>.page-hero{margin:0!important;padding:0!important;background:none!important}
.r-module-framed>.page-hero>.container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.r-module-framed>.page-hero .page-hero-box{min-height:57px;margin:0!important;padding:0 22px!important;display:flex!important;align-items:center!important;border:0!important;border-bottom:1px solid rgba(243,217,174,.13)!important;border-radius:0!important;background:rgba(224,185,130,.04)!important;box-shadow:none!important}
.r-module-framed>.page-hero .section-title{margin:0!important;color:#f1e8dc!important;font:600 15px/1.2 Onest,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
.r-module-framed>.page-hero .section-subtitle{display:none!important}
.r-module-framed>.page-content{margin:0!important;padding:26px 22px 30px!important;background:transparent!important}
.r-module-framed>.page-content>.container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.r-module-framed>.page-content>.container>.card{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.r-module-framed>.page-content>.container>.card>.card-body{padding:0!important}
.r-module-framed .download-section,.r-module-framed .ranking-panel{border-color:rgba(243,217,174,.11)!important;background:rgba(8,6,5,.28)!important;box-shadow:none!important}
.footer{background:rgba(8,6,5,.7)!important;border-top-color:rgba(243,217,174,.1);backdrop-filter:blur(12px)}
.maintenance-login-page{background:#0b0907!important}
.maintenance-login-page:after{content:"";position:fixed;inset:-8px;z-index:-3;background:url("../img/bg.webp") center/cover no-repeat!important;filter:blur(3px)!important;transform:scale(1.015);opacity:.92!important;pointer-events:none}
.maintenance-login-page:before{z-index:-2;background:radial-gradient(circle at 18% 12%,rgba(213,165,105,.08),transparent 32%),linear-gradient(90deg,rgba(8,6,5,.66),rgba(8,6,5,.3) 56%,rgba(7,5,4,.58)),linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.5))!important}
.maintenance-login-page .site-shell{background:transparent!important}
.maintenance-login-page .form-card{border:1px solid rgba(243,217,174,.14)!important;border-radius:12px!important;background:rgba(12,9,7,.64)!important;box-shadow:0 22px 55px rgba(0,0,0,.28)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.maintenance-login-page .login-remember-box{border-color:rgba(243,217,174,.11)!important;border-radius:7px!important;background:rgba(8,6,5,.3)!important;box-shadow:none!important}
@media(max-width:560px){.r-module-framed>.page-content{padding:20px 14px 24px!important}.r-module-framed>.page-hero .page-hero-box{padding:0 16px!important}.r-hero{border-radius:9px}.r-panel,.r-events,.r-module-framed{border-radius:9px}}

/* Ragnaros Orion pass */
:root{
    --r-panel:rgba(15,12,9,.78);
    --r-panel-2:rgba(21,16,12,.72);
    --r-line:rgba(218,198,164,.14);
    --r-gold:#b69a70;
    --r-gold-2:#ddc9a7;
    --r-text:#eee8df;
    --r-muted:#aaa096;
    --gold:#b69a70;
    --gold-soft:#ddc9a7;
    --primary:#88704d;
    --primary-hover:#a4875d;
    --border:rgba(218,198,164,.14);
    --border-light:rgba(218,198,164,.24);
    --panel:rgba(15,12,9,.78);
    --panel-2:rgba(21,16,12,.82);
    --radius:10px;
}
body,button,input,select,textarea{font-family:Onest,"Segoe UI",sans-serif!important}
h1,h2,h3,h4,h5,h6{font-family:Onest,"Segoe UI",sans-serif!important}
.topbar{z-index:1100;min-height:72px;background:rgba(10,8,6,.82)!important;border-bottom:1px solid rgba(218,198,164,.11);box-shadow:0 8px 28px rgba(0,0,0,.2)}
.navbar{min-height:72px}
.brand{width:66px;justify-content:center}
.brand-mark{width:54px!important;height:54px!important;opacity:1!important}
.brand-mark img{width:48px!important;height:48px!important;object-fit:contain!important;filter:drop-shadow(0 7px 6px rgba(0,0,0,.9)) drop-shadow(0 0 13px rgba(206,177,126,.18))!important}
.nav-links{gap:3px}
.nav-link{padding:9px 12px!important;border-radius:5px!important;color:#bdb4aa!important;font-size:13px!important;font-weight:600!important;letter-spacing:.025em!important}
.nav-link:hover,.nav-link.active{color:#eee5d8!important;background:rgba(218,198,164,.055)!important;box-shadow:inset 0 -1px rgba(218,198,164,.35)}
.nav-account-slot{width:178px;min-width:178px;flex-basis:178px}
.account-trigger,.nav-login-button,.nav-account-loading,.nav-account-unavailable{min-height:40px!important;border-radius:6px!important;border-color:rgba(218,198,164,.14)!important;background:rgba(16,12,9,.72)!important;box-shadow:none!important;font-size:13px!important}
.account-menu{min-width:230px!important;padding:6px!important;gap:2px!important;border-radius:8px!important;border-color:rgba(218,198,164,.16)!important;background:rgba(12,9,7,.96)!important;box-shadow:0 22px 55px rgba(0,0,0,.48)!important;backdrop-filter:blur(18px)}
.account-option{min-height:39px;padding:9px 11px!important;border-radius:5px!important;color:#d7cec2!important;font-size:13px!important}
.account-option small{color:#857866;font-size:12px}
.account-option:hover{background:rgba(218,198,164,.07)!important;color:#f2e9dd!important}
.account-option-logout{color:#c7a99e!important;border-top:1px solid rgba(218,198,164,.08)!important;margin-top:3px}
.r-page-shell{width:min(1210px,calc(100% - 38px));grid-template-columns:310px minmax(0,1fr);gap:18px;margin-top:28px}
.r-side{gap:12px;top:92px}
.r-side-logo{padding:0}
.r-side-logo img{width:min(100%,330px);height:auto}
.r-download,.r-submit,.r-hero-primary,.btn-primary{color:#17120c!important;background:linear-gradient(180deg,#c8af87,#a8895f)!important;border-color:rgba(232,214,184,.28)!important;box-shadow:0 7px 18px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.2)!important;text-shadow:none!important}
.r-download{min-height:54px;border-radius:7px;font-size:13px;letter-spacing:.045em}
.r-download:hover,.r-submit:hover,.r-hero-primary:hover,.btn-primary:hover{filter:brightness(1.04);transform:translateY(-1px)}
.r-panel,.r-events,.r-module-framed{border-color:rgba(218,198,164,.14);border-radius:9px;background:rgba(13,10,8,.76);box-shadow:0 16px 38px rgba(0,0,0,.22);backdrop-filter:blur(11px)}
.r-panel-title{min-height:48px;padding:0 15px;background:linear-gradient(90deg,rgba(218,198,164,.055),transparent);font-size:13px}
.r-panel-title a,.r-panel-title small,.r-account-title button{color:#bfa984!important;font-size:11px!important;font-weight:600}
.r-account-title span{color:#d5cdc2;font-weight:500}
.r-account-title strong{color:#eee5d8}
.r-account-title form{margin:0}
.r-account-title button{padding:5px 7px;border:1px solid rgba(218,198,164,.14);border-radius:4px;background:rgba(0,0,0,.18);cursor:pointer}
.r-account-title button:hover{border-color:rgba(218,198,164,.28);color:#ead9bd!important}
.r-account-links{padding:7px;gap:2px}
.r-account-links a{padding:11px 10px;border-radius:5px;font-size:13px}
.r-account-links a:hover,.r-account-links a.is-active{border-color:rgba(218,198,164,.12);background:linear-gradient(90deg,rgba(218,198,164,.09),transparent)}
.r-account-links a.is-active{box-shadow:inset 2px 0 #a98d64}
.r-account-links .is-accent{color:#dac4a0;background:rgba(172,139,92,.07)}
.r-field input,.form-input,.form-select,.form-textarea{border-color:rgba(218,198,164,.14)!important;background:rgba(8,7,6,.45)!important}
.r-submit{min-height:43px;border-radius:6px!important;font-size:13px}
.r-rank-row{min-height:42px;grid-template-columns:27px 1fr auto;padding:0 9px;font-size:12px}
.r-rank-row b{color:#c3aa83}
.r-hero{min-height:248px;border-radius:9px;border-color:rgba(218,198,164,.13);background:linear-gradient(90deg,rgba(8,6,5,.3),rgba(8,6,5,.12)),url("../img/bg.webp") center 36%/cover no-repeat;box-shadow:0 16px 38px rgba(0,0,0,.22)}
.r-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,6,5,.85) 0,rgba(8,6,5,.48) 48%,rgba(8,6,5,.08) 78%),linear-gradient(180deg,transparent 45%,rgba(7,5,4,.62));pointer-events:none}
.r-hero:after{display:none}
.r-hero-glow{display:none}
.r-hero-copy{display:grid;align-content:end;gap:9px;width:min(520px,67%);padding:28px 30px}
.r-hero-copy img{width:min(330px,100%);height:68px}
.r-eyebrow{color:#b49b76;font-size:9px;letter-spacing:.2em}
.r-hero-copy p{margin:0;color:#c8beb2;font-size:13px}
.r-hero-copy>div{gap:8px;margin-top:3px}
.r-hero-primary,.r-hero-secondary{min-height:39px;padding:0 16px;border-radius:5px;font-size:12px}
.r-hero-secondary{border-color:rgba(218,198,164,.14);background:rgba(10,8,7,.45)}
.r-events{border-radius:9px}
.r-events-head{min-height:45px;padding:0 14px}
.r-events-head span{font-size:13px;font-weight:600}
.r-events-head small{color:#9f8d72;font-size:10px}
.r-event-track{padding:9px;gap:7px}
.r-event-card{min-height:51px;padding:7px 8px;border-radius:5px;background:rgba(218,198,164,.018)}
.r-event-card img{width:32px;height:32px}
.r-event-card strong{font-size:13px;font-weight:600}.r-event-card small{font-size:11px}
.r-event-card.is-active{border-color:rgba(190,161,116,.25);background:rgba(176,143,94,.06)}
.r-module-framed>.page-hero .page-hero-box{min-height:53px;padding:0 18px!important;background:linear-gradient(90deg,rgba(218,198,164,.05),transparent)!important}
.r-module-framed>.page-hero .section-title{color:#e8dfd4!important;font-size:14px!important;font-weight:600!important}
.r-module-framed>.page-content{padding:20px 18px 24px!important}
.r-module-framed .card{border-color:rgba(218,198,164,.11)!important;border-radius:8px!important;background:rgba(8,7,6,.3)!important;box-shadow:none!important}
.r-module-framed>.page-content>.container>.card.form-card{max-width:680px!important;padding:0!important;border:1px solid rgba(218,198,164,.12)!important;border-radius:9px!important;background:linear-gradient(145deg,rgba(218,198,164,.035),transparent 42%),rgba(8,7,6,.28)!important;box-shadow:inset 0 1px rgba(255,255,255,.018),0 12px 32px rgba(0,0,0,.14)!important}
.r-module-framed>.page-content>.container>.card.form-card>.card-body{padding:25px!important}
.form-label{color:#d6cdc1!important;font-size:13px!important;font-weight:600!important}
.checkbox-row{border-radius:7px!important;border-color:rgba(218,198,164,.11)!important;background:rgba(8,7,6,.26)!important}
.btn{border-radius:6px!important;font-size:13px!important}
.btn-secondary{border-color:rgba(218,198,164,.14)!important;background:rgba(218,198,164,.025)!important;color:#d8d0c6!important}
.btn-secondary:hover{background:rgba(218,198,164,.07)!important}

/* Home hub */
.r-home-hub{overflow:hidden;border:1px solid rgba(218,198,164,.14);border-radius:9px;background:rgba(12,9,7,.74);box-shadow:0 16px 38px rgba(0,0,0,.22);backdrop-filter:blur(11px)}
.r-home-tabs{min-height:54px;display:flex;align-items:center;gap:10px;padding:0 18px;border-bottom:1px solid rgba(218,198,164,.12);background:linear-gradient(90deg,rgba(218,198,164,.055),transparent);color:#e0d6c9;font-size:13px;font-weight:600}
.r-home-tab-icon{width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(218,198,164,.14);border-radius:5px;color:#baa27d;background:rgba(0,0,0,.14)}
.r-home-panel{padding:30px}
.r-home-welcome{max-width:660px;padding:12px 4px}
.r-home-kicker{display:block;margin-bottom:9px;color:#5f5a52;font-size:10px;font-weight:600;letter-spacing:.16em}
.r-home-welcome h1,.r-home-account-head h1{margin:0 0 10px;color:#eee6db;font-size:clamp(25px,4vw,38px);font-weight:650;letter-spacing:-.025em}
.r-home-welcome p,.r-home-account-head p{margin:0;color:#aaa096;line-height:1.65}
.r-home-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}
.r-home-account-head{display:flex;align-items:center;gap:17px;padding-bottom:22px;border-bottom:1px solid rgba(218,198,164,.1)}
.r-home-avatar{width:58px;height:58px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(218,198,164,.18);border-radius:7px;background:rgba(218,198,164,.06);color:#d7c09b;font-size:22px;font-weight:700}
.r-home-account-head h1{font-size:25px}.r-home-account-head p{font-size:13px}
.r-home-account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:22px;overflow:hidden;border:1px solid rgba(218,198,164,.1);border-radius:7px;background:rgba(218,198,164,.1)}
.r-home-account-grid article{display:grid;gap:6px;padding:17px;background:rgba(10,8,6,.82)}
.r-home-account-grid span{color:#948a7f;font-size:11px}.r-home-account-grid strong{color:#e1d8cc;font-size:14px;font-weight:600;overflow-wrap:anywhere}

/* Ranking */
.ranking-board-switch{display:flex!important;gap:6px!important;margin:0 0 0 auto!important}
.ranking-board-button{min-width:110px!important;height:34px!important;padding:0 12px!important;border-radius:5px!important;border-color:rgba(218,198,164,.13)!important;background:rgba(0,0,0,.15)!important;color:#bcb2a5!important;font-size:11px!important;font-weight:600!important}
.ranking-board-button:hover,.ranking-board-button[aria-current="true"]{border-color:rgba(190,161,116,.3)!important;background:rgba(190,161,116,.08)!important;color:#e1d5c3!important}
.ranking-layout{grid-template-columns:190px minmax(0,1fr)!important;gap:12px!important}
.ranking-sidebar,.ranking-toolbar,.ranking-main>.card{border:1px solid rgba(218,198,164,.11)!important;border-radius:8px!important;background:rgba(8,7,6,.3)!important;box-shadow:none!important}
.ranking-sidebar .card-body{padding:12px!important}
.ranking-sidebar-head{padding:5px 5px 12px;border-bottom:1px solid rgba(218,198,164,.09)}
.ranking-sidebar-head h2{font-size:14px!important}.ranking-sidebar-head p{font-size:11px!important}
.ranking-category-list{gap:3px!important;margin-top:8px}
.ranking-category-button{min-height:38px!important;padding:8px 9px!important;border:1px solid transparent!important;border-radius:5px!important;background:transparent!important;color:#aaa096!important;font-size:12px!important;text-align:left!important}
.ranking-category-button:hover,.ranking-category-button[aria-current="true"]{border-color:rgba(218,198,164,.1)!important;background:linear-gradient(90deg,rgba(218,198,164,.08),transparent)!important;color:#e3d9cc!important;box-shadow:inset 2px 0 #a88e66}
.ranking-main{gap:10px!important}
.ranking-toolbar-body{padding:15px!important}
.ranking-current-title{font-size:17px!important;font-weight:600!important}.ranking-current-subtitle{font-size:11px!important}
.ranking-table-wrap{border:1px solid rgba(218,198,164,.08)!important;border-radius:6px!important}
.ranking-table th{padding:12px 10px!important;background:rgba(218,198,164,.035)!important;color:#b9a27e!important;font-size:10px!important;letter-spacing:.07em!important}
.ranking-table td{padding:12px 10px!important;border-bottom-color:rgba(218,198,164,.07)!important;color:#d4ccc1!important;font-size:12px!important}
.ranking-table tbody tr:hover{background:rgba(218,198,164,.035)!important}
.ranking-position-badge{border-radius:4px!important;background:rgba(218,198,164,.05)!important;color:#c6ae87!important}
.ranking-row-top td{background:rgba(190,161,116,.025)!important}

/* Account */
.account-tab-nav{display:none!important}
.account-tab-panels,.account-tab-panel,.account-page,.page-sections{gap:12px!important}
.account-card,.account-panel-card,.account-stat-card{border-color:rgba(218,198,164,.11)!important;border-radius:8px!important;background:rgba(8,7,6,.28)!important;box-shadow:none!important}
.account-card-body{padding:20px!important}
.account-overview{padding-bottom:18px!important;border-bottom:1px solid rgba(218,198,164,.09)}
.account-avatar{border-radius:7px!important;background:rgba(218,198,164,.07)!important;color:#c8ae85!important}
.account-eyebrow,.account-stat-label{color:#a58f6c!important}
.account-profile-copy h2,.account-stat-value{color:#e5ddd2!important}
.account-stat-card{padding:16px!important}
.account-badge,.account-summary-pill{border-radius:5px!important;border-color:rgba(218,198,164,.13)!important;background:rgba(218,198,164,.04)!important;color:#c8b797!important}
.download-section,.shop-package-card,.shop-provider-badge,.shop-balance-card,.terms-toc,.terms-section{border-color:rgba(218,198,164,.11)!important;border-radius:8px!important;background:rgba(8,7,6,.3)!important;box-shadow:none!important}
.download-requirement-card,.download-item-card{border-color:rgba(218,198,164,.1)!important;border-radius:6px!important;background:rgba(218,198,164,.025)!important;box-shadow:none!important}
.download-requirement-card:hover,.download-item-card:hover,.shop-package-card:hover{border-color:rgba(190,161,116,.24)!important;box-shadow:0 10px 24px rgba(0,0,0,.14)!important;transform:translateY(-1px)!important}
.download-section-mark,.shop-package-badge,.shop-premium-step span{border-color:rgba(218,198,164,.14)!important;border-radius:5px!important;background:rgba(218,198,164,.05)!important;color:#bba47f!important}
.shop-package-main,.shop-package-price{color:#d8c6a9!important}
.shop-package-promo{border-color:rgba(167,177,129,.16)!important;border-radius:5px!important;background:rgba(139,151,104,.06)!important;color:#b5bd91!important}
.terms-toc a,.terms-section-copy{color:#aaa096!important}.terms-toc a:hover{background:rgba(218,198,164,.06)!important;color:#e4dbcf!important}

@media(max-width:1235px){
    .topbar{z-index:1200}
    .navbar{min-height:64px;padding:7px 0!important}
    .brand{width:56px}
    .brand-mark{width:48px!important;height:48px!important}
    .brand-mark img{width:42px!important;height:42px!important}
    .menu-toggle{width:44px!important;height:44px!important;border-radius:7px!important;border-color:rgba(218,198,164,.15)!important;background:rgba(13,10,8,.68)!important;box-shadow:none!important}
    .menu-toggle span{width:18px!important;background:#d3c7b7!important;box-shadow:none!important}
    .nav-overlay{z-index:1150!important;background:rgba(5,4,3,.62)!important;backdrop-filter:blur(8px)!important}
    .nav-panel,.cinematic-theme .nav-panel{position:fixed!important;top:72px!important;left:10px!important;right:10px!important;width:auto!important;max-height:calc(100dvh - 84px)!important;margin:0!important;padding:9px!important;gap:6px!important;border:1px solid rgba(218,198,164,.15)!important;border-radius:8px!important;background:rgba(11,8,6,.96)!important;box-shadow:0 24px 65px rgba(0,0,0,.55)!important;backdrop-filter:blur(18px)!important;z-index:1250!important}
    .nav-actions{order:2!important;margin:5px 0 0!important;padding-top:7px;border-top:1px solid rgba(218,198,164,.09)}
    .nav-links{order:1!important;gap:2px!important;padding:0!important;border:0!important}
    .nav-link,.cinematic-theme .nav-link{min-height:40px!important;padding:9px 11px!important;border-radius:4px!important;font-size:13px!important}
    .account-menu{position:static!important;width:100%!important;margin-top:5px!important;max-height:none!important;box-shadow:none!important}
}
@media(max-width:1100px){
    .r-page-shell{display:block;width:min(100% - 22px,900px);margin:13px auto 40px}
    .r-side{display:none!important}
    .r-main{gap:11px}
    .r-hero{display:none!important}
    .r-events-head{min-height:41px}
    .r-event-track{display:flex;overflow-x:auto;padding:7px}
    .r-event-card{min-width:185px}
    .r-module-framed>.page-content{padding-top:16px!important}
    .account-tab-nav{display:flex!important;gap:4px!important;padding:5px!important;border:1px solid rgba(218,198,164,.11)!important;border-radius:7px!important;background:rgba(8,7,6,.3)!important;overflow-x:auto}
    .account-tab-link{min-width:max-content!important;padding:9px 12px!important;border-radius:4px!important;font-size:12px!important}
}
@media(max-width:820px){
    .r-page-shell{display:block;margin-top:10px}
    .r-main{width:100%}
    .r-home-panel{padding:21px}
    .r-home-account-grid{grid-template-columns:1fr}
    .ranking-layout{grid-template-columns:1fr!important}
    .ranking-sidebar{padding:0!important}
    .ranking-sidebar-head,.ranking-category-list{display:none!important}
    .ranking-mobile-select{display:block!important}
    .ranking-board-switch{margin-left:auto!important}
}
@media(max-width:560px){
    .r-page-shell{width:calc(100% - 14px);margin-top:7px}
    .r-events-head{padding:0 11px}.r-events-head small{display:none}
    .r-event-card{min-width:168px}
    .r-module-framed>.page-hero .page-hero-box{min-height:49px!important}
    .r-module-framed>.page-content{padding:13px 10px 18px!important}
    .r-module-framed>.page-content>.container>.card.form-card>.card-body{padding:18px 14px!important}
    .r-home-tabs{min-height:48px;padding:0 13px}
    .r-home-panel{padding:18px 15px}
    .r-home-welcome h1{font-size:26px}
    .r-home-account-head{align-items:flex-start}.r-home-avatar{width:48px;height:48px}
    .r-home-actions .btn{flex:1 1 auto}
    .ranking-board-button{min-width:0!important;padding:0 9px!important}
    .ranking-toolbar-body{display:grid!important;gap:11px!important}
    .ranking-toolbar-actions,.ranking-search{width:100%!important}
    .ranking-main>.card>.card-body{padding:10px!important}
    .ranking-table{min-width:560px}
    .ranking-table-wrap{overflow-x:auto!important}
    .account-card-body{padding:15px!important}
}

/* Final interface refinements */
.r-hero{isolation:isolate;background-position:center 42%}
.r-hero:before{z-index:0;background:linear-gradient(90deg,rgba(8,6,5,.9) 0,rgba(8,6,5,.63) 43%,rgba(8,6,5,.12) 78%),linear-gradient(180deg,rgba(7,5,4,.05),rgba(7,5,4,.68))}
.r-hero-copy{position:relative;z-index:2;width:min(590px,72%);gap:8px}
.r-hero-copy h2{margin:0;color:#eee6da;font-size:clamp(28px,3.2vw,43px);font-weight:600;letter-spacing:-.035em;line-height:1.02;text-shadow:0 5px 18px rgba(0,0,0,.52)}
.r-hero-copy p{max-width:500px;line-height:1.55}
.r-hero-detail{position:absolute;right:28px;bottom:25px;z-index:2;display:flex;align-items:flex-end;gap:5px;opacity:.54}
.r-hero-detail i{display:block;width:2px;height:26px;background:linear-gradient(180deg,transparent,#b9a27e)}
.r-hero-detail i:nth-child(2){height:42px}.r-hero-detail i:nth-child(3){height:18px}
.footer{padding:24px 0 30px!important;font-family:Onest,"Segoe UI",sans-serif!important;color:#91887f!important;background:rgba(8,6,5,.72)!important}
.footer-wrap>div:first-child{display:grid;gap:4px}
.footer-wrap>div:first-child br{display:none}
.footer-wrap strong{color:#c7b493!important;font-size:13px;font-weight:600;letter-spacing:.035em}
.footer-wrap span,.footer-links a{font-size:12px;line-height:1.5}
.footer-links{gap:7px 16px!important}
.footer-links a{color:#a59b91;transition:color .18s ease}
.footer-links a:hover{color:#d6c5aa!important}
.ranking-row-top-1 td{background:rgba(119,105,73,.095)!important}
.ranking-row-top-2 td{background:rgba(78,101,102,.075)!important}
.ranking-row-top-3 td{background:rgba(111,78,65,.08)!important}
.ranking-position-badge.is-top-1{border-color:rgba(190,171,116,.28)!important;background:rgba(126,110,72,.17)!important;color:#d8c89e!important;box-shadow:none!important}
.ranking-position-badge.is-top-2{border-color:rgba(125,158,158,.22)!important;background:rgba(74,101,103,.15)!important;color:#bdd1cf!important;box-shadow:none!important}
.ranking-position-badge.is-top-3{border-color:rgba(158,117,99,.23)!important;background:rgba(111,76,62,.15)!important;color:#d0afa1!important;box-shadow:none!important}
.shop-layout{grid-template-columns:1fr!important;gap:12px!important}
.shop-methods-card{position:static!important;height:auto!important}
.shop-methods-card>.card-body{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px!important}
.shop-methods-head{margin:0!important;min-width:0}.shop-methods-head h3{font-size:15px!important}.shop-methods-head p{font-size:11px!important}
.shop-method-list{min-width:220px}.shop-method-button{padding:9px 11px!important;border-radius:6px!important}
.shop-method-icon{width:32px!important;height:32px!important;border-radius:5px!important}
.shop-package-grid{grid-template-columns:repeat(2,minmax(240px,1fr))!important;gap:11px!important}
.shop-package-card{min-width:0;padding:17px!important;gap:13px!important}
.shop-package-main{font-size:26px!important}.shop-package-price{font-size:21px!important}
.shop-panel>.card-body{padding:18px!important}

/* Admin uses the same visual language */
.cinematic-admin-page,
.cinematic-admin-page button,
.cinematic-admin-page input,
.cinematic-admin-page select,
.cinematic-admin-page textarea{
    font-family:Onest,"Segoe UI",sans-serif!important;
}
.cinematic-admin-page .site-content{font-size:13px}
.cinematic-admin-page .page-hero{padding:28px 0 12px!important}
.cinematic-admin-page .page-hero-box{padding:22px!important;border:1px solid rgba(218,198,164,.12)!important;border-radius:8px!important;background:rgba(12,9,7,.66)!important;box-shadow:none!important}
.cinematic-admin-page .section-title{font-family:Onest,"Segoe UI",sans-serif!important;font-size:28px!important;font-weight:600!important;letter-spacing:-.025em}
.cinematic-admin-page .section-subtitle{font-family:Onest,"Segoe UI",sans-serif!important;font-size:12px!important;line-height:1.55!important}
.cinematic-admin-page .admin-sidebar,.cinematic-admin-page .admin-panel-card,.cinematic-admin-page .admin-stat-card,.cinematic-admin-page .admin-disclosure,.cinematic-admin-page .admin-presentation-category-admin{border-color:rgba(218,198,164,.12)!important;border-radius:8px!important;background:rgba(10,8,6,.62)!important;box-shadow:0 14px 34px rgba(0,0,0,.18)!important}
.cinematic-admin-page .admin-sidebar-head h2{font-size:17px!important;font-weight:600!important;letter-spacing:-.015em}
.cinematic-admin-page .admin-sidebar-eyebrow,
.cinematic-admin-page .admin-sidebar-note{font-size:11px!important;line-height:1.55!important}
.cinematic-admin-page .admin-sidebar-nav{gap:5px!important}
.cinematic-admin-page .admin-sidebar-link{min-height:41px!important;padding:9px 11px!important;border-radius:5px!important;font-family:Onest,"Segoe UI",sans-serif!important;font-size:12px!important;font-weight:600!important}
.cinematic-admin-page .admin-sidebar-link:hover,.cinematic-admin-page .admin-sidebar-link.active{border-color:rgba(218,198,164,.12)!important;background:linear-gradient(90deg,rgba(218,198,164,.08),transparent)!important}
.cinematic-admin-page .admin-switch-row,.cinematic-admin-page .admin-settings-block,.cinematic-admin-page .admin-visual-item{border-color:rgba(218,198,164,.1)!important;border-radius:6px!important;background:rgba(8,7,6,.28)!important}
.cinematic-admin-page .admin-section-head h2,
.cinematic-admin-page .admin-disclosure-title,
.cinematic-admin-page .admin-settings-block h3,
.cinematic-admin-page .admin-visual-item h3{font-family:Onest,"Segoe UI",sans-serif!important;font-size:17px!important;font-weight:600!important;letter-spacing:-.015em!important}
.cinematic-admin-page .admin-section-head p,
.cinematic-admin-page .admin-form-group small,
.cinematic-admin-page .admin-dashboard-action span{font-size:11px!important;line-height:1.55!important}
.cinematic-admin-page .form-label,
.cinematic-admin-page .admin-form-group>label,
.cinematic-admin-page th{font-size:10px!important;font-weight:600!important;letter-spacing:.025em}
.cinematic-admin-page .form-input,
.cinematic-admin-page .form-select,
.cinematic-admin-page .form-textarea,
.cinematic-admin-page td{font-size:12px!important}
.cinematic-admin-page .btn,
.cinematic-admin-page .admin-mobile-toggle{font-size:11px!important;font-weight:650!important;letter-spacing:.025em}
.cinematic-admin-page .admin-dashboard-action strong{font-size:13px!important;font-weight:600!important}

/* Presentation shares navbar, type and calmer surfaces */
.presentation-body{--presentation-topbar-height:72px;font-family:Onest,"Segoe UI",sans-serif!important;background:#0b0907!important}
.presentation-body .presentation-page,.presentation-body .presentation-page *{font-family:Onest,"Segoe UI",sans-serif}
.presentation-body .presentation-page-shell,.presentation-body .presentation-page{background:transparent!important}
.presentation-body .presentation-sidebar,.presentation-body .sidebar{top:72px!important;height:calc(100vh - 72px)!important;border-color:rgba(218,198,164,.11)!important;background:rgba(10,8,6,.88)!important;box-shadow:12px 0 36px rgba(0,0,0,.2)!important}
.presentation-body .presentation-nav-link,.presentation-body .nav-link{border-radius:5px!important}
.presentation-body .presentation-surface,.presentation-body .section-block,.presentation-body .section-content{border-color:rgba(218,198,164,.11)!important;border-radius:9px!important;box-shadow:0 16px 38px rgba(0,0,0,.2)!important}

/* Event calendar */
.event-calendar-shell{overflow:hidden;border:1px solid rgba(218,198,164,.12);border-radius:8px;background:rgba(8,7,6,.28)}
.event-calendar-head{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 19px;border-bottom:1px solid rgba(218,198,164,.1);background:linear-gradient(90deg,rgba(218,198,164,.045),transparent)}
.event-calendar-kicker{display:block;margin-bottom:4px;color:#a9916d;font-size:9px;font-weight:600;letter-spacing:.16em}
.event-calendar-head h2{margin:0;color:#e6ddd1;font-size:22px;font-weight:600;text-transform:capitalize}
.event-calendar-summary{display:flex;align-items:baseline;gap:7px;color:#958b80;font-size:11px}
.event-calendar-summary strong{color:#c6ae88;font-size:20px;font-weight:600}
.event-calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;min-height:520px}
.event-calendar{min-width:0;width:100%;align-self:start;padding:15px;border-right:1px solid rgba(218,198,164,.1)}
.event-calendar-weekdays,.event-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.event-calendar-weekdays{padding-bottom:7px}
.event-calendar-weekdays span{padding:6px;text-align:center;color:#847a70;font-size:10px;font-weight:600;text-transform:uppercase}
.event-calendar-grid{overflow:hidden;border:1px solid rgba(218,198,164,.09);border-radius:6px;background:rgba(218,198,164,.08);gap:1px}
.event-calendar-day{position:relative;min-width:0;min-height:83px;padding:8px;display:flex;flex-direction:column;align-items:flex-start;border:0;background:rgba(10,8,6,.88);color:#b9b0a5;text-align:left;cursor:pointer;user-select:none;transition:background .15s ease,box-shadow .15s ease}
.event-calendar-day:hover,.event-calendar-day:focus-visible,.event-calendar-day.is-selected{outline:0;background:rgba(218,198,164,.07);box-shadow:inset 0 0 0 1px rgba(190,161,116,.2)}
.event-calendar-day.is-outside{opacity:.34}
.event-calendar-day.is-today .event-calendar-number{display:grid;place-items:center;width:24px;height:24px;margin:-3px;border-radius:50%;background:#a88e66;color:#17120d;font-weight:700}
.event-calendar-day.has-events:after{position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#947a56,transparent);content:""}
.event-calendar-activation-mark{position:static;display:block;max-width:100%;margin-top:3px;padding:0;color:#9dac92;font-size:9px;font-weight:650;line-height:1.15;letter-spacing:.01em;white-space:nowrap}
.event-calendar-number{font-size:14px;font-weight:600}
.event-calendar-date{display:flex;align-items:center;justify-content:space-between;width:100%}
.event-calendar-mobile-weekday{display:none;color:#83786d;font-size:9px;font-weight:650;text-transform:uppercase}
.event-calendar-dots{display:flex;gap:3px;margin-top:auto}.event-calendar-dots i{width:5px;height:5px;border-radius:50%;background:#aa916b}.event-calendar-dots i:nth-child(2){background:#758f8d}.event-calendar-dots i:nth-child(3){background:#936f61}
.event-calendar-day small{margin-top:5px;color:#918374;font-size:10px}
.event-calendar-details{min-width:0;min-height:0;overflow-y:auto;padding:18px;background:rgba(5,4,3,.22);scroll-margin-top:88px;scrollbar-width:thin;scrollbar-color:rgba(190,161,116,.26) rgba(218,198,164,.04)}
.event-calendar-selection-close{position:absolute;z-index:3;top:5px;right:5px;width:23px;height:23px;display:none;place-items:center;padding:0;border:1px solid rgba(218,198,164,.16);border-radius:50%;background:rgba(8,6,5,.86);color:#bcae9a;font:500 15px/1 Onest,"Segoe UI",sans-serif;cursor:pointer;box-shadow:0 7px 18px rgba(0,0,0,.3);transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}
.event-calendar-day.is-locked .event-calendar-selection-close{display:grid}
.event-calendar-selection-close:hover,.event-calendar-selection-close:focus-visible{outline:0;border-color:rgba(190,161,116,.38);background:rgba(190,161,116,.12);color:#eee2d0;transform:scale(1.05)}
.event-calendar-day.is-locked .event-calendar-date{padding-right:25px}
.event-calendar-detail-head{padding-bottom:14px;border-bottom:1px solid rgba(218,198,164,.09)}
.event-calendar-detail-head span{color:#927d5e;font-size:8px;font-weight:600;letter-spacing:.15em}
.event-calendar-detail-head h3{margin:5px 0 0;color:#e2d8ca;font-size:18px;font-weight:600;text-transform:capitalize}
.event-calendar-item{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:9px;padding:10px;border:1px solid rgba(218,198,164,.09);border-radius:6px;background:rgba(218,198,164,.025)}
.event-calendar-item.is-active{border-color:rgba(141,166,139,.2);background:rgba(106,137,105,.06)}
.event-calendar-item img{width:38px;height:38px;object-fit:contain}.event-calendar-item strong,.event-calendar-item span{display:block}.event-calendar-item strong{color:#d8cfc3;font-size:13px;font-weight:600}.event-calendar-item span{margin-top:3px;color:#8f857b;font-size:11px}.event-calendar-item small{color:#9bb29a;font-size:9px;text-transform:uppercase}
.event-calendar-item-flags{display:grid;justify-items:end;gap:5px}
.event-calendar-item-flags:empty{display:none}
.event-calendar-item .event-activation-badge{margin:0;padding:5px 8px;border:1px solid rgba(137,160,126,.18);border-radius:4px;background:rgba(112,139,103,.08);color:#aab99e;font-size:10px;font-weight:600;white-space:nowrap}
.event-calendar-empty{min-height:210px;display:grid;place-content:center;gap:9px;text-align:center;color:#8c8278}.event-calendar-empty>span{color:#a48c68;font-size:28px}.event-calendar-empty strong{color:#cfc5b9;font-size:14px}.event-calendar-empty p{max-width:250px;margin:0;font-size:12px;line-height:1.55}

@media(max-width:1235px){
    .brand{width:56px!important;justify-content:flex-start}
    .brand-mark{width:48px!important;height:48px!important;justify-content:flex-start!important}
    .brand-mark img{width:42px!important;height:42px!important;object-position:center!important}
    .nav-panel,.cinematic-theme .nav-panel{height:auto!important;min-height:0!important;max-height:calc(100dvh - 84px)!important;align-self:flex-start!important}
    .shop-package-grid{grid-template-columns:repeat(2,minmax(220px,1fr))!important}
}
@media(max-width:900px){
    .event-calendar-layout{grid-template-columns:1fr}
    .event-calendar{border-right:0;border-bottom:1px solid rgba(218,198,164,.1)}
    .event-calendar-details{min-height:190px;max-height:min(520px,65vh)}
}
@media(max-width:700px){
    .shop-methods-card>.card-body{display:grid}
    .shop-method-list{min-width:0;width:100%}
    .shop-package-grid{grid-template-columns:1fr!important}
    .event-calendar-head{align-items:flex-start;flex-direction:column;gap:8px}
    .event-calendar{padding:8px}
    .event-calendar-day{min-height:62px;padding:5px}
    .event-calendar-day small{display:block;margin-top:3px;font-size:clamp(7px,1.9vw,9px)}
    .event-calendar-activation-mark{margin-top:2px;font-size:clamp(7px,1.9vw,9px);letter-spacing:-.01em}
    .event-calendar-dots i{width:4px;height:4px}
    .event-calendar-item{grid-template-columns:38px minmax(0,1fr)}
    .event-calendar-item-flags{grid-column:2;justify-items:start}
}

/* Terms editor and compact-layout refinements */
.cinematic-admin-page [data-terms-editor]{
    overflow:visible;
    padding:18px;
    border:1px solid rgba(218,198,164,.12)!important;
    background:linear-gradient(145deg,rgba(218,198,164,.025),transparent 36%),rgba(9,7,6,.62)!important;
}
.cinematic-admin-page .admin-terms-toolbar{
    top:84px;
    padding:10px;
    border-color:rgba(218,198,164,.12);
    border-radius:7px;
    background:rgba(10,8,6,.92);
    box-shadow:0 12px 30px rgba(0,0,0,.22);
}
.cinematic-admin-page .admin-terms-locale{gap:16px}
.cinematic-admin-page .admin-terms-section-list{gap:10px}
.cinematic-admin-page .admin-terms-section{
    padding:16px;
    border-color:rgba(218,198,164,.1);
    border-radius:7px;
    background:linear-gradient(120deg,rgba(218,198,164,.025),transparent 42%),rgba(6,5,4,.34);
    box-shadow:inset 0 1px rgba(255,255,255,.015);
}
.cinematic-admin-page .admin-terms-section-head strong{
    min-width:0;
    color:#d9d0c5;
    font-size:13px;
    font-weight:600;
    overflow-wrap:anywhere;
}
.cinematic-admin-page [data-terms-editor] .form-input,
.cinematic-admin-page [data-terms-editor] .form-textarea{
    width:100%;
    border:1px solid rgba(218,198,164,.13)!important;
    border-radius:6px!important;
    background:rgba(5,4,3,.48)!important;
    color:#ddd5ca!important;
    box-shadow:inset 0 1px rgba(255,255,255,.015)!important;
}
.cinematic-admin-page [data-terms-editor] .form-input:focus,
.cinematic-admin-page [data-terms-editor] .form-textarea:focus{
    outline:0;
    border-color:rgba(190,161,116,.32)!important;
    background:rgba(8,6,5,.66)!important;
    box-shadow:0 0 0 3px rgba(190,161,116,.055)!important;
}

@media(max-width:1100px){
    .r-page-shell{margin-bottom:72px}
    .r-event-track{align-items:stretch}
    .r-event-card{height:auto!important;min-height:76px;align-self:stretch}
}

@media(max-width:700px){
    .event-calendar{
        overflow-x:auto;
        padding:10px;
        scrollbar-color:rgba(190,161,116,.32) rgba(218,198,164,.05);
        scrollbar-width:thin;
        -webkit-overflow-scrolling:touch;
    }
    .event-calendar-weekdays,
    .event-calendar-grid{min-width:610px}
    .event-calendar-weekdays span{padding:6px 3px;font-size:10px}
    .event-calendar-day{min-height:78px;padding:7px}
    .event-calendar-number{font-size:13px}
    .event-calendar-day small{margin-top:4px;font-size:9px;line-height:1.2}
    .event-calendar-activation-mark{margin-top:3px;font-size:9px;line-height:1.2}
}

@media(max-width:560px){
    .cinematic-admin-page [data-terms-editor]{padding:11px}
    .cinematic-admin-page .admin-terms-toolbar{top:8px}
    .cinematic-admin-page .admin-terms-section{padding:12px}
    .cinematic-admin-page .admin-terms-section-head>div{
        width:100%;
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr)) 1.35fr;
    }
    .cinematic-admin-page .admin-terms-section-head .btn{min-width:0;padding-inline:8px!important}
    .r-page-shell{margin-bottom:78px}
}
@media(max-width:420px){
    .event-calendar-weekdays span{padding:4px 1px;font-size:9px}
    .event-calendar-day{min-height:54px}
    .event-calendar-number{font-size:10px}
    .event-calendar-details{padding:13px}
}

/* Atomic navigation and stable remote widgets */
html.is-instant-navigating{cursor:progress}
html.is-instant-navigating .site-shell{pointer-events:none}
.r-ranking-list{min-height:230px;contain:layout paint}
.r-rank-row{height:46px;min-height:46px}
.r-events{min-height:115px}
.r-event-track{min-height:69px;align-items:stretch;contain:layout paint}
.r-event-card{min-height:51px;height:100%}
.r-event-card img{flex:0 0 32px;aspect-ratio:1}
.r-event-card.is-activatable{border-color:rgba(137,160,126,.18)}
.r-event-activation{display:block;margin-top:3px;color:#9dac92;font-size:10px;font-weight:600;line-height:1.3}

/* Shared switches: ranking and coin package navigation */
.shop-hero-switch.ranking-board-switch{display:grid!important;grid-template-columns:minmax(110px,1fr);width:110px;margin:0 0 0 auto!important}
.shop-hero-switch .shop-hero-switch-button{width:100%;min-width:110px!important;height:34px!important;margin:0!important;padding:0 12px!important;border-radius:5px!important;font-size:11px!important;font-weight:600!important}
.ranking-board-switch:not(.shop-hero-switch){display:grid!important;grid-template-columns:repeat(2,minmax(104px,1fr));width:220px;flex:0 0 220px}
.ranking-board-button{width:100%;min-width:0!important;flex:none!important;white-space:nowrap}
.ranking-layout.is-guild-mode{grid-template-columns:minmax(0,1fr)!important}
.ranking-layout.is-guild-mode .ranking-main{grid-column:1/-1;min-width:0}

/* Refined hero frame */
.r-hero{border-color:rgb(57 54 51)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),inset 0 -70px 90px rgba(0,0,0,.18),0 20px 48px rgba(0,0,0,.28)!important}
.r-hero-frame{position:absolute;z-index:3;inset:8px;pointer-events:none}
.r-hero-frame i{position:absolute;width:32px;height:32px;opacity:.55}
.r-hero-frame i:nth-child(1){top:0;left:0;border-top:1px solid #b69a70;border-left:1px solid #b69a70}
.r-hero-frame i:nth-child(2){top:0;right:0;border-top:1px solid #b69a70;border-right:1px solid #b69a70}
.r-hero-frame i:nth-child(3){right:0;bottom:0;border-right:1px solid #b69a70;border-bottom:1px solid #b69a70}
.r-hero-frame i:nth-child(4){bottom:0;left:0;border-bottom:1px solid #b69a70;border-left:1px solid #b69a70}
.r-hero:after{display:block!important;content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 22%,rgba(197,164,111,.1),transparent 26%),linear-gradient(180deg,transparent 56%,rgba(5,4,3,.38));pointer-events:none}

/* Footer signature */
.footer-wrap{position:relative}
.footer-credit{flex:1 0 100%;display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:-7px;color:rgba(170,160,150,.5);font-size:9px;letter-spacing:.04em}
.footer-credit svg{width:10px;height:10px;fill:#a98276;filter:drop-shadow(0 0 5px rgba(169,130,118,.2))}

/* Recovery dialogs use the same restrained glass surface system. */
.auth-modal-overlay{z-index:1400!important;background:rgba(5,4,3,.72)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.auth-modal-overlay{overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain}
.auth-modal{border:1px solid rgba(218,198,164,.16)!important;border-radius:10px!important;background:linear-gradient(145deg,rgba(218,198,164,.045),transparent 42%),rgba(11,8,6,.9)!important;box-shadow:0 28px 75px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.025)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.auth-modal-badge{margin-bottom:13px!important;padding:6px 10px!important;border-color:rgba(218,198,164,.14)!important;border-radius:5px!important;background:rgba(218,198,164,.045)!important;color:#bba47f!important;font-size:9px!important;font-weight:600!important;letter-spacing:.14em!important}
.auth-modal-title{color:#eee6dc!important;font:600 24px/1.2 Onest,"Segoe UI",sans-serif!important;letter-spacing:-.02em}
.auth-modal-header p,.auth-modal-text{color:#aaa096!important;font-size:13px!important;line-height:1.6!important}
.auth-modal-close{top:12px!important;right:12px!important;width:34px!important;height:34px!important;border-color:rgba(218,198,164,.13)!important;border-radius:6px!important;background:rgba(218,198,164,.025)!important;color:#bdb2a5!important;font-size:18px!important}
.auth-modal-close:hover{border-color:rgba(190,161,116,.3)!important;background:rgba(190,161,116,.08)!important;color:#e5d8c5!important}
.auth-modal .form-grid{gap:14px}
.auth-modal-note .btn{width:100%}

/* Final muted accents */
.maintenance-login-page .btn-primary,.maintenance-login-page .r-submit{border-color:rgba(205,190,164,.3)!important;background:linear-gradient(180deg,#b9a47f,#8e7655)!important;color:#17120d!important;box-shadow:0 9px 22px rgba(44,31,18,.24),inset 0 1px rgba(255,255,255,.2)!important}
.maintenance-login-page .auth-text-button,.maintenance-login-page .form-link{color:#b7a587!important}
.download-requirement-card img,.download-item-title img{opacity:.76;filter:invert(61%) sepia(12%) saturate(650%) hue-rotate(356deg) brightness(88%)!important}
.download-section-mark{border-color:rgba(166,150,124,.14)!important;background:rgba(142,125,98,.045)!important;color:#9e8c70!important}
.ranking-row-top-1 td{background:rgba(82,64,96,.16)!important}
.ranking-row-top-2 td{background:rgba(52,76,101,.15)!important}
.ranking-row-top-3 td{background:rgba(70,88,62,.14)!important}
.ranking-position-badge.is-top-1{border-color:rgba(145,116,164,.28)!important;background:rgba(91,67,108,.22)!important;color:#c8afd6!important}
.ranking-position-badge.is-top-2{border-color:rgba(99,139,171,.26)!important;background:rgba(55,86,113,.2)!important;color:#b0cbdc!important}
.ranking-position-badge.is-top-3{border-color:rgba(121,145,104,.25)!important;background:rgba(73,96,61,.2)!important;color:#bfd0ae!important}

/* Expanded signed-out home introduction */
.r-home-welcome{max-width:none!important;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(285px,.85fr);gap:34px;align-items:center;padding:4px!important}
.r-home-welcome-copy{min-width:0}
.r-home-welcome-features{display:grid;gap:1px;overflow:hidden;border:1px solid rgba(218,198,164,.1);border-radius:7px;background:rgba(218,198,164,.1)}
.r-home-welcome-features article{min-width:0;display:grid;grid-template-columns:31px minmax(0,1fr);align-items:center;gap:11px;padding:13px 14px;background:rgba(10,8,6,.84)}
.r-home-welcome-features article>span{display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(218,198,164,.12);border-radius:5px;color:#9f8b6d;background:rgba(218,198,164,.035);font-size:10px;font-weight:600}
.r-home-welcome-features strong,.r-home-welcome-features small{display:block}
.r-home-welcome-features strong{color:#d9d0c4;font-size:14px;font-weight:600}
.r-home-welcome-features small{margin-top:3px;color:#8f867d;font-size:12px;line-height:1.45}
.r-home-welcome-copy h1{color:#816c50!important}
.r-hero-copy .r-eyebrow{display:block;margin-bottom:30px;font-size:15px}

@media(max-width:560px){
    .ranking-board-switch:not(.shop-hero-switch){grid-template-columns:repeat(2,minmax(88px,1fr));width:184px;flex-basis:184px}
    .ranking-board-button{padding:0 8px!important}
    .r-ranking-list{min-height:230px}
    .r-event-track{min-height:65px}
    .footer-credit{justify-content:center;margin-top:2px}
    .auth-modal{padding:20px!important}
}
@media(max-width:820px){
    .r-home-welcome{grid-template-columns:1fr;gap:22px}
}

/* Compact mobile navigation and hero */
.r-mobile-hero-brand{display:none}

@media(max-width:1235px){
    .navbar,.navbar.menu-open{height:auto!important;min-height:64px!important}
    .brand{width:56px!important;min-width:56px!important}
    .brand-mark{display:grid!important;width:48px!important;height:48px!important;place-items:center!important}
    .brand-mark img{display:block!important;width:42px!important;height:42px!important;object-fit:contain!important;filter:drop-shadow(0 7px 8px rgba(0,0,0,.72))!important}
    .nav-panel,.navbar.menu-open .nav-panel,.cinematic-theme .nav-panel,.cinematic-theme .navbar.menu-open .nav-panel{
        height:max-content!important;
        min-height:0!important;
        max-height:none!important;
        overflow:visible!important;
        align-self:flex-start!important;
    }
    .nav-actions,.nav-account-slot,.account-dropdown{position:relative!important;overflow:visible!important}
    .nav-account-slot{height:auto!important;min-height:0!important;flex:0 0 auto!important}
    .account-menu,.cinematic-theme .account-menu{
        position:absolute!important;
        top:calc(100% + 7px)!important;
        right:0!important;
        left:0!important;
        width:100%!important;
        max-height:min(320px,45dvh)!important;
        margin:0!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        box-shadow:0 20px 48px rgba(0,0,0,.56)!important;
        z-index:1280!important;
    }
}

@media(max-width:1100px){
    body.cinematic-theme:not(.maintenance-login-page) .site-content{margin-top:65px!important}
    .r-mobile-hero-brand{
        display:flex;
        align-items:center;
        justify-content:center;
        height:78px;
        margin:12px 0 8px;
    }
    .r-mobile-hero-brand img{
        display:block;
        width:min(320px,76vw);
        height:auto;
        object-fit:contain;
        filter:drop-shadow(0 10px 8px rgba(0,0,0,.92)) drop-shadow(0 0 16px rgba(93,62,38,.38));
    }
    .r-hero{
        display:flex!important;
        min-height:168px!important;
        margin:0 0 3px;
        background-position:center 38%!important;
    }
    .r-hero-copy{
        width:min(590px,82%)!important;
        padding:19px 22px!important;
        gap:5px!important;
    }
    .r-hero-copy .r-eyebrow{
        margin-bottom:10px!important;
        font-size:11px!important;
        letter-spacing:.18em!important;
    }
    .r-hero-copy p{
        max-width:470px;
        font-size:12px!important;
        line-height:1.45!important;
    }
    .r-hero-copy>div{gap:7px!important;margin-top:6px!important}
    .r-hero-primary,.r-hero-secondary{
        min-height:34px!important;
        padding:0 12px!important;
        font-size:10px!important;
    }
    .r-hero-detail{right:17px!important;bottom:16px!important;transform:scale(.72);transform-origin:right bottom}
    .r-hero-frame{inset:6px!important}
    .r-hero-frame i{width:22px!important;height:22px!important}
    .r-event-track{scrollbar-width:none}
    .r-event-track::-webkit-scrollbar{display:none}
    .auth-modal-overlay{align-items:flex-start!important;padding-top:max(24px,env(safe-area-inset-top))!important;padding-bottom:max(24px,env(safe-area-inset-bottom))!important}
}

@media(max-width:560px){
    .r-mobile-hero-brand{
        height:68px;
        margin:9px 0 7px;
    }
    .r-mobile-hero-brand img{
        width:min(280px,74vw);
        height:auto;
    }
    .r-hero{
        min-height:150px!important;
        background-position:58% 38%!important;
    }
    .r-hero-copy{
        width:92%!important;
        padding:16px 17px!important;
    }
    .r-hero-copy .r-eyebrow{margin-bottom:7px!important;font-size:9px!important}
    .r-hero-copy p{font-size:11px!important}
    .r-hero-detail{display:none!important}
}

/* Account area: shared Ragnaros typography and restrained glass surfaces */
.cinematic-account-page .account-tabs,
.cinematic-account-page .account-tabs *{
    font-family:Onest,"Segoe UI",sans-serif!important;
}
.cinematic-account-page .account-card,
.cinematic-account-page .account-panel-card{
    overflow:hidden;
    border:1px solid rgba(218,198,164,.12)!important;
    border-radius:8px!important;
    background:
        linear-gradient(145deg,rgba(218,198,164,.035),transparent 38%),
        rgba(9,7,6,.62)!important;
    box-shadow:0 16px 36px rgba(0,0,0,.2)!important;
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
}
.cinematic-account-page .account-card-body{padding:22px!important}
.cinematic-account-page .account-overview{
    margin-bottom:18px!important;
    padding-bottom:18px!important;
    border-bottom:1px solid rgba(218,198,164,.09)!important;
}
.cinematic-account-page .account-avatar{
    width:62px;
    height:62px;
    border:1px solid rgba(190,161,116,.2)!important;
    border-radius:7px!important;
    background:linear-gradient(145deg,rgba(190,161,116,.12),rgba(95,73,48,.08))!important;
    color:#c5ad88!important;
    font-size:22px;
    font-weight:650;
    box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 25px rgba(0,0,0,.18)!important;
}
.cinematic-account-page .account-eyebrow{
    margin-bottom:6px;
    color:#9f8a69!important;
    font-size:9px!important;
    font-weight:600!important;
    letter-spacing:.15em!important;
}
.cinematic-account-page .account-profile-copy h2{
    color:#e8e0d5!important;
    font-size:23px!important;
    font-weight:600!important;
    letter-spacing:-.02em;
}
.cinematic-account-page .account-profile-copy p,
.cinematic-account-page .account-stat-meta,
.cinematic-account-page .section-head p{
    color:#999087!important;
    font-size:11px!important;
    line-height:1.55!important;
}
.cinematic-account-page .section-head h2,
.cinematic-account-page .account-empty-state h3{
    color:#ded5c9!important;
    font-size:17px!important;
    font-weight:600!important;
    letter-spacing:-.015em;
}
.cinematic-account-page .account-badge,
.cinematic-account-page .account-summary-pill{
    min-height:30px;
    padding:6px 10px!important;
    border:1px solid rgba(218,198,164,.12)!important;
    border-radius:5px!important;
    background:rgba(218,198,164,.035)!important;
    color:#b9aa94!important;
    font-size:10px!important;
    font-weight:600!important;
}
.cinematic-account-page .account-stat-card,
.cinematic-account-page .character-card{
    min-height:0;
    padding:17px!important;
    border:1px solid rgba(218,198,164,.1)!important;
    border-radius:7px!important;
    background:rgba(7,6,5,.34)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.018)!important;
    transition:border-color .18s ease,background .18s ease,transform .18s ease!important;
}
.cinematic-account-page .account-stat-card:hover,
.cinematic-account-page .character-card:hover{
    border-color:rgba(190,161,116,.2)!important;
    background:rgba(218,198,164,.035)!important;
    transform:translateY(-1px)!important;
}
.cinematic-account-page .account-stat-label,
.cinematic-account-page .character-label,
.cinematic-account-page .character-stat span{
    color:#9c8d79!important;
    font-size:10px!important;
    font-weight:600!important;
    letter-spacing:.035em;
}
.cinematic-account-page .account-stat-value{
    color:#ddd3c6!important;
    font-size:25px!important;
    font-weight:600!important;
    letter-spacing:-.025em;
}
.cinematic-account-page .account-stat-value--small{font-size:17px!important}
.cinematic-account-page .character-stat,
.cinematic-account-page .account-form-note,
.cinematic-account-page .remote-data-state,
.cinematic-account-page .account-empty-state{
    border:1px solid rgba(218,198,164,.09)!important;
    border-radius:6px!important;
    background:rgba(218,198,164,.025)!important;
    color:#9d9389!important;
    box-shadow:none!important;
}
.cinematic-account-page .character-card-top h3,
.cinematic-account-page .character-stat strong{
    color:#d9d0c4!important;
    font-weight:600!important;
}
.cinematic-account-page .character-card-top h3{font-size:18px!important}
.cinematic-account-page .character-level-badge{
    padding:7px 10px!important;
    border-color:rgba(190,161,116,.17)!important;
    border-radius:5px!important;
    background:rgba(190,161,116,.055)!important;
    color:#bca886!important;
    font-size:10px!important;
}
.cinematic-account-page .account-purchase-table-wrap{
    border-color:rgba(218,198,164,.1)!important;
    border-radius:7px!important;
    background:rgba(7,6,5,.28)!important;
}
.cinematic-account-page .account-purchase-table th{
    padding:12px 14px!important;
    border-bottom-color:rgba(218,198,164,.1)!important;
    background:rgba(218,198,164,.035)!important;
    color:#a99474!important;
    font-size:9px!important;
    letter-spacing:.1em!important;
}
.cinematic-account-page .account-purchase-table td{
    padding:13px 14px!important;
    border-bottom-color:rgba(218,198,164,.07)!important;
    color:#aaa096!important;
    font-size:11px!important;
}

@media(max-width:1100px){
    .cinematic-account-page .account-tab-nav{
        display:flex!important;
        width:100%;
        min-width:0;
        flex-wrap:nowrap!important;
        align-items:center;
        justify-content:flex-start;
        gap:4px!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        padding:5px!important;
        border:1px solid rgba(218,198,164,.11)!important;
        border-radius:7px!important;
        background:rgba(8,7,6,.48)!important;
        scroll-snap-type:x proximity;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
    }
    .cinematic-account-page .account-tab-nav::-webkit-scrollbar{display:none}
    .cinematic-account-page .account-tab-link{
        width:auto!important;
        min-width:max-content!important;
        min-height:38px!important;
        flex:0 0 auto!important;
        padding:0 14px!important;
        border:1px solid transparent!important;
        border-radius:4px!important;
        color:#9f958a!important;
        font-size:11px!important;
        font-weight:600!important;
        white-space:nowrap;
        scroll-snap-align:start;
    }
    .cinematic-account-page .account-tab-link:hover,
    .cinematic-account-page #account-tab-info:checked~.account-tab-nav label[for="account-tab-info"],
    .cinematic-account-page #account-tab-security:checked~.account-tab-nav label[for="account-tab-security"],
    .cinematic-account-page #account-tab-purchases:checked~.account-tab-nav label[for="account-tab-purchases"]{
        border-color:rgba(190,161,116,.16)!important;
        background:rgba(190,161,116,.075)!important;
        color:#d8c8af!important;
        box-shadow:none!important;
    }
}

@media(max-width:560px){
    .cinematic-account-page .account-tabs{gap:9px!important}
    .cinematic-account-page .account-card-body{padding:15px!important}
    .cinematic-account-page .account-profile{gap:12px}
    .cinematic-account-page .account-avatar{width:50px;height:50px;font-size:18px}
    .cinematic-account-page .account-profile-copy h2{font-size:19px!important}
    .cinematic-account-page .account-stats-grid,
    .cinematic-account-page .account-characters-grid,
    .cinematic-account-page .account-panels-grid{gap:9px!important}
    .cinematic-account-page .account-stat-card,
    .cinematic-account-page .character-card{padding:14px!important}
    .cinematic-account-page .account-form-actions{flex-direction:column;align-items:stretch}
    .cinematic-account-page .account-form-actions .btn,
    .cinematic-account-page .account-form-actions form{width:100%}
}

/* Admin event display editor */
.admin-event-display-page{font-family:Onest,"Segoe UI",sans-serif}
.admin-event-display-intro .admin-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px}
.admin-event-count{display:inline-flex;min-height:34px;align-items:center;padding:0 12px;border:1px solid rgba(218,198,164,.12);border-radius:5px;background:rgba(218,198,164,.04);color:#bba98e;font-size:11px;font-weight:600;white-space:nowrap}
.admin-event-display-list{display:grid;gap:12px;overflow:visible!important}
.cinematic-admin-page .admin-shell,
.cinematic-admin-page .admin-main{overflow:visible!important}
.cinematic-admin-page .admin-event-display-card{position:relative;z-index:1;overflow:visible!important;padding:0!important}
.cinematic-admin-page .admin-event-display-card:focus-within{z-index:80}
.admin-event-display-head{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:82px;padding:12px 15px;border-bottom:1px solid rgba(218,198,164,.09);background:linear-gradient(90deg,rgba(218,198,164,.035),transparent)}
.admin-event-display-preview{display:grid;width:52px;height:52px;place-items:center;border:1px solid rgba(218,198,164,.1);border-radius:6px;background:rgba(7,6,5,.4)}
.admin-event-display-preview img{display:block;width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 7px 9px rgba(0,0,0,.52))}
.admin-event-display-heading{min-width:0}
.admin-event-display-heading span,.admin-event-display-heading strong,.admin-event-display-heading small{display:block}
.admin-event-index{margin-bottom:4px;color:#998466;font-size:9px;font-weight:600;letter-spacing:.13em}
.admin-event-display-heading strong{overflow:hidden;color:#ded5c9;font-size:15px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.admin-event-display-heading small{margin-top:4px;color:#8f867d;font-size:10px}
.admin-event-display-tags{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.admin-tag-muted{color:#8e857b!important;background:rgba(255,255,255,.02)!important}
.admin-event-display-form{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(300px,1.2fr);gap:16px;padding:16px}
.admin-event-display-form .admin-form-group{margin:0}
.admin-event-display-form .admin-form-group>small{display:block;margin-top:6px;color:#847b72;font-size:9px;line-height:1.5}
.admin-event-image-picker{z-index:2}
.admin-event-image-picker:focus-within{z-index:90}
.admin-event-image-picker .admin-bg-picker-current{min-height:78px;padding:9px 12px;border-radius:6px;background:rgba(7,6,5,.34)}
.admin-event-image-picker .admin-bg-picker-current .admin-event-bg-thumb{width:88px!important;height:58px!important}
.admin-event-image-menu{grid-template-columns:repeat(2,minmax(0,1fr));right:0;left:auto;width:min(760px,calc(100vw - 64px));max-height:520px;padding:12px;border-radius:8px}
.admin-event-image-menu .admin-bg-option{min-width:0;min-height:100px;padding:10px;border-radius:6px;font-size:11px}
.admin-event-image-menu .admin-event-bg-thumb{width:116px!important;height:78px!important}
.admin-event-bg-thumb{background-size:contain!important;background-repeat:no-repeat!important}
.admin-event-image-menu .admin-bg-option>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-event-display-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:13px;border-top:1px solid rgba(218,198,164,.08)}
.admin-event-display-actions>span{color:#8e857c;font-size:10px;line-height:1.5}
.admin-event-display-actions .btn{min-width:170px}

@media(max-width:820px){
    .admin-event-display-intro .admin-section-head{align-items:flex-start;flex-direction:column}
    .admin-event-display-head{grid-template-columns:52px minmax(0,1fr)}
    .admin-event-display-tags{grid-column:1/-1;justify-content:flex-start}
    .admin-event-display-form{grid-template-columns:1fr;gap:13px;padding:14px}
    .admin-event-display-actions{grid-column:auto;align-items:stretch;flex-direction:column}
    .admin-event-display-actions .btn{width:100%}
    .admin-event-image-menu{left:0;right:auto;width:100%;grid-template-columns:1fr}
    .admin-event-image-menu .admin-bg-option{min-height:92px}
    .admin-event-image-menu .admin-event-bg-thumb{width:104px!important;height:70px!important}
}

/* Large desktop scaling: fluid from Full HD through 2K and 4K */
@media(min-width:1921px){
    :root{--container:clamp(1280px,66vw,2200px)}
    body{font-size:clamp(16px,.7vw,19px)}

    .navbar{
        min-height:clamp(72px,4vw,96px);
        gap:clamp(24px,1.35vw,42px);
    }
    .brand{width:clamp(66px,3.5vw,96px)}
    .brand-mark{width:clamp(54px,3vw,82px)!important;height:clamp(54px,3vw,82px)!important}
    .brand-mark img{width:clamp(48px,2.7vw,74px)!important;height:clamp(48px,2.7vw,74px)!important}
    .nav-links{gap:clamp(3px,.25vw,8px)}
    .nav-link{
        padding:clamp(9px,.52vw,14px) clamp(12px,.72vw,20px)!important;
        font-size:clamp(13px,.63vw,17px)!important;
    }
    .nav-account-slot{width:clamp(178px,9.5vw,260px);min-width:clamp(178px,9.5vw,260px);flex-basis:clamp(178px,9.5vw,260px)}
    .account-trigger,.nav-login-button,.nav-account-loading,.nav-account-unavailable{
        min-height:clamp(40px,2.25vw,58px)!important;
        font-size:clamp(13px,.63vw,17px)!important;
    }
    .account-menu{min-width:clamp(230px,12vw,330px)!important}
    .account-option{min-height:clamp(39px,2.1vw,54px);font-size:clamp(13px,.62vw,17px)!important}

    .r-page-shell{
        width:min(clamp(1210px,64vw,2050px),calc(100% - clamp(44px,3vw,110px)));
        grid-template-columns:clamp(310px,16.2vw,455px) minmax(0,1fr);
        gap:clamp(18px,1.15vw,34px);
        margin-top:clamp(28px,1.7vw,52px);
        margin-bottom:clamp(70px,4vw,120px);
    }
    .r-side{top:clamp(92px,5.1vw,124px);gap:clamp(12px,.72vw,21px)}
    .r-side-logo img{width:min(100%,clamp(330px,17.5vw,500px));height:auto}
    .r-download{
        min-height:clamp(54px,3vw,78px);
        font-size:clamp(13px,.68vw,18px);
    }
    .r-panel-title{
        min-height:clamp(48px,2.65vw,70px);
        padding-inline:clamp(15px,.9vw,25px);
        font-size:clamp(13px,.65vw,18px);
    }
    .r-panel-title a,.r-panel-title small,.r-account-title button{
        font-size:clamp(11px,.56vw,15px)!important;
    }
    .r-login-panel form{padding:clamp(16px,.9vw,25px);gap:clamp(14px,.75vw,21px)}
    .r-field>span,.r-remember{font-size:clamp(12px,.6vw,16px)}
    .r-field input{
        height:clamp(48px,2.55vw,66px);
        padding-inline:clamp(14px,.75vw,21px);
        font-size:clamp(13px,.64vw,17px);
    }
    .r-submit{min-height:clamp(43px,2.4vw,62px);font-size:clamp(13px,.65vw,17px)}
    .r-account-links a{padding:clamp(11px,.62vw,17px) clamp(10px,.62vw,17px);font-size:clamp(13px,.64vw,17px)}
    .r-rank-row{
        min-height:clamp(42px,2.25vw,60px);
        grid-template-columns:clamp(27px,1.4vw,39px) 1fr auto;
        padding-inline:clamp(9px,.52vw,15px);
        font-size:clamp(12px,.6vw,16px);
    }

    .r-main{gap:clamp(20px,1.05vw,30px)}
    .r-hero{min-height:clamp(248px,14vw,430px)}
    .r-hero-copy{width:min(clamp(520px,31vw,880px),70%);padding:clamp(30px,1.9vw,58px)}
    .r-hero-copy .r-eyebrow{font-size:clamp(15px,.68vw,18px)!important}
    .r-hero-copy p{max-width:clamp(500px,29vw,800px);font-size:clamp(13px,.67vw,18px)!important}
    .r-hero-primary,.r-hero-secondary{
        min-height:clamp(39px,2.25vw,58px);
        padding-inline:clamp(16px,.9vw,25px);
        font-size:clamp(12px,.62vw,17px);
    }
    .r-events-head{min-height:clamp(45px,2.55vw,66px);padding-inline:clamp(14px,.85vw,23px)}
    .r-events-head span{font-size:clamp(13px,.65vw,18px)}
    .r-events-head small{font-size:clamp(10px,.53vw,14px)}
    .r-event-track{padding:clamp(9px,.58vw,16px);gap:clamp(7px,.48vw,13px)}
    .r-event-card{min-height:clamp(51px,2.9vw,76px);padding:clamp(7px,.48vw,13px)}
    .r-event-card img{width:clamp(32px,1.75vw,48px);height:clamp(32px,1.75vw,48px)}
    .r-event-card strong{font-size:clamp(13px,.65vw,17px)}
    .r-event-card small{font-size:clamp(11px,.56vw,15px)}
    .r-event-activation{font-size:clamp(10px,.52vw,14px)}

    .r-module-framed>.page-hero .page-hero-box{
        min-height:clamp(53px,2.9vw,76px);
        padding-inline:clamp(18px,1.05vw,29px)!important;
    }
    .r-module-framed>.page-hero .section-title{font-size:clamp(14px,.72vw,19px)!important}
    .r-module-framed>.page-content{padding:clamp(24px,1.35vw,38px) clamp(18px,1.15vw,33px) clamp(28px,1.6vw,46px)!important}
    .r-module-framed>.page-content>.container>.card.form-card{max-width:clamp(680px,39vw,1080px)!important}
    .r-module-framed>.page-content>.container>.card.form-card>.card-body{padding:clamp(25px,1.45vw,42px)!important}
    .form-label{font-size:clamp(13px,.64vw,17px)!important}
    .form-input,.form-select,.form-textarea{font-size:clamp(13px,.64vw,17px)!important}
    .btn{font-size:clamp(13px,.64vw,17px)!important;padding:clamp(12px,.65vw,18px) clamp(20px,1.05vw,30px)!important}

    .r-home-tabs{min-height:clamp(54px,2.9vw,78px);padding-inline:clamp(18px,1vw,28px);font-size:clamp(13px,.65vw,18px)}
    .r-home-panel{padding:clamp(30px,1.7vw,50px)}
    .r-home-kicker{font-size:clamp(10px,.52vw,14px)}
    .r-home-welcome h1,.r-home-account-head h1{font-size:clamp(38px,2vw,56px)}
    .r-home-welcome p,.r-home-account-head p{font-size:clamp(14px,.7vw,19px)}
    .r-home-account-grid span{font-size:clamp(11px,.56vw,15px)}
    .r-home-account-grid strong{font-size:clamp(14px,.69vw,19px)}
    .r-home-welcome-features article{
        grid-template-columns:clamp(31px,1.7vw,47px) minmax(0,1fr);
        gap:clamp(11px,.62vw,17px);
        padding:clamp(13px,.75vw,21px) clamp(14px,.82vw,23px);
    }
    .r-home-welcome-features article>span{
        width:clamp(29px,1.55vw,43px);
        height:clamp(29px,1.55vw,43px);
        font-size:clamp(10px,.53vw,14px);
    }
    .r-home-welcome-features strong{font-size:clamp(14px,.7vw,19px)}
    .r-home-welcome-features small{font-size:clamp(12px,.61vw,17px)}

    .event-calendar-layout{
        grid-template-columns:minmax(0,1fr) clamp(340px,17vw,600px);
        min-height:clamp(520px,29vw,820px);
    }
    .event-calendar-day{
        min-height:clamp(100px,3.8vw,146px);
        padding:clamp(8px,.48vw,13px);
    }
    .event-calendar-number{font-size:clamp(14px,.65vw,18px)}
    .event-calendar-day small{font-size:clamp(10px,.5vw,14px)}
    .event-calendar-activation-mark{font-size:clamp(9px,.46vw,13px)}
    .event-calendar-details{padding:clamp(18px,1vw,28px)}
    .event-calendar-detail-head span{font-size:clamp(8px,.44vw,12px)}
    .event-calendar-detail-head h3{font-size:clamp(18px,.9vw,25px)}
    .event-calendar-item{
        grid-template-columns:clamp(38px,2vw,56px) minmax(0,1fr) auto;
        gap:clamp(10px,.58vw,16px);
        padding:clamp(10px,.58vw,16px);
    }
    .event-calendar-item img{width:clamp(38px,2vw,56px);height:clamp(38px,2vw,56px)}
    .event-calendar-item strong{font-size:clamp(13px,.65vw,18px)}
    .event-calendar-item span{font-size:clamp(11px,.56vw,15px)}
    .event-calendar-item small{font-size:clamp(9px,.47vw,13px)}
    .event-calendar-item .event-activation-badge{
        padding:clamp(5px,.3vw,8px) clamp(8px,.45vw,13px);
        font-size:clamp(10px,.52vw,14px);
    }
    .event-calendar-empty{
        min-height:clamp(210px,12vw,340px);
        gap:clamp(9px,.52vw,14px);
    }
    .event-calendar-empty>span{font-size:clamp(28px,1.45vw,40px)}
    .event-calendar-empty strong{font-size:clamp(14px,.7vw,19px)}
    .event-calendar-empty p{
        max-width:clamp(250px,14vw,390px);
        font-size:clamp(12px,.61vw,17px);
    }

    .ranking-layout{grid-template-columns:clamp(190px,10.5vw,290px) minmax(0,1fr)!important}
    .ranking-category-button,.ranking-table td{font-size:clamp(12px,.6vw,16px)!important}
    .ranking-table th{font-size:clamp(10px,.52vw,14px)!important}

    .footer{padding:clamp(28px,1.65vw,46px) 0 clamp(32px,2vw,58px)!important}
    .footer-wrap strong{font-size:clamp(13px,.66vw,18px)}
    .footer-wrap span,.footer-links a{font-size:clamp(12px,.61vw,16px)}
    .footer-credit{font-size:clamp(9px,.48vw,13px)}

    .cinematic-admin-page .admin-shell{
        grid-template-columns:clamp(300px,15vw,430px) minmax(0,1fr);
        gap:clamp(24px,1.3vw,38px);
    }
    .cinematic-admin-page .site-content{font-size:clamp(13px,.64vw,17px)}
    .cinematic-admin-page .section-title{font-size:clamp(28px,1.45vw,40px)!important}
    .cinematic-admin-page .section-subtitle,
    .cinematic-admin-page .admin-sidebar-link,
    .cinematic-admin-page .form-input,
    .cinematic-admin-page .form-select,
    .cinematic-admin-page .form-textarea,
    .cinematic-admin-page td{font-size:clamp(12px,.62vw,17px)!important}

    .maintenance-login-page .site-shell{
        display:flex;
        min-height:100svh;
        align-items:center;
        justify-content:center;
        padding:clamp(28px,1.6vw,50px);
    }
    .maintenance-login-page .site-content{
        display:grid;
        width:min(clamp(520px,27vw,850px),100%);
        min-height:0;
        place-items:center;
    }
    .maintenance-login-page .maintenance-login-content{
        width:100%;
        min-height:0;
        padding:0;
    }
    .maintenance-login-page .maintenance-login-content .container{width:100%}
    .maintenance-login-page .maintenance-login-content .form-card{
        width:100%;
        max-width:none!important;
        border-radius:clamp(12px,.68vw,20px)!important;
    }
    .maintenance-login-page .form-card>.card-body{padding:clamp(30px,1.8vw,56px)!important}
    .maintenance-login-page .maintenance-login-heading{
        gap:clamp(8px,.5vw,15px);
        margin-bottom:clamp(26px,1.45vw,44px);
    }
    .maintenance-login-page .maintenance-login-heading img{
        width:min(clamp(360px,19vw,580px),82%);
        height:clamp(90px,4.8vw,146px);
        margin-bottom:clamp(8px,.45vw,14px);
    }
    .maintenance-login-page .maintenance-login-heading h1{
        font-size:clamp(34px,1.8vw,54px);
        font-weight:600;
        letter-spacing:-.03em;
    }
    .maintenance-login-page .maintenance-login-heading p{
        font-size:clamp(14px,.7vw,19px);
        line-height:1.6;
    }
    .maintenance-login-page .form-grid{gap:clamp(16px,.9vw,27px)}
    .maintenance-login-page .form-label{font-size:clamp(13px,.65vw,18px)!important}
    .maintenance-login-page .form-input{
        min-height:clamp(48px,2.6vw,70px);
        padding-inline:clamp(14px,.8vw,24px)!important;
        font-size:clamp(13px,.67vw,18px)!important;
    }
    .maintenance-login-page .login-remember-box{
        min-height:clamp(48px,2.5vw,68px);
        padding:clamp(11px,.65vw,19px);
        font-size:clamp(12px,.62vw,17px);
    }
    .maintenance-login-page .login-remember-box input{
        width:clamp(16px,.85vw,23px);
        height:clamp(16px,.85vw,23px);
    }
    .maintenance-login-page .btn-primary{
        min-height:clamp(46px,2.55vw,68px);
        font-size:clamp(13px,.68vw,18px)!important;
    }
}

/* Final mobile sizing overrides */
@media(max-width:1100px){
    .r-event-track{align-items:stretch}
    .r-event-card{height:auto!important;min-height:76px;align-self:stretch}
}

@media(max-width:700px){
    .event-calendar{overflow:visible;padding:10px}
    .event-calendar-weekdays{display:none}
    .event-calendar-grid{min-width:0;grid-template-columns:repeat(4,minmax(0,1fr))}
    .event-calendar-day{min-height:96px;padding:8px}
    .event-calendar-number{font-size:13px}
    .event-calendar-mobile-weekday{display:block}
    .event-calendar-day small{margin-top:4px;font-size:9px;line-height:1.2}
    .event-calendar-activation-mark{margin-top:3px;font-size:9px;line-height:1.2}
}

@media(max-width:480px){
    .event-calendar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
    .event-calendar-day{min-height:94px;padding:6px}
    .event-calendar-number{font-size:12px}
    .event-calendar-mobile-weekday{font-size:8px}
}