:root{color:#fff8e8;background:#211a19;font-family:Inter,ui-rounded,SF Pro Rounded,Segoe UI,system-ui,-apple-system,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{overflow:hidden;overscroll-behavior:none;background:#211a19}#app{width:100%;height:100vh;height:100dvh;padding:calc(max(env(safe-area-inset-top),var(--host-safe-top, 0px)) + var(--host-content-top, 0px)) calc(max(env(safe-area-inset-right),var(--host-safe-right, 0px)) + var(--host-content-right, 0px)) calc(max(env(safe-area-inset-bottom),var(--host-safe-bottom, 0px)) + var(--host-content-bottom, 0px)) calc(max(env(safe-area-inset-left),var(--host-safe-left, 0px)) + var(--host-content-left, 0px))}#game{width:100%;height:100%;overflow:hidden}canvas{display:block;touch-action:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.joy-preview-ui{position:absolute;inset:0;pointer-events:none}.joy-preview-heading{padding:22px 24px}.joy-preview-heading>span,.joy-preview-context{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.joy-preview-heading>span{color:#f7c94c}.joy-preview-heading h1{margin:5px 0 7px;font-size:clamp(22px,3vw,34px)}.joy-preview-heading p{margin:0;color:#ead9c0;font-size:14px}.joy-preview-zoom{position:absolute;top:38px;right:24px;padding:10px 16px;color:#fff3dc;background:#49372c;border:1px solid #936e46;border-radius:10px;cursor:pointer;pointer-events:auto;font:inherit;font-size:14px}.joy-preview-zoom:focus-visible{outline:3px solid #f7c94c;outline-offset:3px}.joy-preview-card{position:absolute;padding:24px;color:#2a2433}.joy-preview-context{color:#936e46}.joy-preview-card h2{margin:8px 0;font-size:clamp(21px,2.3vw,30px)}.joy-preview-card p{margin:0;max-width:30ch;font-size:14px;line-height:1.45;color:#66555b}.joy-preview-card button{position:absolute;bottom:20px;left:24px;padding:10px 17px;color:#2a2433;background:#ffe1a4;border:1px solid #cc9f57;border-radius:12px;cursor:pointer;pointer-events:auto;font:inherit;font-size:14px;font-weight:600}.joy-preview-card button:hover{background:#ffd47e}.joy-preview-card button:focus-visible{outline:3px solid #936e46;outline-offset:3px}.joy-preview-stacked .joy-preview-heading{padding:14px 16px}.joy-preview-stacked .joy-preview-heading p{font-size:12px}.joy-preview-stacked .joy-preview-zoom{position:static;margin-top:10px;padding:7px 12px;font-size:12px}.joy-preview-stacked .joy-preview-card{padding:12px 16px}.joy-preview-stacked .joy-preview-card h2{margin:4px 0;font-size:22px}.joy-preview-stacked .joy-preview-card p{max-width:43%;font-size:12px}.joy-preview-stacked .joy-preview-card button{bottom:10px;left:16px;padding:6px 12px;font-size:12px}.longmouse-shell{--paper: #f5ead5;--ink: #493a30;--muted: #806d59;--line: #d9c7a7;--honey: #efbe67;position:relative;background:var(--paper);color:var(--ink)}.longmouse-shell [hidden]{display:none!important}.longmouse-shell .play-surface[hidden]{display:block!important;visibility:hidden;pointer-events:none}.longmouse-shell button,.longmouse-shell select{font:inherit}.longmouse-shell button{cursor:pointer;-webkit-tap-highlight-color:transparent}.longmouse-shell button:disabled{cursor:default}.longmouse-shell button:focus-visible,.longmouse-shell select:focus-visible{outline:3px solid #548387;outline-offset:4px}.longmouse-shell h1:focus{outline:none}.ui-icon{width:22px;height:22px;flex:0 0 auto}.shell-page{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;background:radial-gradient(ellipse at 15% 20%,#fff9e9 0,transparent 55%),var(--paper);scrollbar-color:#bd9d74 transparent}.shell-topbar{width:min(1240px,100%);margin:auto;min-height:88px;padding:20px 36px;display:flex;align-items:center;justify-content:space-between;gap:12px}.shell-topbar-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.longmouse-shell .audio-toggle,.longmouse-shell .shell-settings-button{width:44px;height:44px;min-width:44px;min-height:44px;padding:10px!important;flex:0 0 auto}.audio-save-notice{position:absolute;z-index:20;bottom:12px;left:12px;right:12px;max-width:520px;margin:0 auto;border:2px solid #997445;background:#fff1cf;color:#493a30;padding:10px 14px;font-size:12px;line-height:1.5;pointer-events:none}.wordmark{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;letter-spacing:3px}.wordmark .ui-icon{color:#a97934;width:29px;height:29px}.locale-shortcut,.quiet-button{display:inline-flex;justify-content:center;align-items:center;gap:9px;background:transparent;color:var(--ink);border:0;border-radius:10px;padding:12px;min-height:44px;font-size:14px!important}.locale-shortcut:hover,.quiet-button:hover{background:#e9dabe}.home-content{width:min(1240px,100%);margin:8px auto 0;padding:10px 36px 48px;display:grid;grid-template-columns:1.22fr 1fr;align-items:center;gap:clamp(30px,5vw,72px)}.home-illustration{position:relative;border-radius:44% 44% 16px 16px;overflow:hidden;border:1px solid #dac5a1;background:#a4865b;box-shadow:0 16px 50px #65432c16}.home-illustration img{display:block;width:100%;height:auto}.art-corner{position:absolute;bottom:16px;left:16px;padding:9px 10px;border:1px solid #fff7d99c;border-radius:50%;color:#fff7de;background:#47352499}.art-corner .ui-icon{display:block}.eyebrow{color:#98713e;text-transform:uppercase;letter-spacing:2.4px;font-size:11px;font-weight:800;margin:0 0 16px}.home-copy h1,.map-heading h1,.settings-card h1,.tutorial-heading h1{font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:1.12;letter-spacing:-1px}.home-copy h1{white-space:pre-line;margin:0;font-size:clamp(35px,3.5vw,49px)}.home-description{color:var(--muted);font-size:15px;line-height:1.7;max-width:380px;margin:22px 0 28px}.home-actions{display:grid;gap:12px}.primary-button,.secondary-button{display:flex;align-items:center;justify-content:center;gap:12px;border-radius:13px;padding:16px 24px;min-height:56px;font-weight:700!important;font-size:15px!important}.primary-button{background:var(--honey);border:1px solid #d5a656;color:#4d361c;box-shadow:0 4px #b3894433}.primary-button:hover{background:#f5c979;transform:translateY(-1px)}.secondary-button{background:#fffbf0a6;color:var(--ink);border:1px solid var(--line)}.secondary-button:hover{background:#fffaf0}.journey-progress{margin:28px 0 10px}.progress-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted)}.progress-number{font-variant-numeric:tabular-nums;font-weight:700}.progress-track{height:5px;border-radius:10px;overflow:hidden;background:#e2d4b9;margin:10px 0}.progress-track span{height:100%;display:block;background:#879365;border-radius:inherit}.journey-progress p{margin:10px 0 0;font-size:12px;color:var(--muted);line-height:1.5}.home-links{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:15px;gap:2px}.home-links .quiet-button{padding-left:0;padding-right:8px;color:var(--muted)}.map-heading,.tutorial-heading{text-align:center;max-width:760px;margin:10px auto 28px;padding:0 24px}.map-heading h1,.tutorial-heading h1{font-size:clamp(32px,4vw,45px);margin:0 0 16px}.map-heading>p:not(.eyebrow),.tutorial-heading>p:not(.eyebrow){font-size:14px;line-height:1.7;color:var(--muted)}.map-progress{display:inline-flex;align-items:center;gap:8px;border:1px solid #c9cfb4;border-radius:99px;padding:7px 15px;background:#e7ead9;color:#64704c;font-size:12px}.shell-page[data-screen=map]{color:#f9edcb;background:radial-gradient(ellipse at 52% 5%,#7c835233,transparent 70%),radial-gradient(ellipse at 0 60%,#af814126,transparent 70%),#343b2d}.shell-page[data-screen=map] .shell-topbar{position:sticky;top:0;z-index:5;background:linear-gradient(#30382df5,#30382dd6 70%,transparent)}.shell-page[data-screen=map] .quiet-button,.shell-page[data-screen=map] .locale-shortcut{color:#f5e7c3}.shell-page[data-screen=map] .quiet-button:hover,.shell-page[data-screen=map] .locale-shortcut:hover{background:#536044}.shell-page[data-screen=map] .eyebrow{color:#cbb37d}.shell-page[data-screen=map] .map-heading>p:not(.eyebrow){color:#c2c4a5}.shell-page[data-screen=map] .map-progress{border-color:#9ba36b66;background:#546044;color:#f4e4b4}.shell-page[data-screen=map] .map-progress .ui-icon{color:#f3c867}.journey-map{max-width:800px;margin:auto;padding:0 0 40px}.map-world{position:relative;border:0;margin:0;padding:18px 0 0;overflow:hidden}.world-roots{background:radial-gradient(ellipse at 45% 40%,#82854833,transparent 72%)}.world-pantry{background:radial-gradient(ellipse at 55% 50%,#a378493d,transparent 74%)}.world-cellar{background:radial-gradient(ellipse at 40% 40%,#73948e22,transparent 73%)}.world-heading{position:relative;text-align:center;padding:12px 16px 0;z-index:2}.world-flourish{color:#b7b77b;font-size:16px}.world-heading h2{font-family:Georgia,serif;font-weight:400;font-size:29px;margin:10px 0 8px;color:#f3e5bd}.world-heading p{color:#bec1a4;font-size:12px;line-height:1.5;margin:0}.island-landscape{position:relative;height:var(--landscape-height);max-width:720px;margin:0 auto}.island-route{position:absolute;width:100%;height:100%;inset:0;overflow:visible}.island-route path{fill:none}.route-shadow{stroke:#1d261e55;stroke-width:2.3}.route-crumbs{stroke:#c9b077;stroke-width:.7;stroke-dasharray:.4 1.5;stroke-linecap:round}.island-rooms{margin:0;padding:0;list-style:none}.island-stop{position:absolute;width:0;height:0;z-index:1}.island-button{width:224px;height:320px;transform:translate(-50%,-50%);border:0;background:transparent;position:relative;display:block;padding:0;color:#f7eccf}.island-art{width:100%;height:230px;object-fit:contain;object-position:center bottom;display:block;position:absolute;top:0;left:0;filter:drop-shadow(0 15px 10px #13211855);transition:filter .18s ease}.island-button:not(:disabled):hover .island-art{filter:drop-shadow(0 0 16px #ffc85f70) brightness(1.1)}.island-button:focus-visible{outline-offset:-18px;border-radius:40%}.island-level{position:absolute;top:260px;left:50%;transform:translate(-50%,-50%);width:49px;height:49px;display:grid;place-items:center;border-radius:50%;border:2px solid #e6cd8c;background:#5f4931;color:#fff4d1;box-shadow:0 3px #3d2e23,0 0 0 5px #33291944;font-family:Georgia,serif;font-size:25px;font-weight:700}.island-level .ui-icon{position:absolute;width:22px;height:22px;right:-5px;bottom:-4px;border-radius:50%;background:#716b54;color:#f4e8cb;padding:4px}.island-caption{position:absolute;top:290px;left:50%;transform:translate(-50%);width:210px;display:grid;gap:5px;text-align:center;text-shadow:0 2px 5px #172219;padding:7px 4px}.island-caption strong{font-size:13px;line-height:1.3;font-weight:650}.island-caption>span{font-size:10px;color:#c1c6a7}.island-current{position:absolute;top:4%;left:50%;transform:translate(-50%);padding:6px 12px;white-space:nowrap;color:#513717;background:#f3d58c;border:1px solid #b9904d;border-radius:6px 6px 6px 0;font-size:10px;font-weight:700;box-shadow:0 3px 8px #211a1944}.island-current:after{content:"";position:absolute;left:8px;bottom:-6px;border:3px solid transparent;border-top-color:#f3d58c;border-left-color:#f3d58c}.is-current{z-index:2}.is-current .island-level{color:#68471e;background:#f6d784;border-color:#fff0b7;box-shadow:0 3px #a48246,0 0 20px #f3d48477}.is-current .island-art{filter:drop-shadow(0 0 20px #e4c36833)}.is-complete .island-level{background:#657a4c;border-color:#c9d49d}.is-complete .island-level .ui-icon{background:#91a666;color:#fff8dc}.is-locked .island-art{filter:saturate(.42) brightness(.77) drop-shadow(0 15px 10px #17221c44)}.is-locked .island-level{background:#53584c;border-color:#9d9f84;color:#cbcfb2;font-size:23px}.is-locked .island-caption{color:#c4c6ad}.is-locked .island-caption>span{color:#99a18b}.island-spark{position:absolute;width:4px;height:4px;background:#ffeeb2;border-radius:50%;box-shadow:0 0 12px 4px #fcd87855;pointer-events:none}.spark-one{left:5%;top:38%}.spark-two{right:10%;top:65%}.landscape-leaves{position:absolute;width:150px;height:75%;border-radius:60% 40% 70% 30%;opacity:.3;pointer-events:none;background:radial-gradient(ellipse at 30% 10%,#76925b 0 3%,transparent 4%),radial-gradient(ellipse at 50% 25%,#6c874d 0 4%,transparent 5%),radial-gradient(ellipse at 20% 38%,#88a263 0 3%,transparent 4%),radial-gradient(ellipse at 65% 60%,#768d51 0 3%,transparent 4%),radial-gradient(ellipse at 40% 85%,#8d9a58 0 4%,transparent 5%)}.landscape-leaves-left{top:50px;left:-30px;transform:rotate(-18deg)}.landscape-leaves-right{top:150px;right:-30px;transform:rotate(160deg)}.garden-ending{text-align:center;padding:36px 20px;margin:15px 22px 0;background:radial-gradient(ellipse at 50% 100%,#c0ce8d44,transparent 75%);color:#ceddb5}.garden-ending .ui-icon{width:36px;height:36px;color:#abb980}.garden-ending h2{font-family:Georgia,serif;font-size:29px;font-weight:400;margin:12px 0}.garden-ending p{font-size:12px;color:#b2bea1;line-height:1.6;margin:0}.settings-card{width:min(540px,calc(100% - 40px));margin:12px auto 32px;padding:24px;border:1px solid var(--line);border-radius:24px;background:#fffaf0a6}.section-symbol{width:52px;height:52px;display:grid;place-items:center;background:#ecdec1;color:#987744;border-radius:50%;margin-bottom:24px}.settings-card h1{font-size:32px;margin:0 0 16px}.settings-card .section-symbol{display:none}.settings-card>.eyebrow{margin-bottom:8px}.language-settings{margin-top:20px;padding-top:20px;border-top:2px solid var(--line)}.settings-card label{display:block;margin-bottom:10px;font-size:14px;font-weight:600}.settings-card select{width:100%;color:var(--ink);padding:15px;min-height:52px;border:1px solid #bca782;border-radius:10px;background:#fffdf5}.settings-card p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.7;margin-top:18px}.settings-card .storage-note{font-size:11px!important;color:#7d8a61!important}.audio-settings{min-width:0;margin:0;padding:8px 0 0;border:0}.audio-settings legend{padding:0 12px 0 0;font-size:20px;font-weight:600}.settings-card .audio-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:8px 0;margin:0;cursor:pointer}.audio-setting-copy{display:grid;min-width:0;gap:6px;overflow-wrap:anywhere}.audio-setting-copy strong{font-size:15px}.audio-setting-copy>span{color:var(--muted);font-size:12px;font-weight:400;line-height:1.5}.audio-setting input{appearance:none;-webkit-appearance:none;position:relative;width:52px;height:44px;margin:0;padding:0;flex:0 0 52px;border:0;border-radius:0;background:transparent;cursor:pointer}.audio-setting input:before{content:"";position:absolute;left:0;top:10px;width:52px;height:24px;background:#a98d6b;box-shadow:inset 0 0 0 2px #69503b,inset 0 4px #c9b398;clip-path:polygon(0 4px,4px 4px,4px 0,48px 0,48px 4px,52px 4px,52px 20px,48px 20px,48px 24px,4px 24px,4px 20px,0 20px)}.audio-setting input:after{content:"";position:absolute;left:4px;top:14px;width:16px;height:16px;background:#fff0ca;box-shadow:inset 0 3px #fffbe8,inset 0 -3px #ceb586,0 0 0 2px #69503b;transition:transform .12s ease-out}.audio-setting input:checked:before{background:#7d945b;box-shadow:inset 0 0 0 2px #455738,inset 0 4px #a6bc82}.audio-setting input:checked:after{transform:translate(28px)}.audio-setting input:disabled:before{background:#b8b4ac;box-shadow:inset 0 0 0 2px #807c74,inset 0 4px #d5d1c8}.audio-setting input:disabled:after{background:#dfdcd5;box-shadow:inset 0 3px #f3f0e9,inset 0 -3px #c2beb6,0 0 0 2px #807c74}.settings-card .audio-settings>.storage-note{margin:8px 0 0}.audio-volume-setting{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:8px 0;font-size:15px}.settings-card .audio-volume-setting label{margin:0;overflow-wrap:anywhere}.audio-volume-setting output{color:var(--muted);font-variant-numeric:tabular-nums}.settings-card .audio-volume-setting input[type=range]{grid-column:1 / -1;width:100%;min-width:0;height:44px;margin:0;padding:0;border:0;background:transparent;accent-color:#587345;cursor:pointer}.audio-volume-setting input:focus-visible{outline:3px solid #548387;outline-offset:3px}@media(prefers-reduced-motion:reduce){.audio-setting input:after{transition:none}}.audio-setting input:focus-visible{outline:3px solid #548387;outline-offset:3px}.audio-setting:has(input:disabled),.audio-setting input:disabled{cursor:default}.tutorial-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1120px;padding:0 30px;margin:30px auto}.tutorial-step{padding:24px;border:1px solid var(--line);background:#fffbef80;border-radius:20px}.tutorial-picture{background:#eee2c8;padding:20px;border-radius:13px;display:flex;align-items:center;justify-content:space-between;color:#987744}.tutorial-picture .ui-icon{width:42px;height:42px}.tutorial-picture>span{font-family:Georgia,serif;font-size:25px;opacity:.65}.tutorial-step h2{font-size:16px;line-height:1.4;margin:20px 0 10px}.tutorial-step p,.tutorial-footer p{font-size:13px;color:var(--muted);line-height:1.7}.tutorial-footer{max-width:580px;padding:0 30px 50px;margin:auto;text-align:center}.tutorial-footer .primary-button{margin:25px auto 0;width:100%}.desktop-note{opacity:.75;font-size:11px!important}.play-surface,.play-canvas,.play-ui{width:100%;height:100%;position:absolute;inset:0}.play-ui{pointer-events:none;color:#fff8e8}.play-ui button{pointer-events:auto}.play-header{position:absolute;left:0;right:0;top:0;padding:14px 24px 12px;background:linear-gradient(#211a19e8,#211a19b0 72%,#211a1900)}.play-heading{display:flex;align-items:center;gap:16px;max-width:1200px;margin:auto}.play-heading h1{font-size:21px;line-height:1.25;font-weight:650;flex:1;margin:0}.play-icon-button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d8c2a94d;border-radius:12px;background:#42352e;color:#f6e7c8;flex:0 0 auto}.play-icon-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.play-stats{text-align:center;margin:3px 0 7px;color:#e4cca9;font-size:12px;font-variant-numeric:tabular-nums}.play-footer{position:absolute;bottom:0;left:0;right:0;padding:10px 24px 16px;background:linear-gradient(#211a1900,#211a19b8 18%,#211a19ed)}.portrait-guard{position:absolute;inset:0;z-index:80;display:grid;place-items:center;padding:24px;overflow:auto;background:radial-gradient(ellipse at center,#4c4530,#211a19 85%);color:#f7e6c7;text-align:center}.portrait-card{width:min(100%,460px);margin:auto}.portrait-card h2{margin:20px 0 12px;font-family:Georgia,serif;font-size:clamp(22px,4vw,32px);line-height:1.2}.portrait-card p{margin:0;color:#e4cca9;font-size:15px;line-height:1.6}.portrait-phone{display:block;width:38px;height:62px;margin:auto;border:3px solid #ddc48c;border-radius:7px;box-shadow:inset 0 -7px #ddc48c}.play-message{font-size:13px;text-align:center;line-height:1.45;margin:0 auto 10px;max-width:680px;min-height:19px}.play-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.play-button{min-height:44px;padding:11px 18px;border:1px solid #cdb69266;border-radius:10px;background:#4c3c31;color:#f7e6c7;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px!important}.play-button:hover,.play-icon-button:hover{background:#645044}.play-button:disabled{opacity:.4}.play-next{background:#baa062;color:#211a19}.play-loading{position:absolute;inset:0;display:grid;place-items:center;background:#211a19}.chapter-navigation{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px auto 0}.chapter-button{background:#fff9e9;color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:9px 16px;font-size:12px!important}.chapter-button[aria-current]{background:#5f6d49;border-color:#5f6d49;color:#fff8e8}@media(min-width:1500px){.home-content{margin-top:4vh}}@media(max-width:900px){.home-content{gap:28px;padding-left:24px;padding-right:24px}.shell-topbar{padding-left:24px;padding-right:24px;min-height:72px}.home-copy h1{font-size:34px}.home-description{font-size:13px;margin:18px 0 24px}.home-links .quiet-button{font-size:12px!important}.tutorial-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.shell-topbar{padding:12px 16px;min-height:65px}.wordmark{font-size:11px;letter-spacing:2px;gap:8px}.wordmark .ui-icon{width:23px;height:23px}.locale-shortcut{font-size:12px!important;gap:6px;padding:9px 5px}.locale-shortcut .ui-icon{width:18px;height:18px}.home-content{display:flex;flex-direction:column;gap:24px;padding:0 24px 30px;margin:4px auto 0;max-width:450px}.home-illustration{width:100%;max-width:340px;border-radius:40% 40% 13px 13px}.home-copy{width:100%}.home-copy .eyebrow{margin-bottom:9px;font-size:9px}.home-copy h1{font-size:32px}.home-description{margin:13px 0 20px;font-size:13px}.home-actions{gap:10px}.primary-button,.secondary-button{font-size:14px!important;min-height:51px;padding:13px 16px}.journey-progress{margin-top:22px}.progress-number{display:none}.home-links{margin-top:11px}.home-links .quiet-button{font-size:12px!important}.map-heading{margin:12px auto 24px}.map-heading h1,.tutorial-heading h1{font-size:31px;letter-spacing:-.8px}.map-heading>p:not(.eyebrow){font-size:12px}.journey-map{padding:0 0 30px}.map-world{padding-top:8px}.world-heading h2{font-size:25px}.world-heading p{font-size:11px}.island-landscape{height:var(--landscape-mobile-height)}.island-button{width:170px;height:270px}.island-art{height:185px}.island-caption{width:162px;top:240px}.island-caption strong{font-size:11px}.island-level{width:40px;height:40px;top:213px;font-size:21px}.island-level .ui-icon{width:20px;height:20px}.is-locked .island-level{font-size:20px}.island-current{top:2%;font-size:9px;padding:5px 10px}.route-crumbs{stroke-width:1.1;stroke-dasharray:.4 2}.settings-card{padding:20px;margin-top:12px}.settings-card h1{font-size:31px}.tutorial-steps{grid-template-columns:1fr;padding:0 20px}.tutorial-step{padding:20px}.tutorial-picture{float:left;width:65px;height:65px;padding:12px;margin:0 16px 8px 0}.tutorial-picture>span{display:none}.tutorial-step h2{margin:0 0 10px}.tutorial-step p{margin-bottom:0}.play-header{padding:12px 12px 14px}.play-heading{gap:10px}.play-heading h1{font-size:15px}.play-icon-button{width:38px;height:38px;border-radius:9px}.play-stats{font-size:11px;margin:5px 0}.play-footer{min-height:155px;padding:12px 12px 26px}.play-message{font-size:12px;margin-bottom:14px;min-height:35px}.play-actions{gap:8px}.play-button{padding:11px 10px;font-size:11px!important;gap:5px;flex:1}.play-button .ui-icon{width:18px;height:18px}.play-next{flex-basis:100%;max-width:100%}}@media(max-height:500px)and (min-width:601px){.play-header{padding-top:4px}.play-heading h1{font-size:16px}.play-stats{position:absolute;right:90px;top:12px}.play-footer{padding-bottom:8px}.play-message{font-size:11px;margin-bottom:5px}.play-button{padding:8px 14px;min-height:38px}}@media(prefers-reduced-motion:no-preference){.primary-button,.secondary-button,.island-button{transition:background .14s ease,transform .14s ease}}@media(prefers-reduced-motion:no-preference){.island-spark{animation:island-firefly 3s ease-in-out infinite alternate}.spark-two{animation-delay:-1.5s}}@keyframes island-firefly{0%{opacity:.35;transform:translateY(0)}to{opacity:1;transform:translateY(-10px)}}@font-face{font-family:Tiny5;src:url(/assets/fonts/Tiny5-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.primary-button,.secondary-button,.play-button,.play-icon-button,.locale-shortcut,.quiet-button,.chapter-button{--control-edge: #694b30;--control-face: #ead1a0;--control-light: #fff0c4;--control-shade: #bd9961;--control-ink: #513820;position:relative;isolation:isolate;color:var(--control-ink)!important;background:var(--control-edge)!important;border:0!important;border-radius:0!important;clip-path:polygon(0 8px,4px 8px,4px 4px,8px 4px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 4px) calc(100% - 8px),calc(100% - 4px) calc(100% - 4px),calc(100% - 8px) calc(100% - 4px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 4px),4px calc(100% - 4px),4px calc(100% - 8px),0 calc(100% - 8px));box-shadow:none!important;font-family:Tiny5,monospace!important;font-weight:400!important;font-size:16px!important;line-height:1.25;letter-spacing:0;text-rendering:geometricPrecision;text-shadow:none}.longmouse-shell .ui-icon{width:24px;height:24px;shape-rendering:crispEdges}.longmouse-shell .wordmark{font-family:Tiny5,monospace;font-size:16px;font-weight:400;letter-spacing:2px}.longmouse-shell .tutorial-picture .ui-icon,.longmouse-shell .garden-ending .ui-icon,.longmouse-shell .coach-gesture .ui-icon{width:48px;height:48px}.longmouse-shell .island-level{font-family:Tiny5,monospace;font-size:32px;font-weight:400}.longmouse-shell .island-caption strong{font-family:Tiny5,monospace;font-size:16px;font-weight:400}.longmouse-shell .island-level .ui-icon{width:24px;height:24px;padding:6px}.world-flourish{display:inline-flex}.primary-button:before,.secondary-button:before,.play-button:before,.play-icon-button:before,.locale-shortcut:before,.quiet-button:before,.chapter-button:before{content:"";position:absolute;inset:3px 3px 5px;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 11px,#64432208 11px 12px),var(--control-face);box-shadow:inset 0 3px var(--control-light),inset 0 -4px var(--control-shade);clip-path:polygon(0 5px,5px 5px,5px 0,calc(100% - 5px) 0,calc(100% - 5px) 5px,100% 5px,100% calc(100% - 5px),calc(100% - 5px) calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,5px calc(100% - 5px),0 calc(100% - 5px))}.primary-button{--control-face: #edbc61;--control-light: #ffe3a3;--control-shade: #bd8337;min-height:62px;font-size:24px!important}.secondary-button{--control-face: #b5c19a;--control-light: #dfebc4;--control-shade: #819468;--control-edge: #526044;--control-ink: #36422b;min-height:57px}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px);filter:brightness(1.05)}.primary-button:active,.secondary-button:active,.play-button:not([aria-disabled=true]):active,.play-icon-button:active,.quiet-button:active,.locale-shortcut:active{transform:translateY(2px)}.longmouse-shell button:focus-visible{outline:none;filter:brightness(1.12)}.longmouse-shell button:focus-visible:after{content:"";position:absolute;inset:8px;border:2px dashed #3d604a;pointer-events:none}.longmouse-shell .island-button:focus-visible{filter:none;outline:3px solid #e8d992;outline-offset:-15px}.longmouse-shell .island-button:focus-visible:after{display:none}.quiet-button,.locale-shortcut{min-height:42px;padding:10px 14px!important}.home-links{gap:10px}.home-links .quiet-button{flex:1}.play-button,.play-icon-button{--control-edge: #281f1b;--control-face: #816045;--control-light: #b38c5d;--control-shade: #5b4030;--control-ink: #fff0cf;text-shadow:none;min-height:46px}.play-next{--control-face: #bf9e53;--control-light: #efcf7d;--control-shade: #876a35;--control-ink: #332617;text-shadow:none}.play-icon-button{min-height:44px}.longmouse-shell .play-heading{display:grid;grid-template-columns:44px minmax(0,1fr) 44px 44px;gap:8px}.longmouse-shell .play-heading h1{min-width:0;overflow-wrap:anywhere}.audio-toggle[aria-pressed=true]{--control-face: #c4b89e;--control-light: #e8deca;--control-shade: #958773;--control-ink: #493c32}.play-icon-button.audio-toggle[aria-pressed=true]{--control-face: #5c5150;--control-light: #8f8179;--control-shade: #3c3432;--control-ink: #f0dfcc}@media(max-width:360px){.longmouse-shell .wordmark{letter-spacing:1px;gap:6px;font-size:14px}.shell-topbar-actions{gap:4px}.longmouse-shell .play-heading{gap:6px}}.play-button:disabled{filter:saturate(.25);opacity:.55}.longmouse-shell .play-button[aria-disabled=true]{cursor:default}.chapter-button[aria-current]{--control-face: #8b9e68;--control-light: #c4d69f;--control-shade: #5e7746;--control-ink: #253b23}.progress-track{height:9px;border:2px solid #a48a5e;border-radius:0;background:#ddcfaf}.progress-track span{border-radius:0;background:#7d945b;box-shadow:inset 0 2px #a7bb82}.map-progress{border-radius:0;border-width:2px;box-shadow:inset 0 2px #aaba7833}.settings-card{border-radius:4px;border:3px solid #ab8c61;box-shadow:inset 0 4px #fff8df,0 6px #d9c8a5}.settings-card select{font-family:Tiny5,monospace;font-size:24px;border-radius:2px;border:2px solid #a0865e;box-shadow:inset 0 3px #dccba850}.portal-tip{margin:24px 0;padding:18px;border:2px solid #b3b891;background:#e4e7d4}.hazard-tooltip{position:absolute;z-index:8;display:flex;align-items:center;gap:10px;width:min(310px,calc(100% - 24px));padding:12px;border:3px solid #765332;color:#503922;background:#fff0ca;box-shadow:0 4px #34241b80;pointer-events:auto}.hazard-tooltip:after{content:"";position:absolute;left:calc(var(--tip-x) - 6px);bottom:-9px;width:12px;height:12px;background:#fff0ca;border-right:3px solid #765332;border-bottom:3px solid #765332;transform:rotate(45deg)}.hazard-tooltip>img{width:96px;height:48px;flex:0 0 auto;object-fit:contain;image-rendering:pixelated}.hazard-tooltip>div{min-width:0}.hazard-tooltip strong{font-family:Tiny5,monospace;font-size:24px;font-weight:400;line-height:1}.hazard-tooltip p{font-size:12px;line-height:1.45;margin:7px 0}.hazard-tooltip .quiet-button{min-height:40px;padding:8px 12px!important}.play-hints{--control-face: #e4b95c;--control-light: #ffe59b;--control-shade: #b88735}.hint-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:2px 4px;background:#7f59282b;font-variant-numeric:tabular-nums}.hint-dialog{width:min(500px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:24px;color:#513820;border:4px solid #715034;border-radius:0;background:#fff0cc;box-shadow:inset 0 0 0 3px #f7d990,0 8px #422e20,0 18px 48px #0008;overflow-y:auto}.hint-dialog::backdrop{background:#1b160fbb}.hint-topline{display:flex;align-items:center;gap:12px}.hint-topline p{flex:1;margin:0;font-size:13px;line-height:1.5}.hint-symbol{color:#b8832a}.hint-close{padding:9px 12px;display:flex;align-items:center;gap:5px;min-height:44px}.hint-dialog h2{margin:22px 0 16px;font-family:Tiny5,monospace;font-size:32px;font-weight:400;line-height:1.15}.hint-dialog h2:focus{outline:none}.hint-steps{display:flex;gap:10px;margin:0 0 22px}.hint-step{display:flex;gap:6px;align-items:center;justify-content:center;flex:1;min-height:44px}.hint-step[aria-current]{--control-face: #e8bc65;--control-light: #ffe5a6;--control-shade: #bb8c41}.hint-step:disabled{opacity:.55;cursor:default}.hint-intro,.hint-copy,.hint-offer,.hint-notice{font-size:16px;line-height:1.65}.hint-intro{margin-bottom:20px;color:#826b4f}.hint-copy{margin:0 0 24px;padding:18px;border-left:4px solid #b89048;background:#f0dba6;white-space:pre-line;overflow-wrap:anywhere}.hint-offer{padding:16px 18px;border:2px solid #d8ba7e;background:#f8e6b8}.hint-offer p{margin:0}.hint-offer .hint-preview-note{margin-top:10px;font-size:13px;line-height:1.5;color:#81684a}.hint-actions{display:grid;gap:10px;margin-top:22px}.hint-actions button{min-height:48px;padding:12px 14px;display:flex;align-items:center;justify-content:center;gap:8px}.hint-retention{margin:18px 0 0;font-size:12px;line-height:1.5;color:#81684a}.hint-complete{display:flex;align-items:center;gap:12px;margin:0 0 8px;font-size:14px;line-height:1.5}@media(max-width:600px){.hint-dialog{padding:18px}.hint-dialog h2{font-size:28px}.hint-topline{gap:8px}.hint-close{padding:8px}.hint-close span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}.portal-tip h2{margin:0 0 8px;font-size:16px;color:#586646}.portal-tip p{margin:0}@media(max-width:600px){.primary-button{min-height:56px}.secondary-button{min-height:53px}.quiet-button,.locale-shortcut{padding:10px!important}.home-links .quiet-button{font-size:16px!important;padding:10px 8px!important;gap:6px}.play-icon-button{min-height:38px}}.longmouse-shell .play-header{padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left))}.longmouse-shell .play-icon-button{width:44px;height:44px;min-height:44px}.longmouse-shell .play-stats{position:static;margin:4px 0 0;font-size:12px;line-height:18px}.longmouse-shell .play-footer{min-height:0;padding:8px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.longmouse-shell .play-message{min-height:0;margin:0 auto 6px;font-size:12px;line-height:16px;overflow-wrap:anywhere}.longmouse-shell .play-message:empty{margin-bottom:0}.longmouse-shell .play-controls{--arrow-size: clamp(60px, calc((100vw - 140px) / 3), 76px);--cross-size: calc(3 * var(--arrow-size) + 12px);display:grid;grid-template-columns:44px var(--cross-size) 44px;align-items:center;justify-content:center;gap:6px;width:max-content;max-width:100%;margin:0 auto}.longmouse-shell .play-actions{position:static;display:grid;grid-template-columns:44px;grid-template-rows:repeat(2,44px);grid-auto-rows:44px;align-content:start;justify-content:center;gap:8px;width:44px;min-height:96px;margin:0;transform:none}.longmouse-shell .play-utility-button{display:grid;place-items:center;flex:none;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;gap:0;touch-action:manipulation}.longmouse-shell .play-controls .sr-only,.longmouse-shell .play-utility-button>span:not(.hint-count){position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}.longmouse-shell .play-utility-button .ui-icon{width:24px;height:24px}.longmouse-shell .play-utility-button .hint-count{position:absolute;top:3px;right:3px;min-width:14px;padding:0 2px;font-size:12px;line-height:14px;background:#513820;color:#fff0cf;pointer-events:none}.longmouse-shell .play-directions{position:static;display:grid;grid-template-columns:repeat(3,var(--arrow-size));grid-template-rows:repeat(3,var(--arrow-size));grid-template-areas:". up ." "left . right" ". down .";gap:6px;width:var(--cross-size);height:var(--cross-size);transform:none}.longmouse-shell .direction-button{width:var(--arrow-size);height:var(--arrow-size);min-width:0;min-height:0;padding:0;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.longmouse-shell .direction-button:active{transform:none}.longmouse-shell .direction-button .ui-icon{width:36px;height:36px}.direction-up{grid-area:up}.direction-left{grid-area:left}.direction-down{grid-area:down}.direction-right{grid-area:right}.direction-down .ui-icon{transform:rotate(180deg)}.longmouse-shell .play-controls [hidden]{display:none!important}@media(max-width:600px)and (orientation:portrait){.longmouse-shell .play-heading{gap:6px}.longmouse-shell .play-heading h1{font-size:16px;line-height:1.125}}@media(orientation:landscape)and (max-height:600px){.longmouse-shell .play-footer{inset:0;min-height:0;padding:0;background:none;pointer-events:none}.longmouse-shell .play-controls{--arrow-size: 60px;position:absolute;top:clamp(calc(max(8px,env(safe-area-inset-top)) + 80px),calc(50% - 76px),calc(100% - max(8px,env(safe-area-inset-bottom)) - var(--cross-size)));right:max(12px,env(safe-area-inset-right));width:296px;max-width:none;gap:8px;margin:0;pointer-events:auto}.longmouse-shell .play-message{position:absolute;bottom:max(8px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));right:calc(max(12px,env(safe-area-inset-right)) + 308px);max-width:none;margin:0;text-align:left;pointer-events:auto}}@supports (width: 1cqw) and (height: 1cqh){.longmouse-shell .play-ui{container-type:size}.longmouse-shell .play-controls{--arrow-size: clamp(44px, calc((100cqw - 140px) / 3), 76px)}@media(orientation:landscape)and (max-height:600px){.longmouse-shell .play-controls{--arrow-size: clamp( 44px, calc( ( 100cqh - max(8px, env(safe-area-inset-top)) - 80px - max(8px, env(safe-area-inset-bottom)) - 12px ) / 3 ), 60px )}}}.longmouse-shell[data-portrait-only=true] .play-footer{inset:auto 0 0;padding:8px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:linear-gradient(#211a1900,#211a19b8 18%,#211a19ed);pointer-events:none}.longmouse-shell[data-portrait-only=true] .play-controls{--arrow-size: clamp(60px, calc((100vw - 140px) / 3), 76px);position:static;top:auto;right:auto;width:max-content;max-width:100%;gap:6px;margin:0 auto;pointer-events:auto}.longmouse-shell[data-portrait-only=true] .play-message{position:static;inset:auto;max-width:680px;margin:0 auto 6px;text-align:center;pointer-events:none}@supports (width: 1cqw) and (height: 1cqh){.longmouse-shell[data-portrait-only=true] .play-controls{--arrow-size: clamp(44px, calc((100cqw - 140px) / 3), 76px)}}.hint-dialog.restart-dialog{box-sizing:border-box;width:min(460px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);padding:24px;overflow:auto;overscroll-behavior:contain}.restart-symbol{display:flex;align-items:center;margin-bottom:12px;color:#b8832a}.restart-symbol svg{width:32px;height:32px;flex:none;shape-rendering:crispEdges}.restart-dialog h2{margin:0 0 12px;overflow-wrap:anywhere}.restart-dialog #restart-description{margin:0;font-size:16px;line-height:1.5;overflow-wrap:anywhere}.restart-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.restart-dialog .restart-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:48px;height:auto;padding:12px 14px!important;font-size:16px!important;line-height:1.25;white-space:normal;touch-action:manipulation}.restart-actions button svg{width:24px;height:24px;flex:none;shape-rendering:crispEdges}.restart-actions button span{min-width:0;overflow-wrap:anywhere}.restart-dialog .restart-actions button:focus-visible{outline:2px solid #3d604a;outline-offset:-7px}.restart-dialog .restart-actions button:focus-visible:after{display:none}@media(max-width:380px){.hint-dialog.restart-dialog{padding:18px}.restart-actions{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:18px}}@media(max-height:400px){.hint-dialog.restart-dialog{padding:16px 20px}.restart-symbol{display:none}.restart-dialog h2{margin-bottom:8px;font-size:28px}.restart-dialog #restart-description{font-size:14px;line-height:1.4}.restart-actions{gap:8px;margin-top:16px}.restart-dialog .restart-actions button{min-height:44px;padding:10px 12px!important}}