.online-auth,.online-cloud,.online-loadout,.online-record,.online-waiting{padding:26px;margin-bottom:22px}.online-auth{max-width:540px;margin:26px auto}.online-auth h2,.online-loadout h2,.online-waiting h2{margin:10px 0 12px}.online-auth p,.online-cloud p,.online-loadout p,.online-waiting p{line-height:1.65;margin:12px 0}.online-auth-tabs,.online-row{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.online-auth-tabs>*{flex:1}.online-auth form{display:grid;gap:9px}.online-auth label{font-size:.85rem;margin-top:9px}.online-auth label small{display:block;color:var(--muted);font-size:.75rem;margin-top:4px}.online-auth input,.online-join input,.online-selects select{background:#221308;border:1px solid #7d5936;border-radius:5px;color:var(--text);padding:12px 13px;font:inherit;min-height:48px;width:100%;min-width:0}.online-auth input:focus,.online-join input:focus,.online-selects select:focus{outline:2px solid var(--gold);outline-offset:2px}.online-auth [type=submit]{margin-top:16px}.online-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:22px}.online-layout>div{min-width:0}.online-account{text-align:right;max-width:45%;overflow-wrap:anywhere}.online-account b{display:block;font-size:.85rem;color:var(--gold-light)}.online-cloud .panel-heading{align-items:start;flex-wrap:wrap;gap:12px}.online-save-state{display:inline-flex;align-items:center;padding:7px 10px;border-radius:20px;background:#8cb89b16;border:1px solid #a1bea63d;color:#b9d7c1;font-size:.75rem}.online-save-state[data-cloud-state=conflict],.online-save-state[data-cloud-state=pending]{color:#e5c893;background:#cdaa501a}.online-selects{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.online-selects label{display:grid;gap:8px;font-size:.8rem;color:var(--muted)}.online-selects select{font-size:.85rem;color:var(--text)}.online-loadout>.online-row>*{flex:1}.online-join{padding-top:20px;border-top:1px solid var(--line);margin-top:24px}.online-join>label{display:block;font-size:.8rem;margin-bottom:9px;color:var(--muted)}.online-join>div{display:flex;gap:10px}.online-join input{flex:1;width:100px;text-transform:uppercase;letter-spacing:.12em}.online-record{align-self:start}.online-record .panel-heading>span{font-size:.75rem;color:var(--green);white-space:nowrap}.online-score{display:flex;justify-content:space-around;margin:24px 0;text-align:center;color:var(--muted);font-size:.7rem;letter-spacing:.12em}.online-score b{display:block;color:var(--gold-light);font:600 2rem var(--display);margin-bottom:7px}.online-record table{width:100%;font-size:.83rem;border-collapse:collapse}.online-record th{text-align:left;color:var(--muted);font-size:.7rem;font-weight:500;padding-bottom:12px}.online-record td{padding:13px 2px;border-top:1px solid var(--line);overflow-wrap:anywhere}.online-record th:not(:first-child),.online-record td:not(:first-child){text-align:right}.online-record td small{color:var(--gold)}.save-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px}.save-choices>div{border:1px solid var(--line);border-radius:7px;padding:17px;display:flex;flex-direction:column;gap:15px}.save-choices b{font-size:.88rem;line-height:1.7}.save-choices small{color:var(--muted)}.save-choices button{margin-top:auto;font-size:.78rem}.online-cloud>.online-row{gap:7px}.online-cloud>.online-row button{font-size:.75rem;padding:8px 11px;min-height:44px}.online-waiting{max-width:650px;margin:30px auto;text-align:center;padding:40px 25px}.online-emblem{margin:0 auto 24px;display:grid;place-content:center;width:80px;height:80px;border:1px solid var(--gold);border-radius:50%;background:#d2b16f0b}.online-emblem .icon{width:35px;height:35px;color:var(--gold)}.invite-code{display:block;font:600 clamp(1.6rem,6vw,2.5rem) var(--display);letter-spacing:.18em;color:var(--gold-light);margin:25px 0;padding:18px;background:#221308;border-radius:6px;user-select:all}.online-waiting .online-row{justify-content:center}.online-duel{max-width:780px;margin:0 auto 30px}.online-turn{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--line)}.online-turn .eyebrow{font-size:.72rem}.online-turn b{display:block;margin-top:5px;font-size:.9rem}.online-turn.your-turn b{color:#fce2b4}.turn-clock{font-variant-numeric:tabular-nums;font:600 1.25rem var(--display);min-width:56px;text-align:right;color:var(--gold-light)}.turn-clock.urgent{color:#f4a595}.online-resources{display:flex;flex-wrap:wrap;gap:14px;margin:16px 0;color:#e2cca5;font-size:.8rem}.online-resources>span{display:flex;align-items:center;gap:5px}.online-resources .icon{width:16px;height:16px;color:var(--gold)}.online-stances{display:flex;gap:6px;margin:17px 0}.online-stances button{flex:1;min-height:42px;padding:8px 5px;font-size:.78rem;color:var(--muted);border:1px solid var(--line);background:#26170c;border-radius:4px}.online-stances button.selected{border-color:#c3a767;color:var(--gold-light);background:#c3a76717}.online-controls .quick-defense{margin:10px 0}.online-controls .quick-defense button{flex:1;font-size:.77rem;min-height:44px;padding:9px 5px}.online-controls>.small-print{margin-top:14px;line-height:1.6}.online-controls .action-grid .combat-action{min-height:76px}.online-duel .result-panel p{line-height:1.7;margin:14px 0}.online-connection{display:flex;align-items:center;justify-content:space-between;gap:12px}.online-connection button{white-space:nowrap}.recovery-code{display:block;overflow-wrap:anywhere;user-select:all;background:#221308;border:1px solid var(--line);padding:18px;margin:20px 0;line-height:1.6;font-size:1rem;color:var(--gold-light)}.backup-row{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px;padding:16px 0;align-items:center}.backup-row>div{flex:1;min-width:160px}.backup-row b,.backup-row small{display:block;font-size:.85rem}.backup-row small{color:var(--muted);margin-top:6px;font-size:.7rem}.online-auth .text-button{line-height:1.6;text-align:left}.online-error{overflow-wrap:anywhere}.online-duel .battle-log{min-height:44px;line-height:1.6}.online-duel .arena-location>span{font-size:0}.online-duel .arena-location>span:after{content:'LIVE PLAYER DUEL';font-size:.7rem}.online-duel .arena-location h2{font-size:0}.online-duel .arena-location h2:after{content:'The World Arena';font-size:1.18rem}
@media(min-width:901px){.navigation{gap:26px}.nav-caption{letter-spacing:.08em;font-size:.64rem}}
@media(max-width:900px){.online-layout{grid-template-columns:1fr}.online-record{max-width:none}.navigation .nav-caption{display:none}}
@media(max-width:560px){.navigation{justify-content:space-between;gap:0}.navigation .nav-item{flex:1;min-width:0;padding:9px 1px;font-size:.64rem;gap:5px}.navigation .nav-item .icon{width:17px;height:17px}.navigation .nav-badge{position:absolute;top:3px;right:7px;width:15px;height:15px;font-size:10px}.online-auth,.online-cloud,.online-loadout,.online-record{padding:19px 15px}.online-auth{margin:10px auto}.online-selects{grid-template-columns:1fr}.online-layout{gap:0}.online-loadout>.online-row{flex-direction:column}.save-choices{grid-template-columns:1fr}.online-join>div{gap:7px}.online-join button{font-size:.78rem;padding:10px}.online-waiting{padding:30px 18px;margin:15px 0}.online-duel .arena-controls{padding:15px 12px}.online-turn b{font-size:.8rem}.online-resources{gap:10px;font-size:.72rem}.online-stances{margin:12px 0}.online-account b{font-size:.72rem}.online-connection{align-items:start;flex-direction:column}.online-controls .action-grid{grid-template-columns:1fr 1fr}.online-controls .action-grid .combat-action{min-height:80px;padding:10px 7px}.online-controls .combat-action b{font-size:.76rem}.online-controls .combat-action small{font-size:.64rem}.online-duel .arena-location h2:after{font-size:.9rem}.online-duel .arena-location>span:after{font-size:.6rem}.online-cloud .panel-heading h2{font-size:1.2rem}}
html[data-motion="off"] .online-duel *{scroll-behavior:auto}
.online-section-nav{display:flex;gap:8px;margin:-8px 0 24px;padding:5px;border:1px solid var(--line);border-radius:7px;background:#231307;max-width:480px}.online-section-nav button{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 16px;border-radius:4px;color:var(--muted);background:none;font-size:.85rem}.online-section-nav button[aria-pressed=true]{color:var(--gold-light);background:#cfac6820;box-shadow:inset 0 0 0 1px #c9a25e55}.online-section-nav .icon{width:19px;height:19px}.leaderboard-page{max-width:1020px;margin:0 auto 30px}.leaderboard-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0 30px}.leaderboard-intro h2{font-size:1.8rem;line-height:1.25;margin:9px 0}.leaderboard-intro p{color:var(--muted);font-size:.9rem;line-height:1.6}.leaderboard-counts{display:flex;flex-direction:column;align-items:flex-end;gap:9px;white-space:nowrap;font-size:.82rem;color:var(--muted)}.leaderboard-counts b{color:var(--text)}.leaderboard-presence{color:#bdd4b9;display:flex;gap:7px;align-items:center}.leaderboard-presence:before{content:'';width:6px;height:6px;border-radius:50%;background:#90b892}.leaderboard-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:end;margin:4px 0 26px}.podium-place{--medal:#c8a66e;grid-row:1;text-align:center;border:1px solid #88724b;padding:24px 16px 22px;border-radius:9px;background:radial-gradient(ellipse at 50% 0,#be995225,transparent 80%),linear-gradient(135deg,#3b2618,#2d1b0e);position:relative;min-width:0}.podium-slot-1{grid-column:2;padding-top:36px;padding-bottom:31px}.podium-slot-2{grid-column:1}.podium-slot-3{grid-column:3}.podium-count-1{grid-template-columns:1fr;max-width:380px;margin-left:auto;margin-right:auto}.podium-count-1 .podium-slot-1{grid-column:1}.podium-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.podium-count-2 .podium-slot-1{grid-column:1}.podium-count-2 .podium-slot-2{grid-column:2}.podium-place.medal-1{--medal:#ecc477;border-color:#d6ae63;background:radial-gradient(ellipse at 50% 0,#d2ad633a,transparent 85%),linear-gradient(135deg,#303526,#20251c)}.medal-2{--medal:#bcccd0}.medal-3{--medal:#ca956f}.podium-medal{display:grid;place-content:center;width:60px;height:60px;border:1px solid var(--medal);border-radius:50%;margin:0 auto 12px;color:var(--medal);background:#26160b55}.podium-medal .icon{width:30px;height:30px}.podium-rank{font-size:.8rem;color:var(--medal);letter-spacing:.06em}.podium-place h3{font:600 1.1rem var(--font);overflow-wrap:anywhere;line-height:1.5;margin:9px 0 14px}.podium-place>strong{display:block;font:600 2.2rem var(--display);color:var(--medal);line-height:1}.podium-place>strong small{display:block;font:500 .72rem var(--font);letter-spacing:.08em;color:var(--muted);margin-top:8px}.podium-rate{display:block;font-size:.75rem;color:var(--muted);margin-top:14px}.leaderboard-you{display:inline-block;font:700 .6rem var(--font);color:#361c08;background:#e3c99c;padding:3px 5px;border-radius:3px;letter-spacing:.07em;vertical-align:middle}.podium-place>.leaderboard-you{position:absolute;right:9px;top:9px}.leaderboard-me{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;padding:22px 25px;margin-bottom:25px;border-color:#c8a67366;background:linear-gradient(125deg,#533319,#372111)}.leaderboard-my-rank{display:flex;align-items:center;gap:17px}.leaderboard-my-rank>.icon{width:32px;height:32px;color:var(--gold)}.leaderboard-my-rank .eyebrow{font-size:.65rem;letter-spacing:.13em}.leaderboard-my-rank b{font:600 1.75rem var(--display);margin:6px 0;display:block}.leaderboard-my-rank div>span:last-child{font-size:.8rem;color:var(--muted);overflow-wrap:anywhere}.leaderboard-my-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;text-align:center;font-size:.72rem;color:var(--muted)}.leaderboard-my-stats b{display:block;font:600 1.3rem var(--display);color:var(--text);margin-bottom:6px}.leaderboard-me>p{flex-basis:100%;font-size:.8rem;color:var(--muted);line-height:1.5}.leaderboard-signin{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;margin-bottom:25px}.leaderboard-signin p{color:var(--muted);font-size:.9rem;line-height:1.6}.leaderboard-signin button{white-space:nowrap}.leaderboard-board{overflow:hidden}.leaderboard-board-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:23px 25px}.leaderboard-board-heading h2{font-size:1.3rem;margin-bottom:5px}.leaderboard-board-heading .small-print{font-size:.72rem}.leaderboard-board-heading button{min-height:44px;font-size:.8rem}.leaderboard-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.86rem;font-variant-numeric:tabular-nums}.leaderboard-table caption{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.leaderboard-table thead{background:#26150988;color:var(--muted);font-size:.72rem}.leaderboard-table th,.leaderboard-table td{padding:17px 8px;text-align:center;border-top:1px solid var(--line)}.leaderboard-table thead th{font-weight:500}.leaderboard-table th:nth-child(1),.leaderboard-table td:nth-child(1){width:15%;padding-left:18px}.leaderboard-table th:nth-child(2){width:40%;text-align:left;overflow-wrap:anywhere}.leaderboard-table th:nth-child(3),.leaderboard-table th:nth-child(4),.leaderboard-table th:nth-child(5){width:10%}.leaderboard-table th:last-child,.leaderboard-table td:last-child{width:15%;padding-right:18px}.leaderboard-table .leaderboard-you{margin-left:8px}.leaderboard-rank{display:inline-flex;gap:5px;align-items:center;color:var(--medal,var(--muted));font-weight:600;white-space:nowrap}.leaderboard-rank.medal-1{--medal:#ecc477}.leaderboard-rank .icon{width:15px;height:15px}.leaderboard-table .leaderboard-wins{color:var(--gold-light);font-weight:700}.leaderboard-table .is-you{background:#c5a37113;box-shadow:inset 3px 0 #d7bc90}.leaderboard-rules{padding:20px 25px;border-top:1px solid var(--line);font-size:.75rem;line-height:1.7;color:var(--muted)}.leaderboard-empty{padding:40px 24px;text-align:center}.leaderboard-empty h2,.leaderboard-empty h3{font:600 1.5rem var(--display);margin:16px 0}.leaderboard-empty p{color:var(--muted);font-size:.88rem;line-height:1.7;max-width:440px;margin:0 auto 22px}.leaderboard-position{color:var(--muted);font-size:.8rem;display:flex;align-items:center;gap:8px;margin-top:20px;line-height:1.6}.leaderboard-position .icon{color:var(--gold);width:20px;height:20px;flex-shrink:0}.leaderboard-position b{color:var(--gold-light)}.leaderboard-preview{padding:0;list-style:none;margin:15px 0 22px}.leaderboard-preview li{display:flex;align-items:center;gap:10px;padding:14px 2px;border-top:1px solid var(--line);font-size:.78rem}.leaderboard-preview li>span{color:var(--gold)}.leaderboard-preview li>b{overflow-wrap:anywhere;min-width:0;flex:1}.leaderboard-preview li>strong{white-space:nowrap;color:var(--gold-light);font-weight:600}.leaderboard-preview small{font-size:.65rem;color:var(--muted)}.leaderboard-preview .is-you b{color:#f8dfb1}
@media(max-width:560px){.online-section-nav{margin:0 0 18px;max-width:none}.online-section-nav button{padding:10px 5px;font-size:.8rem}.leaderboard-intro{padding:8px 0 24px;display:block}.leaderboard-intro h2{font-size:1.45rem}.leaderboard-intro .eyebrow{font-size:.65rem}.leaderboard-intro p{font-size:.82rem}.leaderboard-counts{flex-direction:row;justify-content:space-between;align-items:center;margin-top:17px;font-size:.74rem}.leaderboard-podium{gap:7px;margin-bottom:18px}.podium-place{padding:18px 7px 19px}.podium-slot-1{padding-top:28px;padding-bottom:25px}.podium-medal{width:41px;height:41px;margin-bottom:10px}.podium-medal .icon{width:24px;height:24px}.podium-place h3{font-size:.75rem;margin:8px 0 14px}.podium-place>strong{font-size:1.8rem}.podium-place>strong small{font-size:.62rem}.podium-rate{font-size:.62rem}.podium-rank{font-size:.72rem}.podium-place>.leaderboard-you{top:5px;right:5px;font-size:.5rem;padding:2px 3px}.leaderboard-me{padding:18px 15px;gap:20px;margin-bottom:18px}.leaderboard-my-rank{gap:12px}.leaderboard-my-rank b{font-size:1.5rem}.leaderboard-my-stats{width:100%;gap:9px}.leaderboard-signin{padding:18px 15px;display:block}.leaderboard-signin p{font-size:.83rem;margin-bottom:14px}.leaderboard-signin button{width:100%}.leaderboard-board-heading{padding:19px 13px}.leaderboard-board-heading h2{font-size:1.1rem}.leaderboard-board-heading button{padding:8px 10px;font-size:.72rem}.leaderboard-table{font-size:.72rem}.leaderboard-table thead{font-size:.64rem}.leaderboard-table th,.leaderboard-table td{padding:15px 4px}.leaderboard-table th:nth-child(1),.leaderboard-table td:nth-child(1){width:14%;padding-left:6px}.leaderboard-table th:nth-child(2){width:38%}.leaderboard-table th:last-child,.leaderboard-table td:last-child{width:18%;padding-right:6px}.leaderboard-rank{gap:2px}.leaderboard-rank .icon{width:11px;height:11px}.leaderboard-table .leaderboard-you{display:table;margin:4px 0 0;font-size:.5rem}.leaderboard-rules{padding:17px 13px;font-size:.7rem}.leaderboard-empty{padding:30px 18px}}

.leaderboard-guest{display:block;font:500 9px var(--font);color:var(--muted);letter-spacing:.04em;margin-top:2px}
/* Campaign boards on server 8.2.0: each gladiator ranks on its own ("Maximus" over "@account"); YOU marks the gladiator being played,
   YOURS the account's other gladiators (all highlighted); the town HUD's compact rows show the same. */
.leaderboard-account{display:block;margin-top:2px;font:500 .72rem/1.3 var(--font);letter-spacing:.01em;opacity:.85;overflow-wrap:anywhere}
.leaderboard-table .leaderboard-name{display:block;overflow-wrap:anywhere}
.podium-place>.leaderboard-account{margin:-10px 0 12px}
.leaderboard-you.yours{background:transparent;border:1.5px solid currentColor;color:inherit;opacity:.8}
.leaderboard-table tr.is-you.is-active{box-shadow:inset 6px 0 #b8860b}
.venue-content .vp-marble-wall .leaderboard-table tr.is-you.is-active{background:#f0c46a80;box-shadow:inset 6px 0 #b8860b}
.venue-content .vp-marble-wall .podium-place.is-you.is-active{outline:3px solid #b8860b;outline-offset:2px}
.hud-rank-list>li.is-active b>span{font-weight:800}
.hud-rank-list>li.is-active b>span:before{content:'';display:inline-block;width:6px;height:6px;margin:0 4px 1px 0;border-radius:50%;background:currentColor;vertical-align:middle}
@media(max-width:560px){.leaderboard-account{font-size:.62rem}.podium-place>.leaderboard-account{margin:-9px 0 10px}}
/* ---------- ghost duels (server 8.3.0): the offer while searching, the rival's tag, and the ghost itself ---------- */
.ghost-offer{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-items:center;margin:16px auto 6px;max-width:520px;padding:12px 14px;border:2px dashed #7fb8c9;border-radius:14px;background:linear-gradient(#eef8fa,#d9eef2);color:#17333b;text-align:left}
.ghost-offer-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#1f3f48;color:#dff8ff}
.ghost-offer-icon .icon{width:28px;height:28px}
.ghost-offer b{display:block;font-size:1rem;color:#12303a}
.ghost-offer small{display:block;font-size:.84rem;line-height:1.45;color:#2d4c55}
.ghost-offer .ghost-call{grid-column:1/-1;justify-self:stretch;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.ghost-offer .ghost-call .icon{width:18px;height:18px}
.ghost-offer.ready{border-style:solid;border-color:#3f96ad;box-shadow:0 0 0 3px #9fe3f355}
.ghost-offer.ready .ghost-offer-icon{animation:ghost-bob 2.6s ease-in-out infinite}
.ghost-count{font-weight:600;opacity:.75}
@keyframes ghost-bob{50%{transform:translateY(-3px)}}
.battle-stage.ghost-duel .online-turn>div:first-child{flex-wrap:wrap;row-gap:2px}
.ghost-tag{display:flex;flex:1 0 100%;align-items:center;gap:5px;margin:2px 0 0;min-width:0;font:600 11.5px/1.3 var(--font,system-ui);color:#bfeaf5}
.ghost-tag .icon{width:14px;height:14px;flex:none}
.ghost-tag>span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ghost-duel .fighter-sprite.enemy .sprite-motion>*{filter:grayscale(.55) sepia(.3) hue-rotate(150deg) saturate(1.5) brightness(1.12) drop-shadow(0 0 6px #9fe8ffcc);opacity:.84}
.ghost-duel .fighter-sprite.enemy:not(.defeated) .sprite-motion>*{animation:ghost-glow 3.2s ease-in-out infinite}
@keyframes ghost-glow{50%{filter:grayscale(.55) sepia(.3) hue-rotate(150deg) saturate(1.5) brightness(1.22) drop-shadow(0 0 12px #bff3ffee)}}
.ghost-duel .enemy-health-card .plate-name::after{content:'GHOST';align-self:center;margin:0 6px;padding:1px 6px;border-radius:6px;background:#1f3f48;color:#dff8ff;font:800 9px/1.5 var(--font,system-ui);letter-spacing:.08em}
html[data-motion="off"] .ghost-duel .fighter-sprite.enemy .sprite-motion>*,html[data-motion="off"] .ghost-offer.ready .ghost-offer-icon{animation:none}
@media (prefers-reduced-motion:reduce){.ghost-duel .fighter-sprite.enemy .sprite-motion>*,.ghost-offer.ready .ghost-offer-icon{animation:none}}