:root{
  --brand-bg:#020814;--brand-bg-2:#06162a;--brand-bg-3:#03101f;
  --brand-panel:rgba(7,24,44,.86);--brand-panel-strong:rgba(5,20,38,.96);
  --brand-border:rgba(56,189,248,.22);--brand-border-hover:rgba(34,211,238,.58);
  --brand-cyan:#22d3ee;--brand-blue:#3b82f6;--brand-blue-2:#0284c7;
  --brand-text:#eaf7ff;--brand-muted:#8faabd;--brand-dim:#66849a;
  --brand-success:#22c55e;--brand-warning:#facc15;--brand-danger:#ef4444;
  --brand-radius-sm:10px;--brand-radius:16px;--brand-radius-lg:22px;
  --brand-shadow:0 18px 52px rgba(0,0,0,.38);
  --brand-glow:0 0 32px rgba(34,211,238,.12);
  --brand-font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
}
html{color-scheme:dark;scroll-behavior:smooth}
body{font-family:var(--brand-font)!important;color:var(--brand-text)!important;background:
radial-gradient(circle at 85% -5%,rgba(14,116,144,.34),transparent 34%),
radial-gradient(circle at 10% 18%,rgba(37,99,235,.14),transparent 30%),
linear-gradient(150deg,var(--brand-bg),var(--brand-bg-2) 55%,var(--brand-bg-3))!important;background-attachment:fixed!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.22;background-image:linear-gradient(rgba(34,211,238,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 78%)}
a{color:inherit}.container{width:min(100%,1400px)!important}
.hero,.header,.panel,.chart-section,.summary-card,.device-card,.modal-content,.project,.kpi,.game-card{border-color:var(--brand-border)!important;box-shadow:var(--brand-shadow),inset 0 1px rgba(125,211,252,.06)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.hero,.header,.panel,.chart-section,.summary-card,.device-card,.modal-content{background:linear-gradient(145deg,rgba(8,27,48,.89),rgba(5,18,35,.84))!important;border-radius:var(--brand-radius-lg)!important}
.hero:before,.header:before,.project:before{height:2px!important;background:linear-gradient(90deg,transparent,var(--brand-cyan),var(--brand-blue),transparent)!important}
.hero h1,.header h1{background:linear-gradient(90deg,#7dd3fc,var(--brand-cyan),#60a5fa)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}
.subtitle,.sub,.muted,.game-desc,.meta,.powered-by{color:var(--brand-muted)!important}
.section-title{color:#7dd3fc!important;border-left-color:var(--brand-cyan)!important}
button,.btn,.button,.btn-primary,.btn-secondary,.mode-btn,.admin-btn,input,select,textarea{border-radius:var(--brand-radius-sm)!important}
button,.btn,.button,.btn-secondary,.mode-btn{transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease!important}
button:hover,.btn:hover,.button:hover,.btn-secondary:hover,.mode-btn:hover{border-color:var(--brand-border-hover)!important;box-shadow:var(--brand-glow)!important}
.btn-primary,.btn.primary,button.primary,.mode-btn.active{background:linear-gradient(135deg,var(--brand-blue-2),var(--brand-blue))!important;border-color:#38bdf8!important;color:white!important}
input,select,textarea{background:rgba(3,17,34,.92)!important;border:1px solid rgba(70,111,143,.75)!important;color:var(--brand-text)!important;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--brand-cyan)!important;box-shadow:0 0 0 3px rgba(34,211,238,.12)!important}
.game-card,.project,.kpi{border-radius:var(--brand-radius)!important;overflow:hidden!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important}
.game-card:hover,.project:hover,.kpi:hover{transform:translateY(-3px);border-color:var(--brand-border-hover)!important;box-shadow:var(--brand-shadow),var(--brand-glow)!important}
.game-tag,.tag,.badge,.powered-by{border-radius:999px!important}
.badge{border:1px solid rgba(34,197,94,.28)!important}.danger{background:rgba(127,29,29,.35)!important;border-color:rgba(248,113,113,.45)!important;color:#fecaca!important}
.status,.toast{background:rgba(5,38,59,.96)!important;border:1px solid var(--brand-cyan)!important;box-shadow:var(--brand-shadow),var(--brand-glow)!important}
canvas{filter:saturate(1.06)}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#03101f}::-webkit-scrollbar-thumb{background:#174665;border:2px solid #03101f;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#1d6b88}
::selection{background:rgba(34,211,238,.3);color:#fff}
@media(max-width:800px){body{background-attachment:scroll!important}.hero,.header,.panel,.chart-section,.summary-card{border-radius:var(--brand-radius)!important}.hero h1,.header h1{letter-spacing:1px!important}.log{grid-template-columns:1fr!important}.actions button,.actions .btn,.actions .button{min-height:42px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
body[data-page="home"] .hero{padding:48px 24px!important}
body[data-page="admin"] .side{background:linear-gradient(180deg,rgba(4,17,34,.96),rgba(3,12,25,.94))!important;border-right-color:var(--brand-border)!important}
body[data-page="admin"] .brand{font-size:20px;letter-spacing:.5px}
body[data-page="admin"] .topbar{padding:4px 0 14px;border-bottom:1px solid rgba(56,189,248,.12)}
body[data-page="admin"] .project{background:linear-gradient(145deg,rgba(9,38,64,.9),rgba(5,18,34,.88))!important}
body[data-page="admin"] .sticky-save{box-shadow:0 12px 35px rgba(0,0,0,.42),0 0 28px rgba(34,211,238,.08)}
body[data-page="result"] .mode-toggle{padding:5px;background:rgba(3,17,34,.72);border:1px solid var(--brand-border);border-radius:14px;width:max-content;max-width:100%;margin-inline:auto}
body[data-page="result"] .mode-btn{border:0!important}