/* Compact battle result; the next action is available throughout the gem animation. */
.modal-backdrop:has(.result-redesign){padding:16px;align-items:center}
.result-redesign.result-modal,.result-redesign.result-modal.victory{--result-accent:#8fd4f5;--result-rgb:116,197,236;width:min(460px,100%);max-height:calc(100svh - 32px);padding:26px 28px 0;overflow:auto;scroll-padding:16px;border:1px solid #577d96;border-radius:12px;background:radial-gradient(ellipse at 50% 0,rgba(var(--result-rgb),.16),transparent 55%),#0e1d2b;box-shadow:0 24px 100px #000b;isolation:isolate;color:#d6e5ed}
.result-redesign.champion{--result-accent:#f0d18b!important;--result-rgb:232,191,105!important;border-color:#a58d54!important}
.result-redesign.loss{--result-accent:#efb0a4;--result-rgb:220,139,127;border-color:#886269}
.result-redesign.draw{--result-accent:#a8cde4;--result-rgb:147,185,213}
.result-header{position:relative;text-align:center}
.result-redesign.result-modal.champion .result-header{padding:0;min-height:0}
.result-redesign .result-seal,.result-redesign.victory .result-seal{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 16px;border:1px solid var(--result-accent);border-radius:14px;background:linear-gradient(145deg,rgba(var(--result-rgb),.23),rgba(var(--result-rgb),.05));box-shadow:0 0 0 5px rgba(var(--result-rgb),.04);animation:none}
.result-redesign .result-seal svg,.result-redesign.victory .result-seal svg{color:var(--result-accent);width:27px;height:27px;stroke-width:1.6}
.result-redesign .eyebrow,.result-redesign.victory .eyebrow{font-size:12px;letter-spacing:2px;color:var(--result-accent)}
.result-redesign h2,.result-redesign.victory h2,.result-redesign.champion h2{font-family:"Segoe UI",sans-serif;font-size:32px;font-weight:650;line-height:1.15;letter-spacing:-.6px;color:#edf7ff;text-shadow:none;margin:8px 0 10px;animation:none}
.result-redesign.champion h2{color:#ffe6b0}
.result-redesign .result-opponent{font-size:14px;color:#a4bdd0;margin:0;line-height:1.5;overflow-wrap:anywhere}
.result-champion-count{font-size:30px;line-height:1;color:#ffe6b0;font-weight:700;font-variant-numeric:tabular-nums}
.result-champion-count small{display:block;font-size:10px;letter-spacing:.5px;margin-top:4px}
.result-redesign.champion .result-seal{width:72px;height:72px;border-radius:50%}
.result-redesign .result-progress{margin:24px 0 0;gap:16px}
.result-redesign .win-gem{position:relative;flex:none;width:14px;height:14px;border:1px solid #486476;border-radius:3px;background:#203341;transform:rotate(45deg);animation:none}
.result-redesign .win-gem.earned{background:var(--result-accent);border-color:#d9f3ff;box-shadow:0 0 8px rgba(var(--result-rgb),.22);animation:none}
.result-redesign .win-gem.earned.just-earned{animation:result-gem-earned 1.45s ease-out both}
.result-redesign .win-gem.just-earned::after{content:"";position:absolute;inset:-4px;border:1px solid var(--result-accent);border-radius:5px;opacity:0;pointer-events:none;animation:result-gem-ring 1.45s ease-out both}
@keyframes result-gem-earned{0%{background:#203341;border-color:#486476;box-shadow:0 0 0 transparent}25%,65%{background:#f0fcff;border-color:#fff;box-shadow:0 0 14px 5px rgba(var(--result-rgb),.8),0 0 30px rgba(var(--result-rgb),.6)}45%{background:var(--result-accent);box-shadow:0 0 8px 2px rgba(var(--result-rgb),.4)}100%{background:var(--result-accent);border-color:#d9f3ff;box-shadow:0 0 8px rgba(var(--result-rgb),.22)}}
@keyframes result-gem-ring{0%{inset:-2px;opacity:0}25%{opacity:.9}70%,100%{inset:-11px;opacity:0}}
.result-redesign .result-supply{display:flex;align-items:center;justify-content:center;gap:12px;margin:27px 0 20px;color:#aee5ff;font-variant-numeric:tabular-nums}
.result-supply strong{font-size:46px;line-height:1.15;font-weight:650;letter-spacing:-1.5px}
.result-crystal{width:26px;height:31px;flex:none;color:#83d3f6;filter:drop-shadow(0 0 9px #6bcfff35)}
.result-awarded{display:flex;align-items:center;justify-content:center;gap:10px 16px;flex-wrap:wrap;padding:0;margin:0 0 16px}
.result-redesign .result-awarded>span{font-size:12px;line-height:1.5;color:#b7c8cf;text-align:left}
.result-awarded>span>small{display:block;font-size:11px;color:#8fa7b5}
.result-awarded>strong{display:flex;align-items:center;gap:6px;font-size:19px;color:#d1e5ef;white-space:nowrap;font-variant-numeric:tabular-nums}
.result-awarded .result-crystal{width:14px;height:18px}
.result-receipt-final{padding:14px 16px;margin:22px 0 14px;border:1px solid #3d586b;background:#172733;border-radius:8px;text-align:left}
.receipt-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.receipt-heading>span{font-size:14px;font-weight:600;color:#c6dfef}
.receipt-heading>strong{font-size:25px;line-height:1;font-weight:650;white-space:nowrap;color:#ade5ff;font-variant-numeric:tabular-nums}
.receipt-heading>strong>small{font-size:18px;font-weight:400}
.result-receipt-final .result-awarded{justify-content:space-between;margin:12px 0 0}
.result-redesign .result-receipt p{color:#a8c1d1;font-size:12px;line-height:1.55;margin:12px 0 0}
.result-redesign .rating-result{margin:12px 0;padding:10px}.result-redesign .rating-result strong{font-size:20px}
.result-redesign .battle-highlights{text-align:left;margin:8px 0 12px;font-size:12px}.result-redesign .battle-highlights>strong{color:#b9cedb;font-size:12px}.result-redesign .battle-highlights small{font-size:11px;color:#8daabb;font-weight:400}.result-redesign .battle-highlights ul{margin:6px 0;list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:5px 12px;font-size:12px}.result-redesign .battle-highlights li{margin:0;color:#abc3d3}.result-redesign .battle-highlights b{color:#d6e9f4}
.result-redesign.result-modal .log-panel{margin:0;color:#93aebe;font-size:12px;line-height:1.5}
.result-redesign .log-panel summary{padding:6px;outline-offset:2px}
.result-redesign .log-lines{max-height:220px;overflow:auto;background:#091824;line-height:1.7;text-align:left}
.result-redesign .result-next{position:sticky;top:auto;bottom:0;z-index:3;margin:12px -28px 0;padding:14px 28px max(20px,env(safe-area-inset-bottom));border:0;border-radius:0;background:#0e1d2bf7;box-shadow:none;backdrop-filter:blur(12px)}
.result-redesign .result-next .primary{width:100%;min-height:48px;font-size:18px;margin:0;padding:10px 16px;box-shadow:0 3px 12px #0003;border-color:#b3e4ff;background:linear-gradient(120deg,#abe0fa,#72b8de);color:#112e40}
.result-redesign.champion .result-next .primary{background:linear-gradient(120deg,#f4d797,#d5af61);border-color:#ffe5ab;color:#332b19}
.result-redesign .result-next small{margin-top:8px;font-size:12px;color:#afc9da;line-height:1.5}
/* Readable economy reference and reward quantities. */
.table-hud button.table-gold{background:none;border:0;padding:4px;cursor:help;font-family:inherit;font-weight:600;line-height:inherit;color:#d6e5ed;border-radius:4px}.table-hud button.table-gold:hover{background:#8cc8e710}.table-hud button.table-gold:focus-visible{outline:2px solid #8dd2f5;outline-offset:3px}.rules-gameplay-heading{font-size:21px;color:#d0eafa}.economy-table caption{text-align:left;color:#9fc1d5;font-size:11px;padding:0 0 8px}
.modal-backdrop:has(.rules-modal){padding:16px;overflow:hidden;align-items:center}
.rules-modal{width:min(780px,100%);max-height:calc(100svh - 32px);overflow:auto}.rules-modal .economy-guide{text-align:left;margin:24px 0;padding:20px;border:1px solid #486d81;background:#102635;border-radius:8px}.rules-modal .economy-guide h3{font-size:21px;margin:0 0 12px;color:#d0eafa}.rules-modal .economy-guide h4{font-size:14px;color:#c5dfee;margin:18px 0 8px}.rules-modal .economy-guide p,.rules-modal .economy-guide li{font-size:12px;line-height:1.65}.rules-modal .economy-guide .economy-note{color:#b7d1e0;font-size:11px}.economy-table-wrap{overflow:auto;margin:15px 0}.economy-table{width:100%;border-collapse:collapse;font-size:12px;color:#b9d2e0}.economy-table th,.economy-table td{padding:9px;border-bottom:1px solid #36586c;text-align:left}.economy-table th{font-weight:600;color:#d3ebf8}.economy-table td:last-child{color:#aee3ff;font-variant-numeric:tabular-nums}.economy-details{border-top:1px solid #36566c;margin-top:14px;padding-top:12px}.economy-details summary{font-size:13px;color:#b5ddf2;cursor:pointer;padding:4px 0}.economy-hero-list{padding-left:18px}.rules-modal>ul{padding-left:20px}.rules-modal>ul>li{padding-bottom:10px}.reward-quantity{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:14px 0;padding:10px 12px;border:1px solid #827654;background:#c5a76b0d;color:#dfc993;font-size:12px}.reward-quantity strong{color:#ffe2a2}.reward-quantity small{color:#c5c8b6;font-size:11px}.reward-heading h3{line-height:1.3}
.battle-fx-pop small{font-size:10px;line-height:1.3}.battle-fx-origin small{font-size:10px}.battle-fx-origin strong{font-size:12px}
@media(max-width:600px){.modal-backdrop:has(.result-redesign){padding:8px}.result-redesign.result-modal,.result-redesign.result-modal.victory{max-height:calc(100svh - 16px);padding:22px 18px 0;border-radius:10px}.result-redesign h2,.result-redesign.victory h2,.result-redesign.champion h2{font-size:28px}.result-redesign .result-next{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.result-redesign .result-progress{gap:14px}.rules-modal{padding:24px 16px}.rules-modal .economy-guide{padding:14px}.economy-table th,.economy-table td{padding:8px 5px;font-size:11px}.reward-quantity{align-items:flex-start;flex-direction:column;font-size:11px}.reward-heading{align-items:flex-start;flex-direction:column;gap:5px}.battle-fx-pop small{font-size:10px}.battle-fx-origin small{font-size:9px}}
@media(max-height:540px){.modal-backdrop:has(.result-redesign){align-items:flex-start}.result-redesign.result-modal,.result-redesign.result-modal.victory{padding-top:18px}.result-redesign .result-seal,.result-redesign.victory .result-seal{width:40px;height:40px;margin-bottom:12px}.result-redesign .result-progress{margin-top:18px}.result-redesign .result-supply{margin:20px 0 14px}}
@media(prefers-reduced-motion:reduce){.result-redesign *,.result-redesign *::before,.result-redesign *::after{animation:none!important;transition:none!important}.result-redesign .win-gem.just-earned::after{display:none}}