.dscl-wrap{position:relative;width:100%;max-width:486px;margin-left:auto;font-family:'JetBrains Mono',monospace;--dscl-acc:#b05f3a}
.dscl-card{position:relative;background:linear-gradient(172deg,#f6f2e8,#ece5d2);border:1px solid #cfc4a6;border-radius:18px;box-shadow:0 26px 52px rgba(24,28,40,.24);padding:18px 20px 21px;color:#233046}
.dscl-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.dscl-ttl{font-size:9.5px;font-weight:800;letter-spacing:.16em;color:var(--dscl-acc)}
.dscl-stch{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--dscl-acc);border:1px solid var(--dscl-acc);padding:4px 9px;border-radius:7px;background:rgba(255,255,255,.55)}
.dscl-sb{display:block;font-size:9px;font-weight:700;letter-spacing:.12em;color:#8a8264;margin:7px 0 10px}
.dscl-beam{position:relative;height:12px;margin:14px 6px 0}
.dscl-bar{display:block;position:absolute;left:0;right:0;top:4px;height:4px;border-radius:3px;background:var(--dscl-acc)}
.dscl-pivot{position:absolute;left:50%;top:-8px;transform:translate(-50%,0);z-index:1;font-size:9px;font-weight:800;letter-spacing:.1em;color:#fdfaf1;background:#233046;border:1px solid var(--dscl-acc);padding:4px 10px;border-radius:999px}
.dscl-hang{display:block;position:absolute;top:8px;width:2px;height:16px;background:var(--dscl-acc)}
.dscl-hl{left:13%}.dscl-hr{right:13%}
.dscl-pans{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.dscl-spine{display:none}
.dscl-pan{border-radius:13px;padding:11px 12px 12px;min-width:0}
.dscl-pl{background:linear-gradient(170deg,#333c4e,#252d3d);border:1px solid #46506a;color:#e9edf6}
.dscl-pr{background:#fdfaf1;border:1px solid #d3c9ab;color:#233046}
.dscl-ph{padding-bottom:8px;border-bottom:1px dashed rgba(140,140,140,.45)}
.dscl-en{display:block;font-family:'Source Serif 4',serif;font-size:12.5px;font-weight:600;line-height:1.3}
.dscl-et{display:inline-block;font-size:7.5px;font-weight:800;letter-spacing:.12em;color:var(--dscl-acc);margin-top:4px}
.dscl-row{display:flex;align-items:flex-start;gap:7px;padding:7px 0;border-bottom:1px dashed rgba(140,140,140,.35);opacity:1;transform:none;transition:opacity .42s ease,transform .42s ease}
.dscl-row:last-of-type{border-bottom:0}
.dscl-dot{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--dscl-acc);margin-top:4px}
.dscl-rk{display:block;font-size:7px;font-weight:800;letter-spacing:.12em;color:var(--dscl-acc)}
.dscl-rv{display:block;font-size:8.8px;font-weight:700;letter-spacing:.02em;line-height:1.45;margin-top:2px}
.dscl-shl{flex-shrink:0;width:17px;height:17px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;color:#fdfaf1;background:var(--dscl-acc);margin-top:1px}
.dscl-wt{margin-top:10px;border-radius:10px;padding:8px 10px 9px;text-align:center;opacity:1;transition:opacity .45s ease;position:relative}
.dscl-pl .dscl-wt{background:rgba(0,0,0,.28);border:1px solid #46506a}
.dscl-pr .dscl-wt{background:#f2ecda;border:1px solid #d3c9ab}
.dscl-wk{display:block;font-size:6.8px;font-weight:800;letter-spacing:.11em;color:var(--dscl-acc)}
.dscl-wv{display:block;font-size:19px;font-weight:800;letter-spacing:.02em;margin-top:3px}
.dscl-pl .dscl-wv{color:#fdfaf1}.dscl-pr .dscl-wv{color:#233046}
.dscl-wplate{display:none}
.dscl-lvl{margin-top:12px;background:#233046;border:1px solid var(--dscl-acc);border-radius:12px;padding:11px 13px;opacity:1;transform:none;transition:opacity .5s ease,transform .5s ease}
.dscl-ll{display:block;font-size:11.5px;font-weight:800;letter-spacing:.09em;color:#fdfaf1}
.dscl-ll b{color:var(--dscl-acc);font-weight:800}
.dscl-ls{display:block;font-size:8.3px;font-weight:700;letter-spacing:.04em;color:#aeb6cc;margin-top:4px;line-height:1.5}
.dscl-armed .dscl-row{opacity:0;transform:translate(-12px,0)}
.dscl-armed .dscl-pr .dscl-row{transform:translate(12px,0)}
.dscl-armed .dscl-wt{opacity:0}
.dscl-armed .dscl-lvl{opacity:0;transform:translate(-14px,0)}
.dscl-b1 .dscl-x1,.dscl-b2 .dscl-x2,.dscl-b3 .dscl-x3,.dscl-b4 .dscl-x4,.dscl-b5 .dscl-x5,.dscl-b5 .dscl-x6,.dscl-fin .dscl-row{opacity:1;transform:none}
.dscl-b6 .dscl-wt,.dscl-fin .dscl-wt{opacity:1}
.dscl-fin .dscl-lvl{opacity:1;transform:none}
.dscl-g1 .dscl-pl{transform:translate(0,-7px)}
.dscl-g1 .dscl-pr{transform:translate(0,7px)}
.dscl-g1 .dscl-pans{margin-bottom:7px}
.dscl-g1 .dscl-bar{transform:rotate(-1.6deg)}
.dscl-g2 .dscl-bar,.dscl-g2 .dscl-hang{display:none}
.dscl-g2 .dscl-beam{height:6px}
.dscl-g2 .dscl-spine{display:block;position:absolute;left:50%;top:2px;bottom:2px;width:2px;margin-left:-1px;background:var(--dscl-acc);opacity:.55}
.dscl-g2 .dscl-pans{gap:18px}
.dscl-g2 .dscl-pl{border-left:3px solid var(--dscl-acc)}
.dscl-g2 .dscl-pr{border-right:3px solid var(--dscl-acc)}
.dscl-g3 .dscl-wplate{display:block;position:absolute;left:12px;right:12px;bottom:-5px;height:5px;border-radius:0 0 6px 6px;background:var(--dscl-acc);opacity:.5}
.dscl-g3 .dscl-wt{margin-bottom:6px}
.dscl-g3 .dscl-lvl{margin-top:14px}
@media (max-width:900px){.dscl-pans{grid-template-columns:1fr}.dscl-spine{display:none!important}.dscl-g1 .dscl-pl,.dscl-g1 .dscl-pr{transform:none}}
@media (max-width:700px){.dscl-hgrid{grid-template-columns:1fr!important}.dscl-wrap{max-width:100%;margin:10px 0 0}}
@media (prefers-reduced-motion: reduce){.dscl-wrap *{transition:none!important;animation:none!important}}