/* Player duels: picker, invites, chat card, agreement, break, live list. */
.mini-duel{flex:0 0 26px;width:26px;height:26px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--outline);font-size:13px;line-height:1;color:var(--prose-2);background:none;transition:background .15s,color .15s,transform .15s}
.mini-duel:hover{background:#f5c84c;color:#1d1305;border-color:#f5c84c;transform:rotate(-8deg)}
.mini-duel.is-blank{border:0;pointer-events:none}

.duel-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:16px;background:#0008;backdrop-filter:blur(3px)}
.duel-picker{width:min(520px,100%);max-height:90vh;overflow:auto;border-radius:16px;padding:16px;background:var(--surface-raised,#fff);border:1px solid var(--outline);box-shadow:0 20px 60px #0006}
.duel-picker-head{display:flex;align-items:center;gap:8px}.duel-picker-head b{display:flex;align-items:center;gap:6px;font-size:16px}.duel-picker-head img{width:24px;height:24px;border-radius:50%}
.duel-picker-head button{margin-left:auto;font-size:22px;line-height:1;padding:0 6px;color:var(--prose-3)}
.duel-picker p{margin:6px 0 12px;color:var(--prose-3);font-size:13px}
.duel-kinds{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px}
.duel-kinds button{padding:10px 8px;border-radius:10px;border:1px solid var(--outline);font-weight:700;font-size:13px;transition:background .15s,transform .1s}
.duel-kinds button:hover:not(:disabled){background:var(--surface-dim);transform:translateY(-1px)}.duel-kinds button.is-busy{background:#f5c84c;color:#1d1305}

.duel-invites{position:fixed;top:70px;right:14px;z-index:110;display:flex;flex-direction:column;gap:8px;width:min(330px,calc(100vw - 28px))}
.duel-invite{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--surface-raised,#fff);border:1px solid #f5c84c;box-shadow:0 10px 30px #0004;animation:duel-in .35s cubic-bezier(.2,1.4,.4,1)}
.duel-invite img{width:34px;height:34px;border-radius:50%}
.duel-invite>div{flex:1;min-width:0;font-size:13px;line-height:1.3}.duel-invite small{display:block;color:var(--prose-3);font-size:11px}
.duel-invite span{display:flex;flex-direction:column;gap:4px}.duel-invite button{padding:4px 10px;border-radius:8px;border:1px solid var(--outline);font-size:12px;font-weight:700}
.duel-invite button.is-yes{background:linear-gradient(135deg,#f5c84c,#f08a24);color:#1d1305;border:0}
@keyframes duel-in{from{opacity:0;transform:translateX(30px)}}

.duel-card{display:flex;align-items:center;gap:10px;margin-top:6px;padding:8px 10px;border-radius:12px;border:1px solid var(--outline);max-width:360px;font-size:13px}
.duel-card.is-open{border-color:#f5c84c;background:linear-gradient(135deg,#f5c84c1a,#f08a2410)}
.duel-card.is-loading{color:var(--prose-3)}
.duel-card-icon{font-size:20px}.duel-card>div{flex:1;min-width:0}.duel-card small{display:block;color:var(--prose-3);font-size:11px}
.duel-card button,.duel-card a{padding:5px 12px;border-radius:8px;font-weight:800;font-size:12px;background:linear-gradient(135deg,#f5c84c,#f08a24);color:#1d1305}
.duel-card button.is-quiet{background:none;border:1px solid var(--outline);color:var(--prose-2)}

.duel-page{display:flex;flex-direction:column;gap:14px;width:100%;max-width:1200px;margin:0 auto}
.duel-who{display:inline-flex;align-items:center;gap:5px}.duel-who img{width:22px;height:22px;border-radius:50%}
.duel-vs{font-style:normal;color:var(--prose-3);font-size:12px;margin:0 4px}
.duel-page .tour-match-head strong{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.duel-replay,.duel-flag{margin-left:0}
.duel-stage-msg{display:grid;place-items:center;text-align:center;gap:6px;min-height:200px;border:1px dashed var(--outline);border-radius:16px;padding:24px}
.duel-stage-msg strong{font-size:18px;letter-spacing:.02em}.duel-stage-msg p{margin:0;color:var(--prose-3);font-size:13px}

.duel-terms{display:flex;flex-direction:column;gap:12px;max-width:520px;width:100%;margin:0 auto;padding:16px;border-radius:16px;border:1px solid var(--outline)}
.duel-terms-row{display:flex;align-items:center;gap:12px}.duel-terms-row label{flex:1;font-weight:700}.duel-terms-row small{display:block;color:var(--prose-3);font-weight:500;font-size:11px}
.duel-terms-row input[type=number]{width:140px;padding:7px 10px;border-radius:9px;border:1px solid var(--outline);background:none;font-variant-numeric:tabular-nums}
.duel-terms-row input[type=range]{width:180px}
.duel-terms-check{display:flex;align-items:center;gap:8px;font-size:13px}
.duel-terms-note{margin:0;font-size:12px;color:var(--prose-3)}
.duel-warn{margin:0;font-size:12px;padding:7px 10px;border-radius:9px;background:#f08a2420;border:1px solid #f08a2466;color:var(--prose)}
.duel-agree{display:flex;gap:8px;flex-wrap:wrap}.duel-agree span{padding:3px 10px;border-radius:99px;border:1px solid var(--outline);font-size:12px;color:var(--prose-3)}
.duel-agree span.is-on{background:#3fb95022;border-color:#3fb950;color:var(--prose)}
.duel-actions{display:flex;gap:8px;flex-wrap:wrap}

.duel-break{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;border-radius:16px;border:1px solid var(--outline);background:radial-gradient(circle at 50% 0,#f5c84c22,transparent 70%)}
.duel-break-vs{display:flex;gap:40px;align-items:center}
.duel-break-side{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}
.duel-break-side img{width:64px;height:64px;border-radius:50%;border:3px solid var(--outline);transition:border-color .3s}
.duel-break-side.is-go img{border-color:#3fb950}.duel-break-side small{color:var(--prose-3);font-size:11px}
.duel-break-side em{font-style:normal;font-size:10px;padding:1px 8px;border-radius:99px;background:#3fb950;color:#fff}
.duel-break-clock{margin:0;font-size:34px;font-weight:900;font-variant-numeric:tabular-nums}
.duel-bets{max-width:520px;width:100%;margin:0 auto}

.duel-result{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:14px;border-radius:16px;border:1px solid #f5c84c;background:linear-gradient(135deg,#f5c84c1a,transparent)}
.duel-result strong{font-size:20px}.duel-result>span{color:var(--prose-2);font-weight:700}
.duel-swaps{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px}.duel-swaps p{margin:0}
.duel-swaps ul{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.duel-swaps li{display:flex;align-items:center;gap:10px}
.duel-swaps code{padding:0 4px;border-radius:4px;background:var(--surface-dim)}

.duel-live-faces{display:flex}.duel-live-faces img{width:28px;height:28px;border-radius:50%;border:2px solid var(--surface-raised,#fff)}.duel-live-faces img+img{margin-left:-10px}
.account-duel{cursor:pointer}
@media (max-width:640px){.duel-break-vs{gap:20px}.duel-terms-row{flex-wrap:wrap}.duel-terms-row input[type=range]{width:100%}}
