.reading-level-wrap{display:flex;flex-direction:column;gap:8px}.reading-level-wrap>.reading-level-card{width:100%;flex:1}.duel-level-button{min-height:46px;border:2px solid #efb764;border-radius:11px;background:#fff1d2;color:#815321;font-weight:900;font-size:13px}.duel-level-button:hover{background:#ffe4aa}
.duel-lobby{max-width:1000px;margin:auto;padding:40px;border-radius:24px;background:linear-gradient(135deg,#fff7df,#e4f4f0);border:1px solid #dae9dc}.duel-lobby h1{font-size:clamp(38px,5vw,64px);margin:12px 0}.duel-lobby>p{font-size:16px;line-height:1.7;color:#526e75;max-width:690px}.duel-setup{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}.duel-setup label{font-size:13px}.duel-rule{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:23px 0}.duel-rule>*{border-radius:8px;background:#fff;padding:8px 11px;color:#386d70;font-size:12px}.duel-rule b{background:#225966;color:#fff}.duel-go{font-size:17px;min-height:55px}
.duel-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:15px}.duel-top>div:first-child{display:flex;flex-direction:column;align-items:start;gap:6px}.duel-top h1{font-size:clamp(28px,3vw,42px);margin:3px 0}.duel-back{border:0;background:transparent;color:#2d7578;font-size:12px;font-weight:800;padding:5px 0}.duel-timer{display:grid;place-items:center;min-width:205px;border:4px solid #287981;border-radius:17px;background:#f0fffa;padding:10px 18px;text-align:center;box-shadow:0 6px 0 #bbddd1}.duel-timer small{font-size:11px;font-weight:900;color:#47767a}.duel-timer strong{font:1000 clamp(39px,5vw,66px)/1 Nunito,Arial,sans-serif;color:#163f4b;font-variant-numeric:tabular-nums}.duel-timer b{font-size:13px;color:#b45b2c}
.duel-scorebar{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:20px 0;padding:10px 16px;border-radius:12px;background:#183f4b;color:#fff;text-align:center;font-size:13px;font-weight:900}.duel-scorebar span:first-child{text-align:left}.duel-scorebar span:last-child{text-align:right}.duel-scorebar b{display:inline-block;margin-left:7px;border-radius:7px;background:#fff;color:#1c5963;padding:5px 8px}.duel-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.duel-pane{position:relative;min-width:0;min-height:540px;padding:18px;border:4px solid #74b4cd;border-radius:18px;background:#fff;box-shadow:0 12px 22px #28525813}.duel-pane.player-1{border-color:#e5b561}.duel-pane-header{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:13px}.duel-pane-header b{font-size:19px}.duel-pane-header span{padding:5px 8px;border-radius:7px;background:#e5f3f8;color:#2f6881;font-size:11px;font-weight:900}.player-1 .duel-pane-header span{background:#fff1d4;color:#925c24}.duel-cue{min-height:30px;margin:10px 0 2px;font:900 18px Nunito,Arial,sans-serif;color:#17845c;animation:duel-pop .42s ease-out both}.duel-message{min-height:38px;color:#57737b;font-size:12px;font-weight:800;line-height:1.5}.duel-question{margin:15px 0;padding:14px;border-radius:12px;background:#f5f8f6}.duel-question p{font:800 17px/2 Nunito,Arial,sans-serif;margin:8px 0}.duel-question small{display:block;color:#617d86;font-size:11px;font-weight:800}.duel-qword,.duel-pword{border:0;border-radius:5px;background:transparent;color:#193c4a;padding:1px 3px;line-height:1.55;font-size:inherit}.duel-qword:disabled,.duel-pword:disabled{opacity:1;cursor:default}.duel-qword:not(:disabled):hover,.duel-pword:not(:disabled):hover{background:#dff4ef}.duel-qword.selected.wh{background:#cde7fb;color:#205b86}.duel-qword.selected.key,.duel-pword.marked{background:#ffe49a;color:#73521b}.duel-article{max-height:330px;overflow:auto;border:1px solid #dce8e5;border-radius:12px;padding:14px;background:#fff;overscroll-behavior:contain}.duel-sentence{display:grid;grid-template-columns:24px minmax(0,1fr);gap:3px 5px;padding:11px 0;border-bottom:1px solid #edf1ee;line-height:1.75}.duel-sentence.evidence-correct{background:#e2f5e8}.duel-line{font-size:10px;color:#8da5a9;font-weight:900;padding-top:4px}.duel-pword{font-size:14px}.duel-confirm{grid-column:2;justify-self:start;margin-top:6px;padding:5px 8px;border:1px solid #7bb7a2;border-radius:7px;background:#ecf8ef;color:#286a57;font-size:11px;font-weight:900}.duel-confirm:disabled{opacity:.35}.duel-answers{margin-top:17px}.duel-answers>p{font-size:12px;color:#58717b}.duel-option{display:grid;grid-template-columns:28px 1fr;gap:7px;align-items:start;width:100%;margin:7px 0;padding:10px;text-align:left;border:2px solid #d9e8e2;border-radius:9px;background:#fff;font-size:13px;line-height:1.5;color:#274c55}.duel-option b{display:grid;place-items:center;width:24px;height:24px;border-radius:5px;background:#e2f2ed;color:#27786f}.duel-option:hover:not(:disabled){border-color:#39a78f;background:#f2fbf6}.duel-option.tried{border-color:#db7770;background:#fff0ed}.duel-option.winner{border-color:#35a568;background:#e4f7e9}.duel-orientation{text-align:center;color:#65808a;font-size:12px;margin:20px 0}.duel-round-end{max-width:700px;margin:60px auto;padding:36px;background:#fff;text-align:center;border-radius:22px;box-shadow:0 18px 50px #183e4b19}.duel-round-end>span{font-size:70px}.duel-round-end h1{font-size:43px;margin:7px 0}.duel-round-end>p{font-size:16px;color:#316d6c}.duel-final-scores{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:24px 0}.duel-final-scores b{display:flex;flex-direction:column;gap:7px;border:2px solid #d8e9e3;border-radius:13px;padding:15px}.duel-final-scores strong{font-size:29px}.duel-model{padding:15px;border-radius:11px;background:#fff5db;line-height:1.6}.duel-round-end .button{margin-top:12px}
@keyframes duel-pop{0%{opacity:.2;transform:scale(.72) translateY(9px)}60%{transform:scale(1.08)}100%{opacity:1;transform:scale(1)}}
@media(max-width:850px){.duel-lobby{padding:25px}.duel-setup{grid-template-columns:1fr 1fr}.duel-setup label:last-child{grid-column:1/-1}.duel-timer{min-width:150px}.duel-scorebar>span:nth-child(2){display:none}.duel-scorebar{grid-template-columns:1fr 1fr}.duel-pane{padding:10px}.duel-question p{font-size:15px}.duel-article{max-height:280px}.duel-option{font-size:11px}.duel-cue{font-size:15px}}
@media(max-width:620px){.duel-top{flex-direction:column;align-items:stretch}.duel-timer{width:100%}.duel-split{grid-template-columns:1fr}.duel-pane{min-height:0}.duel-article{max-height:250px}.duel-scorebar span{font-size:11px}}
.duel-qword,.duel-pword{min-height:31px;padding:3px 5px;touch-action:manipulation}
.duel-confirm{min-height:35px;padding:6px 10px;touch-action:manipulation}
.duel-option{min-height:46px;touch-action:manipulation}
.duel-plain-word{color:#193c4a}.duel-advanced-question{font-size:18px!important;line-height:1.7!important}.duel-understood{margin:12px 0 0!important;padding:8px 10px;border-radius:8px;background:#e7f6e8;color:#28694f;font-size:12px!important;line-height:1.6!important}
.duel-translation{margin:12px 0 18px;padding:13px;border:2px solid #e5bd70;border-radius:12px;background:#fff8e7}.duel-translation>p{margin:6px 0 10px;font-size:12px;color:#785e34}.duel-translation .duel-option{background:#fffdfa}
.duel-start-choice{display:block;max-width:330px;font-size:13px;font-weight:800;color:#315f66}.duel-start-choice select{display:block;width:100%;margin-top:7px;border:1px solid #b9d6cf;border-radius:9px;padding:10px;background:white;color:#1d4e5a}
.duel-article-locked{margin-top:12px;padding:28px 18px;border:2px dashed #d5c294;border-radius:12px;background:#faf7ed;color:#75623f;font-size:13px;font-weight:800;line-height:1.7;text-align:center}

.duel-pane{position:relative}.duel-burst{position:absolute;z-index:12;left:50%;top:34%;width:max-content;max-width:90%;padding:14px 22px;border:4px solid #1d9a63;border-radius:18px;background:#e5ffed;color:#087543;font-size:clamp(22px,3vw,38px);font-weight:1000;box-shadow:0 12px 35px #123b3570;pointer-events:none;transform:translate(-50%,-50%) scale(.5);animation:duelBurst 1.15s ease-out forwards;text-align:center}@keyframes duelBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(-8deg)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.12) rotate(3deg)}55%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-70%) scale(1)}}