/* Approved atlas concept: illuminated glass, mint surfaces and the eight lesson guides. */
body{background:#034453}body:not(.atlas-lesson-open){--accent:#5cebe0;font-family:'HP Simplified',Arial,sans-serif}.grain{opacity:.055}
body:not(.atlas-lesson-open) .intro h1,body:not(.atlas-lesson-open) .selection h2{font-family:'HP Simplified',Arial,sans-serif}
body:not(.atlas-lesson-open)>.atlas-language{background:linear-gradient(145deg,#3b969ab8,#075264d9);border:1px solid #b4ffefaa;border-radius:18px;box-shadow:inset 0 1px 7px #cefff93b,0 4px 12px #002d3d44;color:#effffb}
body:not(.atlas-lesson-open)>.atlas-language select{color:#effffb}
body>header .icon-button,.language-switcher{background:linear-gradient(145deg,#3b969aa6,#075264b8);border:1px solid #b4ffefaa;box-shadow:inset 0 1px 7px #cefff93b,0 4px 12px #002d3d44;color:#effffb}
body>header .icon-button{border-radius:15px}.brandmark{color:#f6d38b}.brand-sub{color:#e4f6f4}.header-right .edition{color:#d6efed}
.intro{top:15%;left:4.2%}.intro h1{font-weight:800;font-size:clamp(27px,3vw,49px);letter-spacing:-1.6px;color:#f7fbf5;text-shadow:0 3px 2px #002e3a55}.intro h1 em{color:#6df1e4}.intro p{color:#deefed;font-size:clamp(10px,.88vw,14px);line-height:1.7}.eyebrow{color:#f5d594}
.selection{left:3.5%;bottom:168px;width:clamp(255px,21vw,346px);padding:0 22px 21px;border:2px solid #c9fff2;border-radius:26px;background:linear-gradient(125deg,#ecfff7ed,#b4ded5ed);backdrop-filter:blur(20px);box-shadow:inset 0 0 18px #fff7,0 0 22px #40f9e522,0 16px 40px #001f3544;overflow:hidden;color:#073b48}
.selection-top{margin:0 -22px 16px;padding:14px 22px;background:linear-gradient(125deg,#009b99,#087e87);border-bottom:1px solid #e3fff5;color:white;letter-spacing:1px;font-size:11px;box-shadow:inset 0 2px 9px #8dfff74a}
.selection h2{color:#073b48;font-size:clamp(25px,2.25vw,36px);font-weight:800;letter-spacing:-1px;line-height:1.12;margin:0 0 12px}.selection p{color:#1b4d55;font-size:13px;line-height:1.55;margin-bottom:18px;min-height:40px}.selection .character{gap:9px}.selection .character small{color:#477577;font-size:7px;letter-spacing:.9px}.selection .character b{color:#113e49;font-size:11px}.selection .character button{color:#164d58;font-size:10px;border-color:#54868980;white-space:nowrap}.character button span{margin-left:4px}
.selection .avatar{width:46px;height:46px;flex-shrink:0;border:2px solid #f9fff8;box-shadow:0 2px 6px #1e686a33;background:#91c5bc!important;overflow:hidden;display:block}.avatar img{width:100%;height:100%;object-fit:cover;object-position:center 9%;transform:scale(2.2);transform-origin:50% 15%;display:block}
.enter-world{border-radius:19px;min-height:51px;margin-top:20px;background:linear-gradient(160deg,#38ead7,#00a7a4 48%,#007f88);border:1px solid #86fff0;box-shadow:inset 0 2px 6px #ccfff699,0 4px 9px #087b8144;color:#fff;display:flex;flex-wrap:wrap;justify-content:center;gap:4px;font-size:19px;font-weight:800;padding:11px 8px}.enter-world span{color:#e0fff7;font-size:10px;width:100%;font-weight:500;text-align:center}.enter-world:hover{background:linear-gradient(160deg,#59f4df,#00b1ac,#00818a);box-shadow:0 0 17px #54fbe56b}
.dock{left:2%;right:2%;bottom:52px;gap:12px}#worlds{padding:8px;border-radius:25px;border:1.5px solid #a4e9e1;background:linear-gradient(155deg,#328c8d8c,#034655c9);box-shadow:inset 0 2px 11px #d3fff62b,0 10px 30px #00223555;gap:4px}.world-button{border-radius:18px;min-height:62px;padding:9px 10px;color:#eafcf7;gap:9px}.world-button b{font-size:clamp(10px,.9vw,15px);font-weight:700}.world-button small{display:none}.world-button .number{font-size:12px;color:#d5f9ef}.world-button.active{background:linear-gradient(145deg,#24dacb,#00a5a6 60%,#058b98);box-shadow:inset 0 0 0 1.5px #c3fff1,inset 0 2px 9px #a1fff477,0 0 19px #37e9d84d;color:#fff}.world-button.active .number{color:white}.world-button.active:after{display:none}.world-button:hover{background:#4eafa85c}.world-button.active:hover{background:linear-gradient(145deg,#31e6d6,#079ca7)}
.world-position{display:flex;gap:4px;margin-top:8px;max-width:110px}.world-position i{height:6px;width:6px;flex:0 1 6px;border-radius:50%;background:#a0c8c87a;box-shadow:inset 0 1px 1px #002d3330}.world-position i.current{background:#68fff0;box-shadow:0 0 5px #6bfff06b}.world-button.active .world-position i{background:#d3fdf2a6}.world-button.active .world-position i.current{background:#fff}
.arrow{width:45px;height:45px;background:linear-gradient(140deg,#2c9a9caa,#075368);color:#e9fff7;border:1px solid #a5e8e1;box-shadow:inset 0 2px 7px #cbfff72b,0 5px 8px #00223466;font-size:25px}.arrow:hover{background:#279b9a}
.island-label{background:linear-gradient(140deg,#f3fff2f5,#acdcd2f2);border:1px solid #d4fff0;color:#0b3c49;font-size:12px;font-weight:700;padding:7px 14px;box-shadow:inset 0 1px 4px #fff9,0 5px 14px #002f3e55}.island-label span{font-size:10px;opacity:.85}.island-label.active{color:#063b48;background:linear-gradient(135deg,#f2fff5,#a0e3d5);border:1.5px solid #a0fff0;box-shadow:0 0 17px #40e6d466,0 5px 12px #002f3e44}.island-label.active:before{background:#a4fff0}.island-label:hover{background:#fff;color:#005160}
.compass{display:none}.music-status{top:93px;color:#d5edec;font-size:11px}.scene-hint{bottom:145px;color:#b1d7d4;font-size:8px}footer{bottom:20px;color:#b3d9d6;font-size:8px}footer button{color:#d1eee8}
@media(min-width:1600px){.selection{bottom:173px}.intro{top:15%}.dock{bottom:55px}}
@media(max-width:1100px){.selection{width:245px;left:3%;padding:0 16px 16px}.selection-top{margin:0 -16px 13px;padding:12px 16px}.selection h2{font-size:25px}.selection p{font-size:11px;margin-bottom:12px}.selection .character b{font-size:9px}.selection .character button{font-size:8px}.selection .avatar{width:35px;height:35px}.selection .character small{font-size:6px}.enter-world{font-size:16px;margin-top:14px;min-height:45px}.world-button{padding:8px 6px;gap:5px}.world-position{gap:3px}.world-position i{width:4px;height:4px;flex-basis:4px}.intro{top:16%}.intro h1{font-size:32px}}
@media(max-width:700px){.intro{top:103px;left:6%}.intro h1{font-size:26px;line-height:1.1;letter-spacing:-.9px;margin:12px 0}.intro p{font-size:9px}.music-status{top:78px;right:6%;font-size:8px}.selection{pointer-events:auto;left:5%;width:90%;bottom:152px;padding:0 14px 12px;border-radius:20px}.selection-top{padding:8px 14px;margin:0 -14px 8px;font-size:8px}.selection h2{font-size:23px;margin-bottom:5px}.selection p{font-size:10px;min-height:0;margin-bottom:8px}.selection .character{max-width:100%;gap:8px}.selection .avatar{width:32px;height:32px}.selection .character b{font-size:10px}.selection .character small{font-size:6px}.selection .character button{font-size:9px}.enter-world{margin-top:9px;min-height:38px;font-size:15px;padding:7px;flex-wrap:nowrap;justify-content:space-between}.enter-world span{font-size:8px;width:auto}.dock{bottom:47px;left:2%;right:2%;gap:5px}#worlds{border-radius:17px;padding:5px;overflow-x:auto}.world-button{min-width:98px;min-height:55px;border-radius:13px;padding:8px}.world-button b{font-size:10px}.world-button .number{font-size:9px}.arrow{width:30px;height:37px;font-size:20px}.island-label{font-size:8px;padding:5px 8px}.island-label span{font-size:7px}.scene-hint{bottom:130px;font-size:6px}footer{font-size:6px;left:5%;right:5%;bottom:16px}body>header .icon-button{border-radius:12px}}
@media(max-height:670px) and (min-width:701px){.intro{top:90px}.intro h1{font-size:28px}.intro p{font-size:10px}.selection{bottom:137px;width:235px;padding-bottom:12px}.selection-top{padding-top:9px;padding-bottom:9px;margin-bottom:11px}.selection h2{font-size:24px}.selection p{font-size:11px;min-height:0;margin-bottom:11px}.enter-world{margin-top:11px;min-height:40px;font-size:15px}.dock{bottom:39px}.world-button{min-height:50px}.scene-hint{bottom:121px}.music-status{top:74px}footer{bottom:12px}}