/* BozDeL calm theme. Load AFTER the page's own <style>:  <link rel="stylesheet" href="theme.css">
   Works for index.php, missions.php and the new pages. One accent per theme, flat surfaces, no particles. */
:root{--bg:#0d1015;--panel:rgba(255,255,255,.035);--panel2:rgba(255,255,255,.06);--line:rgba(255,255,255,.08);
--txt:#e9ecf2;--mut:#8f96a8;--green:#6fd6a0;--red:#f08090;--blue:#7fb2f5;--amber:#e6bd6a;
--gl:rgba(255,255,255,.035);--gsh:0 10px 30px -18px rgba(0,0,0,.8)}
html[data-theme=neon]{--rgb:110,168,254;--a:#6ea8fe;--a2:#9cc5ff;--c1:#6ea8fe;--c2:#9cc5ff;--grad:#6ea8fe}
html[data-theme=fire]{--rgb:240,112,107;--a:#f0706b;--a2:#f5a29d;--c1:#f0706b;--c2:#f5a29d;--grad:#f0706b}
html[data-theme=toxic]{--rgb:95,208,138;--a:#5fd08a;--a2:#8fe3b0;--c1:#5fd08a;--c2:#8fe3b0;--grad:#5fd08a}
html[data-theme=gold]{--rgb:230,180,80;--a:#e6b450;--a2:#f0cd85;--c1:#e6b450;--c2:#f0cd85;--grad:#e6b450}
.sw[data-t=neon]{background:#6ea8fe!important}.sw[data-t=fire]{background:#f0706b!important}
.sw[data-t=toxic]{background:#5fd08a!important}.sw[data-t=gold]{background:#e6b450!important}

/* remove the busy stuff */
#bg{display:none}
.aurora i:nth-child(2),.aurora i:nth-child(3){display:none}
.aurora i:nth-child(1){opacity:.1;animation:none}
.crest,.crest.grad{background:none!important;color:var(--txt)!important;filter:none;animation:none}
.grad,.kpi:first-child b,.mr b{background:none!important;color:var(--a)!important}
.pcard.first{animation:none;background:rgba(255,255,255,.05);border:1px solid rgba(var(--rgb),.5);box-shadow:0 20px 60px -38px rgba(var(--rgb),.6)}
.btn.go,.nav a.vp,.seg button.on{background:var(--a);color:#0b0e14;box-shadow:none}
.hist .bar,.hist.h24 .bar,.hist.h24 .bar.pk{background:rgba(var(--rgb),.55)}
.hist.h24 .bar.pk{background:var(--a)}
.xpbar i,.mp i,.bar i{box-shadow:none}
.me{background:rgba(var(--rgb),.07);border-color:rgba(var(--rgb),.4);box-shadow:none}
tbody tr:hover{background:rgba(var(--rgb),.07)}
.mc:hover,.hcard:hover,.rs:hover{box-shadow:none}

/* home.php */
.hero h1{filter:none}
.glass{background:var(--panel);box-shadow:var(--gsh)}
.door[style]{background:var(--panel)!important}
.btn-p,.btn-p:hover{background:var(--a);color:#0b0e14;box-shadow:none}
.sum{background:rgba(var(--rgb),.1);border-color:rgba(var(--rgb),.35)}
.art{box-shadow:none}
.dots button[data-t=neon]{--s:#6ea8fe}.dots button[data-t=fire]{--s:#f0706b}
.dots button[data-t=toxic]{--s:#5fd08a}.dots button[data-t=gold]{--s:#e6b450}

/* BozDeL motion layer: preserves the original theme colors and page logic. */
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{background-attachment:fixed}
body:before{content:"";position:fixed;inset:-24%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 18% 22%,rgba(var(--rgb),.055),transparent 34%),radial-gradient(ellipse at 82% 68%,rgba(var(--rgb),.035),transparent 38%);filter:blur(20px);animation:bzOriginalAmbient 24s ease-in-out infinite alternate}
@keyframes bzOriginalAmbient{from{transform:translate3d(-1.2%,-.8%,0) scale(1)}to{transform:translate3d(1.2%,.8%,0) scale(1.04)}}
.card,.glass,.tile,.mcard,.pcard,.hcard,.rs,.pod,.kpi,.door,.clk,.tw{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background-color .22s ease}
.card:hover,.tile:hover,.hcard:hover,.rs:hover{border-color:rgba(var(--rgb),.32)}
.btn,.btn-p,.btn.go,.nav a,.nav a.vp,.nav a.vip{transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.btn:hover,.btn-p:hover,.nav a:hover{transform:translateY(-2px)}
:focus-visible{outline:2px solid var(--a);outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
