:root{
  --bg:#0a0e14; --bg2:#0e141d;
  --panel:rgba(20,27,37,.82); --line:#222d3b; --line2:#1a2330;
  --ink:#e6ecf3; --mute:#7f8ea3;
  --floor:#161d27; --floorline:rgba(255,255,255,.022);
  --up:#3ddc84; --down:#ff7070; --gold:#f5c46b;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{
  background:
    radial-gradient(1200px 600px at 12% -10%, #16202c 0%, transparent 60%),
    radial-gradient(900px 500px at 100% 0%, #1a1622 0%, transparent 55%),
    var(--bg);
  color:var(--ink);
  font-family:"Noto Sans JP",system-ui,-apple-system,sans-serif;
  display:flex;flex-direction:column;overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
.mono,.tval,.anet,.lval,.ameta,.ticker-inner,.tag{font-family:"JetBrains Mono",monospace;font-variant-numeric:tabular-nums}

/* ---------- header ---------- */
.topbar{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:12px 20px;border-bottom:1px solid var(--line2);
  background:linear-gradient(180deg,rgba(16,22,31,.96),rgba(12,17,24,.86));
  backdrop-filter:blur(10px);position:sticky;top:0;z-index:50;
}
.brand{display:flex;align-items:center;gap:12px}
.mark{
  width:30px;height:30px;border-radius:9px;display:grid;place-items:center;
  background:linear-gradient(140deg,#3ddc84,#2b9df0 60%,#a06bf5);
  color:#08131c;font-weight:700;font-size:16px;
  box-shadow:0 4px 14px rgba(61,220,132,.24);
}
.btext{display:flex;flex-direction:column;line-height:1.25}
.btext strong{font-size:14px;letter-spacing:.13em}
.btext .sub{display:flex;align-items:center;gap:9px;color:#6d7f93;margin-top:3px}
.btext .sub .ico{width:13px;height:13px;transition:color .15s ease}
.btext .sub .ico:hover{color:var(--ink)}
/* Tabler Icons（public/icons.js）。大きさは置いた場所で決める */
.ico{display:block;flex:none;width:14px;height:14px}

.chip{
  display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;
  border:1px solid var(--line);background:rgba(255,255,255,.03);
  font-size:10px;letter-spacing:.14em;color:var(--mute);
}
.chip .ico{width:12px;height:12px}
.chip[hidden]{display:none} /* .chip の display が [hidden] に勝ってしまうので打ち消す */
.viewers b{color:var(--ink);font-weight:500;letter-spacing:.04em}
.dot{width:7px;height:7px;border-radius:50%;background:#4a5565}
.dot.on{background:var(--up);animation:pulse 2.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(61,220,132,.45)}70%{box-shadow:0 0 0 7px rgba(61,220,132,0)}100%{box-shadow:0 0 0 0 rgba(61,220,132,0)}}
.link{
  text-decoration:none;color:#93a2b6;letter-spacing:.06em;
}
.link:hover{color:var(--ink);border-color:#3b4a5c;background:rgba(255,255,255,.06)}
.link .handle{color:var(--mute);margin-left:3px}

.music{
  cursor:pointer;color:#93a2b6;font-family:inherit;letter-spacing:.14em;
  display:inline-flex;align-items:center;gap:7px;padding:4px 10px;
}
.music:hover{border-color:#3b4a5c;color:var(--ink)}
.music.on{color:#8bffc0;border-color:rgba(61,220,132,.35);background:rgba(61,220,132,.08)}
.eq{display:flex;align-items:flex-end;gap:2px;height:11px}
.eq i{width:2px;height:3px;background:currentColor;border-radius:1px}
.music.on .eq i{animation:eq .9s ease-in-out infinite}
.music.on .eq i:nth-child(2){animation-delay:.18s;}
.music.on .eq i:nth-child(3){animation-delay:.36s;}
@keyframes eq{0%,100%{height:3px}50%{height:11px}}

.totalbox{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}
.tlabel{font-size:10px;color:var(--mute);letter-spacing:.12em}
.tval{font-size:26px;font-weight:700;color:var(--up);text-shadow:0 0 22px rgba(61,220,132,.25)}
.tval.neg{color:var(--down);text-shadow:0 0 22px rgba(255,112,112,.2)}

main{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 348px;gap:16px;padding:16px;align-items:start}

/* ---------- stage ---------- */
#stage{
  position:relative;width:100%;overflow:hidden;border-radius:18px;
  border:1px solid var(--line);
  background:
    repeating-linear-gradient(90deg,transparent 0 63px,var(--floorline) 63px 64px),
    repeating-linear-gradient(0deg,transparent 0 63px,var(--floorline) 63px 64px),
    radial-gradient(900px 460px at 30% 20%,#1c2531 0%,transparent 70%),
    var(--floor);
  box-shadow:0 24px 60px rgba(0,0,0,.5), inset 0 0 120px rgba(0,0,0,.45);
}
#stage::after{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:18px;
  background:radial-gradient(120% 90% at 50% 40%,transparent 55%,rgba(0,0,0,.42) 100%);
}
#world{position:absolute;top:0;left:0;width:1200px;height:720px;transform-origin:top left;--inv:1}

/* rooms */
.room{
  position:absolute;border-radius:16px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.022);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 8px 24px rgba(0,0,0,.28);
}
.rlabel{
  position:absolute;top:9px;left:12px;z-index:4;transition:opacity .35s ease;letter-spacing:.16em;color:#7d8da2;white-space:nowrap;
  font-size:calc(9.5px * var(--inv));
  padding:calc(1px * var(--inv)) calc(6px * var(--inv));
  border-radius:999px;background:rgba(8,12,18,.6);border:1px solid rgba(255,255,255,.05);
}
.r-cafe{background:linear-gradient(160deg,rgba(245,196,107,.09),rgba(245,196,107,.02));border-color:rgba(245,196,107,.16)}
.r-game{background:linear-gradient(160deg,rgba(160,107,245,.11),rgba(43,157,240,.03));border-color:rgba(160,107,245,.18)}
.r-tv{background:linear-gradient(160deg,rgba(43,157,240,.10),rgba(43,157,240,.02));border-color:rgba(43,157,240,.16)}
.r-meeting{background:linear-gradient(160deg,rgba(61,220,132,.07),rgba(255,255,255,.015));border-color:rgba(61,220,132,.14)}
.r-studio{background:linear-gradient(160deg,rgba(255,112,112,.07),rgba(255,255,255,.015));border-color:rgba(255,112,112,.13)}

/* desks */
.desk{
  position:absolute;border-radius:8px;
  background:linear-gradient(180deg,#46525f,#39434f);
  box-shadow:0 6px 0 #262e38, 0 12px 22px rgba(0,0,0,.42);
}
.desk .mon{
  position:absolute;left:50%;top:8px;transform:translateX(-50%);
  width:44px;height:26px;border-radius:4px;background:#0e161f;border:1px solid #5a6a7c;
  box-shadow:0 0 16px rgba(63,150,220,.35);
}
.desk .mon::after{
  content:"";position:absolute;inset:3px;border-radius:2px;
  background:linear-gradient(180deg,#3b7fa8,#183042);
  animation:screen 5s ease-in-out infinite alternate;
}
@keyframes screen{0%{opacity:.75}100%{opacity:1}}
.desk .pad{position:absolute;right:12px;bottom:8px;width:26px;height:12px;border-radius:3px;background:#2c343e}
.desk .chair{
  position:absolute;left:50%;bottom:-30px;transform:translateX(-50%);
  width:36px;height:26px;border-radius:10px 10px 14px 14px;
  background:#2b3440;border:1px solid #384354;
}

/* decor */
.decor{position:absolute;border-radius:6px}
.d-rug{
  border-radius:22px;background:radial-gradient(120% 120% at 30% 20%,rgba(255,255,255,.045),rgba(255,255,255,.012));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}
.d-tvset{
  border-radius:8px;background:#05090e;border:3px solid #1d2733;
  box-shadow:0 0 44px rgba(60,140,220,.28), 0 8px 20px rgba(0,0,0,.5);overflow:hidden;
}
.d-tvset::after{
  content:"";position:absolute;inset:2px;border-radius:4px;
  background:linear-gradient(115deg,#2a5f8f,#7b3f8f 40%,#2a8f7c 75%,#2a5f8f);
  background-size:280% 100%;animation:tvshow 9s linear infinite;opacity:.85;
}
@keyframes tvshow{0%{background-position:0% 0}100%{background-position:280% 0}}
.d-sofa{
  border-radius:14px 14px 10px 10px;
  background:repeating-linear-gradient(90deg,#3a4453 0 62px,#333d4b 62px 66px);
  box-shadow:0 6px 0 #232b36,0 10px 20px rgba(0,0,0,.4);
}
.d-sofa::before,.d-sofa::after{content:"";position:absolute;top:-4px;width:12px;height:calc(100% + 4px);border-radius:8px;background:#404b5b}
.d-sofa::before{left:-8px}.d-sofa::after{right:-8px}
.d-lowtable{border-radius:6px;background:#4a3f38;box-shadow:0 4px 0 #2e2723}
.d-plant{border-radius:50% 50% 46% 54%;background:radial-gradient(circle at 34% 28%,#4f9a6d,#26603f 72%);box-shadow:0 6px 14px rgba(0,0,0,.45);opacity:.92}
.d-plant::after{content:"";position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);width:16px;height:12px;border-radius:3px 3px 5px 5px;background:#8a5a3c}
.d-counter{
  border-radius:8px;background:linear-gradient(180deg,#4b3a2e,#3a2c23);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.09),0 10px 22px rgba(0,0,0,.45);
}
.d-counter::after{content:"";position:absolute;left:10px;top:96px;width:42px;height:34px;border-radius:5px;background:#8d939c;box-shadow:0 0 12px rgba(255,255,255,.12)}
.d-cup{border-radius:50%;background:#e8eef4;box-shadow:0 2px 5px rgba(0,0,0,.5)}
.d-cafetable{
  border-radius:50%;background:radial-gradient(circle at 35% 30%,#5a4a3c,#3b3029);
  box-shadow:0 8px 18px rgba(0,0,0,.45),inset 0 0 0 2px rgba(255,255,255,.05);
}
.d-cafetable::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:#e8eef4;opacity:.85}
.d-arcade{
  border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#2b2140,#1a1428);
  border:1px solid #3d2f5c;box-shadow:0 10px 22px rgba(0,0,0,.5);
}
.d-arcade::before{
  content:"";position:absolute;left:8px;top:12px;right:8px;height:34px;border-radius:3px;
  background:linear-gradient(160deg,#ff5fa2,#4fd0ff);opacity:.9;
  box-shadow:0 0 18px rgba(255,95,162,.5);animation:screen 3.4s ease-in-out infinite alternate;
}
.d-arcade::after{content:"";position:absolute;left:10px;right:10px;bottom:16px;height:10px;border-radius:3px;background:#413357}
.d-foosball{
  border-radius:10px;background:linear-gradient(180deg,#2f6b45,#245437);
  border:3px solid #3c3128;box-shadow:0 10px 24px rgba(0,0,0,.45);
}
.d-foosball::before{
  content:"";position:absolute;inset:8px;border-radius:4px;
  background:repeating-linear-gradient(90deg,transparent 0 26px,rgba(255,255,255,.18) 26px 29px);
}
.d-neon{
  display:grid;place-items:center;border-radius:6px;font-size:13px;letter-spacing:.36em;
  font-family:"JetBrains Mono",monospace;color:#ff8ec2;
  text-shadow:0 0 8px #ff5fa2,0 0 22px rgba(255,95,162,.7);
  animation:flicker 4.5s infinite;
}
@keyframes flicker{0%,96%,100%{opacity:1}97%{opacity:.45}98%{opacity:.9}}
.d-roundtable{
  border-radius:50%;background:radial-gradient(circle at 40% 30%,#48525f,#333c48);
  box-shadow:0 12px 26px rgba(0,0,0,.45),inset 0 0 0 2px rgba(255,255,255,.05);
}
.d-whiteboard{border-radius:4px;background:linear-gradient(180deg,#b9c4d1,#8d99a8);opacity:.7;box-shadow:0 0 10px rgba(255,255,255,.06)}
.d-greenscreen{border-radius:6px;background:linear-gradient(180deg,#2c8158,#1c5c3d);box-shadow:0 0 18px rgba(47,157,99,.16);opacity:.9}
.d-light{border-radius:50%;background:radial-gradient(circle,#fff6d8,#f5c46b);box-shadow:0 0 30px rgba(245,196,107,.55)}
.d-camera{border-radius:5px;background:#20262f;border:1px solid #3a4453}
.d-camera::after{content:"";position:absolute;left:50%;top:12px;transform:translateX(-50%);width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#7fb3f5,#16202c);box-shadow:0 0 12px rgba(127,179,245,.5)}
.d-editdesk{border-radius:6px;background:linear-gradient(180deg,#3f4a57,#333c48);box-shadow:0 6px 0 #232b36}
.d-editdesk::after{content:"";position:absolute;left:14px;top:-16px;width:100px;height:20px;border-radius:3px;background:#0e161f;border:1px solid #55627a;box-shadow:0 0 16px rgba(63,150,220,.3)}
.d-reception{
  border-radius:8px;background:linear-gradient(180deg,#3c4655,#2d3542);display:grid;place-items:center;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.07),0 10px 20px rgba(0,0,0,.4);
}
.d-reception span{font-size:11px;letter-spacing:.3em;color:#93a2b6}
.d-shelf{
  border-radius:5px;background:linear-gradient(180deg,#4a3d33,#382e27);
  box-shadow:0 6px 14px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.06);
}
.d-shelf::after{
  content:"";position:absolute;left:8px;right:8px;top:6px;height:13px;border-radius:2px;
  background:repeating-linear-gradient(90deg,#7fb3f5 0 5px,#e0788f 5px 10px,#8fd694 10px 15px,#f5c46b 15px 20px);
  opacity:.55;
}
.d-copier{
  border-radius:6px;background:linear-gradient(180deg,#4a5462,#39424f);
  box-shadow:0 8px 18px rgba(0,0,0,.42);border:1px solid #55606f;
}
.d-copier::after{content:"";position:absolute;left:8px;right:8px;top:8px;height:8px;border-radius:2px;background:#0f1720;box-shadow:0 0 10px rgba(63,150,220,.3)}
.d-water{
  border-radius:6px 6px 4px 4px;background:linear-gradient(180deg,#8fb6d8,#4a5a6b 46%,#39424f 46%);
  box-shadow:0 8px 16px rgba(0,0,0,.4);
}

/* agents */
.agent{position:absolute;left:0;top:0;width:0;height:0;transition:transform .4s linear;z-index:6}
.body{position:absolute;left:-16px;top:-44px;width:32px;height:44px}
.head{
  position:absolute;left:2px;top:0;width:28px;height:28px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:16px;
  background:#2a3542;border:2px solid #0b0f15;box-shadow:0 3px 8px rgba(0,0,0,.5);
}
.torso{position:absolute;left:5px;top:24px;width:22px;height:20px;border-radius:8px 8px 5px 5px;border:2px solid #0b0f15}
.shadow{position:absolute;left:-13px;top:-3px;width:26px;height:9px;border-radius:50%;background:rgba(0,0,0,.5);filter:blur(1px)}
.tag{
  position:absolute;left:50%;top:6px;transform:translateX(-50%);
  display:flex;align-items:center;gap:calc(3px * var(--inv));
  font-size:calc(10px * var(--inv));color:#a9b8cb;
  white-space:nowrap;background:rgba(8,12,18,.78);
  padding:calc(1px * var(--inv)) calc(5px * var(--inv));border-radius:5px;
  border:1px solid rgba(255,255,255,.06);
}
.tag .ico{width:calc(10px * var(--inv));height:calc(10px * var(--inv));color:var(--c,#a9b8cb)}
.agent.walking .body{animation:bob .4s infinite ease-in-out}
.agent.seated .body{transform:translateY(3px)}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}

.bubble{
  position:absolute;left:50%;bottom:calc(50px + 6px * var(--inv));transform:translateX(-50%);
  background:linear-gradient(180deg,#fbfdff,#e9eff6);color:#121b26;line-height:1.4;
  font-size:calc(11px * var(--inv));
  padding:calc(6px * var(--inv)) calc(9px * var(--inv));
  border-radius:calc(10px * var(--inv));
  white-space:normal;width:max-content;max-width:calc(176px * var(--inv));
  box-shadow:0 8px 20px rgba(0,0,0,.5);z-index:9;
}
.bubble::after{content:"";position:absolute;left:50%;bottom:-6px;margin-left:-6px;border:6px solid transparent;border-top-color:#e9eff6;border-bottom:0}
.agent.below .bubble{bottom:auto;top:16px}
.agent.below .bubble::after{bottom:auto;top:-6px;border-top-color:transparent;border-bottom-color:#fbfdff;border-top:0;border-bottom-width:6px}

.float{
  position:absolute;transform:translate(-50%,0);pointer-events:none;z-index:20;text-align:center;
  animation:floatup 2s cubic-bezier(.2,.7,.3,1) forwards;
}
.float b{
  display:block;font-family:"JetBrains Mono",monospace;font-weight:700;
  font-size:calc(16px * var(--inv));padding:3px calc(9px * var(--inv));
  border-radius:999px;backdrop-filter:blur(4px);
}
.float.up b{color:#8bffc0;background:rgba(61,220,132,.14);border:1px solid rgba(61,220,132,.4);box-shadow:0 0 24px rgba(61,220,132,.3)}
.float.down b{color:#ffa1a1;background:rgba(255,112,112,.13);border:1px solid rgba(255,112,112,.38);box-shadow:0 0 24px rgba(255,112,112,.24)}
.float small{display:block;margin-top:3px;font-size:calc(10px * var(--inv));color:#c3cfdd;text-shadow:0 2px 6px #000}
@keyframes floatup{0%{opacity:0;transform:translate(-50%,8px) scale(.92)}18%{opacity:1;transform:translate(-50%,-6px) scale(1)}100%{opacity:0;transform:translate(-50%,-58px) scale(1)}}

/* ticker */
.ticker{
  margin-top:12px;border:1px solid var(--line);border-radius:12px;height:38px;overflow:hidden;
  background:linear-gradient(180deg,rgba(18,25,34,.9),rgba(14,20,28,.9));
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 92%,transparent);
}
.ticker-inner{display:flex;gap:26px;align-items:center;height:100%;padding:0 22px;font-size:12px;white-space:nowrap}
.titem{display:flex;gap:7px;align-items:center;color:var(--mute)}
.titem b.up{color:var(--up)} .titem b.down{color:var(--down)}

/* ---------- side panel ---------- */
.panel{
  background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;
  position:sticky;top:78px;backdrop-filter:blur(8px);box-shadow:0 20px 40px rgba(0,0,0,.35);
  max-height:calc(100vh - 94px);display:flex;flex-direction:column;min-height:0;
}
.panel::-webkit-scrollbar{width:6px}
.panel::-webkit-scrollbar-thumb{background:#2c3948;border-radius:3px}
.panel h2{
  font-size:11px;letter-spacing:.16em;color:#93a2b6;margin:0 0 12px;font-weight:500;
  display:flex;justify-content:space-between;align-items:baseline;
}
.panel h2 span{font-size:10px;color:var(--mute);letter-spacing:.06em}
.agents,.log{list-style:none;margin:0;padding:0}
.agents{margin-bottom:20px;flex:none}
.agents li{
  padding:9px 12px;margin-bottom:7px;border-radius:12px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--c) 12%,transparent),rgba(255,255,255,.02));
  border:1px solid var(--line2);border-left:3px solid var(--c);
}
.arow{display:flex;justify-content:space-between;align-items:center;gap:8px}
.aname{display:flex;align-items:center;gap:9px}
.achip{
  width:26px;height:26px;border-radius:8px;display:grid;place-items:center;color:var(--c);
  background:color-mix(in srgb,var(--c) 14%,rgba(255,255,255,.04));
  border:1px solid color-mix(in srgb,var(--c) 30%,transparent);
}
.achip .ico{width:15px;height:15px}
.aname b{display:block;font-size:14px;line-height:1.2}
.aname em{display:block;font-style:normal;font-size:10px;color:var(--mute)}
.anet{font-size:15px;font-weight:700;color:var(--up)}
.anet.neg{color:var(--down)}
.bar{height:6px;border-radius:4px;background:rgba(255,255,255,.05);margin-top:9px;overflow:hidden;display:flex}
.bar i{display:block;height:100%;transition:width .5s ease}
.bar .g{background:linear-gradient(90deg,#2fae6a,#3ddc84)}
.bar .c{background:linear-gradient(90deg,#c95555,#ff7070);opacity:.85}
.ameta{display:flex;justify-content:space-between;font-size:10px;color:var(--mute);margin-top:6px}

.log{
  flex:1;min-height:64px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2c3948 transparent;
  -webkit-mask-image:linear-gradient(180deg,#000 88%,transparent);
  mask-image:linear-gradient(180deg,#000 88%,transparent);
}
.log::-webkit-scrollbar{width:5px}
.log::-webkit-scrollbar-thumb{background:#2c3948;border-radius:3px}
.log li{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  font-size:11px;padding:6px 2px;border-bottom:1px solid var(--line2);
}
.log li:last-child{border-bottom:0}
.log .ltext{display:flex;align-items:center;gap:8px;min-width:0}
.log .ltext i{width:6px;height:6px;border-radius:2px;flex:none}
.log .ltext span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9fadbf}
.log .ltext b{color:var(--ink);font-weight:500;margin-right:6px}
.log .lval{font-weight:700;white-space:nowrap;font-size:12px}
.log .lval.up{color:var(--up)} .log .lval.down{color:var(--down)}

/* 進行中の会議・社訓の帯 */
.meeting{
  position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:40;
  display:flex;align-items:center;gap:7px;pointer-events:none;
  padding:5px 12px;border-radius:999px;
  background:rgba(10,14,20,.82);border:1px solid var(--line);
  backdrop-filter:blur(6px);box-shadow:0 6px 20px rgba(0,0,0,.35);
  font-size:11px;letter-spacing:.08em;color:#cfd9e6;white-space:nowrap;
}
.meeting::before{
  content:"";width:5px;height:5px;border-radius:50%;
  background:var(--gold);box-shadow:0 0 8px var(--gold);
  animation:mpulse 1.6s ease-in-out infinite;
}
@keyframes mpulse{50%{opacity:.35}}
.meeting[hidden]{display:none}

/* データの出どころ表示 */
.sync{
  flex:none;margin:10px 2px 0;font-family:"JetBrains Mono",monospace;
  font-size:10px;letter-spacing:.06em;color:var(--mute);
  display:flex;align-items:center;gap:6px;opacity:.75;
}
.sync::before{
  content:"";width:5px;height:5px;border-radius:50%;
  background:var(--up);box-shadow:0 0 8px var(--up);flex:none;
}
.sync.off::before{background:var(--mute);box-shadow:none}

@media (max-width:980px){
  main{grid-template-columns:minmax(0,1fr)}
  .panel{position:static;max-height:none;display:block}
  .log{max-height:none;-webkit-mask-image:none;mask-image:none}
  .tval{font-size:22px}
}
@media (max-width:640px){
  .topbar{padding:10px 12px;gap:8px;flex-wrap:wrap}
  .brand{gap:8px;flex-wrap:wrap}
  .btext .sub{display:none}
  .chip .ico{width:11px;height:11px}
  .btext strong{font-size:12px;letter-spacing:.1em}
  .mark{width:26px;height:26px;font-size:14px;border-radius:8px}
  .chip{font-size:9px;padding:3px 8px}
  .link .handle{display:none}
  .totalbox{align-items:flex-start;flex:1 0 100%;flex-direction:row;justify-content:space-between;align-items:baseline}
  .tval{font-size:21px}
  main{padding:10px;gap:12px}
  #stage,.ticker,.panel{border-radius:12px}
  .ticker{height:32px;margin-top:8px}
  .ticker-inner{font-size:11px;gap:18px;padding:0 14px}
  .panel{padding:12px}
  .panel h2{margin-bottom:9px}
  .agents li{padding:9px 10px;margin-bottom:6px}
  .aname b{font-size:13px}
  .anet{font-size:14px}
  .log li{font-size:11px;padding:7px 2px}
}