.duel-page{min-height:100vh;background:#f5f7fc}.duel-shell{width:min(960px,calc(100% - 40px));margin:30px auto 75px}.duel-card{min-height:650px;padding:clamp(25px,6vw,52px);border:1px solid #dbe3f0;border-radius:30px;background:radial-gradient(circle at 100% 0,#eef2ff,transparent 34%),#fff;box-shadow:0 20px 55px rgba(15,23,42,.09)}.duel-card [hidden]{display:none!important}.duel-intro,.duel-waiting,.duel-result{max-width:720px;margin:auto;text-align:center}.duel-big-icon{display:grid;width:82px;height:82px;margin:0 auto 20px;place-items:center;color:#fff;font-size:34px;border-radius:25px;background:linear-gradient(145deg,#6366f1,#4338ca);box-shadow:0 16px 30px rgba(79,70,229,.25)}.duel-intro .games-eyebrow,.duel-waiting .games-eyebrow,.duel-result .games-eyebrow{color:#4f46e5}.duel-intro h1,.duel-waiting h1,.duel-result h1{margin:0;font-size:clamp(31px,5vw,47px);letter-spacing:-.045em}.duel-intro>p:not(.games-eyebrow),.duel-waiting>p:not(.games-eyebrow),.duel-result>p:not(.games-eyebrow){max-width:660px;margin:15px auto;color:#64748b;line-height:1.7}.duel-rules{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:24px 0}.duel-rules span{display:grid;gap:3px;min-width:145px;padding:13px;color:#64748b;font-size:11px;border:1px solid #e0e7ff;border-radius:15px;background:#f8fafc}.duel-rules b{color:#312e81;font-size:20px}.duel-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.duel-primary,.duel-secondary,.duel-join button,.duel-cancel{padding:13px 17px;border:0;border-radius:13px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.duel-primary{color:#fff;background:linear-gradient(135deg,#4f46e5,#2563eb);box-shadow:0 11px 23px rgba(79,70,229,.22)}.duel-secondary{color:#4338ca;border:1px solid #c7d2fe;background:#eef2ff}.duel-actions button:disabled,.duel-submit-row button:disabled{opacity:.55;cursor:wait}.duel-join{display:grid;gap:9px;margin:22px auto 0;max-width:450px}.duel-join>span{color:#94a3b8;font-size:12px}.duel-join>div{display:flex}.duel-join input{min-width:0;flex:1;padding:12px 14px;text-transform:uppercase;border:1px solid #cbd5e1;border-radius:12px 0 0 12px;outline:none;font:inherit;font-weight:800;letter-spacing:.12em}.duel-join input:focus{border-color:#818cf8;box-shadow:0 0 0 3px rgba(129,140,248,.14)}.duel-join button{color:#fff;border-radius:0 12px 12px 0;background:#334155}.duel-error{min-height:20px!important;margin:12px 0 0!important;color:#be123c!important;font-size:13px}.duel-waiting{padding-top:65px}.duel-loader{display:flex;justify-content:center;gap:8px;margin-bottom:27px}.duel-loader span{width:13px;height:13px;border-radius:50%;background:#6366f1;animation:duel-bounce .9s infinite alternate}.duel-loader span:nth-child(2){animation-delay:.2s}.duel-loader span:nth-child(3){animation-delay:.4s}@keyframes duel-bounce{to{transform:translateY(-12px);opacity:.45}}.duel-invite{display:grid;gap:8px;max-width:380px;margin:25px auto;padding:19px;border:1px solid #c7d2fe;border-radius:18px;background:#eef2ff}.duel-invite small{color:#64748b}.duel-invite strong{color:#312e81;font-size:31px;letter-spacing:.16em}.duel-invite button{padding:10px;color:#4338ca;border:1px solid #c7d2fe;border-radius:10px;background:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.duel-cancel{margin-top:18px;color:#64748b;background:#e8eef8}.duel-play-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.duel-play-header small{color:#64748b;font-weight:700}.duel-play-header h1{margin:4px 0 0;font-size:clamp(27px,5vw,40px)}.duel-timer{display:grid;width:84px;height:84px;place-items:center;align-content:center;color:#4338ca;border-radius:24px;background:#e0e7ff}.duel-timer span{font-size:28px;font-weight:800;line-height:1}.duel-timer small{color:inherit;font-size:9px;text-transform:uppercase}.duel-progress{height:7px;margin:20px 0 24px;overflow:hidden;border-radius:999px;background:#e2e8f0}.duel-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#6366f1,#0ea5e9);transition:width .2s linear}.duel-questions{display:grid;gap:13px}.duel-question{padding:19px;border:1px solid #e2e8f0;border-radius:17px;background:#f8fafc}.duel-question h2{margin:0 0 13px;font-size:16px;line-height:1.45}.duel-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.duel-options label{position:relative;display:flex;align-items:center;justify-content:center;min-height:48px;padding:9px;text-align:center;color:#475569;border:1px solid #dbe3f0;border-radius:11px;background:#fff;font-size:13px;font-weight:700;cursor:pointer}.duel-options input{position:absolute;opacity:0}.duel-options label:has(input:checked){color:#3730a3;border-color:#818cf8;background:#eef2ff;box-shadow:0 0 0 2px rgba(129,140,248,.12)}.duel-submit-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;color:#64748b;font-size:13px}.duel-submit-row b{color:#0f172a}.duel-result{padding-top:25px}.duel-result-icon{display:grid;width:78px;height:78px;margin:0 auto 20px;place-items:center;color:#fff;font-size:34px;border-radius:24px;background:linear-gradient(145deg,#6366f1,#4338ca);box-shadow:0 14px 28px rgba(79,70,229,.22)}.duel-result.is-win .duel-result-icon{background:linear-gradient(145deg,#10b981,#047857)}.duel-result.is-lose .duel-result-icon{background:linear-gradient(145deg,#94a3b8,#475569)}.duel-scoreboard{display:flex;align-items:center;justify-content:center;gap:15px;margin:27px 0}.duel-scoreboard article{display:grid;gap:5px;min-width:150px;padding:18px;border:1px solid #e2e8f0;border-radius:17px;background:#f8fafc}.duel-scoreboard article.is-you{border-color:#c7d2fe;background:#eef2ff}.duel-scoreboard small{color:#64748b}.duel-scoreboard strong{color:#312e81;font-size:26px}.duel-scoreboard>span{color:#94a3b8;font-size:23px;font-weight:800}.duel-reward{display:inline-flex;padding:9px 13px;color:#047857;border-radius:11px;background:#d1fae5;font-size:13px;font-weight:800}.duel-result-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:25px;flex-wrap:wrap}.duel-result-actions a{padding:12px 15px;color:#4338ca;font-weight:800;text-decoration:none}.duel-page :focus-visible{outline:3px solid #818cf8;outline-offset:3px}@media(max-width:650px){.duel-shell{width:min(100% - 24px,960px);margin-top:20px}.duel-card{min-height:590px;border-radius:23px}.duel-actions{display:grid}.duel-actions button{width:100%}.duel-options{grid-template-columns:1fr}.duel-play-header{align-items:flex-start}.duel-timer{width:72px;height:72px;border-radius:20px}.duel-scoreboard{gap:8px}.duel-scoreboard article{min-width:0;flex:1;padding:14px}.duel-submit-row{align-items:stretch;flex-direction:column}.duel-submit-row button{width:100%}}