/* ═══ 凡人修仙·问天录 玄金墨玉主题 ═══ */
:root{
  --bg0:#0c0a06;
  --bg:#151208;
  --bg2:#1c1810;
  --border:#5A4A32;
  --title:#D8C078;
  --sec:#C8B088;
  --txt:#A89878;
  --dim:#7A6A4A;
  --line:#8A7A45;
  --barbg:#3A3428;
  --danger:#B85A3C;
  --blood:#8C2F22;
  --good:#8FA65C;
  --serif:"Noto Serif SC","Songti SC","STSong","SimSun","KaiTi",serif;
}
*{box-sizing:border-box;margin:0;padding:0;}
html,body{height:100%;}
body{
  background:var(--bg0);
  color:var(--txt);
  font-family:var(--serif);
  font-size:16px;
  line-height:1.9;
  overflow-x:hidden;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(ellipse at 20% -10%, rgba(90,74,50,.25), transparent 55%),
    radial-gradient(ellipse at 85% 110%, rgba(90,74,50,.18), transparent 50%);
}
.hidden{display:none !important;}

/* 浮尘 */
.embers{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;}
.ember{position:absolute;width:3px;height:3px;border-radius:50%;
  background:rgba(216,192,120,.35);animation:floatUp linear infinite;}
@keyframes floatUp{
  0%{transform:translateY(105vh) translateX(0);opacity:0;}
  10%{opacity:.7;}90%{opacity:.4;}
  100%{transform:translateY(-5vh) translateX(40px);opacity:0;}
}

/* ═══ 覆盖层（问天启/死亡/帮助） ═══ */
.overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;
  background:rgba(12,10,6,.96);padding:20px;overflow-y:auto;}
.panel{
  width:min(680px,94vw);
  background:var(--bg);
  border:1px solid var(--border);
  box-shadow:0 0 0 1px #0a0805, 0 0 40px rgba(90,74,50,.35), inset 0 0 60px rgba(0,0,0,.5);
  padding:26px 30px;
}
.p-title{
  display:inline-block;background:var(--border);color:var(--title);
  font-size:22px;font-weight:700;letter-spacing:.35em;
  padding:6px 18px 6px 24px;margin-bottom:14px;
}
.p-line{height:1px;background:linear-gradient(90deg,var(--line),transparent);margin:12px 0;}
.p-sec{color:var(--sec);font-weight:700;letter-spacing:.2em;margin:10px 0 4px;}
.p-txt{color:var(--txt);font-size:15px;}
.p-foot{color:var(--dim);font-size:13px;text-align:center;margin-top:10px;}
.p-author{color:var(--dim);font-size:12px;text-align:right;margin-top:14px;letter-spacing:.1em;}

/* 启动选项 */
.lopt{
  border:1px solid var(--barbg);padding:10px 14px;margin:6px 0;cursor:pointer;
  color:var(--txt);transition:.2s;display:flex;justify-content:space-between;gap:10px;
}
.lopt:hover{border-color:var(--line);background:var(--bg2);color:var(--sec);}
.lopt .n{color:var(--title);font-weight:700;margin-right:10px;}
.lopt .d{color:var(--dim);font-size:13px;}
.lopt.locked{opacity:.45;cursor:not-allowed;}

/* 命数点 */
.perk-row{display:flex;justify-content:space-between;align-items:center;
  border:1px dashed var(--barbg);padding:8px 12px;margin:5px 0;font-size:14px;}
.perk-row .cost{color:var(--title);}
.perk-row.on{border-color:var(--good);background:rgba(143,166,92,.08);}
.perk-row .t{cursor:pointer;}
.perk-row .t:hover{color:var(--sec);}

/* ═══ 原创角色 · 创角面板 ═══ */
.oc-panel{width:min(720px,94vw);max-height:92vh;overflow-y:auto;}
.oc-input-row{display:flex;gap:10px;align-items:center;margin:6px 0;}
.oc-input-row input{
  flex:1;background:var(--bg2);border:1px solid var(--barbg);color:var(--txt);
  font-family:var(--serif);font-size:16px;padding:10px 14px;letter-spacing:.1em;
  outline:none;transition:.2s;
}
.oc-input-row input:focus{border-color:var(--line);}
.oc-input-row input::placeholder{color:var(--dim);letter-spacing:.05em;}
.oc-btn{
  background:var(--bg2);border:1px solid var(--line);color:var(--sec);
  font-family:var(--serif);padding:10px 16px;cursor:pointer;font-size:14px;
  white-space:nowrap;transition:.18s;
}
.oc-btn:hover{color:var(--title);border-color:var(--title);}
.oc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:6px 0;}
.oc-card{
  border:1px solid var(--barbg);background:var(--bg2);padding:12px 14px;cursor:pointer;
  transition:.18s;
}
.oc-card:hover{border-color:var(--line);}
.oc-card.on{border-color:var(--title);box-shadow:inset 3px 0 0 var(--title);background:rgba(216,192,120,.06);}
.oc-card-name{color:var(--sec);font-weight:700;letter-spacing:.05em;font-size:15px;margin-bottom:4px;}
.oc-card.on .oc-card-name{color:var(--title);}
.oc-card-desc{color:var(--dim);font-size:12px;line-height:1.6;}
.oc-sm{padding:10px 12px;}
.oc-tags{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0;}
.oc-tag{
  display:inline-flex;align-items:center;justify-content:center;min-width:44px;
  padding:8px 14px;border:1px solid var(--barbg);background:var(--bg2);color:var(--sec);
  font-family:var(--serif);font-size:15px;cursor:pointer;transition:.18s;letter-spacing:.1em;
}
.oc-tag:hover{border-color:var(--line);}
.oc-tag.on{border-color:var(--title);color:var(--title);background:rgba(216,192,120,.08);box-shadow:inset 0 0 0 1px var(--title);}
.oc-tag.mut{color:var(--danger);}
.oc-tag.mut.on{border-color:var(--danger);color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger);background:rgba(180,80,80,.08);}
.oc-btn-row{margin:8px 0;}
.c-tip{color:var(--dim);font-size:12px;margin-top:4px;letter-spacing:.05em;}

/* ═══ V1.2 问心路卷轴 + 最终角色预览页 ═══ */
.wx-head{color:var(--sec);letter-spacing:.3em;font-size:13px;margin:10px 0 8px;text-align:center;}
.wx-q{color:var(--txt);font-size:15px;line-height:1.9;margin:8px 0 14px;text-align:center;}
.wx-opt{
  border:1px solid var(--barbg);background:var(--bg2);color:var(--sec);
  padding:11px 16px;margin:8px 0;cursor:pointer;font-size:14px;line-height:1.7;transition:.18s;
}
.wx-opt:hover{border-color:var(--title);color:var(--title);background:rgba(216,192,120,.06);}
.wx-done{color:var(--txt);font-size:15px;line-height:2.1;text-align:center;padding:14px 0;}
.fin-row{display:flex;align-items:baseline;gap:12px;padding:9px 2px;border-bottom:1px dashed var(--barbg);}
.fin-k{color:var(--dim);font-size:12px;letter-spacing:.2em;flex:0 0 3.5em;}
.fin-v{color:var(--txt);font-size:14px;line-height:1.8;flex:1;}
.fin-edit{
  color:var(--dim);font-size:12px;border:1px solid var(--barbg);padding:1px 8px;cursor:pointer;flex:0 0 auto;transition:.18s;
}
.fin-edit:hover{color:var(--title);border-color:var(--title);}
/* P3-1 问心回顾 */
.fin-wx-title{margin:14px 0 4px;font-size:12px;letter-spacing:.5em;color:var(--dim);text-align:center;}
.fin-wx{padding:7px 2px;border-bottom:1px dashed var(--barbg);display:flex;flex-direction:column;gap:2px;}
.fin-wx-q{color:var(--dim);font-size:12px;line-height:1.7;}
.fin-wx-a{color:var(--txt);font-size:13px;line-height:1.7;}

/* ═══ 报 bug · 快照面板 ═══ */
.bug-panel{width:min(640px,94vw);}
#bug-text{
  width:100%;box-sizing:border-box;background:var(--bg0);border:1px solid var(--barbg);
  color:var(--txt);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"PingFang SC",monospace;
  font-size:12.5px;line-height:1.65;padding:12px 14px;resize:vertical;min-height:240px;
  outline:none;white-space:pre-wrap;
}
#bug-text:focus{border-color:var(--line);}


/* ═══ 主界面 ═══ */
#app{position:relative;z-index:1;max-width:1160px;margin:0 auto;min-height:100vh;
  display:flex;flex-direction:column;padding:0 14px;}
#topbar{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  border-bottom:1px solid var(--border);padding:12px 6px;flex-wrap:wrap;
}
.tb-title{color:var(--title);font-weight:700;letter-spacing:.25em;font-size:17px;}
.tb-home{
  margin-left:12px;padding:4px 12px;font-size:13px;letter-spacing:.1em;
  color:var(--title);background:transparent;border:1px solid var(--title);
  border-radius:4px;cursor:pointer;transition:all .15s;white-space:nowrap;
}
.tb-home:hover{background:var(--title);color:#1a1408;box-shadow:0 0 8px rgba(216,192,120,.5);}
.tb-home.disabled{opacity:.35;cursor:not-allowed;border-color:var(--barbg);color:var(--dim);background:transparent;box-shadow:none;}
.tb-mid{color:var(--txt);font-size:14px;}
.tb-sep{color:var(--barbg);margin:0 8px;}
.tb-right{color:var(--sec);font-size:14px;}

#layout{flex:1;display:grid;grid-template-columns:1fr 310px;gap:18px;padding:18px 0;}
@media (max-width:900px){#layout{grid-template-columns:1fr;}}

#stage{
  background:var(--bg);border:1px solid var(--border);
  box-shadow:inset 0 0 50px rgba(0,0,0,.45);
  padding:26px 30px;min-height:60vh;display:flex;flex-direction:column;
}
.scene-title{color:var(--title);font-size:20px;font-weight:700;letter-spacing:.3em;
  border-left:3px solid var(--line);padding-left:12px;margin-bottom:16px;}
.scene-title .st-sub{color:var(--dim);font-size:13px;letter-spacing:.1em;font-weight:400;margin-left:12px;}
.scene-img{margin-bottom:16px;text-align:center;}
.scene-img img{max-width:100%;max-height:42vh;border:1px solid var(--border);box-shadow:0 6px 24px rgba(0,0,0,.35);}
/* —— 探索舆图层（tansuo 方案 C）—— */
.ts-map{border:1px solid var(--border);background:rgba(0,0,0,.16);padding:8px 6px 2px;margin-bottom:6px;}
.ts-map svg{display:block;width:100%;height:auto;max-height:46vh;}
.ts-map text{font-family:var(--serif);}
.ts-map .ts-edge{stroke:var(--line);stroke-width:1;opacity:.5;fill:none;}
.ts-map .ts-edge-hidden{stroke-dasharray:4 3;opacity:.42;}
.ts-map .ts-lock{stroke:var(--dim);stroke-width:1;fill:none;opacity:.8;}
.ts-map .ts-legend{display:flex;flex-wrap:wrap;gap:2px 14px;justify-content:center;color:var(--dim);font-size:11px;padding:5px 4px 6px;}
.ts-map .ts-legend i{font-style:normal;font-size:10px;}
@keyframes tsBreath{0%,100%{opacity:.85;}50%{opacity:.12;}}
.ts-pulse{animation:tsBreath 2.4s ease-in-out infinite;}
/* ── V3 世界舆图（tansuo 2026-09-21）：底图 + 晕章 + 迷雾 ── */
.ts-map3{margin-bottom:8px;}
.ts-map3 svg{display:block;width:100%;height:auto;max-height:60vh;border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 24px rgba(0,0,0,.45);background:#0b0805;}
.ts-map3 .ts3-legend{display:flex;flex-wrap:wrap;gap:2px 14px;justify-content:center;color:var(--dim);font-size:11px;padding:5px 4px 2px;}
.ts3-breath{animation:ts3Glow 2.4s ease-in-out infinite;}
@keyframes ts3Glow{0%,100%{stroke-opacity:.95;}50%{stroke-opacity:.25;}}
.scene-text{flex:1;cursor:pointer;white-space:pre-wrap;}
.scene-text p{margin-bottom:14px;}
.scene-text .sys{color:var(--dim);font-size:14px;}
.scene-text .gold{color:var(--title);}
.scene-text .red{color:var(--danger);}
.scene-text .green{color:var(--good);}
.scene-text .q{color:var(--sec);}

#choices{margin-top:22px;}
/* V1.2.1 拥挤优化：菜单类场景（≥4 个选项）自动双列；剧情场景（1~3 个长选项）保持单列 */
#choices:has(> .choice:nth-child(4)){display:grid;grid-template-columns:1fr 1fr;gap:8px;}
#choices:has(> .choice:nth-child(4)) .choice{margin:0;}
#choices:has(> .choice:nth-child(4)) .choice:hover{transform:none;border-color:var(--line);}
.choice{
  border:1px solid var(--barbg);background:var(--bg2);
  padding:11px 16px;margin:8px 0;cursor:pointer;transition:.18s;
  color:var(--txt);font-size:15px;
}
.choice:hover{border-color:var(--line);color:var(--sec);transform:translateX(4px);}
.choice .note{display:block;color:var(--dim);font-size:12px;margin-top:2px;}
.choice.main{border-color:var(--line);box-shadow:inset 3px 0 0 var(--title);}
.choice.main::before{content:"【问天】 ";color:var(--title);font-size:13px;}
.choice.danger{border-color:var(--blood);}
.choice.danger:hover{border-color:var(--danger);color:var(--danger);}
.choice.disabled{opacity:.4;cursor:not-allowed;}
.choice.disabled:hover{transform:none;color:var(--txt);}
.choice .why {display:block;color:var(--danger);font-size:12px;margin-top:2px;font-style:italic;}

/* ═══ 侧栏 ═══ */
#side{background:var(--bg);border:1px solid var(--border);display:flex;flex-direction:column;max-height:78vh;}
#tabs{border-bottom:1px solid var(--border);}
.tab-row{display:flex;}
.tab-row + .tab-row{border-top:1px dashed var(--barbg);}
.tab{flex:1;background:none;border:none;color:var(--dim);font-family:var(--serif);
  padding:10px 0;cursor:pointer;font-size:14px;border-bottom:2px solid transparent;}
.tab.active{color:var(--title);border-bottom-color:var(--title);}
#side-body{padding:16px;overflow-y:auto;font-size:14px;}

.f-row{display:flex;justify-content:space-between;margin:5px 0;}
.f-row .k{color:var(--dim);}
.f-row .v{color:var(--txt);}
.bar{height:9px;background:var(--barbg);margin:4px 0 10px;position:relative;}
.bar .fill{height:100%;background:var(--line);transition:width .4s;}
.bar.hp .fill{background:var(--danger);}
.bar.mp .fill{background:#5A7A8A;}
.bar.exp .fill{background:var(--good);}
.bar .lbl{position:absolute;right:4px;top:-14px;font-size:11px;color:var(--dim);}
.sec-h{color:var(--sec);font-weight:700;letter-spacing:.15em;margin:14px 0 6px;
  border-bottom:1px dashed var(--barbg);padding-bottom:4px;}
.item-row{padding:7px 9px;border:1px solid var(--barbg);margin:5px 0;font-size:13px;}
.item-row .nm{color:var(--sec);}
.item-row .ds{color:var(--dim);font-size:12px;}
.item-row .use{float:right;color:var(--title);cursor:pointer;font-size:12px;}
.item-row .use:hover{text-decoration:underline;}
/* EX-08 世界消息四签：〔私〕绿 /〔四方〕金 /〔天道〕红金 /〔机缘〕金色辉光 /〔传闻〕灰 */
.wm-si{color:var(--good);}
.wm-fang{color:var(--sec);}
.wm-tiandao{color:#f2a65a;text-shadow:0 0 10px rgba(242,112,89,.45);}
.wm-jiyuan{color:var(--title);text-shadow:0 0 14px rgba(216,192,120,.55);}
.wm-rumor{color:var(--dim);font-size:12px;}
/* EX-15 岁月签：时间流逝统一提示条（passDays 回执，插场景文本顶部） */
.time-pass{color:var(--title);font-size:15px;text-align:center;letter-spacing:.14em;
  text-shadow:0 0 14px rgba(216,192,120,.45);}
.time-pass-minor{color:var(--dim);font-size:14px;text-align:left;letter-spacing:.04em;text-shadow:none;}
.time-pass-banner{padding:6px 0 2px;font-size:16px;}
.time-pass-meta{color:var(--dim);font-size:12px;letter-spacing:.06em;}
.time-pass-center{display:block;text-align:center;margin-bottom:10px;}
.time-pass-danger{color:#c65a3a;text-shadow:0 0 14px rgba(198,90,58,.5);}
/* EX-17 突破签条：五境界各一色，统一 .brk 骨架，大境界加「境界印」，化神加天幕异象 */
.brk{--glow:#e8e3d0;display:block;position:relative;text-align:center;padding:18px 20px 14px;margin:6px 0 12px;
  border-top:1px solid var(--glow);border-bottom:1px solid var(--glow);}
.brk::before,.brk::after{content:"";position:absolute;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--glow),transparent);}
.brk::before{top:-4px;opacity:.5;}.brk::after{bottom:-4px;opacity:.5;}
.brk-title{display:block;font-size:22px;letter-spacing:8px;color:var(--glow);text-shadow:0 0 18px var(--glow);margin-bottom:6px;}
.brk-line{display:block;font-size:13px;color:var(--sec);letter-spacing:2px;line-height:1.9;}
.brk-meta{display:block;font-size:11px;color:var(--dim);letter-spacing:2px;margin-top:8px;}
.brk .corner{position:absolute;width:10px;height:10px;border:1px solid var(--glow);opacity:.8;}
.brk .c1{top:-1px;left:-1px;border-right:0;border-bottom:0;}
.brk .c2{top:-1px;right:-1px;border-left:0;border-bottom:0;}
.brk .c3{bottom:-1px;left:-1px;border-right:0;border-top:0;}
.brk .c4{bottom:-1px;right:-1px;border-left:0;border-top:0;}
.brk .seal{display:inline-block;margin-top:10px;padding:5px 10px 4px;border:2px solid var(--glow);border-radius:4px;
  font-size:14px;letter-spacing:6px;color:var(--glow);text-shadow:0 0 10px var(--glow);transform:rotate(-3deg);opacity:.95;
  box-shadow:0 0 14px rgba(0,0,0,.5),inset 0 0 8px rgba(0,0,0,.4);}
.brk .omen{display:block;margin-top:10px;font-size:12px;letter-spacing:3px;color:#f2a65a;text-shadow:0 0 12px #f27059;}
.brk.qixian{--glow:#e8e3d0;}   /* 炼气·玉白 */
.brk.zhuji{--glow:#4ec9b0;}   /* 筑基·青 */
.brk.jiedan{--glow:#e3b341;}  /* 结丹·金 */
.brk.yuanying{--glow:#b48cf2;}/* 元婴·紫 */
.brk.huashen{--glow:#f27059;} /* 化神·赤 */
.rel-row{padding:6px 0;border-bottom:1px dashed var(--barbg);}
.rel-row .nm{color:var(--sec);}
.rel-row .st{color:var(--dim);font-size:12px;margin-left:8px;}
.trust{height:5px;background:var(--barbg);margin-top:4px;}
.trust .fill{height:100%;background:var(--line);}
.world-toggle{display:flex;align-items:center;gap:10px;border:1px solid var(--barbg);
  background:var(--bg2);padding:10px 12px;margin:8px 0;cursor:pointer;}
.world-toggle .k{color:var(--sec);flex:1;}
.world-toggle .v{color:var(--dim);font-size:12px;}
.sw{width:40px;height:20px;border-radius:10px;background:var(--barbg);position:relative;flex:none;transition:.2s;}
.sw i{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--dim);transition:.2s;}
.sw.on{background:var(--line);}
.sw.on i{left:22px;background:var(--title);}
.world-toggle:hover{border-color:var(--line);}
.task-row{padding:7px 9px;border-left:2px solid var(--line);margin:7px 0;font-size:13px;background:var(--bg2);}
.task-row .tt{color:var(--sec);}
.task-row .td{color:var(--dim);font-size:12px;}
.save-slot{border:1px solid var(--barbg);padding:10px 12px;margin:8px 0;}
.save-slot .meta{color:var(--dim);font-size:12px;}
.save-slot .ops{margin-top:6px;}
.save-slot .ops button{background:var(--bg2);border:1px solid var(--barbg);color:var(--txt);
  font-family:var(--serif);padding:4px 12px;margin-right:8px;cursor:pointer;font-size:13px;}
.save-slot .ops button:hover{border-color:var(--line);color:var(--sec);}

/* ═══ 战斗 ═══ */
#combat{border:1px solid var(--blood);background:rgba(140,47,34,.08);padding:16px;margin:16px 0;}
.cb-enemy{color:var(--danger);font-weight:700;letter-spacing:.15em;font-size:17px;}
.cb-hp{height:10px;background:var(--barbg);margin:8px 0;}
.cb-hp .fill{height:100%;background:var(--blood);transition:width .3s;}
.cb-log{font-size:13px;max-height:180px;overflow-y:auto;border-top:1px dashed var(--barbg);
  padding-top:8px;margin-top:8px;}
.cb-log .me{color:var(--txt);}
.cb-log .fo{color:var(--danger);}
.cb-log .sysl{color:var(--dim);}
.cb-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.cb-acts button{background:var(--bg2);border:1px solid var(--barbg);color:var(--txt);
  font-family:var(--serif);padding:8px 14px;cursor:pointer;font-size:14px;}
.cb-acts button:hover{border-color:var(--line);color:var(--sec);}
.cb-acts button.flee{border-color:var(--blood);color:var(--danger);}

/* ═══ 底部指令栏 ═══ */
#cmdbar{display:flex;align-items:center;gap:8px;border-top:1px solid var(--border);padding:10px 6px;}
.cmd{background:var(--bg);border:1px solid var(--barbg);color:var(--dim);
  font-family:var(--serif);padding:6px 16px;cursor:pointer;font-size:14px;letter-spacing:.1em;}
.cmd:hover{border-color:var(--line);color:var(--sec);}
.cmd-author{margin-left:auto;color:var(--dim);font-size:12px;letter-spacing:.1em;}

/* 死亡结算 */
.death-panel .p-title{background:var(--blood);color:#E8D8C8;}
.d-item{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dashed var(--barbg);font-size:14px;}
.d-item .pts{color:var(--title);}
.d-total{color:var(--title);font-size:18px;text-align:center;margin:14px 0;letter-spacing:.2em;}
.d-flavor{color:var(--dim);font-size:14px;font-style:normal;margin:10px 0;white-space:pre-wrap;}

/* ═══ 手机适配 ═══ */
@media (max-width:900px){
  body{font-size:15px;line-height:1.85;}
  #app{padding:0 8px;}
  #topbar{padding:8px 4px;gap:4px;}
  .tb-title{font-size:14px;letter-spacing:.15em;}
  .tb-mid,.tb-right{font-size:12px;}
  #layout{padding:10px 0;gap:10px;}
  #stage{padding:16px 14px;min-height:52vh;}
  .scene-title{font-size:17px;letter-spacing:.2em;}
  .choice{padding:13px 14px;font-size:15px;margin:9px 0;}  /* 加大点按区 */
  #choices:has(> .choice:nth-child(4)){grid-template-columns:1fr;}  /* 窄屏双列退回单列 */
  #choices:has(> .choice:nth-child(4)) .choice{margin:9px 0;}
  #side{max-height:none;}
  #tabs{position:sticky;top:0;background:var(--bg);z-index:2;}
  .tab{font-size:13px;padding:9px 0;}
  #cmdbar{flex-wrap:wrap;gap:6px;position:sticky;bottom:0;background:var(--bg0);padding:8px 4px;}
  .cmd{padding:8px 14px;font-size:13px;}
  .cmd-author{width:100%;text-align:right;margin-left:0;}
  .panel{padding:18px 16px;width:96vw;}
  .p-title{font-size:17px;letter-spacing:.2em;}
  .lopt{flex-direction:column;gap:2px;padding:12px;}
  .lopt .d{font-size:12px;}
  .cb-acts button{padding:10px 14px;font-size:14px;flex:1 1 40%;}
  .overlay{padding:10px;align-items:flex-start;}
}