.beyond-battle{--ice:#ebd4a5;--line:#6b2c34;color:#f4eee2;max-width:1400px;margin:18px auto;font-family:system-ui,sans-serif}.battle-hero{position:relative;padding:26px 28px;border:1px solid #924b54;border-radius:20px 3px;background:radial-gradient(ellipse at 90% 0,#70242e80,transparent 60%),linear-gradient(120deg,#411017,#21060a);box-shadow:inset 0 1px #f4e7cc40,0 8px 24px #0004;overflow:hidden}.battle-hero:after{content:"";position:absolute;right:35px;top:25px;width:95px;height:95px;border:1px solid #efdcb62e;transform:rotate(45deg);pointer-events:none}.battle-hero small{color:var(--ice);letter-spacing:.17em;font-size:10px}.battle-hero h2{font-size:clamp(22px,3vw,36px);margin:10px 0;color:#fcf9f2}.battle-hero p,.battle-policy{font-size:13px;color:#d0c7b5}.battle-stats{display:flex;gap:22px;font-size:12px;font-weight:700;letter-spacing:.07em;margin-top:22px;color:#f3e5c8}.battle-controls{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:20px 0}.battle-controls select{margin-left:10px;background:#350c11;border:1px solid var(--line);color:#faf4e9;padding:10px;border-radius:7px}.beyond-battle button{padding:10px 16px;color:#f8efde;background:linear-gradient(#5c1922,#36080e);border:1px solid #8a444d;border-radius:9px 2px;box-shadow:inset 0 1px #f3e5c930,0 3px 0 #180205;cursor:pointer;font:600 12px system-ui}.beyond-battle button:hover:not(:disabled){border-color:var(--ice);background:linear-gradient(#7b2430,#501019)}.beyond-battle button:focus-visible,.battle-controls select:focus-visible,.battle-mission summary:focus-visible{outline:2px solid var(--ice);outline-offset:3px}.beyond-battle button:disabled{opacity:.5;cursor:default}.battle-status{padding:12px 15px;border-left:2px solid #e97988;background:#340a10;font-size:13px}.battle-tabs{display:flex;gap:10px;margin:23px 0 15px}.battle-tabs button[aria-selected=true]{border-color:#efdcb7;color:white;box-shadow:inset 0 1px #fff7,0 0 15px #fa4d6420}.battle-missions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:14px}.battle-mission{padding:20px;background:linear-gradient(145deg,#401016,#25060a);border:1px solid var(--line);border-radius:14px 3px;box-shadow:inset 0 1px #da808c12;display:flex;flex-direction:column;min-width:0}.battle-mission>small{font-size:10px;letter-spacing:.1em;color:#df838f}.battle-mission h3{margin:11px 0;font-size:18px;color:#fcf8ef}.battle-region{color:#d0be9a;font-size:12px;min-height:18px}.battle-mission details{font-size:12px;margin:10px 0 18px;color:#d7cebc}.battle-mission summary{cursor:pointer;color:#f0e0c1}.battle-mission ul{padding-left:18px;max-height:180px;overflow:auto;line-height:1.7}.battle-mission progress{width:100%;height:7px;accent-color:#e5c689;margin-top:auto;border:0;border-radius:5px;background:#1a0306}.battle-mission progress::-webkit-progress-bar{background:#1a0306;border-radius:5px}.battle-mission progress::-webkit-progress-value{background:linear-gradient(90deg,#b53042,#f1e1c2);border-radius:5px}.battle-count{font-size:12px;text-align:right;color:#d4c9b3;margin:7px 0 16px}.battle-reward{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px;color:#e5d6a9}.battle-reward button{font-size:11px;padding:8px 10px}.battle-mission.is-locked{background:linear-gradient(145deg,#311115,#24080c);border-color:#4e292e}.battle-mission.is-claimed{border-color:#763e45}.battle-mission.is-claimed>small{color:#88d9bc}@media(max-width:600px){.battle-hero{padding:20px}.battle-tabs button{padding:10px;font-size:11px}.battle-stats{gap:12px;font-size:10px}}@media(prefers-reduced-motion:no-preference){.beyond-battle button{transition:border-color .16s,box-shadow .16s}.battle-mission{animation:battle-enter .22s ease-out}@keyframes battle-enter{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:none}}}

.battle-public{display:block!important}.battle-public>details{margin:16px 0}.battle-public-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:0 24px}.battle-public-grid article{min-width:0}.battle-public summary{cursor:pointer}.battle-public summary:focus-visible{outline:2px solid #edd8af;outline-offset:4px}
