.loam{--loam-ink:#173d38;--loam-secondary:#35574b;--loam-rule:#173d3845}.loam.is-night{--loam-ink:#f3f4ed;--loam-secondary:#dce5df;--loam-rule:#f3f4ed66}.loam-mark{z-index:6;top:max(27px,env(safe-area-inset-top));left:max(32px,env(safe-area-inset-left));transform-origin:0 0;opacity:0;pointer-events:none;color:#244c43;align-items:center;gap:10px;display:flex;position:absolute}.loam-mark svg{color:#456449;width:31px;height:38px}.loam-mark span{font-family:var(--font-loam),Georgia,serif;letter-spacing:-1.6px;font-size:42px;line-height:1}.welcome-greeting{text-align:center;letter-spacing:4px;text-transform:uppercase;color:#405d4d;opacity:0;pointer-events:none;font-size:12px;position:absolute;top:calc(43% - 96px);left:0;right:0}.loam .world,.loam.has-floating-keyboard .world{inset:0}.loam.has-floating-keyboard .world:after{display:none}.loam .writing{z-index:5;transition:bottom .9s cubic-bezier(.37,0,.15,1);top:auto;bottom:130px}.loam.has-floating-keyboard .writing{bottom:355px}.loam .prompt,.loam .prompt.is-guided{max-width:calc(100vw - 40px);min-height:1.3em;color:var(--loam-ink);font-size:clamp(27px,2.6vw,38px)}.loam .prompt{isolation:isolate;box-shadow:none;background:0 0;border:0;border-radius:0;padding:10px 24px;transition:color .7s;position:relative}.loam .prompt.is-guided{padding:8px 24px}.loam .prompt>span{z-index:1;position:relative}.loam .guide-copy,.loam .written,.loam .open-prompt{color:var(--loam-ink);transition:color 1.4s}.loam .open-prompt{font-size:.87em}.loam .prompt .caret{background:var(--loam-ink);width:1px;height:.8em;box-shadow:none;display:inline-block}.loam .prompt-underline{background:linear-gradient(90deg,transparent,var(--loam-rule),transparent);width:120px;box-shadow:none;opacity:.6;margin-top:6px}.loam .writing-caption{color:var(--loam-secondary);letter-spacing:1.3px;margin-top:10px;font-size:11px;font-weight:500}.loam .word-echo{color:var(--loam-ink)}.loam .discovery-reveal,.loam .discovery-reveal span{color:var(--loam-ink);transition:color 1.4s}.world-controls{isolation:isolate;z-index:7;right:30px;top:max(24px,env(safe-area-inset-top));box-shadow:none;background:0 0;border:0;border-radius:0;align-items:center;gap:8px;padding:5px;animation:1s both chrome-arrive;display:flex;position:absolute}.world-controls>*{z-index:1;position:relative}.world-controls button,.composition-tools button,.loam .skip-introduction{color:#21332b;letter-spacing:.3px;touch-action:manipulation;background:#f4f3ed;border:1px solid #fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 17px;font:500 11px/1.5 Arial,Helvetica,sans-serif;text-decoration:none;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s cubic-bezier(.22,.61,.36,1);display:inline-flex;box-shadow:0 2px 8px #00000017}.world-controls .my-islands-button{color:var(--loam-ink);box-shadow:none;background:0 0;border-color:#0000}.world-controls button:hover,.composition-tools button:hover,.loam .skip-introduction:hover{background:#fff;border-color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 14px #00000025}.world-controls .my-islands-button:hover{border-color:var(--loam-rule);box-shadow:none;background:0 0}.world-controls button:active,.composition-tools button:active,.loam .skip-introduction:active{transform:translateY(1px);box-shadow:0 1px 4px #0000001c}.world-controls button:focus-visible,.composition-tools button:focus-visible,.loam .skip-introduction:focus-visible{outline-offset:4px;outline:2px solid #fff}.world-controls svg,.composition-tools svg,.skip-introduction svg{stroke-width:1.5px;flex-shrink:0;width:17px;height:17px}.composition-tools{z-index:7;left:32px;right:32px;bottom:max(27px,env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;align-items:center;animation:1s both chrome-arrive;display:flex;position:absolute}.composition-tools>*{pointer-events:auto}.orbit-hint{letter-spacing:.6px;color:var(--loam-ink);align-items:center;gap:9px;font-size:11px;display:inline-flex}.orbit-hint svg{width:18px;height:18px}.loam .skip-introduction{z-index:9;white-space:nowrap;bottom:30px;left:auto;right:30px;transform:none}.control-tour{isolation:isolate;z-index:6;width:min(420px,100vw - 46px);box-shadow:none;text-align:center;color:var(--loam-ink);pointer-events:none;background:0 0;border:0;border-radius:0;padding:18px 23px 20px;position:absolute;top:21%;left:50%;transform:translate(-50%)}.control-tour>*,.charm-guide>*{z-index:1;position:relative}.control-tour h2{font-family:var(--font-loam),Georgia,serif;letter-spacing:-.4px;margin:8px 0 10px;font-size:31px;font-weight:400}.control-tour>p{letter-spacing:.3px;margin:0;font-size:12px;line-height:1.8}.control-tour .tour-reveal{letter-spacing:1.2px;color:var(--loam-secondary);font-size:10px;font-weight:500}.charm-guide{isolation:isolate;z-index:6;text-align:center;pointer-events:none;width:max-content;max-width:calc(100vw - 44px);color:var(--loam-ink);background:0 0;border:0;border-radius:0;padding:13px 24px 15px;position:absolute;bottom:130px;left:50%;transform:translate(-50%)}.charm-guide .guide-copy{font:400 31px/1.3 var(--font-loam),Georgia,serif;letter-spacing:-.3px}.charm-guide>p{letter-spacing:.4px;margin:8px 0 0;font-size:11px;line-height:1.6}.loam[data-onboarding-stage=charm] .discovery-action{z-index:9;clip:auto;clip-path:none;white-space:nowrap;color:#21332b;letter-spacing:.3px;background:#f4f3ed;border:1px solid #fff;border-radius:10px;width:auto;height:auto;min-height:44px;padding:12px 18px;font:500 11px/1.5 Arial,Helvetica,sans-serif;animation:.8s both chrome-arrive;position:absolute;top:auto;bottom:65px;left:50%;overflow:visible;transform:translate(-50%);box-shadow:0 2px 8px #00000017}[data-tour=keyboard] .composition-tools button,[data-tour=islands] .world-controls button{outline-offset:2px;outline:1px solid #fff;box-shadow:0 0 20px #ffffff26}.loam[data-tour=typing] .prompt{box-shadow:none;text-decoration:underline;-webkit-text-decoration-color:var(--loam-rule);text-decoration-color:var(--loam-rule);text-underline-offset:10px;border-color:#0000}.loam[data-onboarding-stage=tour] .writing:has(.prompt:empty){opacity:0}.loam[data-onboarding-stage=tour] .writing:not(:has(.written)) .prompt{box-shadow:none;border-color:#0000}.loam .world-controls,.loam .composition-tools,.loam .loam-mark{transition:opacity .35s}.loam[data-panel] .loam-mark,.loam[data-panel] .world-controls,.loam[data-panel] .composition-tools,.loam[data-panel] .writing,.loam[data-panel] .control-tour,.loam[data-panel] .discovery-reveal{pointer-events:none;opacity:0!important}.loam.has-floating-keyboard .discovery-reveal{width:min(350px,100vw - 40px);top:20%;bottom:auto;left:50%;transform:translate(-50%)}.has-floating-keyboard .composition-tools button{visibility:hidden;pointer-events:none}.loam.is-night .loam-mark,.loam.is-night .loam-mark svg{color:var(--loam-ink)}@keyframes chrome-arrive{0%{opacity:0;translate:0 -6px}to{opacity:1;translate:0}}@media (max-width:650px){.loam-mark{left:19px;top:max(21px,env(safe-area-inset-top));gap:6px}.loam-mark svg{width:24px;height:31px}.loam-mark span{font-size:34px}.welcome-greeting{letter-spacing:3px;font-size:10px;top:calc(43% - 74px)}.world-controls{top:max(17px,env(safe-area-inset-top));border-radius:13px;gap:4px;padding:3px;right:12px}.world-controls button{gap:6px;min-height:44px;padding:10px;font-size:10px}.world-controls svg{width:14px;height:14px}.composition-tools{left:18px;right:18px;bottom:max(19px,env(safe-area-inset-bottom))}.composition-tools button{padding:10px 13px;font-size:10px}.orbit-hint{max-width:145px;font-size:10px;line-height:1.7}.loam.has-floating-keyboard .writing{bottom:322px}.loam .writing{bottom:112px}.loam .prompt,.loam .prompt.is-guided{padding:8px 20px;font-size:27px}.loam .writing-caption{letter-spacing:.7px;font-size:10px}.loam .skip-introduction{min-height:44px;padding:10px 13px;font-size:10px;top:77px;bottom:auto;right:16px}.control-tour{width:calc(100vw - 48px);top:17%}.control-tour h2{font-size:27px}.control-tour>p{font-size:11px}.control-tour .tour-reveal{font-size:10px}.has-floating-keyboard .composition-tools{display:none}.charm-guide{padding:12px 20px 14px;bottom:112px}.charm-guide .guide-copy{font-size:27px}}@media (max-height:560px){.loam-mark{top:14px}.world-controls{top:10px}.loam.has-floating-keyboard .writing{bottom:294px}.control-tour{width:34%;top:18%;left:22%}.control-tour h2{font-size:24px}.loam .writing-caption{display:none}.composition-tools{bottom:13px}.charm-guide{bottom:105px}}@media (max-height:700px){.loam[data-input-mode=physical]:not(.has-floating-keyboard) .writing{bottom:60px}}@media (max-width:360px){.loam-mark{gap:5px}.loam-mark svg{width:21px;height:28px}.loam-mark span{font-size:28px}.world-controls button{gap:5px;padding-inline:8px}}@media (prefers-reduced-motion:reduce){.world-controls,.composition-tools{animation:none}.loam .writing,.loam .prompt,.world-controls button,.composition-tools button,.loam .skip-introduction{transition:none}}