/* 堕天への道・お願い・導いた数（DTROAD1026）。闇の雰囲気で控えめに */
.dtr-road{position:relative;margin:10px 0 0;padding:10px 12px 11px;border-radius:14px;background:radial-gradient(90% 120% at 100% 0,rgba(140,60,200,.22),transparent 60%),linear-gradient(180deg,#1b1026,#120a1a);border:1px solid rgba(190,140,255,.28);color:#eee6f8;box-shadow:0 4px 14px rgba(40,10,60,.18)}
.dtr-road__k{margin:0;font:italic 700 10px/1 Georgia,serif;letter-spacing:.22em;color:#b99ade}
.dtr-road__t{margin:5px 0 6px;font-size:13px;font-weight:800;line-height:1.4}
.dtr-road__t b{font-size:15px;color:#f2c8ff;text-shadow:0 0 8px rgba(200,120,255,.55)}
.dtr-road__bar{height:7px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.dtr-road__bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#5a2a8a,#a45ae0 70%,#f0b8ff);box-shadow:0 0 8px rgba(190,110,255,.6)}
.dtr-road__n{margin:4px 0 0;font-size:10.5px;color:#a998bf;text-align:right}
.dtr-road__gv{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 0}
.dtr-road__gk{flex:none;font-size:10.5px;font-weight:800;color:#c9b4e6;margin-right:2px}
.dtr-face{display:inline-flex;flex-direction:column;align-items:center;gap:2px;width:44px;text-decoration:none;color:#dcd0ee}
.dtr-face img{width:28px;height:28px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1.5px #3a1d52,0 0 0 3px rgba(200,140,255,.55)}
.dtr-face span{display:block;max-width:44px;font-size:9.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dtr-road__nogv{margin:8px 0 0;font-size:10.5px;color:#a998bf}
.dtr-btn{display:block;width:100%;margin:9px 0 0;padding:8px 10px;border:0;border-radius:99px;background:linear-gradient(180deg,#4a2366,#2a1238);color:#f6eaff;font-size:12.5px;font-weight:900;box-shadow:0 0 0 1px rgba(200,140,255,.45),0 3px 10px rgba(60,10,90,.35);cursor:pointer}
.dtr-btn[disabled]{opacity:.55;cursor:default}
.dtr-ask{margin:10px 0 0;padding:9px 10px 10px;border-radius:12px;background:rgba(255,255,255,.05);border:1px dashed rgba(200,140,255,.35)}
.dtr-ask__p{margin:0;font-size:11px;color:#d8c8ee;line-height:1.45}
.dtr-ask__why{margin:5px 0 0;font-size:10.5px;color:#b9a6d2}
.dtr-led{display:table;margin:4px 0 0;padding:1px 8px;border-radius:99px;background:rgba(190,120,255,.16);border:1px solid rgba(200,140,255,.4);color:#ecd8ff;font-size:10px;font-weight:800;white-space:nowrap}
.dtr-pick{outline:2px solid #b06aff!important;outline-offset:2px;border-radius:12px;animation:dtrPick 1.2s ease-in-out 3}
@keyframes dtrPick{50%{outline-color:rgba(176,106,255,.2)}}
.dtr-toast{position:fixed;left:50%;bottom:90px;z-index:10050;transform:translateX(-50%);max-width:88vw;padding:9px 16px;border-radius:99px;background:#24132f;color:#f4eaff;font-size:12.5px;font-weight:800;box-shadow:0 6px 18px rgba(0,0,0,.3);transition:opacity .4s}
.dtr-toast.is-bad{background:#4a1424}
.dtr-toast.is-out{opacity:0}
@media (prefers-reduced-motion:reduce){.dtr-pick{animation:none}}