.duel-grid{grid-template-columns:320px 1fr;gap:24px;margin-top:8px;display:grid}@media (max-width:900px){.duel-grid{grid-template-columns:1fr}}.duel-sidebar{flex-direction:column;gap:16px;display:flex}.duel-main{min-width:0}.duel-presence-panel h2{color:var(--color-text);margin:0;font-size:16px;font-weight:800}.duel-presence-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.duel-balance{background:#6fa4d714;border:1px solid #78aad233;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.duel-balance strong{color:var(--color-accent-deep);font-size:18px}.duel-presence-list{flex-direction:column;gap:6px;max-height:400px;margin:16px 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.duel-presence-item{background:#fff9;border:1px solid #78aad226;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.duel-presence-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:600;overflow:hidden}.duel-presence-invite-btn{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:32px;height:32px;font-size:14px;transition:all .15s}.duel-presence-invite-btn:hover{background:var(--color-accent-deep);transform:scale(1.05)}.duel-active-panel h2{color:var(--color-text);margin:0 0 12px;font-size:16px;font-weight:800}.duel-active-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.duel-active-item{cursor:pointer;text-align:left;background:#fff9;border:1px solid #78aad226;border-radius:10px;grid-template-columns:1fr auto auto;align-items:center;gap:8px;width:100%;padding:10px 12px;transition:all .15s;display:grid}.duel-active-item:hover{background:#6fa4d714}.duel-active-item.is-selected{border-color:var(--color-accent);background:#6fa4d71f;box-shadow:0 4px 12px #6496c81f}.duel-active-item__opponent{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.duel-active-item__stake{color:var(--color-accent-deep);font-size:12px;font-weight:700}.duel-active-item--past{opacity:.72}.duel-active-item--past:hover{opacity:1}.duel-status-badge{letter-spacing:.04em;border-radius:999px;align-items:center;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}.duel-status-pending{color:#b9741f;background:#ffaa3c2e}.duel-status-drawing{color:var(--color-accent-deep);background:#6fa4d72e}.duel-status-betting{color:#a12a5a;background:#db4c8c29}.duel-status-finished{color:#2e7d4a;background:#4caf7829}.duel-status-cancelled,.duel-status-expired,.duel-status-declined{color:var(--color-text-muted);background:#8c95b329}.duel-stage{padding:24px}.duel-stage-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.duel-stake{color:var(--color-accent-deep);font-size:24px;font-weight:900}.duel-players{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-bottom:24px;display:grid}.duel-player{background:#fff9;border:1.5px solid #78aad233;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:16px;transition:all .2s;display:flex}.duel-player.is-winner{background:#4caf7814;border-color:#4caf7880;box-shadow:0 8px 24px #4caf7826}.duel-player-name{color:var(--color-text);margin-top:6px;font-size:15px;font-weight:800}.duel-player-role{color:var(--color-text-muted);font-size:11px}.duel-player-result{color:var(--color-text);margin-top:6px;font-size:13px;font-weight:800}.duel-vs{color:var(--color-text-soft);letter-spacing:.1em;font-size:24px;font-weight:900}.duel-actions,.duel-betting,.duel-drawing,.duel-result{background:#6fa4d70d;border:1px solid #78aad226;border-radius:16px;padding:20px}.duel-prompt{text-align:center;color:var(--color-text);margin:0 0 16px;font-size:14px;line-height:1.7}.duel-drawing{padding:8px 0 4px}.duel-turn-banner{text-align:center;color:var(--color-text);margin:0 0 18px;font-size:14px;line-height:1.6}.duel-turn-me{color:var(--color-accent-deep)}.duel-player.is-turn{border-color:var(--color-accent);box-shadow:0 0 0 3px #6fa4d72e}.duel-lot-board{grid-template-columns:repeat(5,1fr);justify-items:center;gap:12px;max-width:520px;margin:0 auto;display:grid}.duel-lot{cursor:default;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:72px;height:84px;padding:0;transition:transform .12s,filter .12s;display:flex;position:relative}.duel-lot__face{color:#fff;border-radius:12px 12px 12px 4px;justify-content:center;align-items:center;width:56px;height:56px;font-size:20px;font-weight:800;display:flex;position:relative;box-shadow:0 4px 10px #3c506e2e}.duel-lot__face:after{content:"";clip-path:polygon(100% 0,100% 100%,0 100%);background:#00000029;border-radius:0 0 4px;width:18px;height:18px;position:absolute;bottom:0;right:0}.duel-lot__picker{text-overflow:ellipsis;white-space:nowrap;max-width:70px;font-size:10px;font-weight:700;overflow:hidden}.duel-lot--closed .duel-lot__face{background:var(--lot-color,#5b9bd5)}.duel-lot--clickable{cursor:pointer}.duel-lot--clickable:hover{filter:brightness(1.05);transform:translateY(-4px)scale(1.04)}.duel-lot--miss .duel-lot__face{color:#9aa6b5;background:#e7eef5;box-shadow:inset 0 0 0 2px #96a6b54d}.duel-lot--miss .duel-lot__face:after,.duel-lot--win .duel-lot__face:after{display:none}.duel-lot--win .duel-lot__face{color:#fff;background:linear-gradient(135deg,#ffd870,#ff9f43);box-shadow:0 6px 18px #ff9f4380}.duel-lot--by-creator .duel-lot__picker{color:var(--color-accent-deep)}.duel-lot--by-opponent .duel-lot__picker{color:#a12a5a}@media (max-width:480px){.duel-lot-board{gap:6px}.duel-lot{width:100%;max-width:58px;height:70px}.duel-lot__face{width:46px;height:46px;font-size:16px}}.duel-stepper-row{gap:12px;display:flex}.duel-stepper{flex-direction:column;flex:1;gap:6px;display:flex}.duel-stepper-ctrl{background:#6fa4d714;border:1px solid #78aad233;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.duel-stepper-ctrl button{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;width:28px;height:28px;font-size:16px;font-weight:800}.duel-stepper-ctrl button:hover{background:var(--color-accent-deep)}.duel-stepper-ctrl strong{color:var(--color-text);font-size:14px}.duel-result-headline{color:var(--color-text);text-align:center;margin-bottom:8px;font-size:22px;font-weight:900}.duel-verify-toggle{width:100%;color:var(--color-text-soft);cursor:pointer;background:0 0;border:1px dashed #78aad266;border-radius:10px;margin-top:20px;padding:10px;font-size:12px}.duel-verify-toggle:hover{border-color:var(--color-accent);color:var(--color-accent-deep)}.duel-verify-panel{color:var(--color-text-soft);background:#788caa0f;border-radius:10px;margin-top:12px;padding:14px;font-size:11px;line-height:1.6}.duel-verify-panel dl{margin:12px 0 0}.duel-verify-panel dt{color:var(--color-text);margin-top:8px;font-weight:700}.duel-verify-panel dd{word-break:break-all;margin:4px 0 0;font-family:monospace;font-size:10px}.duel-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#1e283c8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.duel-modal{background:#fff;border-radius:20px;width:100%;max-width:480px;max-height:90vh;padding:32px;position:relative;overflow-y:auto;box-shadow:0 24px 60px #324b6c4d}.duel-modal-close{width:32px;height:32px;color:var(--color-text-soft);cursor:pointer;background:#788caa1f;border:none;border-radius:50%;font-size:16px;position:absolute;top:16px;right:16px}.duel-modal-close:hover{background:#788caa38}.duel-modal-title{color:var(--color-text);margin:0 0 8px;font-size:22px;font-weight:900}.duel-toggle{cursor:pointer;color:var(--color-text);background:#6fa4d714;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.duel-toggle input[type=checkbox]{cursor:pointer;width:18px;height:18px}