@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/isles-font-0.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/isles-font-1.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/isles-font-2.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/isles-font-3.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/isles-font-4.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/isles-font-5.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/isles-font-6.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/isles-font-7.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/isles-font-8.ttf) format("truetype")}:root{font-family:DM Sans,sans-serif;color:#304439;background:#e7ede4;font-synthesis:none;font-weight:400;--ink: #304439;--muted: #728077;--panel: rgba(249, 251, 242, .91);--line: rgba(56, 82, 64, .16);--accent: #304f3f}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #bd9149;outline-offset:5px}button:hover{filter:brightness(.92)}button:active{transform:translateY(1px)}[hidden]{display:none!important}svg{width:21px;height:21px;flex-shrink:0}#experience{position:relative;width:100vw;height:100dvh;overflow:hidden}#world{display:block;width:100%;height:100%;touch-action:none;outline:none}.masthead{position:absolute;left:40px;top:35px;display:flex;gap:15px;align-items:center;pointer-events:none}.brand-mark{width:49px;height:49px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.brand-mark svg{height:28px;width:28px}.eyebrow{font-size:9px;letter-spacing:2.1px;font-weight:700}.masthead h1{margin:4px 0 0;font-family:Manrope,sans-serif;font-size:29px;font-weight:500;letter-spacing:-1px;line-height:1.1}.masthead h1 span{font-size:10px;font-weight:500;letter-spacing:0;border:1px solid var(--line);border-radius:50%;display:inline-grid;place-items:center;height:24px;width:24px;margin-left:12px;vertical-align:middle}.utilities{position:absolute;right:34px;top:37px;display:flex;gap:7px}.icon-button{width:43px;height:43px;border-radius:50%;display:inline-grid;place-items:center;background:#fafdf394;border:1px solid var(--line);transition:background .15s}.icon-button:hover{background:#fff}.welcome{position:absolute;left:44px;bottom:114px;pointer-events:none}.chapter{font-size:10px;font-weight:700;letter-spacing:1.8px;display:flex;align-items:center;gap:9px}.chapter span{height:1px;width:28px;background:#9ba888}.welcome h2{font-family:Manrope,sans-serif;font-weight:500;letter-spacing:-1.7px;font-size:clamp(29px,3.2vw,45px);line-height:1.2;margin:20px 0 14px}.welcome p{font-size:13px;line-height:1.8;color:#627568;margin:0 0 24px}.start-actions{display:flex;align-items:center;gap:23px;pointer-events:auto}.primary{background:var(--accent);color:#f3f7ea;border:1px solid var(--accent);border-radius:7px;padding:14px 19px;display:inline-flex;gap:24px;align-items:center;font-size:12px;font-weight:600;min-height:48px;box-shadow:0 5px 16px #263b2520}.primary svg{height:17px;width:17px}.text-button{font-size:12px;display:inline-flex;gap:14px;align-items:center;min-height:44px}.load-status{font-size:10px;display:block;color:#798575;margin-top:17px}.load-status button{text-decoration:underline;pointer-events:auto}.bottom-bar{position:absolute;bottom:0;left:0;width:100%;padding:17px 36px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);background:linear-gradient(0deg,#e6ebdfb0,#e6ebdf20);gap:15px}.world-note{font-size:10px;letter-spacing:.3px;display:flex;align-items:center;gap:8px;min-width:200px}.live-dot{width:5px;height:5px;border-radius:50%;background:#768f59}.control-hints{display:flex;gap:25px;font-size:10px;color:#647869}.control-hints span{display:flex;gap:7px;align-items:center}kbd{font:9px DM Sans,sans-serif;letter-spacing:.5px;padding:4px 6px;border:1px solid #83997a50;border-radius:3px}.view-controls{display:flex;gap:7px;min-width:200px;justify-content:flex-end}.view-controls .icon-button{width:35px;height:35px;background:transparent;border-color:transparent}.view-controls svg{height:17px;width:17px}.compass{position:absolute;right:47px;bottom:119px;display:flex;align-items:center;flex-direction:column;gap:9px;pointer-events:none;opacity:.6}.compass>span{font-size:9px}.compass>svg{width:56px;height:56px;stroke-width:.75}.compass small{font-size:8px;letter-spacing:1.6px;margin-top:8px}.expedition-status{position:absolute;left:42px;top:126px;width:285px;padding:18px 20px 12px;background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:9px;box-shadow:0 8px 25px #34452c08}.status-top,.status-bottom{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px}.status-top #timer{font-size:14px;font-weight:600;letter-spacing:1px;font-variant-numeric:tabular-nums}.status-bottom{letter-spacing:0;font-size:10px;color:var(--muted);margin-top:6px}.crystal-track{display:flex;align-items:center;gap:10px;margin-top:15px}.crystal-slot{opacity:.2}.crystal-slot svg{width:21px;height:24px}.crystal-slot.found{opacity:1;color:#43826b}.crystal-track b{font-size:12px;margin-left:auto;font-weight:500;white-space:nowrap}.mini-button{height:31px;width:31px;display:grid;place-items:center}.mini-button svg{width:14px;height:14px}.urgent{color:#b44832}.toast{position:absolute;left:50%;bottom:99px;transform:translate(-50%,7px);font-size:12px;border-radius:30px;padding:12px 20px;background:var(--panel);box-shadow:0 3px 20px #283c1f10;border:1px solid var(--line);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;text-align:center;max-width:calc(100vw - 30px)}.toast.show{opacity:1;transform:translate(-50%)}#world-labels{position:absolute;inset:0;pointer-events:none}.gem-label{position:absolute;left:-11px;top:-11px;font-size:9px;font-weight:600;letter-spacing:1px;color:#385748;background:#f6fff0c4;padding:4px 6px;border-radius:4px;border:1px solid #9bba9d70}.gem-label.highlight{background:#ffe8a3;color:#5c532c;box-shadow:0 0 0 6px #e0bf6340}.studio{position:absolute;right:35px;top:102px;width:292px;padding:23px;background:var(--panel);border:1px solid var(--line);border-radius:12px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 15px 45px #223f2920}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.panel-heading h2{font-size:23px;font-weight:500;letter-spacing:-.5px;margin:7px 0 0}.panel-heading .icon-button{height:34px;width:34px;background:none}.field-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.2px;font-weight:600;margin-top:21px}.swatches{display:flex;gap:8px;margin-top:14px}.swatch{flex:1;font-size:9px;display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:8px;border:1px solid transparent;border-radius:7px}.swatch span{width:31px;height:31px;border-radius:50%;box-shadow:inset -4px -5px 6px #0002,inset 3px 2px 5px #fff4}.swatch.active{border-color:#6f947e;background:#7299750c}input[type=range]{width:100%;accent-color:#688774;margin:16px 0 0;cursor:pointer}.field-note{font-size:10px;line-height:1.7;color:var(--muted);margin:11px 0 0}.panel-divider{height:1px;background:var(--line);margin:22px 0}.secondary{display:flex;gap:12px;align-items:center;border:1px solid var(--line);padding:11px 13px;border-radius:6px;font-size:11px;width:100%;min-height:44px}.secondary svg{width:16px;height:16px}.studio>.text-button{margin-top:16px;color:var(--muted);font-size:10px}.studio>.text-button svg{width:14px;height:14px}dialog{color:var(--ink);background:#f6f8ee;border:1px solid #d8e0d1;border-radius:16px;padding:39px;width:min(480px,calc(100vw - 32px));box-shadow:0 30px 100px #11271845;max-height:85dvh}dialog::backdrop{background:#283f3555;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}dialog h2{font:500 30px/1.2 Manrope,sans-serif;letter-spacing:-1px;margin:18px 0}dialog p{font-size:13px;line-height:1.8;color:#67796b}dialog .dialog-close{position:absolute;top:16px;right:16px;width:30px;height:30px}dl{font-size:11px;margin-top:25px}dt{font-weight:600;margin-top:16px}dd{color:var(--muted);margin:5px 0 0;line-height:1.6}.credits{font-size:9px!important;border-top:1px solid var(--line);padding-top:16px;margin-bottom:0}.credits a{color:inherit}#result-dialog .primary{margin-top:12px}#result-dialog>.text-button{display:flex;margin-top:10px}.unsupported{position:absolute;inset:0;padding:20%;background:#e7ede4;font-size:18px}.night{--ink: #deebdf;--muted: #b0c2b8;--panel: rgba(32, 53, 59, .94);--line: #bdd9c025;color:var(--ink)}.night .icon-button{background:#253f4666}.night .icon-button:hover{background:#334e53}.night .welcome p,.night .load-status,.night .control-hints{color:#b8ccc0}.night .bottom-bar{background:linear-gradient(0deg,#21343ec0,#21343e00)}.night dialog{background:#243d45;border-color:#577168}.night dialog p{color:#bdcfc5}.night .gem-label{background:#36544c;color:#d6fce2}.night .swatch.active{background:#728f7820}@media(min-width:1500px){.welcome{bottom:140px}.masthead{left:50px;top:44px}}@media(max-width:900px){.control-hints{gap:10px}.control-hints span:first-child{display:none}.welcome h2{font-size:34px}.welcome{left:28px}.masthead{left:25px}.utilities{right:24px}.bottom-bar{padding:15px 22px}.world-note,.view-controls{min-width:140px}.compass{right:25px}.studio{right:24px}.expedition-status{left:25px;width:270px}}@media(max-width:600px){.masthead{left:20px;top:24px;gap:10px}.brand-mark{height:37px;width:37px}.brand-mark svg{height:23px;width:23px}.eyebrow{font-size:7px;letter-spacing:1.2px}.masthead h1{font-size:22px}.masthead h1 span{display:none}.utilities{top:88px;right:15px;flex-direction:column;gap:5px}.utilities .icon-button{height:37px;width:37px}.utilities svg{height:17px;width:17px}.welcome{left:24px;bottom:102px}.welcome h2{font-size:31px;letter-spacing:-1px;margin-top:13px}.welcome p{font-size:11px;line-height:1.7;margin-bottom:15px}.chapter{font-size:8px;letter-spacing:1.3px}.chapter span{width:18px}.start-actions{gap:18px}.primary{padding:12px 15px;font-size:11px;gap:21px}.text-button{font-size:11px}.load-status{font-size:8px;margin-top:12px}.compass{display:none}.bottom-bar{padding:12px 17px calc(12px + env(safe-area-inset-bottom));gap:5px}.control-hints{display:none}.world-note{font-size:9px;min-width:0}.view-controls{min-width:0;gap:4px}.view-controls .icon-button{width:35px;height:38px}.toast{bottom:90px;font-size:11px;width:max-content;max-width:90vw}.expedition-status{top:96px;left:20px;width:247px;padding:14px 16px 8px}.crystal-track{gap:8px}.crystal-track svg{width:18px}.studio{top:80px;right:16px;width:calc(100% - 32px);max-height:calc(100dvh - 163px);overflow:auto;padding:24px;z-index:3}.gem-label{font-size:8px;padding:3px 4px}.status-top #timer{font-size:12px}.status-bottom{font-size:9px}dialog{padding:30px 25px}dialog h2{font-size:27px}dialog p{font-size:12px}}@media(max-height:550px){.welcome{bottom:77px}.welcome h2{font-size:25px;margin:10px 0}.welcome p{margin-bottom:10px}.load-status{display:none}.studio{top:75px;max-height:calc(100dvh - 145px);overflow:auto}.expedition-status{top:95px}.compass{display:none}.utilities{top:24px}.masthead{top:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}