/* The layout stays familiar; the art gets a finer pixel scale and richer materials. */
.sprite{display:inline-block;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 0 #0d142257)}
.nav-item .sprite{opacity:.9;filter:drop-shadow(0 1px 0 #090f1b)}
.nav-item.active .sprite{filter:drop-shadow(0 0 5px #9bd5ab25)}
.brand img{filter:drop-shadow(0 2px 0 #101620);image-rendering:pixelated}
.hero-world{isolation:isolate;background:#1c2831;min-height:300px}
.hero-world .world-scene{position:absolute;inset:0;width:100%;height:100%;max-width:none;min-height:0;margin:0;object-fit:cover;object-position:57% 55%;image-rendering:auto;display:block}
.hero-world:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 25px #101a2635;z-index:1}
.scene-caption{position:relative;z-index:2;margin-top:auto;background:#1b332be8;backdrop-filter:blur(6px);border-top:1px solid #9b956366;color:#c3d7c2;padding-top:11px;padding-bottom:11px}
.scene-caption>span:last-child{color:#a1b5a4}
.hero-panel{border-color:#555a54}
.hero-panel:before,.hero-panel:after{border-color:#d7be84;width:10px;height:10px}
.realm-icon{position:relative;isolation:isolate;align-items:center;width:88px;height:83px;padding-top:10px}
.realm-icon:before{content:'';position:absolute;left:0;bottom:3px;width:69px;height:30px;background:radial-gradient(ellipse,#7ea9901f,transparent 72%);border-bottom:1px solid #90ab8322;z-index:-1}
.realm-icon .sprite{filter:drop-shadow(0 3px 0 #0d152b90);transition:filter .18s,transform .18s}
.realm-card:hover .realm-icon .sprite{filter:drop-shadow(0 3px 0 #0d152b90) drop-shadow(0 0 10px #91c9b135);transform:translateY(-2px)}
.realm-card.purple .realm-icon:before{background:radial-gradient(ellipse,#b499d825,transparent 72%)}
.realm-card.cyan .realm-icon:before,.realm-card.blue .realm-icon:before{background:radial-gradient(ellipse,#7fc9df25,transparent 72%)}
.realm-card.gold .realm-icon:before,.realm-card.orange .realm-icon:before{background:radial-gradient(ellipse,#d1a86a25,transparent 72%)}
.daily-illustration{height:87px;background:radial-gradient(ellipse,#a08a4920,transparent 68%)}
.daily-illustration:before{content:'';position:absolute;width:68px;height:68px;border:1px solid #b69a613b;transform:rotate(45deg);background:radial-gradient(ellipse,#c3b56a0b,transparent 68%)}
.daily-illustration:after{content:'';position:absolute;width:87px;height:87px;border:1px solid #9c885322;transform:rotate(45deg);pointer-events:none}
.daily-illustration .sprite{z-index:1;filter:drop-shadow(0 3px 0 #15192f) drop-shadow(0 0 11px #c9bb6f27)}
.pixel-spark{z-index:2}
.avatar{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 25%,#46554d,#222c36 75%);border-color:#7f8060;box-shadow:inset 0 0 0 2px #18232d}
.avatar:before,.avatar:after{content:'';position:absolute;width:5px;height:5px;pointer-events:none}
.avatar:before{top:-1px;left:-1px;border-left:2px solid #d0b276;border-top:2px solid #d0b276}
.avatar:after{bottom:-1px;right:-1px;border-right:2px solid #947c53;border-bottom:2px solid #947c53}
.avatar.big{background:radial-gradient(ellipse at 50% 30%,#4e675a,#242d37 78%);border-color:#8d8965}
.avatar .sprite{filter:drop-shadow(0 2px 0 #101b28)}
.continue-icon{background:radial-gradient(ellipse at 45% 30%,#385343,#26392e);border-color:#63775c;box-shadow:inset 0 0 0 2px #1d3027}
.project-art{height:165px;float:none;width:100%;overflow:hidden;isolation:isolate;border:1px solid #797154;background:#202b30;box-shadow:0 3px 0 #101823}
.project-art:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 24px #07111b5c;pointer-events:none;z-index:1}
.project-scene{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 64%;image-rendering:auto}
.project-card:nth-child(2) .project-scene{object-position:center 38%}
.project-crest{position:absolute;bottom:10px;right:10px;z-index:2;width:42px;height:42px;display:grid;place-items:center;background:#1b2632d9;border:1px solid #d3b66d9c;box-shadow:inset 0 0 0 2px #111c29,0 2px 0 #080f17}
.project-art .project-crest .sprite{width:32px;height:32px}
.region-art{position:relative;background:radial-gradient(ellipse at 45% 35%,#3f5349,#1f2b32 75%);border-color:#7a7d61;box-shadow:inset 0 0 0 3px #1d2c2c}
.region-art:before,.region-art:after{position:absolute;content:'';width:9px;height:9px}
.region-art:before{left:-1px;top:-1px;border-left:2px solid #c1a36e;border-top:2px solid #c1a36e}
.region-art:after{right:-1px;bottom:-1px;border-right:2px solid #c1a36e;border-bottom:2px solid #c1a36e}
.badge.earned .sprite{filter:drop-shadow(0 2px 0 #111c28) drop-shadow(0 0 8px #e0b65f25)}
.badge:not(.earned) .sprite{filter:grayscale(1) drop-shadow(0 2px 0 #101521);opacity:.42}
.guide-main>.world-scene{position:static;width:100%;height:auto;min-height:0;aspect-ratio:3/2;object-fit:cover;border:1px solid #7c8064;box-shadow:0 4px 0 #111a24;image-rendering:auto;margin-bottom:20px}
.sheet-scroll,.mobile-nav{scrollbar-width:thin;scrollbar-color:#53685f #1b2530}
@media(max-width:1000px){.project-art{width:100%;height:210px;float:none;margin:0 0 25px}.project-card .project-art .project-scene{width:100%;height:100%}.project-card>p{max-width:none}.project-card .project-steps{clear:both}}
@media(max-width:760px){.hero-world{min-height:260px}.hero-world .world-scene{object-position:59% 55%}.realm-icon{height:82px}}
@media(max-width:480px){.hero-world{height:220px;min-height:220px}.hero-world .world-scene{width:100%;height:100%;margin:0;object-position:55% 59%}.scene-caption{font-size:7px;letter-spacing:.7px}.realm-icon{height:78px}.realm-icon .sprite{width:56px;height:56px}.daily-illustration{height:87px;margin:17px 0 21px}.project-art{height:185px;width:100%;float:none;margin-left:0}.project-card .project-art .project-scene{width:100%;height:100%}.project-card .project-crest .sprite{width:32px;height:32px}.avatar.big>.sprite{width:66px;height:66px}}
@media(prefers-reduced-motion:reduce){.realm-icon .sprite{transition:none}.realm-card:hover .realm-icon .sprite{transform:none}}