/* Дуэли (A06, ползунок ставки A29) */
.pd-root { padding: 8px 4px; }
.pd-head { display: flex; flex-direction: column; gap: 2px; margin-bottom: 8px; }
.pd-head span, .pd-hint { font-size: 12px; opacity: .7; }
.pd-sec { margin: 12px 0 6px; font-size: 13px; font-weight: 700; opacity: .85; }
.pd-row { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 8px 10px; margin-bottom: 6px; border-radius: 12px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); }
.pd-row div:first-child { display: flex; flex-direction: column; min-width: 0; }
.pd-row b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pd-row span { font-size: 12px; opacity: .7; }
.pd-btns { display: flex; gap: 6px; flex-shrink: 0; }
.pd-q { width: 100%; box-sizing: border-box; padding: 10px 12px; border-radius: 12px; border: 1px solid rgba(255,255,255,.18); background: rgba(0,0,0,.25); color: inherit; font-size: 15px; }
.pd-list { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0; max-height: 132px; overflow-y: auto; }
.pd-p { padding: 6px 10px; border-radius: 999px; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.06); color: inherit; font-size: 13px; max-width: 100%; }
.pd-p i { opacity: .6; font-style: normal; }
.pd-p.sel { border-color: #2bff88; background: rgba(43,255,136,.18); }

/* ползунок ставки 1–100% (A29): золото + неон */
.pd-stake { margin: 10px 0 4px; padding: 12px 12px 10px; border-radius: 16px; background: linear-gradient(160deg, rgba(255,210,63,.12), rgba(43,255,136,.06)); border: 1px solid rgba(255,210,63,.4); box-sizing: border-box; }
.pd-sl-top { display: flex; align-items: baseline; justify-content: center; gap: 8px; flex-wrap: wrap; }
.pd-sl-pct { font-size: 32px; font-weight: 900; line-height: 1; color: #ffd23f; text-shadow: 0 0 12px rgba(255,210,63,.55); font-variant-numeric: tabular-nums; }
.pd-sl-sum { font-size: 18px; font-weight: 800; color: #2bff88; text-shadow: 0 0 10px rgba(43,255,136,.45); font-variant-numeric: tabular-nums; }
.pd-range { --p: 0%; -webkit-appearance: none; appearance: none; display: block; width: 100%; height: 32px; margin: 8px 0 6px; padding: 0; background: transparent; cursor: pointer; }
.pd-range:focus { outline: none; }
.pd-range::-webkit-slider-runnable-track { height: 10px; border-radius: 5px; background: linear-gradient(90deg, #c98a00, #ffd23f var(--p), rgba(255,255,255,.12) var(--p)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }
.pd-range::-webkit-slider-thumb { -webkit-appearance: none; width: 28px; height: 28px; margin-top: -9px; border-radius: 50%; border: 2px solid #2bff88; background: radial-gradient(circle at 35% 35%, #fff6c2, #ffd23f 45%, #c98a00); box-shadow: 0 0 12px rgba(43,255,136,.7), 0 2px 6px rgba(0,0,0,.5); }
.pd-range::-moz-range-track { height: 10px; border-radius: 5px; background: rgba(255,255,255,.12); }
.pd-range::-moz-range-progress { height: 10px; border-radius: 5px; background: linear-gradient(90deg, #c98a00, #ffd23f); }
.pd-range::-moz-range-thumb { width: 24px; height: 24px; border-radius: 50%; border: 2px solid #2bff88; background: radial-gradient(circle at 35% 35%, #fff6c2, #ffd23f 45%, #c98a00); box-shadow: 0 0 12px rgba(43,255,136,.7); }
.pd-stake.hot { border-color: rgba(255,90,60,.6); background: linear-gradient(160deg, rgba(255,90,60,.14), rgba(255,210,63,.08)); }
.pd-stake.hot .pd-sl-pct { color: #ff7a4d; text-shadow: 0 0 14px rgba(255,90,60,.65); }
.pd-stake.hot .pd-range::-webkit-slider-runnable-track { background: linear-gradient(90deg, #ffd23f, #ff5a3c var(--p), rgba(255,255,255,.12) var(--p)); }
.pd-stake.hot .pd-range::-moz-range-progress { background: linear-gradient(90deg, #ffd23f, #ff5a3c); }
.pd-stake.hot .pd-range::-webkit-slider-thumb { border-color: #ff5a3c; box-shadow: 0 0 14px rgba(255,90,60,.8), 0 2px 6px rgba(0,0,0,.5); }
.pd-marks { display: flex; gap: 6px; }
.pd-m { flex: 1; min-width: 0; padding: 7px 0; border-radius: 10px; border: 1px solid rgba(255,210,63,.35); background: rgba(255,210,63,.08); color: #ffd23f; font-weight: 800; font-size: 13px; }
.pd-m.sel { border-color: #ffd23f; background: rgba(255,210,63,.3); color: #fff; }
.pd-warn { margin-top: 8px; font-size: 12px; line-height: 1.35; color: #ffb35c; }
.pd-warn:empty { display: none; }
.pd-go { width: 100%; margin-top: 8px; }
.pd-go[disabled] { opacity: .45; }

/* экран дуэли */
.pd-screen { position: fixed; inset: 0; z-index: 9000; display: flex; flex-direction: column; padding: 12px 14px calc(14px + env(safe-area-inset-bottom)); background: radial-gradient(circle at 50% 30%, #12301f, #050b08 75%); color: #fff; box-sizing: border-box; }
.pd-top { display: flex; justify-content: space-between; align-items: center; }
.pd-t { font-size: 22px; font-weight: 800; font-variant-numeric: tabular-nums; }
.pd-x { width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255,255,255,.25); background: rgba(255,255,255,.08); color: #fff; font-size: 18px; }
.pd-score { display: flex; justify-content: space-around; align-items: center; margin: 10px 0; text-align: center; }
.pd-score div { display: flex; flex-direction: column; min-width: 0; max-width: 40%; }
.pd-score small { opacity: .7; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pd-score b { font-size: 48px; line-height: 1.1; font-variant-numeric: tabular-nums; }
.pd-vs { opacity: .5; font-weight: 800; }
.pd-bar { height: 8px; border-radius: 4px; background: rgba(255,255,255,.12); overflow: hidden; }
.pd-bar i { display: block; height: 100%; width: 0; background: #2bff88; }
.pd-zone { flex: 1; margin-top: 14px; border-radius: 24px; border: 2px dashed rgba(43,255,136,.5); background: rgba(43,255,136,.08); display: flex; align-items: center; justify-content: center; font-size: 34px; font-weight: 900; touch-action: manipulation; user-select: none; -webkit-user-select: none; }
.pd-zone.hit { animation: pd-hit .12s ease-out; }
@keyframes pd-hit { 0% { background: rgba(43,255,136,.35); transform: scale(.985); } 100% { background: rgba(43,255,136,.08); transform: none; } }
.pd-res { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; background: rgba(5,11,8,.93); font-size: 26px; text-align: center; padding: 20px; }
.pd-res[hidden] { display: none; }
.pd-rt { font-size: 38px; font-weight: 900; }
.pd-rs { font-size: 15px; opacity: .8; }
.pd-ask { display: flex; align-items: center; gap: 8px; margin-top: 8px; padding: 8px 10px; border-radius: 12px; background: rgba(255,80,80,.15); border: 1px solid rgba(255,80,80,.4); font-size: 14px; }
.pd-ask[hidden] { display: none; }
.pd-ask span { flex: 1; min-width: 0; }
.pd-ask .btn { flex: 0 0 auto; padding: 6px 12px; }
.pd-danger { background: #c0392b !important; color: #fff !important; }
.pd-row span i { font-style: normal; font-variant-numeric: tabular-nums; }