@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#203d42;--muted:#648285;--accent:#ef7955}*{box-sizing:border-box}body{margin:0;background:#dcefeb;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ee805b;outline-offset:5px}#world{position:fixed;inset:0;width:100%;height:100%}.grain{position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.32' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header{position:absolute;top:0;left:0;right:0;padding:30px 4%;display:flex;justify-content:space-between;align-items:center;z-index:4}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:800;letter-spacing:3px;font-size:16px;line-height:1.15}.brandmark{font-size:46px;font-weight:400;line-height:1}.brand-sub{display:block;font-size:12px;letter-spacing:8px;margin-top:4px}.header-right{display:flex;align-items:center;gap:13px}.edition{font-size:10px;letter-spacing:2.1px;font-weight:700;margin-right:18px}.icon-button{height:40px;width:40px;border:1px solid #315e5e26;border-radius:50%;background:#ffffff30;font-size:20px;position:relative}.off{font-size:12px;position:absolute;right:6px;bottom:5px}.intro{position:absolute;top:150px;left:5.5%;pointer-events:none;z-index:2}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:700;display:flex;align-items:center;gap:9px}.eyebrow>span{height:6px;width:6px;border-radius:50%;background:var(--accent)}h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(32px,3.8vw,60px);font-weight:500;letter-spacing:-2.8px;line-height:1.12;margin:21px 0 17px}h1 em{font-style:normal;color:#44877f} .intro p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.selection{position:absolute;left:5.5%;bottom:167px;width:300px;z-index:3}.selection-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;font-weight:700;color:#67817f;border-top:1px solid #527c7630;padding-top:17px}.selection-top span:last-child{letter-spacing:1px}h2{font-family:Manrope,Arial,sans-serif;font-size:34px;font-weight:600;letter-spacing:-1.3px;margin:9px 0}.selection p{font-size:12px;color:var(--muted);margin:0 0 20px}.character{display:flex;gap:11px;align-items:center}.avatar{background:#f3d6a9;border:2px solid #fff8;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;font-size:23px}.character small{font-size:7px;letter-spacing:1.4px;display:block;color:var(--muted);margin-bottom:4px}.character b{font-size:11px;font-weight:500}.character button{margin-left:auto;border:0;border-bottom:1px solid #446c6555;padding:6px 0;background:none;font-size:10px}.character button span{margin-left:12px}.dock{position:absolute;bottom:65px;left:4%;right:4%;display:flex;gap:15px;align-items:center;z-index:5}.arrow{width:42px;height:42px;border-radius:50%;border:1px solid #315e5e25;background:#fff5;font-size:20px;flex-shrink:0}#worlds{display:flex;flex:1;gap:6px;background:#ffffff54;backdrop-filter:blur(18px);padding:7px;border:1px solid #ffffffa8;border-radius:16px;box-shadow:0 8px 30px #43685f08}.world-button{flex:1;border:0;background:transparent;border-radius:10px;min-width:0;text-align:left;padding:11px 10px;display:flex;align-items:center;gap:9px;transition:.25s}.world-button:hover{background:#fff7}.world-button.active{background:#fff;box-shadow:0 3px 12px #41685b10}.number{font-size:10px;color:#73948a;font-weight:600}.active .number{color:var(--accent)}.world-button b{font-size:10px;white-space:nowrap;font-weight:600}.world-button small{font-size:7px;letter-spacing:.7px;color:#82958e;display:block;margin-top:3px;text-transform:uppercase}.active:after{content:'';width:5px;height:5px;background:var(--accent);border-radius:50%;margin-left:auto;flex-shrink:0}footer{position:absolute;bottom:24px;left:5.5%;right:5.5%;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.6px;color:#6c8c84;z-index:3}footer i{padding:0 10px;font-style:normal}footer button{border:0;background:transparent;font-size:9px;color:#52796e;letter-spacing:.5px}.compass{position:absolute;right:5.5%;bottom:183px;text-align:center;color:#75958a}.compass>span{font-size:9px}.compass>div{font-size:55px;line-height:1.1;font-weight:400}.compass small{display:block;font-size:7px;letter-spacing:1.5px;margin-top:15px}.scene-hint{position:absolute;bottom:158px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:1.8px;color:#72968c}.scene-hint span{font-size:18px;margin-right:9px}#labels{position:absolute;inset:0;pointer-events:none;z-index:2}.island-label{position:absolute;transform:translate(-50%,0);border:0;border-radius:20px;padding:6px 11px;background:#f6fcf080;backdrop-filter:blur(5px);font-size:10px;white-space:nowrap;color:#365c56;pointer-events:auto;transition:background .3s,opacity .3s;box-shadow:0 3px 8px #42685b08}.island-label.active{background:#234e43;color:white}.island-label span{font-size:7px;opacity:.6;margin-right:6px}.island-label.active:before{content:'';position:absolute;left:50%;top:-10px;width:1px;height:10px;background:#234e43}.island-label:hover{background:#fff;color:var(--ink)}dialog{border:1px solid #fff;border-radius:25px;background:#f0f6ee;color:var(--ink);padding:42px;width:min(460px,90vw);box-shadow:0 30px 100px #14382c30}dialog::backdrop{background:#193d3a55;backdrop-filter:blur(8px)}dialog h2{font-size:29px;margin-top:25px}dialog p{font-size:14px;line-height:1.8;color:#617a72}.note{border-top:1px solid #41685b22;padding-top:17px;font-size:11px!important}.close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:26px}.primary{margin-top:15px;padding:14px 22px;border:0;border-radius:9px;background:#2b5c4f;color:#fff}#toast{position:fixed;top:95px;left:50%;transform:translateX(-50%);background:#264f44;color:#fff;padding:12px 20px;border-radius:20px;font-size:12px;opacity:0;transition:opacity .3s;pointer-events:none;z-index:6}#toast.show{opacity:1}@media(min-width:1600px){.intro{top:18%}.selection{bottom:205px}.dock{bottom:80px}.scene-hint{bottom:180px}}@media(max-width:1050px){.world-button{padding:10px 6px;gap:5px}.world-button b{font-size:9px}.world-button small{display:none}.active:after{display:none}.intro{top:125px}.selection{width:250px}.compass{display:none}}@media(max-width:700px){header{padding:23px 6%}.brand{font-size:12px}.brandmark{font-size:36px}.brand-sub{font-size:9px;letter-spacing:6px}.edition{display:none}.icon-button{width:33px;height:33px;font-size:17px}.intro{top:108px;left:7%}.eyebrow{font-size:8px;letter-spacing:1.8px}h1{font-size:37px;letter-spacing:-1.8px;margin-top:14px}.intro p{font-size:11px;line-height:1.7}.selection{left:7%;bottom:166px;width:86%;pointer-events:none}.selection-top{font-size:8px;padding-top:11px}.selection h2{font-size:28px;margin:5px 0}.selection p{margin-bottom:10px;font-size:11px}.character button{pointer-events:auto}.character small{font-size:6px}.avatar{height:30px;width:30px;font-size:19px}.character{gap:8px}.dock{bottom:56px;left:3%;right:3%;gap:5px}.arrow{width:29px;height:36px;font-size:17px}#worlds{overflow-x:auto;scrollbar-width:none;gap:3px;padding:5px;border-radius:12px}.world-button{min-width:85px;padding:11px 8px}.world-button b{font-size:9px}.number{font-size:8px}.scene-hint{bottom:133px;white-space:nowrap;font-size:7px}.footer-right{display:none}footer{bottom:22px;font-size:6px}.island-label{font-size:8px;padding:5px 8px}.island-label span{font-size:6px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Deep-space art direction */
:root{--ink:#f0f4f7;--muted:#9cacc5;--accent:#f6c587}body{background:#0c122c;color:var(--ink)}.grain{opacity:.11}header{padding-top:27px}.brand{color:#eef4f7;font-size:16px;letter-spacing:3.5px}.brandmark{color:#efd4a0;text-shadow:0 0 30px #e7cda955}.brand-sub{font-size:8px;letter-spacing:3px;color:#a5bbce;margin-top:7px}.header-right .edition{color:#91a5c2;font-size:8px;letter-spacing:2px}.icon-button{color:#c1d5e6;border-color:#abc8f133;background:#1a28404d}.intro{top:145px;left:5%}h1{font-size:clamp(28px,3.2vw,48px);letter-spacing:-2px;line-height:1.18}h1 em{color:#a4d4d4}.intro p{color:#8296b3;font-size:11px;line-height:1.9}.eyebrow{color:#c8ad88;font-size:8px;letter-spacing:2px}.eyebrow>span{background:#ecc58b;box-shadow:0 0 12px #f2bc7d}.selection{width:290px;bottom:172px;left:5%;padding:20px 21px;border:1px solid #b8d7f020;border-radius:18px;background:linear-gradient(135deg,#23324d70,#14223a70);backdrop-filter:blur(16px);box-shadow:0 20px 60px #050a211f}.selection-top{border:0;padding:0;color:#8aa8bf;font-size:8px}.selection h2{font-size:29px;margin:11px 0;color:#eff3e9}.selection p{color:#a5b8c7;font-size:11px;line-height:1.7}.character button{color:#d6ddd8;border-color:#bbd6e444;font-size:9px}.character small{color:#7893af}.character b{color:#e0e8ed;font-size:9px}.avatar{border-color:#c5def122;color:#f9e3c1;background:#e9d5b020!important}.compass{color:#6e8da6;bottom:195px}.compass small{color:#6c849e;font-size:6px}.scene-hint{color:#6d94aa;font-size:7px;bottom:154px}.dock{bottom:65px;gap:12px}#worlds{background:#15233ccc;border-color:#a2c5f122;box-shadow:0 15px 60px #0003}.world-button{color:#acbed1}.world-button:hover{background:#b9d8e011}.world-button.active{background:linear-gradient(135deg,#365065b0,#243e53e0);box-shadow:inset 0 0 0 1px #9bd5d444,0 2px 12px #0002;color:#e6f5ee}.world-button.active .number{color:#f6d29b}.number{color:#6b8ba7}.world-button small{color:#708eaa}.world-button.active:after{background:#ace8da;box-shadow:0 0 8px #a3ecdf}.arrow{background:#1b2d4380;color:#c6d8e7;border-color:#96b6d42b}.arrow:hover{background:#33516a}.island-label{color:#b4cfdb;background:#15213ac2;border:1px solid #b5d9e82b;box-shadow:0 4px 16px #0003;font-size:9px;padding:7px 12px;letter-spacing:.2px}.island-label.active{background:#d3e8de;color:#21423f;border-color:#d5fff0;box-shadow:0 0 24px #8acbc62b}.island-label.active:before{background:#cce5dc}.island-label:hover{background:#c7e0d7;color:#1a3c39}footer{color:#526c88;font-size:7px}footer button{color:#a9c9d1}.music-status{position:absolute;right:5%;top:100px;color:#8ba8bb;font-size:9px;letter-spacing:.5px;z-index:3;display:flex;align-items:center;gap:8px}.music-status:before{content:'♫';color:#d2b88d;font-size:16px}dialog{background:linear-gradient(145deg,#1c3047,#152236);border-color:#9cbcd733;color:#e6eef1}dialog p{color:#a6bac9}.note{border-color:#91adbf22}.primary{background:#b9dacf;color:#1e3e36}#toast{background:#37576a}#overview:hover{color:white}@media(min-width:1600px){.intro{top:18%}.selection{bottom:190px}}@media(max-width:1050px){.selection{width:245px;padding:16px}.selection h2{font-size:24px}.intro{top:126px}.intro h1{font-size:34px}}@media(max-width:700px){.brand{font-size:12px;letter-spacing:2px}.brand-sub{font-size:6px;letter-spacing:2px}.intro{top:112px;left:7%}.intro h1{font-size:29px;letter-spacing:-1.1px;margin:12px 0}.intro p{font-size:9px}.eyebrow{font-size:6px;letter-spacing:1.6px}.music-status{top:85px;right:7%;font-size:7px;max-width:80%;text-align:right}.selection{width:86%;left:7%;bottom:167px;padding:13px 16px;border-radius:13px}.selection h2{font-size:23px;margin:6px 0}.selection p{font-size:9px;line-height:1.5;margin-bottom:9px}.selection-top{font-size:7px}.character b{font-size:9px}.character small{font-size:6px}.avatar{width:28px;height:28px}.island-label{font-size:7px;padding:5px 7px}.island-label span{font-size:5px}.dock{bottom:58px;gap:5px}.scene-hint{bottom:134px;font-size:6px}.scene-hint span{font-size:13px}.world-button b{font-size:9px}.header-right{gap:8px}footer{font-size:5px}.footer-right{display:none}}

/* Turquoise universe and first playable world. */
body{background:#093940}.enter-world{margin-top:20px;width:100%;padding:12px 13px;display:flex;justify-content:space-between;align-items:center;border:1px solid #c0e5d94d;border-radius:8px;background:linear-gradient(120deg,#6eada0,#449a91);color:#f5f5e7;font-size:11px;box-shadow:0 5px 20px #001d2122}.enter-world span{font-size:8px;color:#d0e8da}.enter-world:hover{background:#6ab2a0}.selection{bottom:172px} @media(max-width:700px){.enter-world{margin-top:10px;padding:9px 12px;font-size:10px}.selection{bottom:164px;padding-top:10px;padding-bottom:10px}.selection p{margin-bottom:6px}.selection h2{font-size:21px}.scene-hint{bottom:131px}}