:root{
  color-scheme:dark;
  --brand-bg:#020814;
  --brand-bg-2:#06162a;
  --brand-surface:rgba(7,24,45,.86);
  --brand-surface-strong:#071a2e;
  --brand-border:rgba(56,189,248,.20);
  --brand-border-active:rgba(34,211,238,.58);
  --brand-cyan:#22d3ee;
  --brand-blue:#3b82f6;
  --brand-text:#eaf7ff;
  --brand-muted:#91abc0;
  --brand-success:#22c55e;
  --brand-warning:#eab308;
  --brand-trash:#f97316;
  --brand-danger:#ef4444;
  --brand-radius:18px;
  --brand-radius-small:12px;
  --brand-shadow:0 18px 50px rgba(0,0,0,.38);
}
html{background:var(--brand-bg);scrollbar-color:#19506d #03111f}
body{
  color:var(--brand-text)!important;
  background:
    radial-gradient(circle at 88% -5%,rgba(20,91,141,.55) 0,transparent 30%),
    radial-gradient(circle at -8% 55%,rgba(12,75,108,.23) 0,transparent 27%),
    linear-gradient(150deg,var(--brand-bg),var(--brand-bg-2) 52%,#03101f)!important;
  background-attachment:fixed!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif!important;
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.16;background-image:linear-gradient(rgba(34,211,238,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.08) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
a{color:inherit}.hero,.header,.panel,.edit-panel,.card,.chart-container,.table-container,.device-summary,.project,.kpi,.device,.preview{
  border-color:var(--brand-border)!important;
  box-shadow:var(--brand-shadow),inset 0 1px rgba(125,211,252,.08)!important;
}
.hero,.header,.panel,.edit-panel,.chart-container,.table-container,.device-summary{
  background:linear-gradient(145deg,rgba(8,27,48,.91),rgba(5,17,34,.84))!important;
  border-radius:var(--brand-radius)!important;
  backdrop-filter:blur(18px);
}
.hero:before,.header:before,.project:before{background:linear-gradient(90deg,transparent,var(--brand-cyan),var(--brand-blue),transparent)!important;height:2px!important}
.hero h1,.header h1,.brand-title{
  background:linear-gradient(90deg,#7dd3fc,var(--brand-cyan),#60a5fa)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;
}
.section-title,.section-bar h2,.edit-panel h3{color:#7dd3fc!important;border-color:var(--brand-cyan)!important}
.powered-by,.game-tag,.tag,.badge{border-color:var(--brand-border)!important;background:rgba(4,22,40,.72)!important}
.game-card{
  border-radius:var(--brand-radius)!important;
  border:1px solid var(--brand-border)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.32),inset 0 1px rgba(125,211,252,.08)!important;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease!important;
}
.game-card:hover{transform:translateY(-5px)!important;border-color:var(--brand-border-active)!important;box-shadow:0 22px 54px rgba(0,0,0,.46),0 0 28px rgba(34,211,238,.10)!important}
button,.btn,.button,.mode-btn,.anim-btn,.admin-btn,input,select,textarea{border-radius:var(--brand-radius-small)!important}
button,.btn,.button,.mode-btn,.anim-btn{transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important}
button:hover,.btn:hover,.button:hover,.mode-btn:hover,.anim-btn:hover{border-color:var(--brand-border-active)!important}
button:active,.btn:active,.button:active{transform:translateY(1px)}
.btn-primary,.primary,.save-btn,.mode-btn.active{background:linear-gradient(135deg,#0284c7,#2563eb)!important;border-color:#38bdf8!important;color:white!important;box-shadow:0 8px 22px rgba(37,99,235,.24)!important}
input,select,textarea{background:rgba(3,17,34,.88)!important;border:1px solid rgba(71,119,153,.58)!important;color:var(--brand-text)!important}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--brand-cyan)!important;box-shadow:0 0 0 3px rgba(34,211,238,.12)!important}
.sub,.subtitle,.muted,.meta,.game-desc,.edit-label{color:var(--brand-muted)!important}
.status-success,.badge.public{color:#86efac!important}.status-hidden{color:#fde047!important}.status-trash{color:#fdba74!important}.danger{color:#fecaca!important;border-color:rgba(239,68,68,.5)!important}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#03111f}::-webkit-scrollbar-thumb{background:#19506d;border:2px solid #03111f;border-radius:99px}
@media(max-width:800px){body{background-attachment:scroll!important}.hero,.header,.panel,.edit-panel{border-radius:15px!important}.game-card{border-radius:16px!important}button,.btn,.button,input,select{min-height:44px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}