.duel-app{color:#eef6ff;background:radial-gradient(at 80% 15%,#30375780,#0000 50%),#0d1623;min-height:100svh;padding:24px clamp(16px,4vw,64px) 40px;font-family:Arial,sans-serif}.duel-nav{border-bottom:1px solid #73889f44;justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px;font-size:14px;display:flex}.duel-nav a,.duel-footer a{color:#c7e9d9;text-decoration:none}.duel-nav>span{color:#a1b1c8;letter-spacing:.14em;font-size:11px}.duel-heading{padding:28px 0 24px}.duel-heading>span{color:#bbf0d1;letter-spacing:.14em;align-items:center;gap:10px;font-size:11px;display:flex}.duel-heading h1{letter-spacing:-.03em;margin:14px 0 12px;font-size:clamp(32px,4vw,48px);line-height:1.15}.duel-heading p{color:#aabed2;max-width:730px;margin:0;font-size:16px;line-height:1.6}.duel-entry,.duel-lobby,.duel-question,.duel-feedback,.duel-finish{background:linear-gradient(125deg,#192d43,#182136);border:1px solid #738ba34d;border-radius:20px;max-width:1220px;padding:clamp(20px,3vw,40px)}.duel-entry{grid-template-columns:1fr 1fr;gap:45px;display:grid}.duel-entry-copy>svg{color:#c6f7da}.duel-entry h2,.duel-lobby h2,.duel-question h2,.duel-feedback h2,.duel-finish h2{letter-spacing:-.02em;margin:20px 0 17px;font-size:clamp(24px,2.8vw,34px);line-height:1.25}.duel-entry p,.duel-lobby p,.duel-finish>p{color:#adc3d6;font-size:16px;line-height:1.65}.duel-primary,.duel-secondary{cursor:pointer;text-align:center;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:13px 20px;font-size:16px;font-weight:600;line-height:1.45;text-decoration:none;display:inline-flex}.duel-primary{color:#173b2c;background:#bdfad7}.duel-secondary{color:#e0eff9;background:0 0;border-color:#728aa0}.duel-app button:disabled{opacity:.5;cursor:not-allowed}.duel-entry-actions{flex-wrap:wrap;gap:12px;margin:25px 0 20px;display:flex}.duel-app .duel-small{color:#9bb3c9;font-size:14px;line-height:1.6}.duel-entry-steps{align-content:center;gap:14px;display:grid}.duel-entry-steps>div{background:#0c1a2b88;border:1px solid #7c98ae44;border-radius:13px;padding:18px 18px 18px 61px;position:relative}.duel-entry-steps span{color:#b2e1c9;font-size:22px;position:absolute;top:22px;left:18px}.duel-entry-steps h3{margin:0 0 6px;font-size:17px;line-height:1.4}.duel-entry-steps p{margin:0;font-size:14px;line-height:1.5}.duel-notice{background:#3b353b;border:1px solid #9fa87f55;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;max-width:1220px;margin-bottom:20px;padding:18px;font-size:15px;line-height:1.6;display:flex}.duel-notice button{color:#f1efd1;cursor:pointer;background:0 0;border:1px solid #ccb29c;border-radius:8px;flex-shrink:0;padding:10px;font-size:14px}.duel-live-status{color:#9cb4c9;justify-content:space-between;gap:20px;max-width:1220px;margin-bottom:16px;font-size:13px;line-height:1.5;display:flex}.duel-live-status i{vertical-align:middle;background:#dab093;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.duel-live-status .duel-connected i{background:#b3f3c9}.duel-players{grid-template-columns:1fr 1fr;gap:16px;max-width:1220px;margin-bottom:20px;display:grid}.duel-players>div{background:#15283b;border:1px solid #536d8644;border-radius:14px;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;padding:20px;display:grid}.duel-players .duel-you{border-color:#a7d4b766}.duel-player-icon{color:#d2f5dd;background:#365647;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.duel-players h2{margin:0 0 5px;font-size:18px;line-height:1.4}.duel-players p{color:#9eb5c8;margin:0;font-size:13px;line-height:1.5}.duel-players>div>strong{color:#d3f6df;text-align:right;font-size:28px}.duel-players small{color:#97b0c4;font-size:11px;font-weight:400;display:block}.duel-player-empty{opacity:.7}.duel-lobby{grid-template-columns:1fr 1fr;gap:40px;display:grid}.duel-kicker{color:#a9d6bf;letter-spacing:.15em;font-size:11px}.duel-invitation{background:#0d1a2c;border:1px solid #6b859c55;border-radius:14px;align-self:center;min-width:0;padding:22px}.duel-invitation label{color:#bed5e3;margin-bottom:12px;font-size:14px;display:block}.duel-invitation input{box-sizing:border-box;color:#e5f6f1;background:#172d42;border:1px solid #526b80;border-radius:8px;width:100%;min-width:0;margin-bottom:16px;padding:12px;font-size:16px}.duel-invitation button{width:100%;font-size:14px}.duel-invitation output{color:#b4e7c8;margin-top:14px;font-size:14px;line-height:1.6;display:block}.duel-invitation a{color:#c1e9d4}.duel-question,.duel-feedback{max-width:940px}.duel-question-top{letter-spacing:.08em;color:#a5c5b7;justify-content:space-between;align-items:center;gap:20px;font-size:12px;display:flex}.duel-timer{color:#c4f7d8;font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap;font-size:27px}.duel-timer small{color:#9db7c5;font-size:13px;font-weight:400}.duel-timer-low{color:#ffcca0}.duel-prompt{white-space:pre-line;color:#dfedf7;margin:0 0 25px;font-size:18px;line-height:1.7}.duel-options{border:0;margin:0;padding:0}.duel-options legend{color:#aac0d0;margin-bottom:12px;font-size:14px}.duel-options label{cursor:pointer;background:#0e1e30;border:1px solid #4c657b;border-radius:12px;grid-template-columns:20px 20px 1fr;align-items:center;gap:12px;min-height:58px;margin:0 0 10px;padding:15px;display:grid}.duel-options label>span{color:#8ba7bd;font-size:14px}.duel-options strong{overflow-wrap:anywhere;font-size:16px;font-weight:500;line-height:1.5}.duel-options input{accent-color:#b1eac8;width:18px;height:18px}.duel-options .duel-selected{background:#284b3a;border-color:#b0e8c8}.duel-options:disabled label{cursor:default}.duel-options input:disabled{opacity:1}.duel-answer-action{flex-wrap:wrap;align-items:center;gap:22px;margin-top:23px;display:flex}.duel-answer-action>p{color:#a2c0cd;max-width:350px;margin:0;font-size:14px;line-height:1.6}.duel-feedback-answer{color:#c1e8cf;font-size:17px;line-height:1.6}.duel-explanation{color:#deebf3;white-space:pre-line;font-size:17px;line-height:1.75}.duel-answer-results{grid-template-columns:1fr 1fr;gap:14px;margin:24px 0;display:grid}.duel-answer-results>div{background:#0d1c2d;border:1px solid #5e7f9166;border-radius:12px;padding:18px;font-size:15px;line-height:1.6}.duel-answer-results strong{font-size:15px}.duel-answer-results p{color:#a7c0d1;margin:8px 0}.duel-answer-results span{color:#c8e7ca;font-size:14px}.duel-finish>h2{max-width:700px}.duel-final-scores{gap:20px;margin:28px 0;display:flex}.duel-final-scores>div{background:#0d1c2c;border:1px solid #7ba39055;border-radius:14px;min-width:190px;padding:20px}.duel-final-scores span{color:#b3d0c1;font-size:15px;display:block}.duel-final-scores strong{color:#c6f4d6;margin:17px 0;font-size:58px;line-height:1.1;display:block}.duel-final-scores small{color:#6e968b;font-size:23px;font-weight:400}.duel-final-scores p{color:#98b4c6;margin:0;font-size:14px}.duel-finish>.duel-primary,.duel-finish>.duel-secondary{margin:10px 12px 0 0}.duel-text{color:#b0c7d8;cursor:pointer;text-align:left;background:0 0;border:0;padding:6px 0;font-size:14px;line-height:1.6}.duel-exit{border-top:1px solid #5d798844;max-width:1220px;margin-top:24px;padding-top:20px}.duel-exit fieldset{border:0;margin:0;padding:0}.duel-exit legend{font-size:18px;line-height:1.4}.duel-exit p{color:#b8c6d4;font-size:14px;line-height:1.6}.duel-exit .duel-secondary{margin:0 12px 10px 0;font-size:14px}.duel-footer{border-top:1px solid #5b718444;justify-content:space-between;align-items:start;gap:28px;max-width:1220px;margin-top:25px;padding-top:22px;display:flex}.duel-footer p{color:#8ea7bf;max-width:770px;margin:0;font-size:13px;line-height:1.7}.duel-footer a{white-space:nowrap;font-size:14px}.duel-app :is(button,a,input):focus-visible{outline-offset:4px;outline:3px solid #bdffd6}.duel-options label:has(input:focus-visible){outline-offset:3px;outline:3px solid #bdffd6}.duel-app h2:focus{outline:0}.duel-reduced *{transition:none!important;animation:none!important}@media (max-width:850px){.duel-nav>span{display:none}.duel-entry,.duel-lobby{grid-template-columns:1fr;gap:25px}.duel-players>div{grid-template-columns:35px 1fr auto;gap:10px;padding:16px}.duel-player-icon{width:35px;height:35px}.duel-players h2{font-size:16px}.duel-footer{flex-direction:column;gap:15px}}@media (max-width:550px){.duel-nav{gap:18px;font-size:12px}.duel-live-status{flex-direction:column;gap:6px;font-size:12px}.duel-players{gap:10px}.duel-players>div{grid-template-columns:1fr auto;gap:8px;padding:14px 12px}.duel-player-icon{display:none}.duel-players h2{font-size:14px}.duel-players p{font-size:12px}.duel-players>div>strong{font-size:22px}.duel-notice{flex-direction:column;align-items:start;gap:12px}.duel-question,.duel-feedback{padding:20px 17px}.duel-prompt,.duel-explanation{font-size:16px}.duel-options label{grid-template-columns:18px 16px 1fr;gap:10px;padding:13px 10px}.duel-options strong{font-size:16px}.duel-answer-action>.duel-primary{width:100%}.duel-answer-results{grid-template-columns:1fr}.duel-final-scores{gap:12px}.duel-final-scores>div{flex:1;min-width:0;padding:17px 12px}.duel-final-scores strong{font-size:45px}.duel-final-scores span{font-size:13px}.duel-entry-actions>*{width:100%}.duel-timer small{font-size:11px}.duel-feedback .duel-question-top{letter-spacing:0;gap:10px;font-size:11px}.duel-feedback>.duel-primary{width:100%;font-size:15px}}@media (prefers-reduced-motion:reduce){.duel-app *{transition:none!important;animation:none!important}}.duel-mode-picker{border:0;min-width:0;max-width:700px;margin:24px 0;padding:0}.duel-mode-picker legend{color:#c9e7d5;margin-bottom:12px;font-size:14px}.duel-mode-picker>div{grid-template-columns:1fr 1fr;gap:12px;display:grid}.duel-mode-picker label{cursor:pointer;background:#0e1e30;border:1px solid #526e81;border-radius:12px;align-items:flex-start;gap:10px;min-width:0;padding:16px;display:flex}.duel-mode-picker input{accent-color:#bdfad7;flex-shrink:0;width:18px;height:18px;margin-top:4px}.duel-mode-picker strong{color:#e4f5ec;font-size:16px;line-height:1.45;display:block}.duel-mode-picker small{color:#aac2d1;margin-top:5px;font-size:13px;line-height:1.55;display:block}.duel-mode-picker .duel-mode-selected{background:#284b3a;border-color:#b0e8c8}.duel-mode-picker label:has(input:focus-visible){outline-offset:3px;outline:3px solid #bdffd6}.duel-mode-picker:disabled label{cursor:default;opacity:.65}.duel-subject{color:#b6e4ca;margin:20px 0 0;font-size:13px;line-height:1.5}.duel-subject+h2{margin-top:10px}@media (max-width:550px){.duel-mode-picker>div{grid-template-columns:1fr}.duel-mode-picker label{padding:14px}}