:root{--duel-paper:#e9eef0;--duel-ink:#071016;--duel-muted:#52666f;--duel-dark:#071015;--duel-line:rgba(151,191,207,.2)}
.playerduel-page{overflow-x:hidden;color:#eef4f6;background:#05090c}.playerduel-page main{overflow:hidden}.playerduel-page .command-links .is-active{color:#fff}.playerduel-page .command-links .is-active::after{transform:scaleX(1)}

.duel-hero{position:relative;min-height:720px;padding:calc(var(--nav-h) + 58px) 0 70px;isolation:isolate}.duel-hero-image{position:absolute;inset:0;z-index:-2;background:url("images/playerduel-command-hero-20260823.jpg") 50% 10%/cover no-repeat;filter:saturate(.84) contrast(1.07) brightness(.86)}.duel-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,7,10,.98) 0%,rgba(3,7,10,.88) 48%,rgba(3,7,10,.48) 100%),linear-gradient(0deg,#05090c 0%,transparent 48%,rgba(3,7,10,.56) 100%)}
.duel-hero-shell{display:grid;width:var(--shell);margin:auto;grid-template-columns:minmax(0,1.05fr) minmax(440px,.72fr);gap:clamp(48px,7vw,112px);align-items:center}.duel-hero-copy{max-width:720px}.duel-hero h1,.duel-section-head h2{margin:0;font:900 clamp(4rem,6.1vw,6.8rem)/.79 var(--display);letter-spacing:-.025em;text-transform:uppercase}.duel-hero h1 em,.duel-section-head h2 em{color:var(--red);font-style:normal}.duel-hero-copy>p:not(.op-kicker){max-width:600px;margin:25px 0 0;color:#c0ccd1;font-size:var(--type-body-large);line-height:1.65}.duel-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.duel-quick-steps{display:grid;margin:34px 0 0;padding:0;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--duel-line);list-style:none}.duel-quick-steps li{display:grid;min-width:0;grid-template-columns:auto 1fr;gap:12px;padding:18px 14px;border-right:1px solid var(--duel-line)}.duel-quick-steps li:last-child{border-right:0}.duel-quick-steps b{color:var(--red);font:900 1.1rem/1 var(--display)}.duel-quick-steps span{display:grid;gap:5px}.duel-quick-steps strong{font:850 .86rem/1 var(--body);text-transform:uppercase}.duel-quick-steps small{color:#8da0a8;font-size:.75rem;line-height:1.4}

.duel-personal{overflow:hidden;border:1px solid var(--duel-line);background:rgba(7,16,21,.94);box-shadow:0 24px 70px rgba(0,0,0,.4);backdrop-filter:blur(16px)}.duel-personal-head{display:flex;min-height:80px;align-items:center;justify-content:space-between;gap:15px;padding:18px 21px;border-bottom:1px solid var(--duel-line)}.duel-personal-head>div>span,.duel-personal-qualification span,.duel-personal-metrics dt{color:#91a2a9;font-size:var(--type-meta);font-weight:850;letter-spacing:.08em;text-transform:uppercase}.duel-personal-head h2{margin:4px 0 0;font:900 1.8rem/.9 var(--display);text-transform:uppercase}.duel-state{display:inline-flex;min-height:32px;align-items:center;gap:7px;padding:0 10px;border:1px solid rgba(159,215,238,.28);color:#b3c3c9;background:rgba(159,215,238,.055);font-size:var(--type-meta);font-weight:850;letter-spacing:.05em;text-transform:uppercase}.duel-state::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}.duel-state.is-active,.duel-state.is-qualified{border-color:rgba(87,231,157,.36);color:#60e8a2}.duel-state.is-progress,.duel-state.is-waiting{border-color:rgba(255,188,56,.36);color:#ffc652}.duel-state.is-error{border-color:rgba(255,49,86,.4);color:#ff7690}.duel-state.is-loading::before{animation:duelPulse 1.1s ease-in-out infinite}.duel-personal-message{min-height:65px;margin:0;padding:17px 21px;color:#afbdc2;font-size:var(--type-small);line-height:1.55}.duel-personal-progress{border-top:1px solid var(--duel-line)}.duel-personal-qualification{padding:17px 21px}.duel-personal-qualification>div:first-child{display:flex;align-items:end;justify-content:space-between;gap:14px}.duel-personal-qualification strong{font:900 1.25rem/1 var(--display);text-transform:uppercase}.duel-personal-qualification strong i{padding:0 4px;color:#60727a;font-style:normal}.duel-progress{height:5px;margin-top:13px;overflow:hidden;background:rgba(151,191,207,.1)}.duel-progress>span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--red),#ffb834);transition:width .45s ease}.duel-personal-qualification small{display:block;margin-top:8px;color:#84969e;font-size:var(--type-meta);line-height:1.4}.duel-personal-metrics{display:grid;margin:0;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--duel-line)}.duel-personal-metrics>div{min-width:0;padding:14px 18px;border-right:1px solid var(--duel-line);border-bottom:1px solid var(--duel-line)}.duel-personal-metrics>div:nth-child(2n){border-right:0}.duel-personal-metrics dd{margin:7px 0 0;overflow:hidden;color:#fff;font:900 1.18rem/1 var(--display);text-overflow:ellipsis;white-space:nowrap}.duel-personal-metrics>div:nth-child(-n+2) dd{color:#ffca56}.duel-personal-actions{display:grid;grid-template-columns:1fr auto;gap:8px;padding:16px 21px}.duel-personal-actions [hidden]{display:none}

.duel-upload,.duel-ranking,.duel-archive{color:var(--duel-ink);background:var(--duel-paper)}.duel-upload{padding:clamp(76px,8vw,112px) 0;border-bottom:1px solid rgba(7,16,22,.14)}.duel-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.6fr);gap:44px;align-items:end}.duel-upload-shell .duel-section-head{grid-template-columns:minmax(0,1fr) minmax(210px,260px) minmax(300px,.72fr);gap:clamp(28px,3vw,44px)}.duel-section-head h2{font-size:clamp(3.2rem,5vw,5.3rem)}.duel-section-head--light{color:var(--duel-ink)}.duel-section-head--light>div>p:not(.op-kicker){max-width:640px;color:var(--duel-muted);line-height:1.65}.duel-upload-advice{padding:20px 0 4px;border-top:2px solid var(--duel-ink)}.duel-upload-advice strong{font:900 1.35rem/1 var(--display);text-transform:uppercase}.duel-upload-advice p{margin:10px 0 0;color:#536871;line-height:1.6}
.duel-upload-auth,.duel-upload-drop,.duel-upload-preview,.duel-upload-queue{display:flex;align-items:center;gap:22px;margin-top:38px;padding:22px 0;border-block:1px solid rgba(7,16,22,.2)}.duel-upload-auth>div,.duel-upload-queue>div{display:grid;flex:1;gap:5px}.duel-upload-auth strong,.duel-upload-queue strong{font:900 1.25rem/1 var(--display);text-transform:uppercase}.duel-upload-auth span,.duel-upload-queue span{color:#5d717a;font-size:var(--type-small)}.duel-upload-form[hidden],.duel-upload-preview[hidden],.duel-upload-auth[hidden],.duel-upload-queue[hidden]{display:none}.duel-upload-queue{border-color:rgba(160,104,0,.3);background:linear-gradient(90deg,rgba(255,186,50,.09),transparent 72%);padding-inline:18px}.duel-upload-queue-icon{display:grid;width:52px;height:52px;flex:0 0 52px;place-items:center;border:1px solid rgba(160,104,0,.38);color:#8c5c00!important;background:rgba(255,190,59,.12);font-size:1.25rem}.duel-upload-drop{cursor:pointer}.duel-upload-drop.is-dragging{background:rgba(255,49,86,.055)}.duel-upload-drop:focus-visible{outline:3px solid #1685ad;outline-offset:5px}.duel-upload-icon{display:grid;width:54px;height:54px;flex:0 0 54px;place-items:center;border:1px solid rgba(7,16,22,.25);font:900 1.5rem/1 var(--display)}.duel-upload-drop>div{display:grid;min-width:0;flex:1;gap:6px}.duel-upload-drop strong,.duel-upload-preview strong{font:900 1.1rem/1.2 var(--display);text-transform:uppercase}.duel-upload-drop>div span,.duel-upload-preview>div span{color:#61757d;font-size:var(--type-meta)}.duel-upload-preview img{width:130px;height:74px;flex:0 0 130px;object-fit:cover;border:1px solid rgba(7,16,22,.18)}.duel-upload-preview>div{display:grid;min-width:0;flex:1;gap:6px}.duel-upload-message{min-height:24px;margin:14px 0 0;color:#4d626b;font-size:var(--type-small);font-weight:700}.duel-upload-message.is-error{color:#a80d2d}.duel-upload-message.is-success{color:#08734b}.duel-upload-latest{margin:7px 0 0;color:#667a82;font-size:var(--type-meta)}
.duel-upload-example-mini{display:grid;align-self:center;gap:7px;min-width:0;padding:0;border:0;color:var(--duel-ink);background:transparent;font:inherit;text-decoration:none;cursor:pointer}.duel-upload-example-mini span{font-size:.67rem;font-weight:900;letter-spacing:.08em;text-align:center;text-transform:uppercase}.duel-upload-example-mini img{display:block;width:100%;height:auto;aspect-ratio:1919/1032;object-fit:contain;border:1px solid rgba(7,16,22,.25);background:#000;box-shadow:0 10px 22px rgba(7,16,22,.12);transition:transform .2s ease,box-shadow .2s ease}.duel-upload-example-mini:hover img{transform:translateY(-2px);box-shadow:0 14px 28px rgba(7,16,22,.17)}.duel-upload-example-mini:hover span{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.duel-upload-example-mini:focus-visible{outline:3px solid #1685ad;outline-offset:5px}

.duel-ranking{padding:clamp(86px,9vw,132px) 0}.duel-clock{padding:18px 0 4px;border-top:2px solid var(--duel-ink);text-align:right}.duel-clock span,.duel-clock small{display:block;color:#52666f;font-size:var(--type-meta);font-weight:850;letter-spacing:.08em;text-transform:uppercase}.duel-clock strong{display:block;margin:9px 0;color:#c91e3e;font:900 clamp(2rem,3vw,3.1rem)/.9 var(--display)}.duel-activation{display:grid;grid-template-columns:auto minmax(250px,1fr) auto;gap:26px;align-items:center;margin-top:42px;padding:18px 0;border-block:1px solid rgba(7,16,22,.19)}.duel-activation-count{display:flex;align-items:end;gap:16px}.duel-activation-count>span{color:#52666f;font-size:var(--type-meta);font-weight:850;letter-spacing:.07em;text-transform:uppercase}.duel-activation-count strong{font:900 1.5rem/1 var(--display)}.duel-activation-count i{padding:0 3px;color:#71848c;font-style:normal}.duel-activation-track p{margin:7px 0 0;color:#52666f;font-size:var(--type-meta)}.duel-ranking .duel-progress{background:rgba(7,16,22,.09)}
.duel-board{margin-top:34px;border-top:2px solid var(--duel-ink)}.duel-board-head{display:flex;min-height:74px;align-items:center;justify-content:space-between;gap:22px}.duel-board-head>div{display:grid;gap:4px}.duel-board-head span{color:#52666f;font-size:var(--type-meta);font-weight:850;letter-spacing:.07em;text-transform:uppercase}.duel-board-head strong{font:900 1.2rem/1 var(--display);text-transform:uppercase}.duel-table{border-top:1px solid rgba(7,16,22,.18)}.duel-table[hidden]{display:none}.duel-table-head,.duel-row{display:grid;grid-template-columns:70px minmax(220px,1.7fr) repeat(4,minmax(95px,.7fr));align-items:center}.duel-table-head{min-height:50px;color:#52666f;font-size:var(--type-meta);font-weight:850;letter-spacing:.06em;text-transform:uppercase}.duel-table-head>span,.duel-row>*{min-width:0;padding-inline:11px}#stats-duel-list{margin:0;padding:0;list-style:none}.duel-row{min-height:76px;border-top:1px solid rgba(7,16,22,.13)}.duel-row.is-unqualified{background:rgba(255,255,255,.25)}.duel-row-rank{color:#c91e3e;font:900 1.1rem/1 var(--display)}.duel-row-value{font:800 var(--type-small)/1 var(--body);font-variant-numeric:tabular-nums}.duel-row-value.is-score{color:#c91e3e;font:900 1.1rem/1 var(--display)}.duel-row-status{display:inline-flex!important;min-height:30px;align-items:center;justify-content:center;justify-self:start;padding:0 9px!important;border:1px solid rgba(7,16,22,.2);font-size:var(--type-meta)!important;font-weight:850!important;text-transform:uppercase}.duel-row-status.is-qualified{border-color:#13845a;color:#08734b}.duel-row-status.is-progress{border-color:#b97800;color:#855600}.duel-player,.duel-row-player{display:flex;min-width:0;align-items:center;gap:12px;color:inherit;text-decoration:none}.duel-row-player{color:var(--duel-ink)}.duel-player>span:last-child,.duel-row-player>span:last-child{display:grid;min-width:0;gap:4px}.duel-player strong,.duel-row-player strong{overflow:hidden;font:850 1rem/1.15 var(--display);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.duel-player small,.duel-row-player small{color:#667a82;font-size:var(--type-meta)}.duel-avatar{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border:1px solid rgba(7,16,22,.2);border-radius:50%;object-fit:cover;background:#13212a;color:#e4ecef;font:900 .9rem/1 var(--display)}.duel-row-mobile-meta{display:none!important}.duel-empty,.duel-archive-empty{display:grid;justify-items:center;padding:55px 20px;border:1px solid rgba(7,16,22,.16);text-align:center}.duel-empty[hidden],.duel-archive-empty[hidden]{display:none}.duel-empty strong,.duel-archive-empty strong{font:900 1.6rem/1 var(--display);text-transform:uppercase}.duel-empty>span,.duel-archive-empty>span{max-width:580px;margin-top:10px;color:#52666f;line-height:1.55}.duel-empty .ctv-action{margin-top:22px}

.duel-prizes,.duel-intel{background:var(--duel-dark)}.duel-prizes{padding:clamp(70px,7vw,100px) 0}.duel-prizes-head{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-bottom:26px;border-bottom:1px solid var(--duel-line)}.duel-prizes-head h2,.duel-intel h2,.duel-archive h2{margin:5px 0 0;font:900 clamp(2.5rem,4vw,4.2rem)/.85 var(--display);text-transform:uppercase}.duel-prizes-head p:not(.op-kicker){margin:10px 0 0;color:#82949c;font-size:var(--type-meta);font-weight:800;text-transform:uppercase}.duel-prizes-head>div:last-child{display:grid;justify-items:end;gap:14px}.duel-prizes-head>div:last-child>strong{color:#ffca56;font:900 2.5rem/1 var(--display)}.duel-prize-list{display:grid;margin:0;padding:0;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--duel-line);list-style:none}.duel-prize-list>li{display:grid;min-height:112px;align-items:center;grid-template-columns:auto 1fr;gap:20px;padding:22px 25px;border-right:1px solid var(--duel-line)}.duel-prize-list>li:last-child{border-right:0}.duel-prize-list>li>span:first-child{color:#ffca56;font:900 1.2rem/1 var(--display);text-transform:uppercase}.duel-prize-list>li>strong{justify-self:end;font:900 clamp(1.8rem,2.5vw,2.7rem)/1 var(--display)}.duel-prize-extra{display:grid;grid-column:1/-1}.duel-prize-extra[hidden]{display:none}.duel-prize-extra small{color:#ffca56;font-size:var(--type-meta);font-weight:800}.duel-prize-extra strong,.duel-prize-extra a{color:#fff;font-size:var(--type-small)}
.duel-intel{padding:clamp(74px,8vw,110px) 0}.duel-intel header{display:grid;grid-template-areas:"kicker copy" "title copy";grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);gap:10px 42px;align-items:end;padding-bottom:30px;border-bottom:1px solid var(--duel-line)}.duel-intel header .op-kicker{grid-area:kicker}.duel-intel header h2{grid-area:title}.duel-intel header p:last-child{grid-area:copy;margin:0;color:#a6b5bb;line-height:1.6}.duel-intel header strong{color:#fff}.duel-rule-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;border-bottom:1px solid var(--duel-line)}.duel-rules{width:100%;border-right:1px solid var(--duel-line)}.duel-rules:last-child{border-right:0}.duel-rules summary{display:flex;min-height:68px;align-items:center;justify-content:space-between;padding:0 24px;cursor:pointer;font:900 1.05rem/1 var(--display);text-transform:uppercase;list-style:none}.duel-rules summary::-webkit-details-marker{display:none}.duel-rules summary span{width:1.35rem;color:var(--red);font-size:0;text-align:center}.duel-rules summary span::before{content:"+";font-size:1.35rem}.duel-rules[open] summary span::before{content:"\2212"}.duel-rules-content{padding:0 24px 28px;color:#9aaab0}.duel-rules-content>strong{display:block;color:#fff;font:900 1.35rem/1.1 var(--display);text-transform:uppercase}.duel-rules-content p{line-height:1.55}.duel-rules-content ol{display:grid;gap:7px;padding-left:20px}.duel-example{display:grid;gap:5px;margin-top:17px;padding:15px;border-left:3px solid #ffca56;background:rgba(255,202,86,.06)}.duel-example span{color:#ffca56;font-size:var(--type-meta);font-weight:850;text-transform:uppercase}.duel-example b{color:#fff;font-size:var(--type-small);line-height:1.45}.duel-integrity{font-size:var(--type-meta)}

.duel-archive{padding:clamp(76px,8vw,112px) 0}.duel-archive-head{display:flex;align-items:end;justify-content:space-between;gap:24px}.duel-archive-count{padding:9px 11px;border:1px solid rgba(7,16,22,.22);color:#52666f;font-size:var(--type-meta);font-weight:850;text-transform:uppercase}.duel-archive-list{display:grid;margin-top:38px;border-top:2px solid var(--duel-ink)}.duel-archive-week{border-bottom:1px solid rgba(7,16,22,.2)}.duel-archive-week>header{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:18px}.duel-archive-week>header>div{display:grid;gap:4px}.duel-archive-week header span,.duel-archive-week header small{color:#52666f;font-size:var(--type-meta);font-weight:800;text-transform:uppercase}.duel-archive-week header strong{font:900 1.2rem/1 var(--display);text-transform:uppercase}.duel-archive-week>ol{display:grid;margin:0 0 20px;padding:0;grid-template-columns:repeat(3,1fr);border:1px solid rgba(7,16,22,.15);list-style:none}.duel-archive-week>ol>li{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:17px;border-right:1px solid rgba(7,16,22,.14)}.duel-archive-week>ol>li:last-child{border-right:0}.duel-archive-week>ol>li>b{color:#c91e3e;font:900 1.1rem/1 var(--display)}.duel-archive-week .duel-row-player,.duel-archive-week>ol>li>span:last-child{grid-column:2}.duel-archive-week>ol>li>span:last-child{display:grid;gap:4px}.duel-archive-empty{margin-top:36px}
.duel-toast{position:fixed;right:18px;bottom:18px;z-index:10000;max-width:min(380px,calc(100% - 36px));padding:14px 17px;border-left:3px solid #51e59d;color:#fff;background:#09151b;box-shadow:0 18px 45px rgba(0,0,0,.38);font-size:var(--type-small);font-weight:750}.duel-toast.is-error{border-color:var(--red)}
.duel-row-value.is-winrate{color:#08734b;font-weight:900}.duel-player:hover strong,.duel-row-player:hover strong,.duel-player:focus-visible strong,.duel-row-player:focus-visible strong,.duel-prize-extra a:hover,.duel-prize-extra a:focus-visible,.duel-archive a:hover,.duel-archive a:focus-visible{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.duel-player:hover strong,.duel-row-player:hover strong{color:#c91e3e}
.duel-row-operator{display:grid;min-width:0;gap:5px}.duel-row-operator .duel-row-player{padding:0}.duel-row-reward{display:block;margin-left:54px;color:#9a6500;font-size:var(--type-meta);font-weight:850;line-height:1.35;overflow-wrap:anywhere}.duel-row.is-unqualified .duel-row-reward{color:#687a82}
.duel-example-open{overflow:hidden}.duel-example-dialog{position:fixed;inset:0;z-index:12000;display:grid;padding:clamp(16px,4vw,48px);place-items:center;background:rgba(2,7,10,.86);backdrop-filter:blur(12px)}.duel-example-dialog[hidden]{display:none}.duel-example-dialog-panel{width:min(1120px,100%);max-height:calc(100dvh - 32px);overflow:auto;border:1px solid rgba(160,199,215,.3);color:#eaf1f3;background:#071015;box-shadow:0 28px 90px rgba(0,0,0,.65)}.duel-example-dialog-panel>header{display:flex;min-height:74px;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;border-bottom:1px solid rgba(160,199,215,.2)}.duel-example-dialog-panel>header span{color:#ff3156;font-size:var(--type-meta);font-weight:900;letter-spacing:.08em;text-transform:uppercase}.duel-example-dialog-panel h2{margin:3px 0 0;font:900 clamp(1.45rem,3vw,2.4rem)/1 var(--display);text-transform:uppercase}.duel-example-dialog-panel button{display:grid;width:48px;height:48px;flex:0 0 48px;place-items:center;border:1px solid rgba(160,199,215,.35);color:#fff;background:#0c1920;font:500 2rem/1 var(--body);cursor:pointer}.duel-example-dialog-panel button:hover{border-color:#ff3156;color:#ff6b86}.duel-example-dialog-panel button:focus-visible{outline:3px solid #56c8ef;outline-offset:3px}.duel-example-dialog-media{padding:clamp(10px,2vw,20px);background:#020506}.duel-example-dialog-media img{display:block;width:100%;height:auto;max-height:calc(100dvh - 220px);object-fit:contain}.duel-example-dialog-panel>p{margin:0;padding:16px 20px;color:#aabac0;line-height:1.55}.duel-example-dialog-panel>p strong{color:#fff}
.duel-upload-success-open{overflow:hidden}.duel-upload-success-dialog{position:fixed;inset:0;z-index:13000;display:grid;padding:clamp(14px,4vw,44px);place-items:center;background:rgba(2,7,10,.9);backdrop-filter:blur(14px)}.duel-upload-success-dialog[hidden]{display:none}.duel-upload-success-panel{position:relative;width:min(680px,100%);max-height:calc(100dvh - 28px);padding:clamp(26px,5vw,48px);overflow:auto;border:1px solid rgba(87,231,157,.42);color:#edf7f2;background:radial-gradient(circle at 100% 0,rgba(87,231,157,.14),transparent 36%),linear-gradient(145deg,#071015,#09161a 68%,#071015);box-shadow:0 30px 100px rgba(0,0,0,.72),inset 4px 0 #57e79d}.duel-upload-success-close{position:absolute;top:16px;right:16px;display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(159,215,238,.3);color:#fff;background:#0c1920;font:500 1.8rem/1 var(--body);cursor:pointer}.duel-upload-success-close:hover{border-color:#57e79d;color:#82f3bc}.duel-upload-success-close:focus-visible,.duel-upload-success-panel .ctv-action:focus-visible{outline:3px solid #56c8ef;outline-offset:3px}.duel-upload-success-mark{display:grid;width:58px;height:58px;place-items:center;border:1px solid rgba(87,231,157,.48);border-radius:50%;color:#72edaf;background:rgba(87,231,157,.1);box-shadow:0 0 32px rgba(87,231,157,.12);font:900 1.5rem/1 var(--display)}.duel-upload-success-kicker{margin:24px 0 8px;color:#72edaf;font-size:var(--type-meta);font-weight:900;letter-spacing:.12em;text-transform:uppercase}.duel-upload-success-panel h2{margin:0;font:900 clamp(3rem,8vw,5.4rem)/.82 var(--display);letter-spacing:-.03em;text-transform:uppercase}.duel-upload-success-panel h2 em{color:#ffca56;font-style:normal}.duel-upload-success-status{margin:22px 0 0;color:#bfd0d5;font-size:var(--type-small);font-weight:700;line-height:1.6}.duel-upload-success-cadence{display:grid;gap:7px;margin-top:24px;padding:18px;border:1px solid rgba(255,202,86,.28);background:rgba(255,202,86,.06)}.duel-upload-success-cadence span,.duel-upload-success-app>div>span{color:#ffca56;font-size:var(--type-meta);font-weight:900;letter-spacing:.08em;text-transform:uppercase}.duel-upload-success-cadence strong{font-size:var(--type-small);line-height:1.55}.duel-upload-success-app{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin-top:12px;padding:18px;border:1px solid rgba(86,200,239,.26);background:rgba(86,200,239,.055)}.duel-upload-success-app>div>strong{display:block;margin-top:6px;font:900 1.4rem/1 var(--display);text-transform:uppercase}.duel-upload-success-app p{margin:8px 0 0;color:#a9bbc1;font-size:var(--type-meta);line-height:1.55}.duel-upload-success-app .ctv-action{white-space:nowrap}.duel-upload-success-continue{width:100%;margin-top:12px}
@keyframes duelPulse{50%{opacity:.3;transform:scale(.75)}}

@media(max-width:1040px){.duel-hero{min-height:auto}.duel-hero-image{background-position:62% 50%}.duel-hero::before{background:linear-gradient(90deg,rgba(3,7,10,.97) 0%,rgba(3,7,10,.9) 48%,rgba(3,7,10,.82) 100%),linear-gradient(0deg,#05090c 0%,transparent 48%,rgba(3,7,10,.56) 100%)}.duel-hero-shell{grid-template-columns:1fr}.duel-hero-copy{max-width:760px}.duel-section-head{grid-template-columns:1fr}.duel-upload-shell .duel-section-head{grid-template-columns:minmax(0,1fr) 250px}.duel-upload-advice{grid-column:1/-1}.duel-upload-advice,.duel-clock{max-width:620px;text-align:left}.duel-activation{grid-template-columns:auto 1fr}.duel-activation>.duel-state{grid-column:1/-1;justify-self:start}.duel-table{overflow-x:auto}.duel-table-head,#stats-duel-list{min-width:800px}}
@media(max-width:760px){.duel-hero{padding-top:calc(var(--nav-h) + 50px)}.duel-hero h1,.duel-section-head h2{font-size:clamp(3rem,14vw,4.6rem)}.duel-quick-steps{grid-template-columns:1fr}.duel-quick-steps li{border-right:0;border-bottom:1px solid var(--duel-line)}.duel-quick-steps li:last-child{border-bottom:0}.duel-hero-actions{align-items:stretch;flex-direction:column}.duel-hero-actions .ctv-action{width:100%}.duel-personal-head{align-items:flex-start;flex-direction:column}.duel-personal-actions{grid-template-columns:1fr}.duel-upload-shell .duel-section-head{grid-template-columns:1fr}.duel-upload-example-mini{width:min(100%,260px);justify-self:center}.duel-upload-advice{grid-column:auto}.duel-upload-auth,.duel-upload-drop,.duel-upload-preview,.duel-upload-queue{align-items:stretch;flex-direction:column}.duel-upload-auth .ctv-action,.duel-upload-drop .ctv-action,.duel-upload-preview .ctv-action,.duel-upload-queue .ctv-action{width:100%}.duel-upload-preview img{width:100%;height:auto;aspect-ratio:16/9;flex-basis:auto}.duel-activation{grid-template-columns:1fr;gap:14px}.duel-activation-count{justify-content:space-between}.duel-board-head{align-items:flex-start;flex-direction:column;padding-block:18px}.duel-board-head .ctv-action{width:100%}.duel-prizes-head,.duel-archive-head{align-items:flex-start;flex-direction:column}.duel-prizes-head>div:last-child{justify-items:start}.duel-prize-list,.duel-rule-grid,.duel-archive-week>ol{grid-template-columns:1fr}.duel-intel header{grid-template-areas:"kicker" "title" "copy";grid-template-columns:1fr;gap:10px}.duel-intel header p:last-child{margin-top:8px}.duel-prize-list>li,.duel-rules,.duel-archive-week>ol>li{border-right:0;border-bottom:1px solid var(--duel-line)}.duel-prize-list>li:last-child,.duel-rules:last-child,.duel-archive-week>ol>li:last-child{border-bottom:0}.duel-archive-week>header{align-items:flex-start;flex-direction:column;padding-block:16px}.duel-upload-success-app{grid-template-columns:1fr}.duel-upload-success-app .ctv-action{width:100%}}
@media(max-width:480px){.duel-hero-image{background-position:66% 50%}.duel-hero-shell{width:calc(100% - 28px)}.duel-personal-head,.duel-personal-message,.duel-personal-qualification,.duel-personal-actions{padding-inline:16px}.duel-personal-qualification>div:first-child{align-items:flex-start;flex-direction:column;gap:7px}.duel-personal-metrics{grid-template-columns:1fr}.duel-personal-metrics>div{border-right:0}.duel-upload-icon{width:46px;height:46px;flex-basis:46px}.duel-prize-list>li{padding-inline:18px}.duel-rules summary,.duel-rules-content{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.duel-state.is-loading::before{animation:none}.duel-progress>span,.duel-upload-example-mini img{transition:none}}

.duel-upload-message:empty{display:none}.duel-upload-drop>div .duel-upload-latest{margin:1px 0 0;color:#4f646d;font-size:var(--type-meta)}

/* Recommended automatic route, with the manual screenshot workflow retained below. */
.duel-connector {
  position: relative;
  padding: clamp(70px, 8vw, 112px) 0;
  overflow: hidden;
  border-block: 1px solid rgba(159, 215, 238, .16);
  background:
    radial-gradient(circle at 80% 12%, rgba(89, 231, 161, .08), transparent 30%),
    linear-gradient(135deg, #081219, #04090d 72%);
}

.duel-connector::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .22;
  background-image:
    linear-gradient(rgba(159, 215, 238, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(159, 215, 238, .08) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(90deg, #000, transparent 78%);
  pointer-events: none;
}

.duel-connector::after {
  content: "AUTO";
  position: absolute;
  right: -1rem;
  bottom: -2.4rem;
  color: rgba(255, 255, 255, .025);
  font: 900 clamp(8rem, 20vw, 19rem) / .7 var(--display);
  pointer-events: none;
}

.duel-connector-shell {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(440px, 1.1fr);
  gap: clamp(44px, 7vw, 110px);
  align-items: center;
}

.duel-connector-copy h2 {
  margin: 13px 0 0;
  font: 900 clamp(3.1rem, 5vw, 5.6rem) / .8 var(--display);
  letter-spacing: -.02em;
  text-transform: uppercase;
}

.duel-connector-copy h2 em { color: var(--red); font-style: normal; }
.duel-connector-copy > p:not(.op-kicker) { max-width: 650px; margin: 25px 0 0; color: #aebdc3; line-height: 1.7; }

.duel-connector-badge {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  padding: 0 10px;
  border: 1px solid rgba(89, 231, 161, .4);
  color: #66e9a8;
  background: rgba(89, 231, 161, .08);
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.duel-connector-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.duel-connector-routes { display: grid; border-top: 1px solid rgba(159, 215, 238, .24); }
.duel-connector-routes article { position: relative; display: grid; gap: 8px; padding: 26px 24px 27px; border-bottom: 1px solid rgba(159, 215, 238, .2); background: rgba(7, 16, 21, .72); backdrop-filter: blur(12px); }
.duel-connector-routes article.is-recommended { border-left: 3px solid #59e7a1; background: linear-gradient(90deg, rgba(89, 231, 161, .1), rgba(7, 16, 21, .78) 55%); }
.duel-connector-routes article > span { color: #ff5976; font-size: .62rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.duel-connector-routes article.is-recommended > span { color: #66e9a8; }
.duel-connector-routes strong { color: #fff; font: 900 1.45rem / 1 var(--display); text-transform: uppercase; }
.duel-connector-routes p { margin: 0; color: #aebdc3; font-size: var(--type-small); line-height: 1.55; }
.duel-connector-routes small { color: #7f929a; font-size: var(--type-meta); font-weight: 750; }

@media (max-width: 1040px) {
  .duel-connector-shell { grid-template-columns: 1fr; }
  .duel-connector-copy { max-width: 760px; }
}

@media (max-width: 760px) {
  .duel-connector-copy h2 { font-size: clamp(3rem, 14vw, 4.6rem); }
  .duel-connector-actions { align-items: stretch; flex-direction: column; }
  .duel-connector-actions .ctv-action { width: 100%; }
  .duel-connector-routes article { padding-inline: 18px; }
}

@media (prefers-reduced-motion: reduce) {
  .duel-connector .ctv-action { transition: none; }
}

/* Compact upload confirmation: balanced information cards and predictable action widths. */
.duel-upload-success-dialog {
  padding: clamp(12px, 3vw, 32px);
  background: rgba(2, 7, 10, .86);
}

.duel-upload-success-panel {
  width: min(820px, 100%);
  max-height: calc(100dvh - 24px);
  padding: clamp(28px, 4vw, 40px);
  background:
    radial-gradient(circle at 96% 4%, rgba(87, 231, 157, .13), transparent 34%),
    linear-gradient(145deg, #071015, #0a171b 70%, #071015);
}

.duel-upload-success-close {
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
}

.duel-upload-success-hero {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 20px;
  align-items: start;
  padding-right: 52px;
}

.duel-upload-success-hero > div { min-width: 0; }
.duel-upload-success-mark { width: 54px; height: 54px; }
.duel-upload-success-kicker { margin: 2px 0 8px; }
.duel-upload-success-panel h2 { font-size: clamp(2.7rem, 5.2vw, 4.35rem); line-height: .86; }
.duel-upload-success-status { max-width: 620px; margin-top: 14px; line-height: 1.5; }

.duel-upload-success-details {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 12px;
  margin-top: 26px;
}

.duel-upload-success-cadence,
.duel-upload-success-app {
  min-width: 0;
  min-height: 210px;
  margin: 0;
  padding: 20px;
}

.duel-upload-success-cadence { align-content: start; gap: 14px; }
.duel-upload-success-cadence strong { font-size: .88rem; line-height: 1.6; }
.duel-upload-success-app { grid-template-columns: minmax(0, 1fr); gap: 18px; align-content: space-between; }
.duel-upload-success-app > div { min-width: 0; }
.duel-upload-success-app > div > strong { font-size: 1.55rem; line-height: .95; }
.duel-upload-success-app p { max-width: 390px; line-height: 1.55; }
.duel-upload-success-app .ctv-action { width: fit-content; min-width: 0; max-width: 100%; white-space: normal; }
.duel-upload-success-app .ctv-action > span { line-height: 1.2; }

.duel-upload-success-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(159, 215, 238, .18);
}

.duel-upload-success-continue { width: auto; min-width: 170px; margin: 0; }

@media (max-width: 760px) {
  .duel-upload-success-panel { width: min(620px, 100%); }
  .duel-upload-success-details { grid-template-columns: 1fr; }
  .duel-upload-success-cadence, .duel-upload-success-app { min-height: 0; }
}

@media (max-width: 480px) {
  .duel-upload-success-dialog { padding: 8px; }
  .duel-upload-success-panel { max-height: calc(100dvh - 16px); padding: 24px 20px 20px; }
  .duel-upload-success-close { top: 14px; right: 14px; width: 38px; height: 38px; }
  .duel-upload-success-hero { grid-template-columns: 1fr; gap: 14px; padding-right: 38px; }
  .duel-upload-success-mark { width: 46px; height: 46px; }
  .duel-upload-success-panel h2 { font-size: clamp(2.35rem, 13vw, 3.2rem); }
  .duel-upload-success-details { margin-top: 20px; }
  .duel-upload-success-cadence, .duel-upload-success-app { padding: 17px; }
  .duel-upload-success-actions, .duel-upload-success-continue { width: 100%; }
}

@media (min-width: 1041px) {
  .duel-upload-shell .duel-section-head { grid-template-columns: minmax(0, 1fr) minmax(210px, 280px); }
}

/* Streamlined Playerduel hero: account metrics remain available to the runtime, but no longer occupy the hero. */
.playerduel-page .duel-hero-shell {
  grid-template-columns: minmax(0, 920px);
  justify-content: start;
}

.playerduel-page .duel-hero-copy {
  max-width: 920px;
}

.playerduel-page .duel-hero-copy > .duel-hero-prize-summary {
  position: relative;
  max-width: 720px;
  margin-top: 17px;
  padding: 13px 16px 13px 19px;
  border-left: 3px solid #ffca56;
  color: #e3ecef;
  background: linear-gradient(90deg, rgba(255, 202, 86, .11), rgba(255, 202, 86, .015));
  font-size: clamp(.78rem, 1vw, .9rem);
  font-weight: 750;
  line-height: 1.5;
}

.playerduel-page .duel-hero-copy > .duel-hero-prize-summary::before {
  content: "THIS WEEK";
  display: block;
  margin-bottom: 4px;
  color: #ffca56;
  font-size: .57rem;
  font-weight: 900;
  letter-spacing: .1em;
}

.playerduel-page .duel-personal[hidden] {
  display: none !important;
}

.playerduel-page .duel-hero-actions #stats-duel-personal-cta {
  border-color: rgba(255, 49, 86, .58);
  background: rgba(255, 49, 86, .08);
}

.playerduel-page .duel-hero-actions #stats-duel-personal-cta:hover,
.playerduel-page .duel-hero-actions #stats-duel-personal-cta:focus-visible {
  border-color: var(--red);
  background: rgba(255, 49, 86, .16);
}

/* Render every configured weekly reward place instead of a fixed Top 3. */
.playerduel-page .duel-prize-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
  background: var(--duel-line);
}

.playerduel-page .duel-prize-list > li {
  min-width: min(100%, 280px);
  flex: 1 1 280px;
  border: 0;
  background: var(--duel-dark);
}