.loam button.sound-toggle{border:1px solid var(--loam-rule);width:44px;min-width:44px;height:44px;min-height:44px;box-shadow:none;color:var(--loam-ink);touch-action:manipulation;background:0 0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .2s,border-color .2s,transform .25s;display:inline-flex}.loam button.sound-toggle svg{stroke-width:1.5px;flex-shrink:0;width:18px;height:18px;display:block}.loam button.sound-toggle:hover{box-shadow:none;background:0 0;border-color:currentColor;transform:translateY(-1px)}.loam button.sound-toggle:active{transform:translateY(1px)}.loam button.sound-toggle:focus-visible{outline-offset:4px;outline:2px solid}@media (prefers-reduced-motion:reduce){.loam button.sound-toggle{transition:none}}
.loam{--loam-ink:#f1eee4;--loam-secondary:#d0dacf;--loam-rule:#dde0cc61;--loam-backing:#0a191cd1;--loam-backing-hover:#13272ae0}.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:var(--loam-ink);align-items:center;gap:10px;display:flex;position:absolute}.loam-mark svg{width:31px;height:38px;color:var(--loam-ink)}.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:var(--loam-ink);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 .12s ease-out;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 .12s ease-out}.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 .12s ease-out}.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{border:1px solid var(--loam-rule);min-height:44px;color:var(--loam-ink);box-shadow:none;letter-spacing:.3px;touch-action:manipulation;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:8px;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}.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{box-shadow:none;background:0 0;border-color:#dddccc99;text-decoration:none;transform:translateY(-1px)}.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{box-shadow:none;transform:translateY(1px)}.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;border:1px solid var(--loam-rule);width:auto;height:auto;min-height:44px;color:var(--loam-ink);letter-spacing:.3px;box-shadow:none;background:0 0;border-radius:10px;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%)}[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}}.experience-ui{display:contents}.loam .prompt,.loam .control-tour,.loam .charm-guide,.loam .discovery-reveal,.loam .orbit-hint,.loam .writing-caption,.loam .word-echo,.loam .world-fallback{color:var(--loam-ink);background:0 0;border-radius:12px}.loam .prompt{border:0}.loam .writing-caption{border-radius:7px;margin-top:6px;padding:6px 10px}.loam .word-echo{border-radius:7px;padding:5px 9px}.loam .orbit-hint{padding:9px 12px}.loam .world-fallback{max-width:500px;margin-inline:auto;padding:22px}.loam .world-fallback span{color:var(--loam-secondary)}.loam-mark{color:var(--loam-ink);background:0 0;border-radius:12px;padding:6px 10px}.loam .welcome-greeting{width:max-content;max-width:calc(100vw - 40px);color:var(--loam-ink);background:0 0;border-radius:8px;padding:9px 14px;left:50%;right:auto;translate:-50%}.world-controls .my-islands-button,.world-controls .my-islands-button:hover{color:var(--loam-ink);border-color:var(--loam-rule);background:0 0}.loam .control-tour{padding:18px 23px 20px}.loam .charm-guide{width:min(420px,100vw - 44px);max-width:calc(100vw - 44px);padding:18px 22px;bottom:124px}.loam .charm-guide .guide-copy{font-size:29px}.loam .charm-guide>p{letter-spacing:.1px;font-size:12px;line-height:1.7}.loam .charm-guide .charm-instruction{margin-top:10px;font-weight:500}.loam .discovery-reveal{padding:17px 20px}.loam .discovery-reveal .discovery-kind{letter-spacing:1px;color:var(--loam-secondary);margin-bottom:10px;font-size:10px;display:block}.loam .charm-guide .discovery-reveal{border-top:1px solid var(--loam-rule);text-align:center;background:0 0;border-radius:0;width:auto;max-width:none;margin-top:16px;padding:16px 0 0;position:relative;inset:auto;transform:translate(0,0)}.loam .charm-guide .discovery-reveal>p{margin:0 0 8px;font-size:32px}.loam .charm-guide .discovery-reveal>span{font-size:12px;line-height:1.6}.loam[data-onboarding-stage=charm] .discovery-action{bottom:64px}.loam .prompt:has(.caret:only-child){background:0 0;border-color:#0000}.entry-gate{z-index:40;color:var(--loam-ink);isolation:isolate;background:radial-gradient(at 70% 20%,#826f4a24,#0000 58%),linear-gradient(160deg,#091a20fa,#183336f5);place-items:center;padding:28px;display:grid;position:absolute;inset:0}.entry-content{text-align:center;width:min(440px,100%)}.entry-mark{font:400 clamp(68px,10vw,102px)/1 var(--font-loam),Georgia,serif;letter-spacing:-3px;justify-content:center;align-items:center;gap:16px;display:flex}.entry-mark svg{flex-shrink:0;width:48px;height:58px}.entry-copy{font:400 18px/1.7 var(--font-loam),Georgia,serif;letter-spacing:.2px;max-width:330px;margin:23px auto 28px}.entry-loading-line{transform-origin:50%;background:#d9d4bc;width:96px;height:1px;margin:34px auto 0;display:block}.entry-gate button{border:1px solid var(--loam-rule);min-width:148px;min-height:52px;color:var(--loam-ink);letter-spacing:.6px;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:18px;padding:14px 25px;font:500 13px/1.5 Arial,Helvetica,sans-serif;transition:background .25s,transform .3s;display:inline-flex}.entry-gate button:hover{background:0 0;transform:translateY(-1px)}.entry-gate button:active{transform:translateY(1px)}.entry-gate button:focus-visible{outline-offset:5px;outline:2px solid #dfdfca}.entry-gate button svg{stroke-width:1.4px;width:18px;height:18px}@media (max-width:650px){.loam-mark{padding:5px 8px;left:12px}.loam-mark span{font-size:30px}.loam .charm-guide{padding:16px 20px;bottom:122px}.loam .charm-guide .guide-copy{font-size:26px}.loam .control-tour{top:21%}.loam .orbit-hint{max-width:175px;padding:8px 10px;font-size:9px}.entry-mark{gap:12px}.entry-mark svg{width:35px;height:44px}.entry-copy{font-size:17px}}@media (max-height:560px){.loam .charm-guide{width:min(520px,100vw - 44px);padding:13px 20px;bottom:91px}.loam .charm-guide>p{margin-top:5px;font-size:11px}.loam .charm-guide .guide-copy{font-size:24px}.loam .charm-guide .discovery-reveal{margin-top:9px;padding-top:10px}.loam .charm-guide .discovery-reveal>p{font-size:27px}.loam[data-onboarding-stage=charm] .discovery-action{bottom:34px}.entry-mark{font-size:64px}.entry-mark svg{width:33px;height:40px}.entry-copy{margin:16px auto 20px}}@media (max-width:360px){.loam-mark{gap:4px;padding:5px 6px;left:10px}.loam-mark span{font-size:26px}}@media (prefers-reduced-motion:reduce){.entry-gate button,.loam .discovery-reveal,.loam .guide-copy,.loam .written,.loam .open-prompt{transition:none}}[data-adaptive-tone]{isolation:isolate;color:var(--loam-ink)}[data-adaptive-tone]:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse,rgba(255,255,255,var(--type-veil,0)) 0%,transparent 72%);border-radius:50%;transition:opacity .4s;position:absolute;inset:-30px -42px}[data-adaptive-tone=light]:before{background:radial-gradient(ellipse,rgba(0,0,0,var(--type-veil,0)) 0%,transparent 72%)}.loam .loam-mark,.loam .world-controls button,.loam .orbit-hint{color:var(--loam-ink)}.loam .writing-caption,.loam .orbit-hint,.composition-tools button{position:relative}.headphones-mark{opacity:.88;width:42px;height:42px;margin:0 auto 24px;display:block}.entry-copy.headphones-copy{text-wrap:balance;max-width:370px;margin:0 auto 16px;font-size:clamp(26px,4vw,33px);line-height:1.25}.headphones-hint{letter-spacing:.35px;color:var(--loam-secondary);margin:0 auto 28px;font:400 11px/1.7 Arial,Helvetica,sans-serif}.entry-sound{justify-content:center;margin-top:20px;display:flex}.entry-gate .entry-sound .sound-toggle{border-color:#0000;width:44px;min-width:44px;min-height:44px;padding:10px}.world-controls .sound-toggle{width:44px;min-width:44px;padding:10px}.guided-sound{right:30px;top:max(24px,env(safe-area-inset-top));z-index:7;animation:1s both chrome-arrive;position:absolute}.guided-sound button{position:relative}@media (max-width:650px){.guided-sound{right:16px;top:max(20px,env(safe-area-inset-top))}}@media (prefers-reduced-motion:reduce){.guided-sound{animation:none}}.loam .discovery-reveal>p,.loam .discovery-reveal>span{position:relative}.loam .charm-guide[data-claimed=true]{bottom:max(22px,env(safe-area-inset-bottom));padding:10px 20px}.loam .charm-guide[data-claimed=true] .guide-copy{font-size:22px}.loam .charm-guide[data-claimed=true]>p{margin-top:6px;font-size:11px;line-height:1.55}.loam .charm-guide[data-claimed=true] .discovery-reveal{margin-top:10px;padding-top:12px}.loam .charm-guide[data-claimed=true] .discovery-reveal>p{margin-bottom:6px;font-size:30px}.loam .charm-guide[data-claimed=true] .discovery-reveal>span{font-size:11px;line-height:1.55}@media (max-height:560px){.loam .charm-guide[data-claimed=true]{bottom:max(16px,env(safe-area-inset-bottom));padding:8px 14px}.loam .charm-guide[data-claimed=true] .guide-copy{font-size:20px}.loam .charm-guide[data-claimed=true]>p,.loam .charm-guide[data-claimed=true] .discovery-reveal>span{font-size:10px;line-height:1.4}.loam .charm-guide[data-claimed=true] .discovery-reveal>p{font-size:24px}}.loam[data-onboarding-stage=charm] .discovery-action.charm-target{clip:auto;white-space:normal;visibility:hidden;touch-action:manipulation;will-change:transform;background:0 0;border:0;border-radius:50%;width:64px;height:64px;min-height:64px;padding:0;animation:none;top:0;bottom:auto;left:0;overflow:visible;transform:translate(-100px,-100px)}.charm-target-ring,.charm-target-pulse{pointer-events:none;border:1px solid;border-radius:50%;position:absolute;inset:6px}.charm-target-ring{opacity:.7}.charm-target-pulse{opacity:.65;transform-origin:50%;border-color:#d2a456;inset:3px}.charm-target-label{left:calc(50% + var(--charm-label-x,0px));top:var(--charm-label-y,-62px);letter-spacing:.35px;width:180px;color:var(--loam-ink);pointer-events:auto;flex-direction:column;align-items:center;gap:8px;font:500 12px/1.4 Arial,Helvetica,sans-serif;display:flex;position:absolute;transform:translate(-50%)}.charm-target-label>svg{stroke-width:1.3px;width:24px;height:24px}.charm-target[data-label-below=true] .charm-target-label{flex-direction:column-reverse}.charm-target[data-label-below=true] .charm-target-label>svg{transform:rotate(180deg)}.charm-target[data-offscreen=true] .charm-target-ring{border-style:dashed}.charm-target:focus-visible{outline-offset:6px;outline:2px solid}.loam .charm-guide[data-claimed=false]{bottom:max(25px,env(safe-area-inset-bottom));padding:10px 22px}@media (max-height:560px){.loam .charm-guide[data-claimed=false]{bottom:max(16px,env(safe-area-inset-bottom));padding:8px 20px}.loam .charm-guide[data-claimed=false] .guide-copy{font-size:22px}.loam .charm-guide[data-claimed=false]>p{font-size:10px;line-height:1.5}}.bloom-reveal{text-align:center;pointer-events:none;color:var(--loam-ink);animation:1.1s both chrome-arrive;position:absolute;bottom:96px;left:0;right:0}.bloom-reveal>span{letter-spacing:2.4px;font:500 10px/1.6 Arial,Helvetica,sans-serif}.bloom-reveal>p{font:400 clamp(26px,3vw,36px)/1.3 var(--font-loam),Georgia,serif;margin:12px 0 0}.loam .control-tour{padding:0 20px;top:17%}.loam .control-tour h2{margin:0 0 8px;font-size:26px}.loam .control-tour>p{font-size:11px;line-height:1.8}@media (max-width:650px){.bloom-reveal{bottom:104px}.loam .control-tour{top:18%}.loam .control-tour h2{font-size:24px}}@media (prefers-reduced-motion:reduce){.bloom-reveal{animation:none}}
