.arena-hub-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
.realm-intro{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1.1fr;min-height:285px;overflow:hidden;border:1px solid #7393ba;border-radius:14px;background:radial-gradient(ellipse at 76% 80%,#697e9a 0,transparent 53%),linear-gradient(135deg,#17355a,#16376a 60%,#393864);padding:30px 28px;margin-bottom:22px;box-shadow:inset 0 1px #c6e1ff33,0 7px 0 #091c37}
.realm-intro:after{content:'';position:absolute;width:320px;height:320px;border:1px solid #f7d88f28;border-radius:50%;right:-20px;top:35px;z-index:-1;box-shadow:0 0 0 40px #f7d88f07,0 0 0 80px #f7d88f04}
.realm-intro h1{font:900 clamp(30px,4vw,46px)/1.04 var(--sans);letter-spacing:-1.6px;margin:12px 0 15px;color:#fff8e8;text-shadow:0 3px #101d33}
.realm-intro h1 span{color:#f3d58f}.realm-intro p{max-width:285px;font:500 12px/1.7 var(--sans);color:#cfdef1;margin:0 0 18px}.realm-count{display:flex;gap:7px;align-items:center;font:600 10px var(--sans);color:#c7d7ed}.realm-count strong{font-size:18px;color:#fff0c7}.realm-count i{font-style:normal;margin:0 5px;color:#7f9abb}
.realm-lineup{position:relative;align-self:stretch;min-width:0}.realm-lineup img{position:absolute;object-fit:contain;filter:drop-shadow(0 14px 12px #07172d70);width:67%;height:112%;max-width:none;bottom:-30px}.realm-lineup img:first-child{left:-13%;z-index:2;transform:rotate(-4deg)}.realm-lineup img:nth-child(2){width:95%;height:100%;left:5%;bottom:-43px;z-index:3}.realm-lineup img:last-child{right:-18%;bottom:-12px;transform:rotate(4deg)}
.realm-toolbar{display:flex;align-items:end;gap:14px;justify-content:space-between;margin:24px 0 15px}.realm-toolbar label{display:block;flex:1;font:700 11px var(--sans);color:#d0e0f3}.roster-search{display:block;width:100%;min-height:45px;box-sizing:border-box;margin-top:8px;border:1px solid #6b87ad;background:#102b4b;border-radius:8px;padding:12px 14px;font:500 13px var(--sans);color:#fff9ec}.roster-search::placeholder{color:#97afcc}.realm-toolbar>.battle-inspect{margin:0 0 5px;max-width:180px;line-height:1.6}
.realm-filters{display:flex;gap:7px;flex-wrap:wrap}.realm-filters button{display:flex;align-items:center;gap:7px;border:1px solid #607ea5;border-radius:7px;background:#23446c;color:#d8e5f5;min-height:38px;padding:8px 11px;font:700 11px var(--sans)}.realm-filters button span{font-size:10px;opacity:.65}.realm-filters button[aria-pressed=true]{background:#f1d392;border-color:#fff0bf;color:#28334b;box-shadow:0 2px #9a7542}.realm-result{font:500 11px var(--sans);color:#a9bfdb;margin:17px 0 12px}
.realm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.realm-card{min-width:0;border:1px solid #6582ab;border-radius:11px;overflow:hidden;background:linear-gradient(#254871,#162f52);box-shadow:0 4px #0b203d;transition:transform .2s,border-color .2s}.realm-card:hover{transform:translateY(-3px);border-color:var(--ally-color)}.realm-card-art{position:relative;background:radial-gradient(ellipse at 50% 80%,color-mix(in srgb,var(--ally-color) 38%,#1f385a),transparent 70%),linear-gradient(145deg,#243e60,#405170);height:185px;overflow:hidden;border-bottom:1px solid #506e92}.realm-card-art:before{content:'';position:absolute;inset:28px 14% -45px;border:1px solid #ddeaff17;border-radius:50%}.realm-card-art>img{width:100%;height:100%;object-fit:contain;padding:19px 10px 0;box-sizing:border-box;filter:drop-shadow(0 8px 5px #14243a66)}.realm-kind{position:absolute;top:10px;left:10px;z-index:1;font:700 9px var(--sans);color:#e4edf7;background:#102841c9;padding:5px 7px;border-radius:4px;max-width:calc(100% - 55px)}.realm-card-art>.battle-cost{position:absolute;right:8px;left:auto;top:8px;z-index:2;width:30px;height:35px;font-size:19px}
.realm-card-copy{padding:13px 13px 12px}.realm-availability{font:800 8px var(--sans);letter-spacing:.8px;color:var(--ally-color)}.realm-card h2{font:900 19px/1.14 var(--sans);color:#fff7e3;margin:7px 0 5px;letter-spacing:-.45px}.realm-card-copy>p{font:500 10px/1.5 var(--sans);color:#bbd0e8;margin:0 0 12px}.realm-stats{display:flex;gap:14px;font:500 9px var(--sans);color:#b4c9e1;border-top:1px solid #7794b32d;padding-top:10px}.realm-stats b{color:#edf6ff;font-size:12px;display:block;margin-bottom:3px}.realm-card-copy>small{display:block;font:500 9px/1.5 var(--sans);color:#b4c9e1;margin-top:8px}.realm-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:13px}.realm-card-actions button{padding:8px 4px;min-height:36px;border-radius:5px;border:1px solid #6989b0;background:#2e527d;color:#e4f0ff;font:800 9px var(--sans)}.realm-card-actions button:last-child{background:#edd091;color:#23334c;border-color:#fce7b1}.realm-card-actions button:disabled{background:#223f60;border-color:#496380;color:#a3bdd8;cursor:default}
.realm-note{margin-top:23px;padding:17px 19px;border:1px solid #657b9b;border-left:3px solid #eccd88;background:#142e50;border-radius:8px}.realm-note strong{font:800 13px var(--sans);color:#f2dfb6}.realm-note p{font:500 11px/1.8 var(--sans);color:#b9cde5;margin:7px 0 0}.realm-empty{text-align:center;border:1px dashed #6983a8;border-radius:10px;padding:35px 15px;color:#d8e6f7}.realm-empty h2{font:800 20px var(--sans)}.realm-empty p{font:500 12px var(--sans)}.realm-empty button{border:1px solid #e3c57f;padding:10px 17px;background:#ead098;color:#24334c;border-radius:6px;font:700 12px var(--sans)}
.realm-card[hidden],.realm-empty[hidden]{display:none!important}.realm-replace-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.realm-replace-grid button{display:flex;flex-direction:column;align-items:center;min-width:0;border:1px solid #6588b2;border-radius:8px;background:linear-gradient(#3b5d85,#183655);padding:8px 4px;color:#fff1cd}.realm-replace-grid img{width:100%;height:95px;object-fit:contain}.realm-replace-grid strong{font:800 11px/1.4 var(--sans)}.realm-replace-grid small{font:500 9px var(--sans);color:#b9d2ee;margin-top:5px}
.realm-home-link{display:flex;width:100%;align-items:center;text-align:left;gap:22px;min-height:130px;margin:0 0 24px;padding:14px 26px;border:1px solid #93a8bb;border-radius:13px;background:linear-gradient(110deg,#17426d,#26375a 70%,#483957);color:#fff0d1;box-shadow:0 5px #102a4d;overflow:hidden}.realm-home-portraits{width:205px;height:115px;flex:none;position:relative}.realm-home-portraits img{position:absolute;object-fit:contain;width:110px;height:142px;bottom:-16px;left:0;filter:drop-shadow(0 5px 5px #071a30aa)}.realm-home-portraits img:nth-child(2){left:55px;z-index:1}.realm-home-portraits img:nth-child(3){left:110px}.realm-home-link small{font:800 9px var(--sans);letter-spacing:1px;color:#e0c18f}.realm-home-link strong{display:block;font:900 25px/1.2 var(--sans);margin:7px 0;color:#fff4dc}.realm-home-link em{font:500 11px/1.6 var(--sans);font-style:normal;color:#c5d9ef}.realm-back-link{border:0;background:none;color:#cce4ff;font:700 12px var(--sans);padding:5px 0 17px}.realm-hub-link{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin:20px 0;padding:16px;border:1px solid #8e91b5;border-radius:8px;background:linear-gradient(120deg,#364c78,#4d416a);color:#f6e0af}.realm-hub-link span{font:800 8px var(--sans);letter-spacing:.8px}.realm-hub-link strong{font:800 12px var(--sans)}
.realm-card button:focus-visible,.realm-filters button:focus-visible,.roster-search:focus-visible,.realm-replace-grid button:focus-visible{outline:3px solid #ffe2a0;outline-offset:3px}
@media(min-width:900px){.realm-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.realm-card-art{height:205px}}
@media(max-width:580px){.realm-intro{padding:22px 19px 0;grid-template-columns:1fr;min-height:375px}.realm-intro h1{font-size:36px}.realm-intro p{max-width:270px;font-size:11px}.realm-lineup{position:absolute;width:240px;height:210px;right:10px;bottom:-12px;z-index:-1}.realm-intro>div:first-child{position:relative;z-index:3}.realm-intro p{margin-bottom:13px}.realm-lineup img:first-child{left:-5%;bottom:-20px}.realm-lineup img:nth-child(2){left:0;bottom:-37px}.realm-lineup img:last-child{right:-7%;bottom:-12px}.realm-count{margin-bottom:150px}.realm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.realm-card-art{height:172px}.realm-card-copy{padding:11px 10px}.realm-card h2{font-size:17px}.realm-card-actions{grid-template-columns:1fr}.realm-card-actions button{font-size:10px}.realm-toolbar{align-items:stretch;flex-direction:column;gap:8px}.realm-toolbar>.battle-inspect{align-self:flex-end;font-size:10px;max-width:none}.realm-filters{gap:6px}.realm-filters button{font-size:10px;padding:8px 9px}.realm-replace-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.realm-home-link{padding:9px 14px;gap:10px}.realm-home-portraits{width:115px;height:116px}.realm-home-portraits img{width:82px;height:118px;left:-19px;bottom:-9px}.realm-home-portraits img:nth-child(2){left:17px}.realm-home-portraits img:nth-child(3){left:53px}.realm-home-link strong{font-size:20px}.realm-home-link em{font-size:10px}.realm-home-link small{font-size:8px}.realm-hub-link{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.realm-card{transition:none}.realm-card:hover{transform:none}}