*{box-sizing:border-box;-webkit-tap-highlight-color:transparent} :root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#243f43;background:#102c38;font-synthesis:none;--navy:#203f49;--cream:#faf8ed;--gold:#ffce71;--green:#416f56}body{margin:0;overflow:hidden;overscroll-behavior:none}button{font:inherit;cursor:pointer;touch-action:manipulation;border:0}button:focus-visible,canvas:focus-visible{outline:3px solid #ffda7e;outline-offset:-3px}button:active{filter:brightness(.94);transform:translateY(1px)}button:disabled{cursor:default;opacity:.48}svg{width:24px;height:24px;flex-shrink:0}svg use{pointer-events:none}[hidden]{display:none!important}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}#game{position:relative;display:flex;flex-direction:column;max-width:540px;height:100svh;height:100dvh;margin:0 auto;overflow:hidden;background:var(--cream);box-shadow:0 0 100px #0005}.topbar{display:flex;align-items:center;gap:10px;flex-shrink:0;background:var(--navy);color:#fff5d9;padding:calc(12px + env(safe-area-inset-top)) 18px 12px;min-height:67px}.brand-mark{width:38px;height:42px;display:grid;place-items:center;color:#ffcf7c;background:#365863;border:1px solid #5d746b;border-radius:10px}.brand-mark svg{width:29px;height:29px}.brand h1{font-size:23px;font-weight:850;letter-spacing:-.9px;line-height:1;margin:0 0 5px}.brand>span{font-size:8px;letter-spacing:1.55px;color:#acbfb4;font-weight:700}.icon-button{margin-left:auto;display:grid;place-items:center;width:36px;height:36px;background:transparent;color:#c6d4c7}.icon-button svg{width:21px;height:21px}.resources{display:flex;align-items:center;gap:16px;flex-shrink:0;padding:8px 16px 9px;background:#2a4b53;border-top:1px solid #ffffff0a;color:#f9f2d9;height:42px}.resource{display:flex;align-items:center;gap:5px;white-space:nowrap}.resource svg{width:24px;height:24px}.resource strong{font-size:16px;font-weight:750;font-variant-numeric:tabular-nums}.resource small{font-size:10px;color:#a9c6b5}.power{display:flex;align-items:center;gap:3px;margin-left:auto;padding:3px 0;background:transparent;color:#ffdb8b}.power svg{height:17px;width:17px}.power strong{font-size:13px}.mission{display:flex;align-items:center;gap:10px;width:100%;flex-shrink:0;text-align:left;padding:10px 15px;background:#f6efdb;border-bottom:1px solid #ded8bc;min-height:57px;color:var(--navy)}.mission-icon{display:grid;place-items:center;width:31px;height:32px;border-radius:8px;background:#e9dfbd;color:#8e7c45}.mission-icon svg{width:19px;height:19px}.mission-text{display:flex;flex-direction:column;gap:3px}.mission-text small{font-size:8px;font-weight:750;letter-spacing:1.2px;color:#948564}.mission-text strong{font-size:12px;font-weight:700}#mission-count{font-size:11px;color:#92815a;margin-left:auto;white-space:nowrap}.mission .chevron{width:14px;height:14px;color:#a29474}.mission.claimable{background:#ffdf91}.mission.claimable .mission-icon{background:#f6c668}.mission.claimable #mission-count{background:#365f49;color:#fff2cc;padding:6px 9px;border-radius:5px}.mission.claimable .chevron{display:none}#scene{position:relative;flex:1;min-height:155px;background:#49b9c6;overflow:hidden}#base{width:100%;height:100%;display:block;touch-action:none}.map-label{position:absolute;left:15px;top:14px;display:flex;align-items:center;gap:6px;pointer-events:none;font-size:8px;font-weight:800;letter-spacing:1px;color:#205e65}.map-label>span:last-child{opacity:.65;font-size:8px;letter-spacing:0;margin-left:3px}.live-dot{width:5px;height:5px;background:#7dc993;display:inline-block;flex-shrink:0;border-radius:50%}.map-label .live-dot{background:#2a7e75}.map-button{position:absolute;right:14px;top:10px;display:flex;align-items:center;gap:3px;color:#22606b;background:#bce8d570;padding:6px 8px;border-radius:6px;font-size:10px;font-weight:700;border:1px solid #e0f3d56b}.map-button svg{width:14px;height:14px}.map-button.on{background:#ffe3a0;color:#6e6034}.selection{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;max-width:92%;width:max-content;min-height:43px;background:#214d53ee;color:#fff4d9;border:1px solid #81b6a7;padding:8px 10px 8px 12px;border-radius:8px;box-shadow:0 3px 0 #153f4520}.selection strong{font-size:11px;white-space:nowrap}.selection span{color:#bed9c5;font-size:10px}.selection button{background:#ffdb84;color:#4d573d;border-radius:4px;font-weight:700;font-size:10px;padding:7px 9px;white-space:nowrap}.selection .deselect{color:#b9d7ca;background:transparent;font-size:17px;padding:0 3px}.hint{position:absolute;bottom:11px;left:0;width:100%;text-align:center;pointer-events:none;color:#1d5c64;text-shadow:0 1px #b4e5cf44}.hint strong{font-size:11px;display:block;letter-spacing:-.1px}.hint span{font-size:9px;display:block;opacity:.8;margin-top:4px}.controls{position:relative;flex-shrink:0;background:var(--cream);padding:9px 12px 10px;border-top:3px solid #e8efce}.tray-heading{display:flex;justify-content:space-between;align-items:center;margin:0 2px 6px;font-size:8px;letter-spacing:1.1px;font-weight:800;color:#66796b}.tray-heading span:last-child{font-size:9px;letter-spacing:0;font-weight:500;color:#879485}.train-tray{display:grid;grid-template-columns:repeat(3,1fr) 45px;gap:6px;margin-bottom:9px}.train-card{position:relative;display:flex;align-items:center;flex-direction:column;background:#e9ecda;border:1px solid #dce0c9;border-bottom:3px solid #ccd4b8;border-radius:7px;height:76px;padding:0 2px 3px;color:#344f46;overflow:hidden}.train-card canvas{width:61px;height:46px;display:block;margin-top:-1px;margin-bottom:-2px}.unit-name{font-size:10px;font-weight:700;line-height:14px}.price{display:flex;gap:2px;align-items:center;font-size:10px;font-weight:700;line-height:13px;color:#7e754f}.price svg{width:13px;height:13px}.train-plus{position:absolute;top:5px;right:5px;background:#65835a;color:#f4f3d8;border-radius:4px;width:14px;height:14px;line-height:13px;font-size:12px;font-weight:500}.train-card.unaffordable .price{color:#a97661}.train-card.locked{background:#e4e6dd}.train-card.locked .train-plus{background:#9ba68e;font-size:9px}.build-card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;color:#72816b;border-radius:7px;background:transparent;border:1px dashed #bec9ab;font-size:10px;font-weight:650}.build-card svg{width:23px;height:23px}.attack{display:flex;align-items:center;gap:11px;width:100%;background:#ffcf72;border:1px solid #edbe66;border-bottom:3px solid #cd9c4d;border-radius:8px;color:#4d4e32;height:49px;text-align:left;padding:6px 13px}.attack-icon svg{width:26px;height:26px}.attack>span:nth-child(2){display:flex;flex-direction:column;gap:2px}.attack strong{font-size:15px;font-weight:800;letter-spacing:-.2px}.attack small{font-size:9px;opacity:.7}.attack #attack-power{margin-left:auto;display:flex;align-items:center;gap:3px;font-size:11px;font-weight:700}.attack #attack-power>svg:first-child{width:14px;height:14px;opacity:.7}.attack .chevron{width:16px;height:16px;margin-left:6px}.bottom-nav{display:flex;flex-shrink:0;padding:6px 8px calc(7px + env(safe-area-inset-bottom));border-top:1px solid #dde1ce;background:#f5f4e8}.bottom-nav button{position:relative;display:flex;flex:1;align-items:center;flex-direction:column;gap:4px;padding:3px 0 2px;background:transparent;font-size:9px;font-weight:600;color:#98a18c}.bottom-nav button svg{width:21px;height:21px}.bottom-nav button.active{color:#386a55}.bottom-nav button.active:before{position:absolute;content:'';top:-7px;width:22px;height:2px;background:#4e7e60;border-radius:0 0 2px 2px}#toast{position:fixed;z-index:50;left:50%;top:calc(126px + env(safe-area-inset-top));transform:translate(-50%,-10px);width:max-content;max-width:min(90vw,460px);border-radius:7px;padding:12px 17px;color:#fff8e6;background:#214650f2;font-size:12px;font-weight:600;box-shadow:0 4px 16px #102e3c25;opacity:0;transition:opacity .15s,transform .15s;pointer-events:none;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.modal{position:fixed;inset:0;background:#0d2b37a6;z-index:30;display:flex;align-items:flex-end;justify-content:center;backdrop-filter:blur(3px);padding-top:60px}.sheet{background:var(--cream);border-radius:19px 19px 0 0;width:100%;max-width:540px;max-height:90dvh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -5px 60px #0c283f33;animation:slide-in .2s ease-out}.sheet-handle{height:4px;width:33px;background:#c9cfbc;border-radius:3px;margin:9px auto 0;flex-shrink:0}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:18px 21px 15px;flex-shrink:0;border-bottom:1px solid #e1e4d4}.sheet-header small{font-size:8px;letter-spacing:1.4px;font-weight:750;color:#8e967d}.sheet-header h2{font-size:24px;letter-spacing:-.8px;margin:3px 0 0;line-height:1.2;font-weight:800}.close-button{background:#e8ecdd;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;color:#788771}.close-button svg{width:17px;height:17px}#sheet-body{overflow-y:auto;overscroll-behavior:contain;padding:17px 20px 24px}.sheet-intro{margin:0 0 20px;font-size:12px;line-height:1.6;color:#7b8876}.sheet-intro strong{color:#496954}.shop-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #e0e3d3}.shop-row:first-of-type{padding-top:3px}.shop-row:last-child{border:0}.shop-row canvas{width:64px;height:51px;flex-shrink:0}.row-info{flex:1;min-width:0}.row-info h3{font-size:13px;margin:0 0 5px;font-weight:750}.row-info p{font-size:10px;line-height:1.55;color:#87917f;margin:0}.row-action{padding:9px 12px;border:1px solid #d5dcbf;border-bottom:3px solid #c6d1ad;background:#e7edda;border-radius:6px;color:#4f6e48;font-size:11px;font-weight:750;white-space:nowrap;display:flex;align-items:center;gap:3px}.row-action svg{width:15px;height:15px}.row-action.gold{background:#ffdb8b;border-color:#e7c273;border-bottom-color:#c9a455;color:#6e613b}.row-action.full{width:100%;justify-content:center;margin-top:16px;padding:13px}.row-action.dark{background:#31574e;border-color:#31574e;border-bottom-color:#214339;color:#f7f1d7}.stat-grid{display:flex;gap:0;margin:0 0 16px;background:#e9eddd;border-radius:8px;padding:14px 8px}.stat-grid>div{flex:1;text-align:center;border-right:1px solid #d2d9c0}.stat-grid>div:last-child{border:0}.stat-grid strong{display:block;font-size:21px;color:#395e49;font-weight:800}.stat-grid small{display:block;margin-top:3px;font-size:9px;color:#8a947d}.mini-label{font-size:9px;font-weight:750;letter-spacing:1px;color:#8b947d;margin:20px 0 10px}.army-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.army-item{position:relative;border:1px solid #dce2cb;background:#ecf0e0;border-radius:8px;display:flex;flex-direction:column;align-items:center;padding:5px 4px 8px;color:#4f6650;min-height:100px}.army-item canvas{width:72px;height:56px}.army-item strong{font-size:10px}.army-item small{font-size:9px;margin-top:4px;color:#8e967c}.level-tag{position:absolute;right:5px;top:5px;font-size:8px;color:#667e55;background:#dce6c8;padding:3px 4px;border-radius:3px}.counter-guide{display:flex;gap:6px;align-items:center;justify-content:center;padding:12px 6px;background:#e9edde;border-radius:6px;color:#6b8063;font-size:10px;margin-top:18px}.counter-guide span{font-size:9px;color:#9ca58b}.world-route{position:relative;display:flex;flex-direction:column;gap:0}.world-node{position:relative;display:flex;align-items:center;gap:12px;padding:11px 9px;border-bottom:1px solid #e2e6d5;text-align:left;width:100%;background:transparent;color:#405f4e}.world-node.current{background:#e7edda;border:1px solid #cad8b4;border-radius:7px;margin:4px 0}.world-number{width:31px;height:31px;border:1px solid #c4d0b6;border-radius:50%;display:grid;place-items:center;background:#ebefdf;font-size:11px;font-weight:750;flex-shrink:0}.world-node.complete .world-number{background:#4d795b;border-color:#4d795b;color:#eef2d6}.world-node.current .world-number{background:#ffce73;border-color:#ebbd67;color:#6f633b}.world-node strong{font-size:12px;display:block}.world-node small{font-size:9px;color:#8b967f;display:block;margin-top:4px}.world-node>span:last-child{margin-left:auto;font-size:9px;color:#8a987f}.world-node.locked{opacity:.5}.preview-armies{display:flex;align-items:center;justify-content:space-around;text-align:center;background:#e9eddd;border-radius:9px;padding:20px 7px}.preview-armies strong{display:block;font-size:29px;font-weight:800;color:#456e52;letter-spacing:-1px}.preview-armies .raven strong{color:#ae715f}.preview-armies small{font-size:9px;color:#8e977d}.preview-armies>.versus{font-size:11px;color:#a0a68c;font-weight:800}.enemy-preview{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:12px 0;gap:2px}.enemy-preview>div{display:flex;align-items:center;flex-direction:column}.enemy-preview canvas{width:58px;height:45px}.enemy-preview small{font-size:9px;color:#89957c}.reward-row{display:flex;justify-content:center;gap:20px;margin:12px 0 8px;color:#7d876a;font-size:12px;font-weight:700}.reward-row span{display:flex;align-items:center;gap:4px}.reward-row svg{width:21px;height:21px}.difficulty{text-align:center;font-size:11px;margin:14px 0;color:#7e8e72}.difficulty.hard{color:#ac765a}.research-icon{display:grid;place-items:center;width:43px;height:43px;background:#e3ead4;border:1px solid #d5dfc4;border-radius:10px;flex-shrink:0;color:#739367}.research-level{display:flex;gap:3px;margin-top:7px}.research-level i{height:4px;width:10px;background:#d9dfcc;border-radius:2px}.research-level i.filled{background:#739464}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #e1e5d3;font-size:12px}.switch{border:0;border-radius:20px;background:#cdd6bf;position:relative;width:40px;height:24px}.switch:after{position:absolute;content:'';width:18px;height:18px;background:#f7f7e8;top:3px;left:3px;border-radius:50%;transition:left .15s}.switch.on{background:#558362}.switch.on:after{left:19px}.help-list{padding:0;list-style:none;counter-reset:help;margin:0}.help-list li{counter-increment:help;display:flex;align-items:flex-start;gap:11px;margin:0 0 19px;font-size:12px;line-height:1.65;color:#7a8a72}.help-list li:before{content:counter(help);display:grid;place-items:center;flex-shrink:0;background:#e6ebd9;border:1px solid #d7dfc4;color:#6a8558;border-radius:7px;width:26px;height:26px;font-size:11px;font-weight:750}.help-list strong{color:#435f4a}.quiet-note{font-size:10px;line-height:1.6;color:#9ba18b;margin:22px 0 0}.danger-button{color:#ac7662;background:transparent;padding:10px 0;margin-top:12px;font-size:11px}.empty-army{text-align:center;padding:25px 10px;color:#849477;font-size:12px}.mission-reward{display:flex;gap:10px;align-items:center;padding:14px;background:#e8eeda;border-radius:7px}.mission-reward>span{font-size:12px}.mission-reward svg{width:26px;height:26px}.mission-progress{height:6px;border-radius:4px;background:#dfe5d0;margin:17px 0 7px;overflow:hidden}.mission-progress>span{display:block;height:100%;background:#72955e}#battle-screen{position:fixed;z-index:25;inset:0;margin:0 auto;max-width:540px;display:flex;flex-direction:column;background:#a9bf7d;height:100dvh}.battle-header{z-index:2;display:flex;align-items:center;justify-content:space-between;padding:calc(19px + env(safe-area-inset-top)) 18px 15px;background:#203e45;color:#dde7cb}.battle-faction{font-size:8px;letter-spacing:.7px;color:#b8cba9}.battle-faction .live-dot{margin-right:4px}.battle-faction strong{display:block;color:#d5edb8;font-size:19px;letter-spacing:-.4px;margin-top:4px}.battle-faction.enemy{text-align:right;color:#dfb6a4}.battle-faction.enemy strong{color:#efb09a}#battle-clock{font-size:14px;color:#8ca897;font-variant-numeric:tabular-nums}.battle-progress{display:flex;height:4px;gap:4px;background:#203e45;z-index:2}.battle-progress span{width:50%;background:#a4cf8d;transition:width .12s linear}.battle-progress span:last-child{background:#d48c76;margin-left:auto}.battle-title{position:absolute;top:calc(135px + env(safe-area-inset-top));width:100%;text-align:center;z-index:1;pointer-events:none}.battle-title small{font-size:8px;font-weight:800;letter-spacing:2px;color:#6e8857}.battle-title h2{font-size:21px;letter-spacing:-.5px;margin:5px 0;color:#4c6544}#battle-canvas{display:block;width:100%;min-height:0;flex:1;object-fit:contain}.battle-footer{background:#233f40;color:#9eb696;z-index:2;flex-shrink:0;padding:12px 20px calc(12px + env(safe-area-inset-bottom));text-align:center}.battle-footer>span{font-size:9px}.battle-footer>div{display:flex;justify-content:space-between;gap:20px;margin-top:12px}.battle-footer button{padding:8px 15px;color:#d3ddbd;background:#35554d;border:1px solid #49665a;border-radius:5px;font-size:11px;font-weight:700}#battle-result{position:absolute;inset:0;background:#1b3739b8;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:4;backdrop-filter:blur(4px);padding:26px}#battle-result .result-card{background:#faf6e4;border:1px solid #f6e8b4;border-radius:16px;width:100%;padding:27px 25px 23px;text-align:center;animation:pop-in .3s ease-out;max-width:340px;box-shadow:0 16px 70px #0d303755}.result-emblem{width:74px;height:74px;display:grid;place-items:center;border-radius:50%;background:#f2d492;color:#9c783e;border:5px solid #e9c77f;margin:0 auto 17px}.result-emblem svg{width:43px;height:43px}.result-card small{font-size:8px;letter-spacing:2px;color:#a59b76;font-weight:800}.result-card h2{font-size:34px;letter-spacing:-1.5px;margin:5px 0 11px;color:#365b48}.result-card p{font-size:12px;line-height:1.65;color:#869174;margin:0}.result-card .reward-row{margin:23px 0 18px}.result-card .row-action.full{margin-top:15px}.stars{color:#d7a749;font-size:24px;letter-spacing:6px;margin:10px 0}.lost .result-emblem{background:#dce2cc;border-color:#ced7b8;color:#889d76}.lost h2{color:#6e7f60}.result-card .text-button{color:#8a957a;font-size:10px;background:transparent;margin-top:13px;padding:6px}.export-area{width:100%;height:80px;margin-top:12px;border:1px solid #c9d2b9;border-radius:5px;background:#fffdf1;padding:9px;font-family:monospace;font-size:9px;color:#75856b;resize:vertical}.storage-warning{background:#fae3b0;padding:8px 12px;font-size:10px;color:#8b6c37}@keyframes slide-in{from{transform:translateY(40px);opacity:.7}to{transform:translateY(0);opacity:1}}@keyframes pop-in{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media(min-width:700px){body{background:radial-gradient(ellipse at 50% 30%,#2b5960,#102b37 75%)}#game,#battle-screen{border-left:1px solid #ffffff10;border-right:1px solid #ffffff10}.modal{align-items:center;padding:30px}.sheet{border-radius:18px;max-height:85dvh}.sheet-handle{display:none}.sheet-header{padding-top:23px}}@media(max-height:720px){.topbar{padding-top:calc(8px + env(safe-area-inset-top));padding-bottom:8px;min-height:56px}.brand h1{font-size:20px}.brand-mark{width:33px;height:35px}.resources{height:36px;padding-top:5px;padding-bottom:5px}.mission{padding-top:7px;padding-bottom:7px;min-height:49px}.controls{padding-top:6px;padding-bottom:7px}.train-card{height:68px}.train-card canvas{width:55px;height:40px}.train-tray{margin-bottom:6px}.attack{height:43px}.bottom-nav{padding-top:5px;padding-bottom:calc(5px + env(safe-area-inset-bottom))}.bottom-nav button svg{height:18px;width:18px}.hint strong{font-size:10px}.hint span{font-size:8px}.battle-title{top:115px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:350px){.resources{gap:9px;padding-left:10px;padding-right:10px}.resource strong{font-size:14px}.resource small{font-size:8px}.train-tray{gap:4px;grid-template-columns:repeat(3,1fr) 37px}.mission-text strong{font-size:11px}.controls{padding-left:8px;padding-right:8px}.hint strong{font-size:9px}.hint span{font-size:7px}}
.selection span{display:flex;align-items:center;gap:3px}.selection span svg{width:14px;height:14px}
@media (orientation:landscape) and (max-height:520px) and (min-width:600px){
  #game{max-width:1000px;display:grid;grid-template-columns:minmax(280px,1fr) 270px;grid-template-rows:54px minmax(0,1fr) 51px}
  .topbar{grid-column:1;grid-row:1;padding:8px 14px;min-height:0}.brand h1{font-size:19px}.brand>span{font-size:7px}.brand-mark{width:32px;height:35px}
  .resources{grid-column:2;grid-row:1;height:100%;gap:7px;padding:8px}.resource{gap:3px}.resource strong{font-size:13px}.resource svg{width:20px;height:20px}.resource small{font-size:8px}.power strong{font-size:11px}.power svg{width:13px;height:13px}
  .mission{grid-column:2;grid-row:2;align-self:start;padding:9px 8px;gap:6px;min-height:50px}.mission-text strong{font-size:10px}.mission-text small{font-size:7px}.mission-icon{width:25px;height:28px}.mission .chevron{width:11px}#mission-count{font-size:9px}.mission.claimable #mission-count{padding:5px}
  #scene{grid-column:1;grid-row:2/4;min-height:0}.map-label{font-size:7px}.map-button{font-size:9px;padding:4px 6px;top:8px}.hint{bottom:7px}.hint strong{font-size:9px}.hint span{font-size:8px}
  .controls{grid-column:2;grid-row:2;align-self:end;padding:8px}.train-tray{grid-template-columns:repeat(3,1fr) 33px;gap:3px}.train-card{height:68px}.train-card canvas{width:48px;height:39px}.unit-name{font-size:8px}.price{font-size:9px}.train-plus{width:11px;height:11px;font-size:10px;line-height:10px;top:3px;right:3px}.build-card{font-size:8px}.build-card svg{width:18px;height:18px}.tray-heading{font-size:7px}.tray-heading span:last-child{font-size:8px}.attack{height:43px;padding:5px 9px;gap:7px}.attack strong{font-size:13px}.attack small{font-size:8px}
  .bottom-nav{grid-column:2;grid-row:3;padding:5px 4px}.bottom-nav button{font-size:8px}.bottom-nav button svg{height:18px;width:18px}
  .battle-title{top:95px}.battle-title h2{font-size:15px}.battle-title small{font-size:7px}.battle-header{padding:9px 18px}.battle-faction strong{font-size:14px}.battle-footer{padding:7px 18px}.battle-footer>div{position:absolute;right:16px;bottom:6px;gap:8px;margin:0}.battle-footer button{font-size:9px;padding:5px 9px}.battle-footer>span{font-size:8px}.battle-footer{text-align:left}
  #battle-result{padding:10px}.result-card{max-height:95dvh;overflow-y:auto}.result-emblem{width:40px;height:40px;border-width:3px;margin-bottom:7px}.result-emblem svg{width:25px;height:25px}.result-card h2{font-size:25px;margin:4px 0}.result-card p{font-size:10px}.result-card .stars{font-size:16px;margin:5px}.result-card .reward-row{margin:9px 0}.result-card .row-action.full{margin-top:8px;padding:8px}.result-card .text-button{margin-top:5px}.result-card small{font-size:7px}
}