/* Eidora: independent art, geometry, effects and interactive labels. */
.campaign-shell{padding:12px 12px max(12px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 25%,#352541,#0b101b 60%);min-height:100dvh}.exp-header{display:flex;gap:8px;align-items:center;padding-top:env(safe-area-inset-top)}.exp-header>div{flex:1;min-width:0;text-align:center}.exp-header h1{font-size:18px;margin:7px 0}.exp-header small{font:6px Arial;letter-spacing:1px;color:#b8aa91}.exp-header button{font-size:10px;padding:6px;min-height:38px}.exp-wallet{display:flex;align-items:center;justify-content:space-between;font:10px Arial;color:#c3ae8b;margin:7px 0}.exp-wallet button{font-size:10px;min-height:32px;padding:5px 10px}.exp-companion{display:flex;align-items:center;gap:9px;padding:7px 10px;border-block:1px solid #7f6a5744;background:#13192399}.exp-companion img{width:34px;height:40px;object-fit:cover;border:1px solid #a58c65;border-radius:45% 45% 3px 3px}.exp-companion span{display:grid;gap:3px}.exp-companion small{font:8px Arial;color:#b2a2c0}.exp-companion b{font-size:12px}.exp-companion .companion-comment{font:9px/1.4 Arial;color:#ab91bb;margin-left:auto;max-width:120px;text-align:right}
.eidora-map{height:clamp(360px,47dvh,470px);position:relative;isolation:isolate;margin:8px -7px;overflow:hidden;border-radius:48% 48% 12px 12px;background:radial-gradient(ellipse,#56345736,#080e1980 65%);--px:0px;--py:0px}.map-sky,.map-fragments,.map-regions,.map-fog{position:absolute;inset:0;pointer-events:none}.map-sky{background:radial-gradient(ellipse at 30% 24%,#aa89c017,transparent 60%);transform:translate(calc(var(--px)*.15),calc(var(--py)*.15))}.map-sky img,.map-fragments>img{width:100%;height:100%;object-fit:cover}.map-fragments{transform:translate(calc(var(--px)*.4),calc(var(--py)*.4))}.map-fragments>i{position:absolute;width:9px;height:15px;left:var(--x);top:var(--y);background:#8f84922b;clip-path:polygon(0 20%,80% 0,100% 55%,35% 100%);transform:rotate(var(--r));animation:shard-drift 13s ease-in-out infinite alternate}.map-rupture{position:absolute;left:calc(50% - 26px);top:32%;width:52px;height:35%;filter:drop-shadow(0 0 12px #9271b166);pointer-events:none}.map-rupture>img{position:absolute;inset:-20%;width:140%;height:140%;object-fit:contain}.map-rupture i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#643d88,#e2c9ff,#593b77);clip-path:polygon(49% 0,60% 20%,45% 40%,76% 63%,53% 100%,42% 73%,23% 57%,44% 31%);animation:veil-breath 6s ease-in-out infinite}.veil-state-unstable .map-rupture{filter:drop-shadow(0 0 17px #b386df99)}.veil-state-fractured .map-rupture i{clip-path:polygon(30% 0,60% 22%,44% 40%,90% 58%,50% 100%,35% 72%,8% 51%,34% 27%)}.veil-state-critical .map-rupture i{background:#ead6f7}.map-regions{transform:translate(var(--px),var(--py))}.map-region{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:114px;height:106px;padding:0;border:0;background:none!important;pointer-events:auto;color:#d6c7ab;min-height:44px;isolation:isolate;border-radius:35%}.map-region:hover,.map-region:active{transform:translate(-50%,-50%) scale(1.025)}.island-shape{display:block;position:relative;height:68px;filter:drop-shadow(0 8px 6px #000a);transition:transform .2s}.island-shape:before{content:'';position:absolute;inset:12px 6px 0;background:linear-gradient(150deg,var(--region),#383747 40%,#151623 75%);clip-path:polygon(2% 22%,28% 7%,69% 0,100% 33%,83% 53%,64% 65%,51% 100%,39% 64%,16% 53%);border-top:1px solid var(--region)}.island-shape i{position:absolute;top:3px;left:25%;width:52%;height:41px;background:linear-gradient(90deg,#171d2e,var(--region),#242638);clip-path:polygon(0 90%,3% 35%,17% 35%,20% 5%,25% 35%,35% 35%,40% 0,48% 30%,53% 30%,58% 12%,67% 49%,82% 28%,86% 55%,100% 61%,100% 100%,0 100%);opacity:.8}.island-shape img{position:absolute;inset:-14px -5px;width:calc(100% + 10px);height:92px;object-fit:contain;z-index:1}.island-shape:has(img):before,.island-shape:has(img)>i{visibility:hidden}.map-region b{font-size:11px;display:block;text-shadow:0 2px 5px #000}.map-region small{font:8px Arial;color:#b4a5c0}.map-region.state-locked{opacity:.45;filter:grayscale(.8)}.map-region.selected{opacity:1}.map-region.selected .island-shape{transform:translateY(-3px) scale(1.1);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--region) 50%,transparent))}.map-region.state-completed:after{content:'✧';position:absolute;top:0;right:15%;color:var(--region)}.map-region.state-available .island-shape{animation:region-awake 1s ease-out}.map-fog{background:radial-gradient(ellipse at 30% 65%,#aba0ba15,transparent 50%);transform:translate(calc(var(--px)*1.5),calc(var(--py)*1.5));animation:fog-breathe 12s ease-in-out infinite alternate}.region-panel{border:1px solid #80715c;background:linear-gradient(130deg,#252332,#10151f);padding:12px;border-radius:4px;box-shadow:0 8px 22px #0005}.region-panel>div{display:flex;align-items:center;justify-content:space-between;gap:6px}.region-panel h2{font-size:18px;color:var(--region);margin:0}.region-panel small{font:9px/1.4 Arial;color:#b8a9c2}.region-panel p{font:11px/1.5 Arial;margin:8px 0}.region-panel .region-progress{color:#d6c39b;font-size:10px}.region-panel>button{display:block;width:100%;margin-top:10px;min-height:40px;font-size:12px}.exp-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;position:sticky;bottom:0;z-index:5;margin:12px -4px 0;padding:7px 3px max(7px,env(safe-area-inset-bottom));background:#0e131ef5;border-top:1px solid #6f604b}.exp-nav button{font:10px Arial;min-height:43px;padding:5px 2px;border-color:#5c526655}
.chapter-route{height:1000px;position:relative;margin:10px 5px 35px;background:radial-gradient(ellipse,#735d9a15,transparent 65%)}.chapter-route svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.chapter-route line{stroke:#544a6055;stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:4 6}.chapter-route line.lit{stroke:#c7ad79;stroke-dasharray:none;stroke-width:2}.route-node{position:absolute;transform:translate(-50%,-50%);width:132px;min-height:66px;padding:0 3px;border:0;background:none!important;display:flex;align-items:center;flex-direction:column;color:#c5b6d2}.route-node:active{transform:translate(-50%,-50%) scale(.97)}.route-node>span{display:grid;place-items:center;border:1px solid #776585;width:38px;height:38px;border-radius:50%;background:linear-gradient(#332a42,#10151f);font-size:21px;box-shadow:0 3px 10px #000}.route-node b{font-size:10px;margin-top:5px;text-shadow:0 1px 4px #000;line-height:1.3}.route-node small{font:8px Arial;color:#93839f;margin-top:3px}.route-node.state-available>span{border-color:#d5b578;box-shadow:0 0 17px #d5b57830}.route-node.state-completed{opacity:.8}.route-node.state-completed>span{color:#a7cbab;border-color:#7f9b82}.route-node.state-locked{opacity:.35}.node-boss>span{width:47px;height:47px;border-radius:35%;color:#d8a597}.chapter-complete{text-align:center;color:#dfc48e}.story-scene{min-height:570px;position:relative;isolation:isolate;display:flex;align-items:flex-end;overflow:hidden;margin:10px -4px 14px;border:1px solid #77648155;border-radius:45% 45% 5px 5px}.story-world{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at top,#78658155,#0c1320 70%)}.story-world>img{width:100%;height:100%;object-fit:cover}.story-arch{position:absolute;inset:5% 12% 15%;border:8px double #a89a7450;border-radius:50% 50% 0 0;box-shadow:0 0 50px #7f66a620,inset 0 0 60px #b2a48012}.story-character{position:absolute;top:15px;left:14%;width:72%;height:380px;object-fit:cover;object-position:center 20%;mask-image:linear-gradient(#000 60%,transparent);z-index:-1}.story-dialogue{width:100%;margin:255px 8px 8px;padding:17px 14px;background:linear-gradient(#171a26f5,#11151f);border:1px solid #9e8869;box-shadow:0 8px 30px #0009}.story-dialogue h2{font-size:21px;margin:6px 0;color:#d8bd88}.story-dialogue>small{font:9px Arial;color:#a99ab6}.story-dialogue>p{font:15px/1.65 Georgia;margin-bottom:16px}.story-choices{display:grid;gap:8px}.story-choices button{font:12px/1.45 Arial;min-height:45px;padding:10px;text-align:left}.campaign-reward{text-align:center;padding:25px 10px}.reward-star{font-size:80px;color:#d9bc87;animation:region-awake .8s}.reward-currency{font-size:30px;color:#ead3a4}.reward-card{width:200px;margin:18px auto}.reward-card p{font:11px/1.5 Arial}.campaign-reward>small{display:block;font:10px Arial;color:#9d8caa;margin:16px 0}.campaign-reward>button{width:100%;margin-top:16px}.codex-list section{margin:20px 0;padding:12px;background:#171924;border-left:2px solid #9a835e}.codex-list h2{font-size:18px}.codex-list summary{cursor:pointer;font-size:14px;min-height:44px;line-height:1.5}.codex-list details p{font:13px/1.7 Georgia;color:#c6bace}.codex-locked{font:11px Arial;color:#8d8197}.campaign-debug{margin:20px 0;padding:12px;border:1px dashed #ab82b9;font:12px Arial}.campaign-debug summary{min-height:36px;cursor:pointer}.campaign-debug>div{display:flex;flex-wrap:wrap;gap:4px}.campaign-debug button{font-size:10px;padding:7px}.campaign-debug input,.campaign-debug select{margin:5px 0 10px}
.campaign-intro{min-height:calc(100dvh - 35px);position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:radial-gradient(ellipse,#3b2f4e,#070c16 65%);padding:25px}.campaign-intro>button.quiet{position:absolute;top:10px;right:5px;font-size:10px}.intro-brand{font-size:30px;letter-spacing:4px;margin:55px 0 35px;z-index:1}.intro-brand small{display:block;font:9px Arial;letter-spacing:4px;margin-top:10px}.campaign-intro>img{height:72px;width:62px;object-fit:cover;border:1px solid #ae956c;border-radius:45%}.campaign-intro h2{font-size:17px;margin:12px 0}.campaign-intro p{font-size:19px;line-height:1.65;max-width:290px}.intro-shards{position:absolute;inset:15% 10%;z-index:-1}.intro-shards i{position:absolute;width:130px;height:90px;top:10%;left:0;background:linear-gradient(135deg,#a591af44,#171d2b);clip-path:polygon(0 20%,65% 0,100% 40%,53% 100%,25% 68%);animation:region-awake 1s ease-out}.intro-shards i:nth-child(2){left:55%;top:25%;width:80px}.intro-shards i:nth-child(3){left:15%;top:65%;width:85px}.intro-rift{position:absolute;top:15%;bottom:30%;width:10px;background:linear-gradient(transparent,#d0b2f277,transparent);transform:rotate(12deg);z-index:-1}.intro-2 .intro-rift{width:18px}.campaign-intro>button.primary{margin:20px 0;min-width:220px}
.battle-shell[data-world=astrael] .realm-sky{background:radial-gradient(ellipse at 50% 27%,#b5a07233,transparent 50%),linear-gradient(#131322,#252131,#0d111c)}.battle-shell[data-world=norvein] .realm-sky{background:radial-gradient(ellipse,#708da548,#0c1728)}.battle-shell[data-world=elvarion] .realm-sky{background:radial-gradient(ellipse,#577b4d44,#0b1517)}.battle-shell[data-world=khar_dor] .realm-sky{background:radial-gradient(ellipse at bottom,#b34e3040,#17111c)}.battle-shell[data-world=abyss] .realm-sky{background:repeating-linear-gradient(125deg,#24172e 0 1px,transparent 1px 70px),#090b14}.battle-shell[data-world] .realm-architecture{opacity:.85}.battle-shell[data-world=astrael] .realm-architecture{filter:sepia(.35)}.world-battle-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;pointer-events:none}
@keyframes shard-drift{to{translate:0 -7px}}@keyframes veil-breath{50%{opacity:.5;transform:scaleX(.8)}}@keyframes fog-breathe{to{opacity:.4}}@keyframes region-awake{from{opacity:.2;filter:grayscale(1)}to{opacity:1;filter:grayscale(0)}}
.reduced-motion .campaign-shell *,.reduced-motion .campaign-shell *:before,.reduced-motion .campaign-shell *:after{animation:none!important;transition:none!important}.reduced-motion .map-sky,.reduced-motion .map-fragments,.reduced-motion .map-regions,.reduced-motion .map-fog{transform:none!important}body[data-quality=low] .map-fog,body[data-quality=low] .map-fragments i{display:none}body[data-quality=low] .campaign-shell *{animation:none!important}@media(max-width:375px){.map-region{width:105px}.map-region b{font-size:10px}.region-panel{padding:10px}.exp-header h1{font-size:16px}.story-dialogue>p{font-size:14px}}@media(prefers-reduced-motion:reduce){body:not(.motion-override) .campaign-shell *{animation:none!important}}

.campaign-owned{display:block;font:9px Arial;color:#d5bb80;padding:5px}.campaign-shell .page-header{margin-bottom:12px}

/* Final world pack: responsive composition, original silhouettes and independent depth. */
.eidora-map{height:clamp(430px,56dvh,550px);border-radius:12px;overflow:hidden;background:#090e1a}
.map-sky{z-index:0;inset:-2%}.map-sky:after{content:'';position:absolute;inset:0;background:linear-gradient(#080d1920,#080d1900 50%,#080d1945)}
.map-fragments{z-index:1;opacity:.27}.map-fragments:has(img)>i{display:none}
.map-rupture{z-index:2;left:39%;top:28%;width:22%;height:55%;filter:none;transform:translate(calc(var(--px)*.65),calc(var(--py)*.65))}
.map-rupture>img{inset:0;width:100%;height:100%;opacity:.82;animation:world-veil-breath 9s ease-in-out infinite}
.map-rupture.has-art>i{display:none}.veil-state-unstable .map-rupture,.veil-state-fractured .map-rupture{filter:none}.veil-state-fractured .map-rupture>img,.veil-state-critical .map-rupture>img{opacity:1}
.map-regions{z-index:3}.map-region{width:26%;height:118px;z-index:var(--depth);border-radius:12px}
.map-region:hover,.map-region:active{transform:translate(-50%,-50%)}.map-region.selected{z-index:6}
.island-shape{height:86px;pointer-events:none;transform:scale(var(--scale));filter:drop-shadow(0 8px 7px #0008)}
.island-shape img{inset:-18% -15%;width:130%;height:135%;object-fit:contain}
.map-region.state-locked{opacity:.8;filter:saturate(.65)}.map-region.state-locked b{color:#c6bdc8}
.map-region b{position:relative;z-index:1;font-size:10px;line-height:13px;padding:2px 0 0;text-shadow:0 1px 3px #000,0 0 8px #000;background:radial-gradient(ellipse,#09101bd9,transparent 80%)}
.map-region small{position:relative;z-index:1;font:8px/12px Arial;color:#d6c6df;text-shadow:0 1px 4px #000}
.map-region.selected .island-shape{transform:translateY(-2px) scale(calc(var(--scale)*1.04));filter:drop-shadow(0 0 5px color-mix(in srgb,var(--region) 38%,transparent))}
.map-region:not(.selected) .island-shape{animation:island-float 11s ease-in-out infinite;animation-delay:calc(var(--depth)*-2s)}
.map-fog{z-index:4;opacity:.35}.story-world:has(img) .story-arch{display:none}
.world-battle-art{z-index:1;opacity:1;object-position:center 45%;background:#111823}
.realm:has(.world-battle-art) .realm-sky{z-index:2;background:linear-gradient(#070c1466,#080b142b 40%,#080c1477)}
.realm:has(.world-battle-art) .realm-eclipse,.realm:has(.world-battle-art) .realm-architecture{display:none}
.realm:has(.world-battle-art) .realm-fog,.realm:has(.world-battle-art) .realm-dust{position:absolute;inset:0;z-index:3;pointer-events:none}
.battle-shell[data-world=norvein] .realm-dust i{background:#deedff;width:3px;height:3px;animation-name:world-snow}
.battle-shell[data-world=elvarion] .realm-dust i{background:#b8dd86;border-radius:70% 0;box-shadow:0 0 3px #a1c56e}
.battle-shell[data-world=khar_dor] .realm-dust i{background:#ffad5e;box-shadow:0 0 4px #d8632f}
.battle-shell[data-world=astrael] .realm-dust i{background:#d0b8ff;box-shadow:0 0 4px #a787cb}
.battle-shell[data-world=abyss] .realm-dust i{background:#a980cf;border-radius:0;width:4px;height:7px;clip-path:polygon(0 0,100% 35%,60% 100%,20% 70%)}
@keyframes island-float{50%{translate:0 -2px}}@keyframes world-veil-breath{50%{opacity:.66;transform:scaleX(.97)}}@keyframes world-snow{10%{opacity:.5}90%{opacity:0;transform:translate(14px,130px)}}
.reduced-motion .map-rupture{transform:none!important}
body[data-quality=low] .map-rupture{filter:none}

.battle-shell[data-world] .anomaly-banner{background:#0c142066;text-shadow:0 1px 4px #000}
.battle-shell[data-world] .portal b{text-shadow:0 1px 3px #000,0 0 5px #000;background:radial-gradient(ellipse,#0b111bcc,transparent 80%);width:100%}
.map-sky img{opacity:.65}.map-fragments{opacity:.18}

/* A stable 2D map on touch devices avoids nested animated/filter surfaces. */
@media (hover:none) and (pointer:coarse){
  .eidora-map .map-sky,.eidora-map .map-fragments,.eidora-map .map-regions,
  .eidora-map .map-rupture{transform:none;filter:none}
  .eidora-map .map-fog{display:none}
  .eidora-map .map-region{filter:none}
  .eidora-map .island-shape{filter:none!important;animation:none!important;translate:none}
  .eidora-map .map-rupture>img,.eidora-map .map-fragments>i{animation:none}
}
/* Illustrated atlas. All labels and progression remain live HTML. */
.app-shell.campaign-shell.atlas-screen{max-width:1180px;background:#0b0c13;padding:18px 22px 0;overflow:visible;border-color:#756344}
.atlas-screen .exp-header{padding-bottom:10px;border-bottom:1px solid #a58b5145}.atlas-screen .exp-header h1{font-size:24px;letter-spacing:2px}.atlas-screen .exp-header small{font-size:9px}.atlas-screen .exp-wallet{font-size:12px;margin:12px 0}
.atlas-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}.atlas-map{position:relative;aspect-ratio:2/3;isolation:isolate;background:#12101e;border:1px solid #87744a65;overflow:hidden}.atlas-art{display:block;width:100%;height:100%;object-fit:cover}.atlas-heading{position:absolute;left:4%;top:2%;max-width:42%;text-shadow:0 2px 6px #000}.atlas-heading small{font:8px/1.5 Arial;letter-spacing:1.5px;color:#c2ac87}.atlas-heading h2{font-size:21px;margin:8px 0}.atlas-heading p{font:11px/1.5 Georgia;color:#c3bdca}.atlas-veil{position:absolute;left:50%;top:17%;transform:translateX(-50%);display:grid;text-align:center;text-shadow:0 2px 5px #000}.atlas-veil b{font-size:17px;letter-spacing:3px}.atlas-veil small{font:10px Arial;color:#dbb7f1;margin-top:5px}
.atlas-region{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:41%;min-height:68px;padding:10px 3px;border:1px solid transparent;border-radius:3px;background:linear-gradient(transparent,#090a12d9 30%,#090a12c9 80%,transparent);color:#eee2cb;text-shadow:0 2px 3px #000;display:grid;justify-items:center;align-content:center;gap:6px;box-shadow:none}.atlas-region b{font:16px/1.2 Georgia;letter-spacing:1px}.atlas-region small{font:10px/1.3 Arial;color:#c9bdac;background:#090b10d9;border:1px solid #8d785766;border-radius:15px;padding:4px 9px}.atlas-region:hover,.atlas-region:active{transform:translate(-50%,-50%);border-color:var(--region);background:#10101bbd}.atlas-region.selected{border-color:var(--region);box-shadow:0 0 18px #d8b27625}.atlas-region.selected small{color:#f4db9b;border-color:#b79959}.atlas-region.state-locked small{color:#c2bcc7}.atlas-region:focus-visible{outline:2px solid #e7cb94;outline-offset:4px}
.atlas-panel{border:1px solid #9b815a80;background:linear-gradient(140deg,#1d1a22,#0a0d15);min-width:0;position:sticky;top:14px;max-height:calc(100dvh - 30px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#756344 #11121a}.atlas-panel-top{display:flex;justify-content:space-between;align-items:center;padding:14px;color:#c7af83;letter-spacing:1px}.atlas-panel-top small{font-size:10px}.atlas-close{display:none}.atlas-region-art{display:block;width:100%;height:170px;object-fit:cover}.atlas-panel-copy{padding:18px}.atlas-panel h2{margin:0 0 5px;font-size:25px;color:var(--region)}.atlas-panel small{font:11px/1.5 Arial;color:#bcae99}.atlas-panel p{font:14px/1.65 Georgia;color:#c5bdba}.atlas-chapter{border-block:1px solid #88704650;padding:15px 0;margin:16px 0}.atlas-chapter h3{font-size:18px;margin:7px 0}.atlas-chapter progress{display:block;width:100%;height:6px;accent-color:#b79b65;margin:12px 0}.atlas-rewards{display:grid;gap:8px;font:12px/1.5 Georgia;margin:16px 0;color:#d7c09d}.atlas-panel-copy>button{width:100%;min-height:46px;margin:8px 0}.atlas-missions{list-style:none;margin:15px 0;padding:0;border-top:1px solid #75634455}.atlas-missions li{display:flex;align-items:center;gap:8px;border-bottom:1px solid #75634433;padding:4px 0}.atlas-missions li>span{width:25px;text-align:center;color:#c0a470}.atlas-missions button{text-align:left;border:0;background:transparent;flex:1;min-height:44px;font:12px/1.4 Georgia;padding:7px}.atlas-missions .state-locked{opacity:.55}.atlas-missions .state-completed>span{color:#a8c99d}.atlas-panel blockquote{margin:20px 0 0;padding-top:20px;border-top:1px solid #75634466;font:italic 15px/1.6 Georgia;color:#b6a1c6;text-align:center}.atlas-panel cite{display:block;font-size:11px;margin-top:10px}
.atlas-bottom{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px;margin:18px 0}.atlas-bottom>article,.atlas-companion{min-width:0;border:1px solid #84704d70;background:linear-gradient(135deg,#1d1822,#10121c);padding:16px}.atlas-bottom small{font:10px/1.4 Arial;letter-spacing:1px;color:#b9a3ce}.atlas-bottom h3{font:17px/1.4 Georgia;margin:9px 0}.atlas-bottom p{font:12px/1.5 Georgia;color:#bdb1c7}.atlas-bottom button{font-size:12px;min-height:44px}.atlas-companion{display:flex;align-items:center;gap:13px}.atlas-companion img{width:70px;height:100px;object-fit:cover;border:1px solid #998054}.atlas-screen .exp-nav{margin-bottom:0;background:#0d0c15;gap:12px}.atlas-screen .exp-nav button{font:12px Georgia;letter-spacing:1px;min-height:50px}
@media(max-width:760px){.app-shell.campaign-shell.atlas-screen{padding:10px 10px 0;max-width:560px}.atlas-layout{display:block}.atlas-heading h2{font-size:17px}.atlas-heading small{font-size:7px;letter-spacing:.6px}.atlas-heading p{font-size:10px}.atlas-veil b{font-size:13px}.atlas-region{min-height:55px;gap:3px}.atlas-region b{font-size:13px;letter-spacing:0}.atlas-region small{font-size:9px;padding:3px 6px}.atlas-panel{display:none;position:fixed;inset:auto 0 0;max-height:86dvh;max-height:86svh;z-index:50;border-radius:18px 18px 0 0;box-shadow:0 -25px 80px #000d;padding-bottom:env(safe-area-inset-bottom);overscroll-behavior:contain}.atlas-detail-open .atlas-panel{display:block}.atlas-close{display:block;font:12px Arial;min-height:44px}.atlas-panel-top{position:sticky;top:0;background:#15121ded;z-index:1;padding:7px 16px}.atlas-region-art{height:160px}.atlas-panel-copy{padding:18px 22px}.atlas-bottom{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.atlas-companion{grid-column:1/-1}.atlas-bottom>article{padding:12px}.atlas-bottom h3{font-size:14px}.atlas-companion img{width:54px;height:66px}.atlas-companion p{margin:4px 0}.atlas-screen .exp-header h1{font-size:18px}.atlas-screen .exp-nav{gap:3px}.atlas-screen .exp-nav button{font-size:10px}.atlas-screen .exp-wallet{font-size:11px}}
@media(max-width:360px){.atlas-heading p{display:none}.atlas-region b{font-size:11px}.atlas-region small{font-size:8px}.atlas-veil{top:15%}}