/* Rock Band's light realm: archival bitmap scenery, independent of the dungeon. */
.room-dialog[data-section="lessons"]{background:#c1dfea;color:#243b54;scrollbar-color:#b8bed4 #d6edf5}
.room-dialog[data-section="lessons"]>.interior-wall{display:none}
.light-realm[hidden]{display:none}
.light-realm{position:relative;isolation:isolate;min-height:100%;overflow:hidden;background:#b9dcf2 url('assets/realm/sky.png') center top/cover no-repeat;font-family:Fell,Georgia,serif;text-align:center;color:#213b56}
.realm-utilities{position:relative;z-index:10;display:flex;justify-content:space-between;max-width:1180px;margin:auto;padding:12px 24px}
.realm-utilities button{background:none;border:0;color:#213b56;min-height:44px;cursor:pointer}
.realm-home{width:145px;display:flex;align-items:center}
.realm-motion-toggle{width:44px;font:20px/1 Georgia,serif;padding:8px}
.light-realm button:focus-visible{outline:2px solid #57336e;outline-offset:5px}
.realm-heading{position:relative;z-index:3;width:min(500px,calc(100% - 32px));margin:-32px auto 0;pointer-events:none}
.realm-art{position:absolute;display:block;height:auto;image-rendering:pixelated;pointer-events:none}
.realm-heading h1{margin:0;line-height:0}
.realm-title-art{display:block;width:100%;height:auto;image-rendering:pixelated}
.realm-heading h1:focus{outline:none}
.realm-landscape{position:relative;width:min(100%,1260px);height:470px;margin:-4px auto 0;isolation:isolate}
.realm-horizon{z-index:0;left:50%;transform:translateX(-50%);top:-24px;width:calc(100vw + 20px);max-width:none;height:350px;object-fit:cover;object-position:center;opacity:.76;mask-image:linear-gradient(to bottom,transparent,#000 18% 70%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 18% 70%,transparent)}
.realm-lake{position:absolute;z-index:1;left:calc((100vw - 100%)/-2);right:calc((100vw - 100%)/-2);top:43%;bottom:-350px;background:#a8e9ee url('assets/realm/water.png') repeat center top/192px 192px;mask-image:linear-gradient(transparent,#000 55px);-webkit-mask-image:linear-gradient(transparent,#000 55px)}
.realm-tree{z-index:3;width:24%;max-width:270px;bottom:150px}
.realm-tree-left{left:3%}.realm-tree-right{right:3%;width:25%;max-width:285px;bottom:152px;transform:scaleX(-1)}
.realm-pavilion{z-index:2;left:21%;bottom:236px;width:92px}
.realm-fountain{z-index:3;left:10%;bottom:106px;width:176px}
.realm-light-being{z-index:3;right:8%;bottom:110px;width:154px}
.realm-terrace{position:absolute;z-index:4;left:50%;bottom:61px;width:570px;height:112px;max-width:75%;transform:translateX(-50%);border-radius:50%;background:#e9e2cb url('assets/realm/marble.png') repeat center/130px 130px;border:2px solid #ffffe5;box-shadow:0 5px #b9bdaf,0 9px #7f9ba0,0 13px #d5d6c4,0 16px #6d8b91,0 20px #cbd8d1,0 25px #729ba1}
.realm-band{position:absolute;z-index:5;left:50%;bottom:96px;width:530px;height:245px;transform:translateX(-50%)}
.realm-performer,.realm-guitar{position:absolute;height:auto;image-rendering:pixelated;pointer-events:none}
.realm-peach{left:8%;bottom:18%;width:30%;transform:scaleX(-1)}
.realm-blue{left:36%;bottom:0;width:34%}
.realm-rose{left:69%;bottom:18%;width:24%}
.realm-guitar-left{left:29%;bottom:3%;width:12%;transform:rotate(-12deg)}
.realm-guitar-right{left:64%;bottom:7%;width:11%;transform:scaleX(-1) rotate(-12deg)}
.realm-notes{z-index:4;width:68px;left:calc(50% - 34px);top:18px}
.realm-crystals{z-index:6;width:195px;left:19%;bottom:8px}
.realm-lily{z-index:6;width:57px;left:48%;bottom:0}
.realm-butterfly{z-index:4;width:59px;left:18%;top:1px;transform:rotate(-16deg)}
.realm-chord{position:absolute;z-index:6;right:22%;bottom:10px;width:112px;min-height:100px;background:none;border:0;padding:0;color:#263f68;cursor:pointer;font:18px Fell,Georgia,serif;text-shadow:1px 1px #fff}
.realm-chord-image{position:relative;width:62px;margin:auto;pointer-events:none}
.realm-chord:hover .realm-chord-image{filter:brightness(1.2)}
.realm-footer{position:relative;z-index:7;padding:24px 20px 30px;margin-top:12px}
.realm-footer nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 20px;max-width:760px;margin:auto}
.realm-footer button{width:100%;cursor:pointer}
.realm-footer button[aria-current="page"] img{filter:brightness(1.12)}
.motion-off .realm-lake{background-image:url('assets/realm/water.png')}
@media(min-width:1500px){.realm-landscape{height:500px}.realm-horizon{height:380px}}
@media(max-width:900px){
 .realm-landscape{height:440px}.realm-horizon{width:1100px;max-width:none;left:50%;transform:translateX(-50%);height:320px}
 .realm-band{width:480px;height:225px}.realm-terrace{width:520px;max-width:85%}
 .realm-tree-left{left:2%;width:28%;bottom:170px}.realm-tree-right{right:2%;width:29%;bottom:172px}.realm-fountain{left:0;width:150px}.realm-light-being{right:0;width:125px}
 .realm-crystals{left:10%;width:170px}.realm-chord{right:12%}
}
@media(max-width:620px){
 .realm-utilities{padding:7px 8px}.realm-home{width:115px}
 .realm-heading{width:min(400px,calc(100% - 20px));margin-top:-8px}
 .realm-landscape{height:370px;margin-top:0}.realm-horizon{top:-5px;width:850px;height:255px;opacity:.7}
 .realm-lake{top:42%;background-size:128px 128px}
 .realm-terrace{width:350px;max-width:94%;height:74px;bottom:72px}
 .realm-band{width:min(350px,100%);height:171px;bottom:100px}
 .realm-peach{bottom:16%}.realm-blue{bottom:0}.realm-rose{bottom:18%}
 .realm-tree-left{width:40%;left:1%;bottom:178px}.realm-tree-right{width:40%;right:1%;bottom:178px}
 .realm-pavilion{width:58px;left:4%;bottom:209px}.realm-fountain{left:-33px;width:107px;bottom:112px}.realm-light-being{right:-22px;width:82px;bottom:112px}
 .realm-notes{width:45px;left:calc(50% - 22px);top:13px}.realm-butterfly{width:38px;left:6%;top:9px}
 .realm-crystals{width:115px;left:5%;bottom:4px}.realm-chord{right:6%;width:100px;bottom:4px;font-size:16px;min-height:80px}.realm-chord-image{width:48px}.realm-lily{width:42px;left:44%;bottom:6px}
 .realm-footer{padding:18px 12px 25px;margin-top:10px}.realm-footer nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}
}