.duel-dialog{width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:24px;border:1px solid #d9ded3;border-radius:22px;background:#fffefa;color:#244c38;overflow:auto}.duel-dialog::backdrop{background:#18392bb3}.duel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.duel-heading h2{margin:0;font-size:clamp(22px,4vw,30px)}.duel-setup{padding:24px 0;display:grid;gap:20px}.duel-setup[hidden],.duel-room[hidden],.duel-end[hidden]{display:none}.duel-setup label{display:flex;align-items:center;gap:12px}.duel-setup select{max-width:100%;padding:10px}.duel-players{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.duel-player{display:grid;justify-items:center;gap:5px;min-width:0;text-align:center;padding:10px;background:#eef2e9;border-radius:16px}.duel-player img,.duel-player .initials-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.duel-player strong{overflow-wrap:anywhere}.duel-percent{font-size:25px;font-weight:700;font-variant-numeric:tabular-nums}.duel-player progress{width:100%;height:7px;accent-color:#315d46}.duel-player small{font-size:13px;color:#536b61}.duel-invite{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:20px}.duel-invite[hidden]{display:none}.duel-invite label{flex:1;min-width:180px;font-size:14px}.duel-link{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:10px;border:1px solid #c6cfbf;border-radius:8px}.duel-whatsapp{padding:10px;color:#315d46}.duel-arena{position:relative;min-height:240px;background:#f6f7ef;border-radius:16px;overflow:hidden}.duel-board>svg{display:block;width:100%;max-height:240px}.duel-locked .duel-board{filter:blur(8px);user-select:none;pointer-events:none}.duel-board .rule{margin:0;border:0;background:transparent}.duel-board .game-heading,.duel-board .level-title h2{display:none}.duel-board .level-title{justify-content:center}.duel-board .level-time{font-size:20px}.duel-countdown{position:absolute;inset:0;display:grid;place-content:center;font-size:clamp(56px,12vw,100px);font-weight:700;text-shadow:0 2px 12px #fff}.duel-countdown[hidden]{display:none}.duel-ready-actions{display:flex;justify-content:center;gap:12px;margin-top:20px;flex-wrap:wrap}.duel-ready-actions button{min-width:160px;min-height:48px}.duel-wait:disabled{opacity:1;background:#eef2e9;color:#536b61;border-color:#d9ded3}.duel-end{text-align:center;font-size:20px;padding:20px}.duel-finished .board-actions{display:none}.duel-finished .board-scroll{pointer-events:none;opacity:.65}.duel-status{font-size:14px;margin-bottom:0}.duel-status:empty{display:none}#home-screen .home-actions #home-duel{background:#fffefa;color:#315d46;white-space:normal;max-width:100%;min-height:44px;line-height:1.25}@media (hover:hover){#home-screen .home-actions #home-duel:enabled:hover{background:#eaf0e6;color:#315d46;border-color:#c4d0c4}}@media(max-width:500px){.duel-dialog{padding:16px}.duel-player{padding:10px}.duel-player img,.duel-player .initials-avatar{width:52px;height:52px}.duel-ready-actions button{min-width:0;flex:1}.duel-heading button{padding:8px}.duel-countdown{font-size:56px}}
.duel-board .rule{display:block}.duel-board .level-title{margin-bottom:8px}.duel-board .status:empty{display:none}.duel-dialog .primary{background:#315d46;color:#fffefa}.duel-dialog .primary:hover{background:#244c38}
.duel-board .board-scroll svg{max-height:48dvh}.duel-board .wide-board:not(.fit-board) svg{max-height:none}


.duel-lobby[hidden]{display:none}.duel-lobby{padding-top:16px}.duel-list{display:grid;gap:12px;margin-bottom:20px}.duel-list-item{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #d9ded3;border-radius:14px}.duel-list-item img,.duel-list-item>.initials-avatar{width:44px;height:44px;flex:none;border-radius:50%;object-fit:cover}.duel-list-item>div{flex:1;min-width:0;overflow-wrap:anywhere}.duel-list-item p{font-size:13px;margin:4px 0 0}.duel-player[hidden],.duel-account-invites[hidden],.duel-invitees[hidden]{display:none}.duel-summary{text-align:center;font-size:14px}.duel-setup label{display:grid;grid-template-columns:1fr 1fr}.duel-setup p{font-size:14px;margin:0}.duel-invitees{display:grid;gap:10px;margin:12px 0;max-height:280px;overflow:auto}.duel-invitee{display:flex;align-items:center;gap:10px}.duel-invitee img,.duel-invitee .initials-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.duel-pending-count{display:inline-block;font-weight:750;animation:duel-pending-pulse 1.2s ease-in-out infinite}.duel-pending-count[hidden]{display:none}@keyframes duel-pending-pulse{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.duel-pending-count{animation:none}}@media(max-width:500px){.duel-list-item{flex-wrap:wrap}.duel-list-item>button{margin-left:auto}.duel-setup label{grid-template-columns:1fr}.duel-players{gap:8px}}

#home-screen .home-actions #home-duel{display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.duel-room-navigation{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:16px}.duel-lobby h3{margin:0 0 16px}.duel-list-item button{flex:none}

.duel-heading h2{display:flex;align-items:center;gap:9px;min-width:0}.duel-title-icon{width:24px;height:24px;flex:none;background:none;border-radius:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

.duel-list-item>button{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;max-width:130px}.duel-list-item .duel-player-count{font-weight:800;font-variant-numeric:tabular-nums}

.duel-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}.duel-filters label{display:grid;gap:5px;min-width:0;font-size:13px;font-weight:600}.duel-filters select{box-sizing:border-box;width:100%;min-width:0;font:inherit;font-weight:400;padding:8px 5px;color:#244c38;background:#fffefa;border:1px solid #c4d0c4;border-radius:9px}

.duel-lobby-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.duel-lobby .duel-lobby-heading h3{margin:0;min-width:0}.duel-lobby-heading .duel-new{flex:none;font-size:13px;padding:9px 12px}@media(max-width:380px){.duel-lobby-heading{gap:8px}.duel-lobby-heading h3{font-size:16px}.duel-lobby-heading .duel-new{font-size:12px;padding:8px}}

.duel-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin:16px 0 0}.duel-pagination[hidden]{display:none}.duel-page-label{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}.duel-pagination button{font-size:14px;padding:8px 12px}

.duel-invite{align-items:center;flex-wrap:nowrap}.duel-invite label{min-width:0}.duel-copy,.duel-whatsapp{display:inline-flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box;width:40px;height:40px;padding:8px;margin-top:20px;border:1px solid #c4d0c4;border-radius:9px;color:#315d46}.duel-copy svg,.duel-whatsapp svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;background:none;border-radius:0}.duel-leave-confirmation{width:min(420px,calc(100vw - 24px));box-sizing:border-box;padding:24px;border:1px solid #c4d0c4;border-radius:20px;background:#fffefa;color:#244c38}.duel-leave-confirmation::backdrop{background:#244c3880}.duel-leave-confirmation p{line-height:1.5}.duel-leave-actions{display:flex;justify-content:center;gap:12px;margin-top:18px}.duel-leave-actions .primary{background:#315d46;color:#fffefa}

.duel-waiting-name{animation:duel-pending-pulse 1.2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.duel-waiting-name{animation:none}}

.duel-players{grid-template-columns:repeat(var(--duel-player-count,2),minmax(0,1fr))}.duel-players[data-capacity="4"]{gap:8px}.duel-players[data-capacity="4"] .duel-player{padding:10px 4px}.duel-players[data-capacity="4"] .duel-player strong{max-width:100%;font-size:13px}.duel-players[data-capacity="4"] .duel-player small{font-size:11px;line-height:1.35}.duel-players[data-capacity="4"] .duel-player img,.duel-players[data-capacity="4"] .initials-avatar{width:36px;height:36px}.duel-players[data-capacity="4"] .duel-percent{font-size:22px}@media(max-width:380px){.duel-players[data-capacity="4"]{gap:5px}.duel-players[data-capacity="4"] .duel-player strong{font-size:12px}.duel-players[data-capacity="4"] .duel-player small{font-size:10px}}

#duel-leave-title{display:flex;align-items:center;gap:9px}.duel-exit-icon{width:25px;height:25px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;background:none;border-radius:0}

.duel-footer{display:flex;justify-content:center;margin-top:20px}.duel-lobby-heading .duel-new{display:inline-flex;align-items:center;justify-content:center;gap:6px}.duel-add-icon{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;background:none;border-radius:0}

.duel-list-item>.duel-delete{width:34px;height:36px;min-width:34px;margin-left:0;padding:7px;border-color:transparent}.duel-delete svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;background:none;border-radius:0}

.duel-player-left{opacity:.65}.duel-player-left small{font-weight:600;color:#855738}

.duel-full-notice{position:fixed;inset:0;box-sizing:border-box;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:24px;border:0;border-radius:0;background:#fffefa;color:#244c38}.duel-full-notice[open]{display:grid;place-items:center}.duel-full-notice>div{max-width:480px;text-align:center}.duel-full-notice p{line-height:1.5;margin:20px 0 28px}.duel-full-notice::backdrop{background:#fffefa}

.duel-full-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}

.duel-finished-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0}.duel-finished-actions[hidden]{display:none}.duel-finished-title{text-align:center}

.duel-footer[hidden]{display:none}.duel-full-rematch[hidden]{display:none}

.duel-full-notice .primary{background:#315d46;color:#fffefa}.duel-full-notice .primary:enabled:hover{background:#244c38}

.duel-continue-waiting[hidden]{display:none}.duel-rematch-question{width:min(420px,calc(100vw - 24px));box-sizing:border-box;padding:24px;border:1px solid #c4d0c4;border-radius:20px;background:#fffefa;color:#244c38}.duel-rematch-question::backdrop{background:#244c3880}.duel-rematch-question p{line-height:1.5}.duel-rematch-question-actions{display:flex;justify-content:center;gap:12px;margin-top:20px}.duel-rematch-question .primary{background:#315d46;color:#fffefa}.duel-rematch-question-status:empty{display:none}