.battle-arena .monthly-arena-hero{position:relative;min-height:330px;padding:32px;background:linear-gradient(90deg,#060f1ce8 0%,#06101c99 42%,#06101c00 75%),url(images/battle-header-wide.png) center/cover;border:1px solid #274461;display:block;overflow:hidden}.battle-arena .monthly-arena-hero:before,.battle-arena .monthly-arena-hero:after{display:none}.battle-arena .monthly-heading h1{font-size:48px;line-height:1.03}.battle-arena .monthly-heading h1 br{display:none}.battle-arena .monthly-heading h1 br:after{content:' '}.battle-arena .monthly-heading p{max-width:370px;font-size:12px;margin:13px 0}.battle-arena .competition-meta{margin-top:14px}.battle-arena #battle-countdown-panel{margin-top:20px;max-width:360px}.battle-arena .monthly-clock{min-width:0;background:#071321c9;padding:12px 16px;border:1px solid #38577573;border-radius:8px;box-shadow:none}.battle-arena .clock-units{margin:8px 0;gap:10px}.battle-arena .clock-units strong{font-size:23px}.battle-arena .clock-units>span{font-size:22px}.battle-arena .monthly-clock>p{font-size:10px;margin:0}.battle-arena .monthly-clock .eyebrow{font-size:8px}.battle-arena-guide{margin:18px 0!important}.battle-prize-strip{display:flex;align-items:center;gap:25px;padding:20px 24px;background:linear-gradient(100deg,#122334,#12161d);border:1px solid #2c4054;border-radius:10px}.battle-prize-strip h3{font-size:17px;margin:4px 0}.battle-prize-strip .eyebrow{font-size:8px;color:#7db5de}.battle-prize-strip ol{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;list-style:none;margin:0;padding:0;flex:1}.battle-prize-strip li{display:flex;flex-direction:column;gap:5px;border-left:1px solid #b0d1f01a;padding-left:16px}.battle-prize-strip li>span{font-size:10px;color:#8aabc6}.battle-prize-strip strong{font-size:17px;white-space:nowrap}.battle-prize-strip strong small{font-size:9px;color:#7cabc9}.battle-rules-toggle{border-bottom:1px solid #ffffff0d;padding:15px 4px}.battle-rules-toggle summary{font-size:12px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between}.battle-rules-toggle summary>span{font-size:10px;color:#969fab;font-weight:400}.battle-rules-content{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;padding:10px 0;color:#abb1ba;line-height:1.7;font-size:12px}.battle-rules-content p{margin:5px 0}.battle-rules-content small{grid-column:1/-1}.battle-entry-bar{display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #30363f;background:#161a20;border-radius:10px;padding:20px 24px;margin:24px 0 18px}.battle-entry-bar h3{font-size:18px;margin:5px 0}.battle-entry-bar p{font-size:12px;color:#9ca7b3;margin:0}.battle-entry-bar .eyebrow{font-size:9px}.battle-support-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)!important;gap:20px;align-items:start}.battle-support-cards{display:grid;gap:15px}.approved-stats-toggle>summary{cursor:pointer;padding:15px;font-size:12px;color:#9ea8b5;border:1px solid #2b323c;border-radius:8px}.approved-stats-toggle[open]>summary{margin-bottom:10px}.upload-banner{background:linear-gradient(90deg,#07121aeb,#06101935),url(images/stats-upload-header.png) center/cover;padding:22px 24px;min-height:175px;border-bottom:1px solid #3356754f}.upload-banner h2{font-size:26px;line-height:1.1;margin:9px 0}.upload-banner h2 span{color:#68b6e9}.upload-banner p{font-size:11px;color:#b1c2d1;max-width:185px;margin:0}.upload-banner .eyebrow{font-size:8px;color:#90b9d6}.upload-steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:0 0 18px;gap:12px}.upload-steps li{display:flex;gap:8px;align-items:center;font-size:9px;color:#8b99a8;line-height:1.7}.upload-steps b{color:#70aeda;font-size:16px;font-family:var(--font-display)}.upload-steps strong{color:#d6dbe2;font-weight:500}.stats-upload-panel .stats-file-drop{position:relative;border:1px dashed #4c6984;background:linear-gradient(130deg,#1325357a,#10151b);border-radius:10px;padding:18px;min-height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;overflow:hidden;cursor:pointer}.stats-upload-panel .stats-file-drop:hover,.stats-upload-panel .stats-file-drop:focus-within{border-color:#78bcee;background:#172735}.stats-file-drop input[type=file]{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.stats-file-drop strong{font-size:13px;max-width:100%;overflow-wrap:anywhere;text-align:center}.stats-file-drop small{font-size:10px;color:#869aae}.stats-file-drop .upload-plus{background:#2948634a;border:1px solid #3f6385;border-radius:9px;width:32px;height:32px;display:grid;place-items:center;color:#87c7f2;font-size:23px;line-height:1}.stats-upload-panel .stats-file-preview{width:100%;max-height:180px;object-fit:contain;background:#0b0e12;border-radius:8px;margin-top:12px}.stats-upload-panel [hidden]{display:none!important}.stats-upload-panel .save-bar{gap:12px;margin-top:16px}.stats-upload-panel .save-bar small{font-size:9px;color:#8c9aab;max-width:170px;line-height:1.6}.stats-upload-panel .stats-help{margin-top:15px;border-top:1px solid #2b333d;padding-top:14px;font-size:11px}.stats-help summary{cursor:pointer;color:#bcc6d1}.stats-help p{line-height:1.7;color:#97a5b5}.upload-progress{padding:15px;background:#122336;border:1px solid #2d4b67;border-radius:9px;margin:14px 0}.upload-progress>div{display:flex;justify-content:space-between;font-size:11px;gap:12px}.upload-progress>div>span{color:#91cdf5;font-variant-numeric:tabular-nums}.upload-progress progress{display:block;width:100%;height:7px;border:0;border-radius:20px;overflow:hidden;margin:12px 0;appearance:none;background:#263546;accent-color:#76bfea}.upload-progress progress::-webkit-progress-bar{background:#263546}.upload-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#387db2,#94d3fc);border-radius:20px;transition:width .18s}.upload-progress small{font-size:10px;color:#9db3c9}.upload-progress.is-complete{border-color:#3c7265}.upload-progress.is-error{border-color:#98444e;background:#301b23}.uploads-card .panel-heading{padding:18px}.uploads-card .eyebrow{font-size:8px}.uploads-card h3{font-size:16px;margin-top:5px}.uploads-card .stats-history-row{padding:16px;display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;border-bottom:1px solid #ffffff08}.uploads-card .stats-thumb-link img{width:64px;height:54px;object-fit:cover;border-radius:7px}.stats-sync-tile{height:54px;width:64px;background:#172b3d;border:1px solid #2f4b63;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#83bfe6}.stats-sync-tile svg{width:19px;height:19px}.stats-sync-tile span{font-size:7px;letter-spacing:1px}.upload-record{min-width:0}.upload-record>b{display:block;font-size:11px}.upload-record time{display:block;font-size:9px;color:#8e99a8;margin:5px 0}.upload-record .status-label{font-size:9px;padding:3px 6px}.upload-record p{font-size:10px;margin:6px 0}.uploads-card .upload-reward{grid-column:2;font-size:10px;color:#83bfab;margin-top:-4px}.uploads-card .upload-reward:empty{display:none}.planner-automatic{padding:15px 18px;margin:16px 0 22px;border:1px solid #39546a;background:#142332;border-radius:9px;font-size:12px;color:#c2d7e8;line-height:1.7}.planner-automatic strong{display:block;color:#85c4ef}.planner-automatic small{color:#a3b6c8}.planner-week-select{max-width:340px;width:100%}
@media(max-width:1000px){.battle-prize-strip{display:block}.battle-prize-strip ol{margin-top:15px;gap:10px}.battle-prize-strip li{padding-left:10px}.battle-support-grid{grid-template-columns:1fr 1fr!important}.battle-prize-strip strong{font-size:15px}}
@media(max-width:700px){.battle-arena .monthly-arena-hero{padding:22px;min-height:330px;background-position:62% center}.battle-arena .monthly-heading h1{font-size:36px}.battle-arena .monthly-heading p{max-width:210px}.battle-arena .monthly-arena-hero:after{content:'';display:block;position:absolute;inset:0;background:#02080b15;pointer-events:none}.battle-arena .monthly-arena-hero>div{position:relative;z-index:1}.battle-arena #battle-countdown-panel{max-width:280px}.battle-prize-strip{padding:17px}.battle-prize-strip ol{grid-template-columns:repeat(3,1fr);gap:15px 8px}.battle-prize-strip li{padding-left:10px}.battle-rules-content{grid-template-columns:1fr}.battle-entry-bar{padding:18px;display:block}.battle-entry-bar .button{margin-top:15px;width:100%}.battle-support-grid{grid-template-columns:1fr!important}.upload-steps{gap:6px}.upload-steps li{font-size:8px;gap:6px}.stats-upload-panel .save-bar{flex-direction:column;align-items:stretch}.stats-upload-panel .save-bar small{max-width:none}.planner-week-select{max-width:none}.battle-prize-strip strong{font-size:17px}}

.battle-support-cards{grid-template-columns:minmax(0,1fr)!important;min-width:0}.battle-support-cards>*{min-width:0;width:100%}.battle-support-grid>div{min-width:0}

.battle-join-options{margin:30px 0 24px}.battle-join-options>header{margin-bottom:18px}.battle-join-options h2{font-size:25px;margin:5px 0}.battle-join-options h2 span{color:#79bceb}.battle-join-options>header>p{font-size:12px;color:#98a5b5;margin:8px 0}.battle-join-options .eyebrow{font-size:9px}.battle-join-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:26px}.battle-join-option{position:relative;padding:23px 25px 0;border:1px solid #395771;border-radius:12px;background:radial-gradient(ellipse at 90% 0,#1e49675c,transparent 70%),#131b24;overflow:hidden;transition:transform .2s,border-color .2s}.battle-join-option:hover{transform:translateY(-3px);border-color:#76bae8}.join-number{font-size:9px;color:#7db9e2;letter-spacing:1.4px}.join-title{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:14px 0}.join-title h3{font-size:23px;line-height:1.15;margin:0}.join-xp{color:#96d2f7;font-size:32px;font-family:var(--font-display);white-space:nowrap}.join-xp small{display:block;font:9px var(--font-body);letter-spacing:1px;text-align:center;margin-top:4px}.battle-join-option>p{font-size:12px;line-height:1.8;color:#a7b4c4;min-height:65px;margin-bottom:20px}.join-action{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff13;margin:0 -25px;padding:15px 25px;background:#05090d27;font-size:11px;font-weight:600}.join-action b{font-size:20px;color:#89c5ec}.join-or{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:37px;height:37px;border:1px solid #3e4b5b;border-radius:50%;background:#0d1118;z-index:1;display:grid;place-items:center;font-size:9px;letter-spacing:1px;color:#a5b4c5}.screenshot-option{border-color:#3f414b;background:radial-gradient(ellipse at 90% 0,#51506c26,transparent 70%),#191b22}.screenshot-option .join-number{color:#acb3c6}.join-shot{flex-shrink:0;width:60px;height:55px;display:grid;place-content:center;text-align:center;border:1px solid #687084;border-radius:7px;font-size:8px;letter-spacing:1px;color:#b2bacb;transform:rotate(-6deg);box-shadow:4px 4px 0 #080b1155}.join-shot b{font-size:22px}.screenshot-option .join-action b{color:#bac5d8}@media(max-width:800px){.battle-join-grid{grid-template-columns:1fr;gap:24px}.join-or{top:50%}.join-title h3{font-size:22px}.battle-join-option>p{min-height:0}.battle-join-option{padding:20px 22px 0}.join-action{margin-inline:-22px;padding-inline:22px}}@media(prefers-reduced-motion:reduce){.battle-join-option{transition:none}.battle-join-option:hover{transform:none}}
.battle-prize-strip h3{font-size:27px;color:#b4e2ff;white-space:nowrap}.battle-prize-strip h3 small{font-size:12px;color:#76b6df}.prize-pool-note{font-size:9px;color:#8dabc3}.battle-extra-note{display:flex;gap:20px;align-items:center;padding:14px 18px;background:linear-gradient(90deg,#b58b3a0e,transparent);border-inline:1px solid #34312b;border-bottom:1px solid #34312b;border-radius:0 0 8px 8px;margin:0 8px}.extra-prize-label{flex-shrink:0;font-size:8px;letter-spacing:1.3px;color:#d3b67d}.battle-extra-note p{font-size:11px;color:#a9a8ad;line-height:1.7;margin:0}.battle-extra-note strong{color:#d6c7ad;font-weight:500}@media(max-width:700px){.battle-extra-note{display:block;padding:14px}.battle-extra-note p{margin-top:6px}.battle-prize-strip h3{font-size:27px}}
.battle-join-option{display:flex;flex-direction:column}.join-action{margin-top:auto}.join-title{min-height:64px}.join-xp{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:12px 15px;border:1px solid #4c7b9c66;background:linear-gradient(140deg,#2b5a794a,#0f26382e);border-radius:9px;color:#91d2fd;flex-shrink:0;line-height:1}.join-xp>span{display:flex;align-items:baseline;gap:5px;font:600 13px Inter,Arial,sans-serif}.join-xp b{font:800 29px/1 Inter,Arial,sans-serif;letter-spacing:-1px}.join-xp small{display:block;font:600 8px/1.2 Inter,Arial,sans-serif;letter-spacing:1.2px;margin:0;color:#8bacc4}.battle-join-option>p{margin-top:0}@media(max-width:500px){.join-xp{padding:10px}.join-xp b{font-size:25px}.join-xp small{font-size:7px}.join-title h3{font-size:20px}}

/* Match monthly leaderboard score typography, including the Weekly Battle podium. */
.battle-arena .podium-xp,.battle-arena .rank-table .xp-value,.battle-arena .personal-rank>strong{font-family:Oxanium,Inter,sans-serif;font-weight:600;font-variant-numeric:tabular-nums}
.battle-arena .podium-xp>small,.battle-arena .personal-rank>strong>small{font-family:Inter,Arial,sans-serif}
.battle-arena .ranking-daily{font-family:Inter,Arial,sans-serif}

/* The original complete Stats screenshot is a guide, never a prefilled upload. */
.stats-upload-panel .stats-example-card{display:grid;grid-template-columns:minmax(100px,150px) minmax(0,1fr);align-items:center;gap:15px;width:100%;padding:12px;margin:0 0 19px;border:1px solid #3c526661;border-radius:10px;background:linear-gradient(115deg,#1a28343d,#151a20);color:#e4e9ef;text-align:left;transition:border-color .18s,background .18s}
.stats-upload-panel .stats-example-card:hover{border-color:#7cb3db88;background:#1b2630}.stats-example-card:focus-visible{outline:2px solid #8bc4ed;outline-offset:4px}.stats-example-thumb{display:block;border:1px solid #ffffff13;border-radius:6px;overflow:hidden;background:#070a0e}.stats-example-thumb img{display:block;width:100%;height:auto;aspect-ratio:1919/1032;object-fit:contain}.stats-example-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.stats-example-copy>small{font-size:8px;font-weight:650;letter-spacing:1.2px;color:#8ebad8}.stats-example-copy>strong{font-size:14px;line-height:1.3}.stats-example-copy>span{font-size:11px;line-height:1.6;color:#a8b4c1}.stats-example-copy>b{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:600;color:#a4d2f2;margin-top:3px}.stats-example-copy>b>span{font-size:15px;line-height:1}
.stats-example-dialog{width:min(1240px,calc(100vw - 40px));max-width:none;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);padding:22px;margin:auto;border:1px solid #455970;border-radius:15px;background:#14181e;color:#eff2f6;box-shadow:0 24px 100px #000a;overflow:auto}.stats-example-dialog::backdrop{background:#03070ccc;backdrop-filter:blur(6px)}.stats-example-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:13px}.stats-example-dialog .eyebrow{font-size:9px;color:#8db9da}.stats-upload-panel .stats-example-dialog h2{font-size:24px;line-height:1.25;margin:7px 0 0;letter-spacing:-.5px}.stats-example-dialog>header>.icon-button{flex-shrink:0;border:1px solid #ffffff14;background:#ffffff05;font-size:26px;line-height:1;width:38px;height:38px}.stats-example-dialog>p{font-size:12px;line-height:1.7;color:#a8b4c3;margin:0 0 18px}.stats-example-dialog>p strong{color:#d7e7f4;font-weight:600}.stats-example-dialog>img{display:block;width:100%;height:auto;max-height:calc(100vh - 215px);max-height:calc(100dvh - 215px);object-fit:contain;background:#080b0f;border:1px solid #ffffff12;border-radius:8px}.stats-example-dialog>footer{display:flex;justify-content:space-between;gap:12px;margin-top:13px;font-size:10px;line-height:1.6;color:#929eac}.stats-example-dialog>footer>span:first-child{color:#aec4d8;white-space:nowrap}
@media(max-width:540px){.stats-upload-panel .stats-example-card{grid-template-columns:minmax(85px,112px) minmax(0,1fr);gap:12px;padding:10px}.stats-example-copy>small{font-size:7px;letter-spacing:.9px}.stats-example-copy>strong{font-size:13px}.stats-example-copy>span{font-size:10px}.stats-example-dialog{width:calc(100vw - 20px);padding:16px;max-height:calc(100dvh - 20px);border-radius:12px}.stats-upload-panel .stats-example-dialog h2{font-size:20px}.stats-example-dialog>p{font-size:11px}.stats-example-dialog>footer{flex-direction:column;gap:3px;font-size:9px}.stats-example-dialog>img{max-height:calc(100dvh - 245px)}}
@media(prefers-reduced-motion:reduce){.stats-upload-panel .stats-example-card{transition:none}}