/* prompt のかわりに出す板 */
/* えらぶ板。ブラウザの素の prompt は番号を打たせるうえに、
   画面から浮いてしまって「どの発言の話か」が消える。自前で小さく出す。 */
#asksheet{position:fixed;inset:0;z-index:88;background:rgba(6,8,12,.72);backdrop-filter:blur(5px);
 display:flex;align-items:flex-end;justify-content:center;padding:14px}
@media(min-width:620px){#asksheet{align-items:center}}
.askbox{background:var(--sur);border:1px solid var(--line2);border-radius:16px;padding:12px;
 width:100%;max-width:420px;display:flex;flex-direction:column;gap:6px;
 box-shadow:0 18px 44px rgba(0,0,0,.45);animation:askup .16s ease-out}
@keyframes askup{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}
.askhd{font-weight:800;font-size:13.5px;padding:4px 6px 0}
.asksub{color:var(--dim);font-size:12.5px;white-space:pre-line;padding:0 6px 6px;border-bottom:1px solid var(--line);
 margin-bottom:4px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.asksub.long{-webkit-line-clamp:9}
.askb{display:flex;align-items:center;gap:10px;width:100%;text-align:left;
 background:var(--sur2);border:1px solid var(--line);color:var(--tx);
 border-radius:11px;padding:12px 13px;font-size:14px;font-weight:700;cursor:pointer}
.askb i{font-style:normal;font-size:15px;width:20px;text-align:center;opacity:.85}
.askb:hover{border-color:var(--line2);background:var(--sur)}
.askb:focus-visible{outline:2px solid var(--ok);outline-offset:1px}
.askb.bad{color:var(--bad)}
.askb.ghost{background:transparent;color:var(--dim);font-weight:600;justify-content:center}
.asknum{display:flex;align-items:baseline;gap:8px;justify-content:center;padding:6px 0 2px}
.asknum b{font-size:30px;font-weight:800;font-variant-numeric:tabular-nums}
.asknum span{color:var(--dim);font-size:13px}
.askrow{display:flex;gap:6px}
.askn{flex:1;background:var(--sur2);border:1px solid var(--line);color:var(--bad);
 border-radius:10px;padding:11px 0;font-size:15px;font-weight:800;cursor:pointer;font-variant-numeric:tabular-nums}
.askn.up{color:var(--good)}
.askn:hover{border-color:var(--line2)}
.askn:focus-visible{outline:2px solid var(--ok);outline-offset:1px}
#toasts{position:fixed;left:50%;transform:translateX(-50%);bottom:20px;z-index:90;display:flex;flex-direction:column;gap:7px;align-items:center;pointer-events:none;padding:0 12px}
.toast{background:var(--sur2);border:1px solid var(--line2);border-radius:9px;padding:9px 16px;font-size:13.5px;font-weight:700}
.toast.g{border-color:var(--gem)}
.note{color:var(--dim);font-size:12px;line-height:1.8;margin-top:26px}
.spark.crit{color:var(--bad);font-size:23px;text-shadow:0 0 10px rgba(255,61,127,.6)}
#layer{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:var(--dim);margin-bottom:6px}
#layer .dot{width:9px;height:9px;border-radius:50%;background:var(--irm);box-shadow:0 0 8px currentColor}
#combo{height:20px;font-size:12.5px;font-weight:800;color:var(--irm);margin-top:10px;letter-spacing:.02em;transition:opacity .15s;opacity:0}
#combo.on{opacity:1}
#combobar{height:3px;background:var(--sur2);border-radius:2px;margin-top:4px;overflow:hidden}
#combobarf{height:100%;width:0;background:linear-gradient(90deg,var(--irm),var(--bad));transition:width .1s linear}
#dig{position:relative;overflow:hidden}
#dig.crit{animation:critflash .3s ease-out}
@keyframes critflash{0%{border-color:var(--bad);box-shadow:0 0 0 0 rgba(255,61,127,.5)}100%{border-color:var(--line2);box-shadow:0 0 0 14px rgba(255,61,127,0)}}
#prescard{border:1px solid var(--line2);background:linear-gradient(180deg,var(--sur),var(--sur2))}
#prescard .ph{font-weight:800;font-size:14px;display:flex;align-items:baseline;gap:8px}
#prescard .pd{color:var(--dim);font-size:12.5px;line-height:1.7;margin:6px 0 12px}
#coreshow,#corew{color:var(--gem)}
.mult{color:var(--gem);font-weight:800}