
/* VALTHERA2 V13 - matches the generated warm-brown reference */
.brown-reference{--br-gold:#d79a43;--br-gold2:#f0c27b;--br-brown:#3b2113;--br-line:rgba(203,143,60,.34);--br-panel:rgba(35,20,12,.88);background:#25150d!important;color:#eee0ca}
.brown-reference .top{background:linear-gradient(90deg,rgba(38,21,12,.97),rgba(25,15,10,.96))!important;border-bottom:1px solid rgba(219,156,69,.35)!important;box-shadow:0 8px 30px rgba(0,0,0,.25)}
.brown-reference .top .wrap{max-width:1540px}.brown-reference .logo img{width:210px!important;height:64px!important;object-fit:contain!important}
.brown-reference nav a{color:#e5d4b8!important;font-size:11px!important;font-weight:800!important}.brown-reference nav a:hover{color:#ffc978!important}
.brown-reference .play{background:linear-gradient(#c87b2e,#8b461a)!important;color:#fff0c9!important;border-color:#e0a052!important}
.br-home{position:relative;z-index:3;background:#25150d}
.br-hero{min-height:590px;position:relative;display:grid;grid-template-columns:300px 1fr 300px;gap:25px;align-items:start;padding:42px max(4vw,40px) 0;background:linear-gradient(180deg,rgba(81,45,22,.05),rgba(36,19,10,.30) 70%,#25150d 100%),url('/assets/images/valthera2-light-brown-warrior-bg.jpg') center 22%/cover no-repeat;overflow:hidden}
.br-hero:after{content:"";position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(transparent,#25150d);pointer-events:none}
.br-box{position:relative;z-index:2;margin-top:12px;background:linear-gradient(180deg,rgba(66,36,19,.83),rgba(29,17,11,.90));border:1px solid var(--br-line);box-shadow:0 20px 50px rgba(0,0,0,.28),inset 0 1px rgba(255,224,169,.06)}
.br-box-head,.br-login-title{padding:14px 16px;border-bottom:1px solid var(--br-line);font-size:10px;font-weight:800;color:#f0d6a8}.br-box-head{display:flex;justify-content:space-between}.br-box-head strong{color:#d3a05a}.br-box-head strong.on{color:#69d278}.br-box-head strong.off{color:#d66d5d}
.br-stat{display:grid;grid-template-columns:34px 1fr auto;align-items:center;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.05)}.br-stat>span{font-size:19px;color:#c99755}.br-stat small{font-size:9px;color:#d3c2aa}.br-stat b{font-family:Georgia,serif;font-size:16px;color:#f2b95d}
.br-hero-center{position:relative;z-index:2;text-align:center;align-self:center;padding-bottom:80px;text-shadow:0 3px 18px rgba(0,0,0,.75)}.br-hero-center h1{font-family:Georgia,serif;font-size:46px;color:#fff0d4;margin:0;letter-spacing:.02em}.br-divider{display:flex;align-items:center;justify-content:center;gap:9px;margin:13px auto;width:310px}.br-divider span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#d59a48)}.br-divider span:last-child{background:linear-gradient(90deg,#d59a48,transparent)}.br-divider b{color:#d99b46}.br-hero-center p{font-size:13px;line-height:1.7;color:#f2e3ce}.br-gold-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 24px;border:1px solid #d99b4b;background:linear-gradient(180deg,#b96f28,#7d3d18);box-shadow:inset 0 1px rgba(255,229,176,.3),0 8px 20px rgba(0,0,0,.2);color:#fff0cf!important;font-size:10px;font-weight:800;letter-spacing:.04em}
.br-login-title{text-align:center}.br-login form{padding:15px}.br-login label{display:flex;align-items:center;gap:8px;background:rgba(17,11,7,.78);border:1px solid rgba(205,147,65,.2);padding:0 9px;margin-bottom:9px}.br-login label span{opacity:.55}.br-login input{width:100%;border:0!important;background:transparent!important;padding:11px 4px!important;color:#eee!important;box-shadow:none!important}.br-remember{display:flex;justify-content:space-between;font-size:8px;color:#b7a58e;margin:8px 0 13px}.br-remember a,.br-login p a{color:#e4ae61}.br-login .br-gold-btn{width:100%;border-radius:0}.br-login p{text-align:center;font-size:8px;color:#b8a892}.br-account{padding:18px;display:grid;gap:10px}.br-error{margin:10px;padding:8px;background:#5d271c;color:#ffd4c4;font-size:9px}
.br-features{position:relative;z-index:4;max-width:1180px;margin:-72px auto 18px;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--br-line);background:rgba(44,25,14,.95);box-shadow:0 20px 55px rgba(0,0,0,.3)}.br-features>a{display:flex;align-items:center;gap:12px;padding:20px 17px;border-right:1px solid var(--br-line)}.br-features>a:last-child{border-right:0}.br-features>a>span{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(221,161,74,.35);background:rgba(112,59,21,.28);color:#ffc26a;font-size:20px}.br-features b{display:block;font-family:Georgia,serif;color:#f0c57f;font-size:13px}.br-features small{display:block;color:#d2c1a8;font-size:9px;line-height:1.5;margin-top:4px}
.br-panels{max-width:1540px;margin:0 auto;padding:0 4vw 35px;display:grid;grid-template-columns:1.15fr .9fr .9fr 1.15fr;gap:12px}.br-list-panel{background:linear-gradient(180deg,rgba(59,32,17,.94),rgba(31,18,11,.96));border:1px solid var(--br-line);box-shadow:0 15px 35px rgba(0,0,0,.22)}.br-title{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid var(--br-line)}.br-title b{font-family:Georgia,serif;color:#eab769;font-size:11px}.br-title a{font-size:7px;color:#f0bd70}
.br-news{display:grid;grid-template-columns:58px 1fr 36px;gap:9px;align-items:center;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.045)}.br-thumb{width:58px;height:44px;background-image:linear-gradient(rgba(90,45,14,.1),rgba(30,15,8,.4)),url('/assets/images/valthera2-light-brown-warrior-bg.jpg');background-size:cover}.t1{background-position:55% 35%}.t2{background-position:70% 45%}.t3{background-position:35% 60%}.t4{background-position:80% 70%}.br-news em{display:block;font-style:normal;color:#e0a74f;font-size:7px}.br-news b{display:block;color:#f0d2a3;font-size:9px}.br-news small{display:block;color:#a99882;font-size:7px;margin-top:2px}.br-news time{font-family:Georgia,serif;color:#f0c06e;font-size:15px;text-align:center}.br-news time small{font-family:Arial;font-size:6px}
.br-ranks>div{display:grid;grid-template-columns:30px 1fr auto;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.05)}.br-ranks span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#7c471e;color:#ffd88f;font-size:8px}.br-ranks b{font-size:9px;color:#e6d1ae}.br-ranks small{font-size:8px;color:#d29b50}.br-events>a{display:grid;grid-template-columns:35px 1fr auto;gap:9px;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.05)}.br-events>a>span{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(218,158,70,.35);color:#e8b55f}.br-events b{display:block;font-size:9px;color:#f0d1a1}.br-events small{display:block;font-size:7px;color:#a39179;margin-top:2px}.br-events time{font-size:7px;color:#ead1a8}
.br-particles,.br-particles i{position:fixed;inset:0;pointer-events:none;z-index:2;overflow:hidden}.br-particles:before,.br-particles:after,.br-particles i:before{content:"";position:absolute;inset:-15%;background-image:radial-gradient(circle,rgba(255,193,101,.95) 0 1px,transparent 2px),radial-gradient(circle,rgba(255,130,39,.8) 0 1.5px,transparent 2.5px),radial-gradient(circle,rgba(255,218,148,.65) 0 1px,transparent 2px);background-size:125px 145px,210px 190px,270px 240px;background-position:0 0,60px 90px,130px 20px;animation:brEmbers 18s linear infinite;opacity:.48}.br-particles:after{animation-duration:29s;opacity:.28;filter:blur(.4px)}.br-particles i:before{animation-duration:38s;opacity:.18;transform:scale(1.2)}@keyframes brEmbers{from{transform:translate3d(0,80px,0)}to{transform:translate3d(35px,-180px,0)}}
.brown-reference footer{background:#1b100a!important;border-top:1px solid var(--br-line)!important}.brown-reference .valthera-footer-logo{display:none!important}
@media(max-width:1100px){.br-hero{grid-template-columns:250px 1fr}.br-login{grid-column:1/-1;max-width:380px}.br-features{grid-template-columns:repeat(3,1fr);margin-top:-30px}.br-panels{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.br-hero{grid-template-columns:1fr;padding:25px 16px 90px}.br-status,.br-login{max-width:none}.br-hero-center{order:-1;padding:30px 0}.br-hero-center h1{font-size:36px}.br-features,.br-panels{grid-template-columns:1fr;margin-left:4%;margin-right:4%}.br-features>a{border-right:0;border-bottom:1px solid var(--br-line)}}
