:root{color-scheme:dark;--cream:#fff6df;--ink:#173b3f;--orange:#ff9c60;--mint:#b6f3d9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#a3cdd5;color:var(--cream);font-size:14px}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #fff0a6;outline-offset:4px}button{color:inherit}button:disabled{opacity:.45;cursor:not-allowed}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#143c43a8 0%,#153b4220 45%,transparent 70%),linear-gradient(0deg,#122f4266,transparent 28%);transition:opacity 1s}body.playing .vignette{opacity:.35}header{position:fixed;z-index:3;left:40px;right:40px;top:max(27px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:flex;align-items:center;gap:9px;color:var(--cream);font-size:25px;text-decoration:none;font-weight:750;letter-spacing:-1.4px}.brand-orbit{font-size:36px;line-height:1}.brand-world{font-size:9px;letter-spacing:2px;border-left:1px solid #fff6df55;padding-left:13px;margin-left:8px;font-weight:600}.header-right{display:flex;gap:10px;align-items:center}.small-button,.network,.stat-pill{background:#133d4552;border:1px solid #ffffff3a;border-radius:30px;padding:9px 14px;backdrop-filter:blur(15px);font-size:11px;font-weight:650;display:flex;align-items:center;gap:8px}.network i,.status-dot{display:inline-block;width:6px;height:6px;background:#baffc6;box-shadow:0 0 9px #baffc677;border-radius:50%;flex-shrink:0}.network{padding:10px 15px}.network.off i{background:#ffa570}#welcome{position:fixed;z-index:2;top:24%;left:7.2%;width:520px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2.2px;display:flex;align-items:center;gap:10px}h1{font-size:clamp(64px,7.7vw,118px);font-weight:650;letter-spacing:-7px;line-height:.99;margin:25px 0 22px;text-shadow:0 4px 50px #143c4422}h1::first-line{font-weight:350}.intro{font-size:19px;line-height:1.55;color:#fffae7d9;margin:0 0 29px}#join{width:430px}#join label{display:block;font-size:11px;color:#fff4dfcf;margin-bottom:9px}.join-row{display:flex;gap:8px}.join-row input{width:46%;min-width:0;background:#163f476b;backdrop-filter:blur(18px);border:1px solid #fff5df4a;border-radius:13px;color:#fff;padding:15px}.join-row input::placeholder{color:#fff6df9c}.join-row button,#reconnect{border:0;border-radius:13px;background:var(--cream);color:#213e3e;padding:15px 20px;font-size:13px;font-weight:750;display:flex;align-items:center;gap:16px;white-space:nowrap;box-shadow:0 8px 30px #09283222}.join-row button:hover{background:#ffca8a;transform:translateY(-2px)}.join-row button span:last-child{font-size:20px}.fineprint{max-width:410px;font-size:10px;line-height:1.65;color:#fff6dfab}#error{font-size:13px;color:#ffe3b6}.welcome-links{display:flex;align-items:center;gap:20px;font-size:10px;color:#fff6dfa8;margin-top:23px}.welcome-links a{color:inherit;text-decoration:none}.welcome-links span{font-size:8px;letter-spacing:1.4px}#scene-caption{position:fixed;right:5%;bottom:10%;text-align:right}#scene-caption>span{font-size:9px;letter-spacing:2px}#scene-caption p{font-size:21px;line-height:1.3;font-weight:350}#scene-caption i{font-style:normal;font-size:32px}#loading{position:fixed;z-index:10;inset:0;background:#173f46;display:flex;align-items:center;justify-content:center;gap:15px;font-size:14px}.loader{border:2px solid #fff5df33;border-top-color:#ffce90;border-radius:50%;width:22px;height:22px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#quest{position:fixed;top:110px;left:36px;width:245px;background:#163e4566;backdrop-filter:blur(18px);border:1px solid #fff6df22;border-radius:18px;padding:17px 18px}#quest-toggle{background:none;border:0;padding:0;font-size:8px;letter-spacing:1.6px;font-weight:700;display:flex;justify-content:space-between;width:100%;gap:20px;color:#fff6dfbd}#quest h2{font-size:20px;letter-spacing:-.5px;margin:12px 0 8px}#quest p{font-size:11px;line-height:1.6;color:#fff6dfb8;margin:0 0 13px}.quest-progress{height:3px;background:#ffffff26;border-radius:4px;overflow:hidden}.quest-progress i{display:block;background:var(--mint);height:100%;transition:width .5s}#quest-count{display:block;font-size:9px;margin-top:9px;color:var(--mint)}.top-stats{position:fixed;right:38px;top:90px;display:flex;gap:9px;align-items:center}.crystal-stat{background:#173f486b;backdrop-filter:blur(12px);padding:10px 17px;border:1px solid #ffffff30;border-radius:30px;font-size:19px;color:var(--mint)}.crystal-stat b{font-size:14px;margin-left:6px}.stat-pill{font-size:11px}#location{position:fixed;left:50%;top:36px;transform:translateX(-50%);font-size:11px;letter-spacing:1px;display:flex;gap:8px;text-shadow:0 2px 15px #123}#location>span:first-child{color:var(--orange)}#waypoint{position:fixed;left:50%;top:78px;transform:translateX(-50%);padding:7px 12px;border-radius:20px;background:#153e4566;font-size:11px;color:#fff2b3}#toasts{position:fixed;top:135px;left:50%;transform:translateX(-50%);width:min(360px,85vw);pointer-events:none;text-align:center}.toast{background:#173c49d9;backdrop-filter:blur(18px);padding:13px 20px;border:1px solid #ffedc233;border-radius:16px;font-size:12px;margin-bottom:8px;animation:arrive .3s ease-out;box-shadow:0 10px 40px #17344322}@keyframes arrive{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.bottom-left{position:fixed;left:30px;bottom:30px;display:flex;align-items:flex-end;gap:20px}.map-button{border:1px solid #fff7dd66;background:#183f4799;padding:0;width:116px;height:116px;border-radius:50%;position:relative;overflow:hidden;box-shadow:0 8px 25px #14354044}.map-button canvas{width:100%;height:100%;opacity:.9}.map-button>span{position:absolute;bottom:8px;left:0;width:100%;font-size:8px;text-transform:uppercase;letter-spacing:2px}.energy-wrap{width:90px;margin-bottom:10px}.energy-wrap>span{font-size:7px;letter-spacing:2px;opacity:.7}.energy-wrap>div{height:3px;background:#ffffff44;border-radius:3px;margin-top:7px}.energy-wrap i{display:block;background:#fff4c6;height:100%;width:100%;transition:width .1s}#toolbar{position:fixed;bottom:44px;left:50%;transform:translateX(-50%);display:flex;gap:5px;background:#153c467a;backdrop-filter:blur(20px);border:1px solid #fff6df30;padding:6px;border-radius:19px}#toolbar button{border:0;background:transparent;border-radius:13px;min-width:73px;position:relative;padding:8px 11px;display:flex;align-items:center;flex-direction:column;gap:5px}#toolbar button:hover{background:#ffffff1c}#toolbar button>span{font-size:23px;line-height:1}#toolbar small{font-size:8px;white-space:nowrap;color:#fff5dace}kbd{font-family:inherit;font-size:8px;padding:2px 4px;border:1px solid #fff5df4a;border-radius:4px;color:#fff6dfab}#toolbar kbd{position:absolute;top:4px;right:4px;font-size:6px}#desktop-hint{position:fixed;left:50%;bottom:17px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;font-size:8px;opacity:.75;white-space:nowrap}#desktop-hint>span:first-child{letter-spacing:2px}#desktop-hint b{font-weight:400}#actions{position:fixed;right:30px;bottom:40px;display:flex;gap:10px;align-items:center}.action-button{background:var(--cream);border:0;color:var(--ink);padding:15px 19px;border-radius:30px;display:flex;gap:12px;align-items:center;font-size:11px;font-weight:700;box-shadow:0 5px 22px #102d3e33}.action-button kbd{color:var(--ink);border-color:#163c4455}.circle-button{background:#183d4677;border:1px solid #fff6df55;border-radius:50%;width:42px;height:42px;font-size:22px;backdrop-filter:blur(18px)}.circle-button[aria-pressed=true]{background:var(--cream);color:var(--ink)}#joystick{display:none;position:fixed;left:27px;bottom:125px;width:108px;height:108px;border-radius:50%;background:#fff6df12;border:1px solid #fff6df44;touch-action:none}#stick{position:absolute;left:32px;top:32px;width:44px;height:44px;border-radius:50%;background:#fffae5a6;box-shadow:0 3px 15px #173e4533;pointer-events:none}dialog{color:var(--ink);background:#faf5e9;border:0;border-radius:26px;padding:30px;width:min(520px,calc(100vw - 28px));max-height:85dvh;overflow:auto;box-shadow:0 20px 120px #0c2b3c88}dialog::backdrop{background:#102f4077;backdrop-filter:blur(7px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-heading .eyebrow{font-size:8px;color:#728784}dialog h2{font-size:32px;letter-spacing:-1.3px;margin:9px 0 10px}dialog p{font-size:12px;line-height:1.75;color:#55706f}.close{border:0;background:#e7e9db;color:#36534f;border-radius:50%;width:32px;height:32px;font-size:23px;flex-shrink:0}.dialog-note{font-size:10px!important;color:#788a80!important}#build-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}#build-options button{border:1px solid #c5d5bf;background:#ecf0dd;border-radius:16px;padding:18px 15px;color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;gap:10px}#build-options button:hover:enabled{background:#dbebc5;border-color:#8bac88}#build-options strong{font-size:13px}#build-options .build-icon{font-size:31px;color:#719375}#build-options .cost{font-size:11px;color:#658778}.subtle{background:none;border:0;border-bottom:1px solid #bdc8b9;color:#58756b;font-size:10px;padding:10px 0;display:block;margin-top:16px}#map-dialog{width:min(580px,95vw)}#big-map{width:100%;aspect-ratio:1;display:block;border-radius:50%;background:#d5e6dd;touch-action:none;cursor:crosshair}#map-places{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}#map-places button{border:1px solid #bacdb9;background:#ebf1df;border-radius:20px;padding:7px 12px;color:#426b5c;font-size:10px}.controls-list p{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #dbe0d2;padding:7px 0;margin:0}.controls-list b{font-size:11px;color:#274d48}.controls-list span{font-size:11px}dialog a{font-size:11px;color:#386d60}#disconnect{position:fixed;inset:0;background:#183941cc;backdrop-filter:blur(10px);z-index:9;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px;text-align:center}#disconnect h2{font-size:35px;font-weight:500}#disconnect p{font-size:13px;color:#fff5dfbd}#reconnect{margin-top:15px}.legal{overflow:auto;background:#f4f1e5;color:#274b46;padding:70px 25px}.legal main{max-width:680px;margin:auto}.legal h1{font-size:48px;letter-spacing:-2px}.legal h2{font-size:21px;margin-top:35px}.legal p,.legal li{line-height:1.8;color:#57716a}.legal a{color:#31715d}.legal .brand{color:#274b46}#world:focus{outline:none}
@media(max-width:900px){header{left:22px;right:22px}.brand-world{display:none}#welcome{left:6%;width:80%;top:25%}h1{font-size:85px;letter-spacing:-5px}#scene-caption{right:4%;bottom:8%}#quest{left:20px;width:210px}#actions{right:18px;bottom:140px;flex-wrap:wrap;max-width:180px;justify-content:flex-end}#toolbar{bottom:26px}.bottom-left{bottom:23px;left:20px}.energy-wrap{display:none}#desktop-hint{display:none}.map-button{width:88px;height:88px}#toolbar button{min-width:62px;padding:8px}.top-stats{right:20px}.network{font-size:9px;padding:9px}#sound span{display:none}}
@media(pointer:coarse){#joystick{display:block}#toolbar kbd,#interact kbd{display:none}#desktop-hint{display:none}#actions{bottom:145px}.bottom-left{bottom:25px}.map-button{width:78px;height:78px}#toolbar{left:auto;right:15px;transform:none;bottom:25px}#toolbar button{min-width:55px}#toolbar small{font-size:7px}.action-button{font-size:10px;padding:16px 18px}}
@media(max-width:600px){header{left:20px;right:20px;top:max(20px,env(safe-area-inset-top))}.brand{font-size:23px}.brand-orbit{font-size:32px}.header-right{gap:6px}.small-button{padding:8px 11px}.network{display:none}#welcome{top:21%;left:7%;width:86%}#welcome .eyebrow{font-size:7px;letter-spacing:1.5px}h1{font-size:72px;letter-spacing:-4.8px;margin:22px 0}.intro{font-size:16px;line-height:1.5;margin-bottom:25px}#join{width:100%;max-width:375px}.join-row input{font-size:12px;padding:14px 11px}.join-row button{padding:13px 15px;font-size:12px;gap:10px}.fineprint{font-size:9px;max-width:330px}.welcome-links{margin-top:20px;gap:18px}.welcome-links span{font-size:6px}#scene-caption{bottom:4%;right:7%}#scene-caption p{font-size:15px;margin:8px 0}#scene-caption i{display:none}#scene-caption>span{font-size:7px}#quest{top:85px;left:16px;width:182px;padding:13px;border-radius:14px}#quest h2{font-size:17px;margin-top:10px}#quest p{font-size:10px;margin-bottom:9px}#quest-toggle{font-size:6px;letter-spacing:1px;gap:5px}#quest-count{font-size:8px}.top-stats{right:16px;top:85px;flex-direction:column;align-items:flex-end;gap:6px}.crystal-stat{padding:8px 14px}.stat-pill{font-size:9px;padding:7px 11px}#location{top:61px;font-size:9px;width:100%;justify-content:center}#waypoint{top:auto;bottom:114px;font-size:9px}#toasts{top:240px}.toast{font-size:11px;padding:11px 15px}#toolbar{right:12px;bottom:max(20px,env(safe-area-inset-bottom));gap:1px;padding:4px;border-radius:16px}#toolbar button{min-width:48px;padding:9px 6px}#toolbar small{font-size:6.5px}#toolbar button>span{font-size:23px}.bottom-left{left:17px;bottom:max(20px,env(safe-area-inset-bottom))}#joystick{left:24px;bottom:126px;width:100px;height:100px}#stick{left:28px;top:28px}#actions{right:18px;bottom:135px;max-width:170px;gap:9px}.circle-button{width:42px;height:42px}.action-button{width:150px;justify-content:center}.vignette{background:linear-gradient(90deg,#183f489c,#153b4218),linear-gradient(0deg,#122f4277,transparent 30%)}dialog{padding:23px;border-radius:22px}dialog h2{font-size:28px}.dialog-note{font-size:9px!important}}
@media(max-height:650px) and (min-width:601px){#welcome{top:20%}h1{font-size:68px;margin:15px 0}.intro{font-size:16px;margin-bottom:18px}.fineprint{font-size:9px}#scene-caption{bottom:5%}.welcome-links{margin-top:10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:600px){#joystick{display:block}#toolbar{left:auto;transform:none}#toolbar kbd,#interact kbd{display:none}}
.avatar-choice{display:flex;align-items:center;gap:15px;margin:15px 0 8px;font-size:10px;color:#fff6dfb0}#color-picker{display:flex;gap:9px}.color-swatch{width:21px;height:21px;border:2px solid transparent;border-radius:50%;padding:0;box-shadow:0 0 0 2px transparent}.color-swatch[aria-pressed=true]{border-color:#173f46;box-shadow:0 0 0 2px #fff1d2}.color-swatch:hover{transform:scale(1.12)}#world-clock{font-variant-numeric:tabular-nums;border-left:1px solid #fff6df44;padding-left:12px;margin-left:6px;color:#fff0bd;font-size:10px;letter-spacing:0}#placement-panel{position:fixed;z-index:4;bottom:150px;left:50%;transform:translateX(-50%);background:#173e48e8;backdrop-filter:blur(18px);width:min(420px,90vw);padding:18px 20px;border-radius:20px;border:1px solid #fff6df4d;box-shadow:0 10px 40px #183a4433}#placement-panel>div:first-child{display:flex;justify-content:space-between;align-items:center}#placement-name{font-size:16px}#placement-cost{font-size:12px;color:#b5f6db}#placement-status{font-size:11px;line-height:1.5;min-height:17px;color:#fff4dfc9;margin:11px 0}.placement-buttons{display:flex;gap:8px}.placement-buttons button{border:1px solid #fff6df40;background:#fff6df13;border-radius:10px;padding:10px 14px;font-size:11px}#confirm-build{background:#c3efd0;color:#254a40;border-color:#c3efd0;font-weight:750}#placement-panel small{display:block;margin-top:12px;color:#fff6df88;font-size:8px;line-height:1.6}body.placing #actions{visibility:hidden}body.placing #quest-body{display:none}body.placing #waypoint{display:none}.quality-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:20px 0;color:#58776b;font-size:10px}.quality-row button{color:#386955;background:#e2ecd7;border:1px solid #bfd0b7;padding:9px 13px;border-radius:9px;font-size:10px}
.restart-entry{color:#fff3d6b8;font-size:11px;margin-top:22px}
@media(max-width:600px){.avatar-choice{margin:15px 0 10px;font-size:9px}.color-swatch{width:19px;height:19px}#color-picker{gap:10px}#toolbar button{min-width:43px;padding:9px 5px}#toolbar small{font-size:6px}#world-clock{font-size:9px;padding-left:8px;margin-left:2px}#placement-panel{left:auto;right:14px;transform:none;width:228px;bottom:127px;padding:16px 14px}#placement-name{font-size:14px}#placement-status{font-size:10px;min-height:30px}.placement-buttons{gap:6px;flex-wrap:wrap}.placement-buttons button{font-size:10px;padding:9px 11px}#cancel-build{padding:8px 6px;background:none;border:0}#placement-panel small{font-size:7px;margin-top:7px}#scene-caption{display:none}}