:root{
  --bg0:#04070E; --bg1:#07101D; --bg2:#0A182B;
  --line:rgba(96,168,255,.20); --edge:rgba(120,190,255,.34);
  --txt:#E6EEFB; --dim:#7C93B4; --dim2:#5A6E8C;
  --blue:#4E9CFF; --cyan:#39D2E0; --gold:#E4B663;
  --ok:#4ADE80; --warn:#FBBF24; --bad:#F87171;
  --mono:"SF Mono",Consolas,"Courier New",monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;overflow:hidden;background:var(--bg0);color:var(--txt);
  font-family:"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  -webkit-font-smoothing:antialiased}

#boot{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;
  background:var(--bg0);color:var(--dim);font-size:14px;letter-spacing:.08em;z-index:50;transition:opacity .5s}
#boot.off{opacity:0;pointer-events:none}

.scene{position:fixed;inset:0;overflow:hidden;background:
  radial-gradient(120% 80% at 50% 8%,#0D1E36 0%,#07101D 42%,#04070E 100%)}
/* 镜头暗角：拉开前后景层次 */
.scene::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;
  background:radial-gradient(108% 88% at 50% 44%,transparent 54%,rgba(2,5,10,.24) 88%,rgba(2,5,10,.44) 100%)}

/* ---------- 空间背景 ---------- */
.sky{position:absolute;inset:0;overflow:hidden}
.stars{position:absolute;inset:-20%;background-repeat:repeat;opacity:.75;animation:drift 120s linear infinite;
  background-image:
    radial-gradient(1.4px 1.4px at 20px 30px,rgba(180,220,255,.9),transparent),
    radial-gradient(1px 1px at 120px 90px,rgba(150,200,255,.7),transparent),
    radial-gradient(1.6px 1.6px at 210px 160px,rgba(255,255,255,.85),transparent),
    radial-gradient(1px 1px at 300px 60px,rgba(120,180,255,.6),transparent),
    radial-gradient(1.2px 1.2px at 380px 220px,rgba(200,230,255,.75),transparent);
  background-size:440px 300px}
@keyframes drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-440px,-300px,0)}}

.horizon{position:absolute;left:0;right:0;top:46%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(78,156,255,.55),rgba(57,210,224,.35),transparent);
  box-shadow:0 0 40px 8px rgba(78,156,255,.18)}

.floor{position:absolute;left:-50%;right:-50%;top:46%;height:120%;
  background-image:
    repeating-linear-gradient(90deg,rgba(78,156,255,.22) 0 1px,transparent 1px 92px),
    repeating-linear-gradient(0deg,rgba(78,156,255,.16) 0 1px,transparent 1px 92px);
  transform:perspective(520px) rotateX(72deg);
  transform-origin:50% 0;
  animation:flow 9s linear infinite;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 62%);
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 62%)}
@keyframes flow{from{background-position:0 0,0 0}to{background-position:0 0,0 92px}}

/* ---------- HUD ---------- */
.hud{position:absolute;left:0;right:0;top:0;height:64px;display:flex;align-items:center;
  justify-content:space-between;padding:0 28px;z-index:6;
  background:linear-gradient(180deg,rgba(4,7,14,.88),transparent)}
.hud-brand{display:flex;align-items:baseline;gap:12px}
.hud-brand b{font-size:17px;letter-spacing:.04em}
.hud-brand b span{color:var(--gold)}
.hud-brand i{font-style:normal;font-size:12px;color:var(--dim);letter-spacing:.16em}
.hud-tools{display:flex;align-items:center;gap:8px}
.chip{font-size:11.5px;color:var(--dim);border:1px solid var(--line);border-radius:999px;
  padding:4px 11px;background:rgba(10,22,40,.6);font-family:var(--mono)}
.chip.gold{color:var(--gold);border-color:rgba(228,182,99,.34);background:rgba(228,182,99,.09)}
.chip.live::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;
  background:var(--ok);margin-right:6px;vertical-align:middle;animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}
.tbtn{font-size:12px;color:var(--dim);background:rgba(10,22,40,.7);border:1px solid var(--line);
  border-radius:6px;padding:6px 12px;cursor:pointer;text-decoration:none;transition:.18s;
  font-family:inherit}
.tbtn:hover{color:var(--txt);border-color:var(--edge);background:rgba(24,48,80,.8)}
.tbtn.on{color:var(--gold);border-color:rgba(228,182,99,.5)}

/* ---------- 3D 舞台 ---------- */
.stage{position:absolute;inset:0;perspective:1800px;perspective-origin:50% 45%;
  transform-style:preserve-3d;z-index:4;--spread:clamp(540px,44vw,800px)}

/* ========== 显示器机身（bezel） ========== */
.panel{position:absolute;left:50%;top:46%;transform-style:preserve-3d;
  padding:12px 12px 22px;border-radius:11px;
  background:
    linear-gradient(157deg,#4E5F7C 0%,#232E42 14%,#0D131D 46%,#202B3D 78%,#465570 100%);
  box-shadow:
    0 0 0 1px rgba(178,212,255,.42),
    0 0 0 2px rgba(6,11,20,.95),
    0 0 0 3px rgba(128,172,228,.20),
    0 3px 0 0 rgba(0,0,0,.6),
    0 8px 0 -4px rgba(0,0,0,.55),
    0 32px 64px -26px rgba(0,0,0,.96),
    0 70px 130px -60px rgba(0,0,0,1),
    0 86px 46px -74px rgba(78,156,255,.34),
    var(--glow);
  --glow:0 0 92px -16px rgba(78,156,255,.48);
  will-change:transform;
  transition:transform .5s cubic-bezier(.22,.8,.28,1),box-shadow .3s}

/* 机身拉丝金属 + 上下倒角 + 四周边缘受光 */
.panel::before{content:"";position:absolute;inset:0;border-radius:11px;pointer-events:none;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px),
    linear-gradient(180deg,rgba(255,255,255,.20) 0%,rgba(255,255,255,.03) 8%,transparent 26%,
      transparent 70%,rgba(0,0,0,.45) 100%);
  box-shadow:
    inset 0 1px 0 rgba(224,242,255,.40),
    inset 1px 0 0 rgba(190,222,255,.14),
    inset -1px 0 0 rgba(190,222,255,.14),
    inset 0 -1px 0 rgba(0,0,0,.8)}
/* 电源指示灯 + 下巴高光 */
.panel::after{content:"";position:absolute;right:17px;bottom:7px;width:5px;height:5px;
  border-radius:50%;background:#4ADE80;
  box-shadow:0 0 10px 2px rgba(74,222,128,.9),0 0 2px 0 rgba(255,255,255,.95)}

/* 下巴品牌字（蚀刻感） */
.chin{position:absolute;left:0;right:0;bottom:0;height:22px;line-height:22px;text-align:center;
  font-family:var(--mono);font-size:8px;letter-spacing:.30em;text-indent:.30em;
  color:rgba(178,204,236,.42);pointer-events:none;
  text-shadow:0 1px 0 rgba(0,0,0,.9),0 -1px 0 rgba(190,220,255,.10)}
.chin span{color:rgba(228,182,99,.60);margin-left:.1em}

/* ========== 显示器支架（立柱 + 底盘） ========== */
.stand{position:absolute;left:50%;bottom:-100px;transform:translateX(-50%);
  width:236px;height:100px;pointer-events:none}
/* 立柱（金属圆角扁柱，水平渐变模拟圆柱受光） */
.stand::before{content:"";position:absolute;left:50%;transform:translateX(-50%);
  bottom:15px;width:86px;height:90px;border-radius:7px 7px 4px 4px;
  background:
    linear-gradient(180deg,rgba(126,150,182,.55) 0%,rgba(70,86,110,.25) 12%,transparent 34%),
    linear-gradient(90deg,#0B1016 0%,#1A222D 8%,#334053 20%,#556880 36%,#647892 47%,
      #50627A 58%,#2C3746 74%,#141A22 90%,#080C12 100%);
  box-shadow:inset 0 1px 0 rgba(220,242,255,.40),inset 0 -2px 3px rgba(0,0,0,.85),
             inset 1px 0 0 rgba(190,220,255,.16),inset -1px 0 0 rgba(0,0,0,.8),
             0 0 0 1px rgba(132,176,232,.16),
             0 10px 20px -10px rgba(0,0,0,.95)}
/* 立柱受光竖条 */
.stand::after{content:"";position:absolute;left:50%;transform:translateX(-50%);
  bottom:16px;width:7px;height:80px;border-radius:4px;
  background:linear-gradient(180deg,rgba(196,228,255,.24),rgba(196,228,255,.04) 58%,transparent);
  filter:blur(.5px)}
/* 底盘（双层椭圆金属盘：上层碟面 + 下层底座） */
.stand u{position:absolute;left:0;bottom:0;width:100%;height:19px;text-decoration:none;
  border-radius:50%;
  background:linear-gradient(180deg,#2B3546 0%,#1A222E 38%,#0D121A 78%,#06090E 100%);
  box-shadow:
    inset 0 -2px 6px rgba(0,0,0,.9),
    0 0 0 1px rgba(140,180,235,.20),
    0 12px 22px -8px rgba(0,0,0,.95),
    0 26px 44px -22px rgba(78,156,255,.34)}
/* 碟面 */
.stand u::before{content:"";position:absolute;left:5%;right:5%;top:-5px;height:15px;
  border-radius:50%;
  background:linear-gradient(180deg,#586A84 0%,#3F4E64 38%,#28323F 78%,#171E28 100%);
  box-shadow:inset 0 1.5px 0 rgba(232,248,255,.52),inset 0 -1px 2px rgba(0,0,0,.6)}

/* ========== 屏幕（内凹 / 玻璃 / 扫描线） ========== */
.screen{position:relative;height:100%;display:flex;flex-direction:column;
  border-radius:5px;overflow:hidden;
  outline:2px solid rgba(2,5,10,.92);outline-offset:0;
  background:radial-gradient(132% 92% at 50% -12%,var(--scr1,#0C1B2E) 0%,var(--scr2,#03070D) 64%);
  box-shadow:
    inset 0 0 0 1px rgba(120,180,255,.30),
    inset 0 1px 0 rgba(185,228,255,.34),
    inset 0 9px 22px -9px rgba(0,0,0,.95),
    inset 0 -16px 34px -20px rgba(0,0,0,.9),
    inset 0 0 56px -14px rgba(0,0,0,.75),
    0 0 22px -7px rgba(78,156,255,.36)}
/* 玻璃反光（斜向高光带） */
.screen::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:4;
  background:
    linear-gradient(118deg,rgba(176,222,255,.10) 0%,rgba(176,222,255,.035) 15%,transparent 33%,
      transparent 100%),
    linear-gradient(118deg,transparent 55%,rgba(255,255,255,.045) 64%,transparent 73%);
  mix-blend-mode:screen}
/* 扫描线 */
.screen::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;opacity:.5;
  background:repeating-linear-gradient(0deg,rgba(150,205,255,.045) 0 1px,transparent 1px 4px)}
/* 屏幕高光层（HTML 中预留，避免与伪元素抢层级） */
.gloss{display:none}

.panel.main{width:min(772px,52vw);height:min(556px,64vh);
  margin-left:calc(min(772px,52vw) / -2);margin-top:calc(min(556px,64vh) / -2);z-index:5}
.panel.side{width:min(500px,30vw);height:min(452px,55vh);z-index:3;opacity:.98;
  background:linear-gradient(157deg,#3B485D 0%,#1B2333 14%,#0A0F18 46%,#171F2C 78%,#344055 100%);
  --scr1:#0A1524;--scr2:#02050A;
  --glow:0 0 58px -26px rgba(78,156,255,.30)}
#side-left{margin-left:calc(min(500px,30vw) / -2);margin-top:calc(min(452px,55vh) / -2);
  transform:translate3d(calc(-1 * var(--spread)),22px,-360px) rotateY(20deg) scale(.92)}
#side-right{margin-left:calc(min(500px,30vw) / -2);margin-top:calc(min(452px,55vh) / -2);
  transform:translate3d(var(--spread),22px,-360px) rotateY(-20deg) scale(.92)}
.panel.side{filter:saturate(.9) brightness(.95) blur(.3px)}
.panel.side:hover{--glow:0 0 82px -14px rgba(78,156,255,.58);filter:saturate(1) brightness(1) blur(0)}

.panel-bar{position:relative;z-index:3;flex:0 0 auto;
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 18px 11px;font-size:13.5px;letter-spacing:.04em;
  background:linear-gradient(180deg,rgba(78,156,255,.13),rgba(78,156,255,.03) 68%,transparent);
  border-bottom:1px solid rgba(96,168,255,.30);
  box-shadow:0 1px 0 rgba(0,0,0,.55),inset 0 1px 0 rgba(170,215,255,.12)}
.panel-bar span{font-weight:500;display:flex;align-items:center;gap:8px}
.panel-bar span::before{content:"";width:6px;height:6px;border-radius:50%;flex:0 0 6px;
  background:var(--cyan);box-shadow:0 0 10px 1px rgba(57,210,224,.9)}
.panel-bar em{font-style:normal;font-size:11px;color:var(--dim2);letter-spacing:.1em;font-family:var(--mono)}
.panel-body{position:relative;z-index:2;flex:1 1 auto;min-height:0;
  padding:14px 20px 16px;overflow:auto;scrollbar-width:thin}
.panel-body::-webkit-scrollbar{width:4px}
.panel-body::-webkit-scrollbar-thumb{background:rgba(96,168,255,.3);border-radius:2px}

/* ---------- 数据组件 ---------- */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:11px}
.kpi{position:relative;overflow:hidden;border-radius:9px;padding:11px 13px;
  background:linear-gradient(180deg,rgba(96,170,255,.11),rgba(78,156,255,.022));
  border:1px solid rgba(120,180,255,.20);
  box-shadow:
    inset 0 1px 0 rgba(190,228,255,.18),
    inset 0 -14px 26px -20px rgba(0,0,0,.95),
    0 8px 16px -12px rgba(0,0,0,.9)}
.kpi::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(190,232,255,.55),transparent)}
.kpi::after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--blue);
  opacity:.85;box-shadow:0 0 10px 1px rgba(78,156,255,.7)}
.kpi.gold::after{background:var(--gold);box-shadow:0 0 10px 1px rgba(228,182,99,.7)}
.kpi.cyan::after{background:var(--cyan);box-shadow:0 0 10px 1px rgba(57,210,224,.7)}
.kpi.dim::after{background:var(--dim2);box-shadow:none}
.kpi b{display:block;font-size:26px;font-weight:500;font-family:var(--mono);letter-spacing:-.02em;
  line-height:1.25;color:var(--txt);text-shadow:0 0 22px rgba(78,156,255,.45)}
.kpi b small{font-size:12px;color:var(--dim);margin-left:2px;font-family:inherit;text-shadow:none}
.kpi i{display:block;font-style:normal;font-size:11px;color:var(--dim);margin-top:4px;letter-spacing:.02em}
.kpi.gold b{color:var(--gold);text-shadow:0 0 24px rgba(228,182,99,.55)}
.kpi.cyan b{color:var(--cyan);text-shadow:0 0 24px rgba(57,210,224,.55)}

.sect{position:relative;font-size:11px;color:var(--dim2);letter-spacing:.16em;margin:11px 0 7px;
  padding-left:10px;display:flex;justify-content:space-between;align-items:center}
.sect::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:3px;height:10px;border-radius:1px;
  background:linear-gradient(180deg,var(--cyan),var(--blue));
  box-shadow:0 0 8px rgba(57,210,224,.8)}
.sect::after{content:"";flex:1;height:1px;margin-left:10px;
  background:linear-gradient(90deg,var(--line),transparent)}

.bars{display:flex;flex-direction:column;gap:7px}
.bar-row{display:grid;grid-template-columns:1fr auto;gap:4px 8px;font-size:12.5px}
.bar-row .lab{color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bar-row .val{font-family:var(--mono);color:var(--txt);font-size:12px}
.bar-track{grid-column:1/-1;height:4px;border-radius:3px;overflow:hidden;
  background:rgba(4,10,20,.92);
  box-shadow:inset 0 1px 3px rgba(0,0,0,.95),0 0 0 1px rgba(96,168,255,.10)}
.bar-fill{display:block;height:100%;border-radius:3px;
  background:linear-gradient(90deg,var(--blue),var(--cyan));
  box-shadow:0 0 12px -1px rgba(78,156,255,.8);
  transition:width .9s cubic-bezier(.2,.8,.3,1)}
.bar-fill.g{background:linear-gradient(90deg,#B98A3C,var(--gold));
  box-shadow:0 0 12px -1px rgba(228,182,99,.75)}
.bar-fill.d{background:linear-gradient(90deg,#3A4A63,#5A6E8C);box-shadow:none}

.lines{display:flex;flex-direction:column;gap:6px;font-size:12.5px}
.line-row{display:flex;justify-content:space-between;align-items:baseline;
  padding:6px 10px;border-radius:6px;
  background:linear-gradient(180deg,rgba(78,156,255,.075),rgba(78,156,255,.02));
  border:1px solid rgba(96,168,255,.10);
  box-shadow:inset 0 1px 0 rgba(150,205,255,.10)}
.line-row span{color:var(--dim)}
.line-row b{font-family:var(--mono);font-weight:500;font-size:13px}
.line-row b.ok{color:var(--ok)} .line-row b.warn{color:var(--warn)} .line-row b.bad{color:var(--bad)}
.line-row b.gold{color:var(--gold)}

.spark{width:100%;height:92px;display:block;margin:2px 0 0}
.spark.sm{height:68px}
.spark .area{fill:url(#gArea)}
.spark .ln{fill:none;stroke:var(--blue);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.spark .dot{fill:var(--cyan)}
.spark .axis{stroke:rgba(96,168,255,.16);stroke-width:.6}
.spark-x{display:flex;justify-content:space-between;font-size:9.5px;color:var(--dim2);
  font-family:var(--mono);letter-spacing:.04em;margin-top:-2px;padding:0 4px}

.ring-wrap{display:flex;align-items:center;gap:14px;margin:6px 0 12px}
.ring{width:84px;height:84px;flex:0 0 84px;position:relative}
.ring svg{width:84px;height:84px}
.ring svg{transform:rotate(-90deg)}
.ring .tick{fill:none;stroke:rgba(96,168,255,.13);stroke-width:7}
.ring .arc{fill:none;stroke:url(#gRing);stroke-width:7;stroke-linecap:round;transition:stroke-dashoffset 1s}
.ring em{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-style:normal;font-size:16px;font-family:var(--mono);color:var(--gold)}
.ring-legend{font-size:12px;color:var(--dim);line-height:1.9}
.ring-legend b{color:var(--txt);font-family:var(--mono);font-weight:500}

.task{padding:8px 11px;border-radius:7px;background:rgba(228,182,99,.07);
  border:1px solid rgba(228,182,99,.22);font-size:12.5px;color:#D9C79E;margin-bottom:7px}
.task b{color:var(--gold);font-family:var(--mono)}
.empty{color:var(--dim2);font-size:12.5px;text-align:center;padding:22px 0;line-height:1.8}

/* ---------- 控制台（物理按键台） ---------- */
.console{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:7;
  display:flex;flex-direction:column;align-items:center;gap:9px}
.keys{display:flex;gap:7px;padding:8px;border-radius:14px;
  background:linear-gradient(180deg,#2C3849 0%,#131B27 52%,#0A1018 100%);
  box-shadow:
    0 0 0 1px rgba(158,196,245,.22),
    0 0 0 2px rgba(4,8,14,.8),
    inset 0 1px 0 rgba(205,232,255,.20),
    inset 0 -1px 0 rgba(0,0,0,.8),
    0 20px 44px -20px rgba(0,0,0,.95),
    0 0 56px -24px rgba(78,156,255,.62)}
.key{font-size:12.5px;color:var(--dim);background:linear-gradient(180deg,rgba(78,156,255,.07),rgba(78,156,255,.01));
  border:1px solid rgba(120,180,255,.13);
  border-radius:7px;padding:7px 13px;cursor:pointer;font-family:inherit;transition:.16s;white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(180,220,255,.10),0 2px 4px -2px rgba(0,0,0,.8)}
.key:hover{color:var(--txt);background:linear-gradient(180deg,rgba(78,156,255,.20),rgba(78,156,255,.06));
  border-color:rgba(120,180,255,.34)}
.key.on{color:#06101F;background:linear-gradient(180deg,#A6D2FF,#4E9CFF 60%,#3B82E8);font-weight:500;
  border-color:rgba(190,225,255,.6);
  box-shadow:0 0 22px -3px rgba(78,156,255,.95),inset 0 1px 0 rgba(255,255,255,.55)}
.console-note{font-size:10.5px;color:#7C93B4;letter-spacing:.12em;font-family:var(--mono)}

/* ---------- 平面模式（降级为三栏并排，保留机身与屏幕质感） ---------- */
body.flat{overflow:auto;height:auto}
body.flat .scene{position:static;min-height:100vh;overflow:visible;padding:74px 22px 0;
  background:linear-gradient(180deg,#08131F,#04070E 60%)}
body.flat .sky{display:none}
body.flat .hud{position:sticky;top:0;background:linear-gradient(180deg,rgba(6,12,22,.96),rgba(6,12,22,.72))}
body.flat .stage{position:static;perspective:none;transform:none!important;
  display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:16px;align-items:start;padding:0;height:auto}
body.flat .panel{position:static!important;width:auto!important;height:auto!important;
  min-height:320px;max-height:none;margin:0!important;transform:none!important;opacity:1!important}
body.flat #side-left,body.flat #side-right{margin:0!important;transform:none!important;filter:none}
body.flat .screen{height:auto;min-height:300px}
body.flat .panel-body{height:auto;max-height:none;flex:0 0 auto}
body.flat .stand{display:none}
body.flat .panel{margin-bottom:0!important}
body.flat .console{position:static;transform:none;margin:26px auto 34px}
body.flat .spark{height:96px}

/* ---------- 移动端 ---------- */
@media (max-width:1080px){
  .stage{perspective:1100px}
  .panel.main{width:min(700px,86vw);height:min(520px,62vh);
    margin-left:calc(min(700px,86vw) / -2);margin-top:calc(min(520px,62vh) / -2)}
  .panel.side{width:min(480px,72vw);height:min(440px,54vh);opacity:0;pointer-events:none}
  .hud-brand i{display:none}
}
@media (max-width:720px){
  html,body{overflow-x:hidden;overflow-y:auto;height:auto}
  .scene{position:static;min-height:100vh;padding:66px 10px 40px;overflow:hidden}
  .sky{display:none}
  .hud{position:fixed;left:0;right:0;top:0;height:54px;padding:0 12px;z-index:20;
    background:linear-gradient(180deg,rgba(6,12,22,.98),rgba(6,12,22,.82));
    backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
  .hud-tools{gap:6px}
  .hud-tools .chip{display:none}
  .tbtn{padding:5px 9px;font-size:11.5px}
  .stage{position:static;perspective:none;transform:none!important;display:block;padding:0}
  .panel{position:static!important;width:auto!important;height:auto!important;max-height:none;
    margin:0 0 12px!important;transform:none!important;opacity:1!important;
    border-radius:18px;padding:9px 9px 15px}
  #side-left,#side-right{margin:0 0 12px!important;transform:none!important;filter:none;opacity:1!important}
  .screen{height:auto;min-height:0;border-radius:9px}
  .panel-bar{padding:10px 14px}
  .panel-body{height:auto;max-height:none;flex:0 0 auto;padding:12px 14px 14px}
  .console{position:static;transform:none;margin:16px auto 0;display:flex;width:auto;align-items:stretch}
  .keys{overflow-x:auto;justify-content:flex-start;width:100%;padding:6px}
  .key{padding:6px 10px;font-size:12px}
  .console-note{display:none}
  .kpis{grid-template-columns:1fr 1fr;gap:8px}
  .kpi b{font-size:22px}
  .spark{height:84px}
  .panel::after{right:12px;bottom:6px}
  .stand{display:none}
}
@media (prefers-reduced-motion:reduce){
  .stars,.floor{animation:none}
  .panel{transition:none}
}