/* Optional electric theme. The previous appearance is preserved in tools/backups. */
:root{--bg:#030917;--panel:#0a1629;--line:#244568;--text:#f1f7ff;--muted:#a8bbd3;--cyan:#70e9ff;--green:#65edba;--red:#ff94a4;--radius:20px}
body{background:#030917;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(2,7,22,.58),rgba(3,9,23,.83) 65%,rgba(3,7,19,.94)),url('/assets/images/theme/electric-background.png') center top/cover no-repeat}
.header{background:rgba(5,13,30,.94);border-bottom:1px solid #2c7198;box-shadow:0 4px 30px #001b4380;backdrop-filter:blur(12px)}
.brand-mark{background:linear-gradient(145deg,#c8faff,#40d5ff 55%,#537aff);box-shadow:0 0 18px #36cfff66;color:#061326}
.header nav a.active:after{background:linear-gradient(90deg,#48dcff,#9395ff,#ffad66);box-shadow:0 0 12px #42d7ff}
.panel,.profile,.auth-card{background:linear-gradient(145deg,rgba(16,36,62,.96),rgba(6,15,31,.97));border-color:#2b5378;box-shadow:0 12px 36px #0005,inset 0 1px 0 #96dfff14}
.section-heading{background:rgba(7,20,38,.55)}
.page-heading h1,.hero h1{color:#f3fbff;text-shadow:0 2px 22px #1384e744}
.eyebrow{color:#87edff;text-shadow:0 0 16px #2ac4ff55}
.button{background:linear-gradient(125deg,#a3f5ff,#48cfee 60%,#6996ff);border-color:#96edff;color:#05172b;box-shadow:0 3px 16px #1caafc2b}
.button:hover{background:linear-gradient(125deg,#d4fbff,#74e7ff);border-color:#d3fbff;color:#031326;box-shadow:0 0 22px #42c9ff55}
.button.subtle{background:rgba(10,26,49,.86);border-color:#3d648a;color:#deeeff;box-shadow:none}
.button.subtle:hover{background:#173756;border-color:#72d5f8}
.button:disabled{box-shadow:none}
input,select,textarea{background-color:#081528;color:#eff7ff;border-color:#365979}
input:focus,select:focus,textarea:focus{border-color:#74e5ff;box-shadow:0 0 0 3px #49d5ff18}
input::placeholder,textarea::placeholder{color:#9db1ca}
:focus-visible{outline-color:#b8f5ff}
.market-table th{background:#09182c;color:#b4cbe2}.market-table td{border-color:#213b59}.market-table tbody tr:hover{background:#173d5d70}
.coin-icon{box-shadow:inset 0 0 0 1px #ffffff1a,0 0 16px #3b99de15}
.hero{position:relative}.hero-copy>p{color:#c0d0e2}.hero-terminal{background:linear-gradient(#061326d9,#071329ed),url('/assets/images/theme/electric-ring.jpg') center/cover;border-color:#4c9cda;box-shadow:0 0 30px #197ddf33,0 24px 55px #0008}
.hero-actions .button:first-child,.wheel-purchase .button{background:linear-gradient(115deg,#ffd18a,#ff9957 55%,#ff6b68);border-color:#ffbd89;color:#291206;box-shadow:0 0 23px #ff7b3d30}
.hero-actions .button:first-child:hover,.wheel-purchase .button:hover{background:linear-gradient(115deg,#ffe7b5,#ffb377);box-shadow:0 0 28px #ff983d50}
.stats-strip{background:linear-gradient(90deg,#102849c9,#08172ed9);padding-inline:20px;border:1px solid #305679;border-radius:16px}
.stats-strip>div:first-child{padding-inline-start:4px}
.stats-strip span{color:#b2cae3}
.wheel-card{background:radial-gradient(ellipse at 50% 12%,#1c4880bb,#0b1730ed 45%,#080f21fa);border-color:#386083;box-shadow:0 14px 32px #0005}
.wheel-symbol{filter:drop-shadow(0 17px 10px #0008) drop-shadow(0 0 12px #297fd33b)}
.promotion-tabs .button{border-radius:12px}
.promotion-extras .panel{background:linear-gradient(#061326e8,#061326f2),url('/assets/images/theme/fire-frame.png') center/100% 100% no-repeat;border-color:#7a4d4d}
.notice{background-color:#10233be8;border-color:#426585}.notice.error{background-color:#351723;color:#ffd3db}.notice.success{background-color:#0d332f;color:#b5ffdd}
.footer{background:rgba(3,10,24,.88);border-top:1px solid #28547a;color:#a6c4de}
@media(max-width:800px){.header{backdrop-filter:none}.header nav{background:#08172b}.container{position:relative}body::before{background-position:center top}.stats-strip{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}