:root{--ink:#443b27;--muted-ink:#69634e;--emerald:#234f3c;--gold:#b49350;--ivory:#fff8e7;--title-font:Georgia, "Times New Roman", serif;color:var(--ink);font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#18372d;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}body{background:radial-gradient(at 50% 25%,#3e5c42 0%,#213f32 45%,#142b26 100%);place-items:center;min-width:0;min-height:100svh;margin:0;padding:18px;display:grid}button{color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline-offset:4px;outline:3px solid #34785d}button:disabled{cursor:default;opacity:.6}button svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:20px;height:20px}h1,h2{font-family:var(--title-font);font-weight:400}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.garden{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);isolation:isolate;border:2px solid var(--gold);background:#f6ebce;border-radius:28px;flex-direction:column;align-items:center;width:min(100%,570px);height:min(920px,100svh - 36px);min-height:660px;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 90px #071b1b80,0 0 0 5px #142e2680;container-type:inline-size}.garden-art{z-index:-1;inset:var(--safe-top) 0 var(--safe-bottom);pointer-events:none;border-style:solid;border-width:31.25cqw 0 35.1563cqw;border-image:url(/assets/crystal-garden-controls-DjMsqDd9.png) 320 0 360 fill/1 0;position:absolute}.frame-button{z-index:3;background:0 0;border:0;border-radius:50%;padding:0;transition:background .18s,box-shadow .18s;display:block;position:absolute}.frame-button:hover:not(:disabled){background:#fff4c326;box-shadow:0 0 14px #ffe49e66}.frame-button:active:not(:disabled){background:#ae79282e}.home-button{left:17.9688%;top:calc(var(--safe-top) + 9.27734cqw);width:max(44px,11.7188cqw);height:max(44px,11.7188cqw);transform:translate(-50%,-50%)}.settings-button{left:50%;bottom:calc(var(--safe-bottom) + 11.3281cqw);width:max(44px,12.5cqw);height:max(44px,12.5cqw);transform:translate(-50%,50%)}.scene-header{z-index:2;width:44.8%;left:27.6%;top:calc(var(--safe-top) + 7.4cqw);text-align:center;place-items:center;height:13.8cqw;display:grid;position:absolute}.scene-header>h1,.scene-header>h2{color:#655025;text-shadow:0 1px #fffbe8;margin:0;font-size:5.7cqw}.button{background:linear-gradient(135deg,#fff9e440,#f3e4b51a);border:1px solid #a17e3c66;border-radius:24px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 20px;font-size:15px;font-weight:500;line-height:1.4;transition:background-color .18s,filter .18s,transform .18s;display:inline-flex;box-shadow:inset 0 1px #fffbe58c}.button-primary{color:#264e39;min-height:56px;box-shadow:none;font-family:var(--title-font);text-shadow:0 1px 3px #fff8dc;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20280%2064'%20preserveAspectRatio='none'%20fill='none'%3e%3cdefs%3e%3clinearGradient%20id='rim'%20x1='20'%20y1='0'%20x2='245'%20y2='64'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23947335'/%3e%3cstop%20offset='.3'%20stop-color='%23d4b36b'/%3e%3cstop%20offset='.54'%20stop-color='%23f9e7b2'/%3e%3cstop%20offset='.76'%20stop-color='%23ac823b'/%3e%3cstop%20offset='1'%20stop-color='%23d6bd81'/%3e%3c/linearGradient%3e%3clinearGradient%20id='glass'%20x2='0'%20y2='1'%3e%3cstop%20stop-color='%23fffbea'%20stop-opacity='.5'/%3e%3cstop%20offset='.48'%20stop-color='%23fff6d8'%20stop-opacity='.12'/%3e%3cstop%20offset='1'%20stop-color='%23d0bd84'%20stop-opacity='.25'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20d='M3%2032C18%205%2071%203%20140%203S262%205%20277%2032C262%2059%20209%2061%20140%2061S18%2059%203%2032Z'%20fill='url(%23glass)'%20stroke='url(%23rim)'%20stroke-width='1.5'/%3e%3cpath%20d='M9%2032C24%2010%2073%208%20140%208S256%2010%20271%2032'%20stroke='%23fff9df'%20stroke-opacity='.85'%20stroke-width='1.2'/%3e%3cpath%20d='M12%2036C35%2055%2079%2056%20140%2056S245%2055%20268%2036'%20stroke='%2399753b'%20stroke-opacity='.3'%20stroke-width='.8'/%3e%3cpath%20d='m3%2032%207-3%205%203-5%203Zm274%200-7-3-5%203%205%203Z'%20fill='%23b28c47'/%3e%3c/svg%3e") 50%/100% 100% no-repeat;border:0;border-radius:50%/40%;padding-inline:26px;font-size:20px;font-weight:400}.button-secondary{color:var(--ink)}.button-primary:hover:not(:disabled){filter:drop-shadow(0 0 7px #ffe8a16b);background-color:#fff8db4d}.button-secondary:hover:not(:disabled){background-color:#fff4d64d}.button:active:not(:disabled),.icon-button:active{transform:translateY(1px)}.icon-button{background:radial-gradient(circle,#fff7dc38,#fff7dc00 72%);border:1px solid #a78a4d55;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;padding:0;transition:background .18s,transform .18s;display:grid}.icon-button:hover{background:#fff8de70}.home{inset:calc(var(--safe-top) + 31.25cqw) 10% calc(var(--safe-bottom) + 35.1563cqw);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute}.home-emblem{filter:drop-shadow(0 2px 3px #79531f14);width:min(88%,280px);height:min(33svh,310px);min-height:0;margin:8px auto 18px;display:block}.home>.button{flex-shrink:0}.play-button{width:min(88%,264px);min-height:62px;font-size:27px}.selection{gap:clamp(6px,2cqh,14px);padding:0;overflow:hidden;container-type:size}.level-selection{aspect-ratio:1.21244;flex:none;width:min(100%,102cqh);position:relative}.level-tile{isolation:isolate;left:var(--compact-left);top:var(--compact-top);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:10%;width:28.5714%;height:40%;padding:0;transition:filter .18s;display:flex;position:absolute}.level-tile:before{content:"";z-index:-1;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20212%20245'%20fill='none'%3e%3cdefs%3e%3clinearGradient%20id='rim'%20x1='16'%20y1='20'%20x2='192'%20y2='224'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23fff1a3'/%3e%3cstop%20offset='.35'%20stop-color='%23d49a30'/%3e%3cstop%20offset='.7'%20stop-color='%23f5d17a'/%3e%3cstop%20offset='1'%20stop-color='%23a36318'/%3e%3c/linearGradient%3e%3clinearGradient%20id='glass'%20x2='.8'%20y2='1'%3e%3cstop%20stop-color='%23fffbed'%20stop-opacity='.4'/%3e%3cstop%20offset='.5'%20stop-color='%23fff8dc'%20stop-opacity='.1'/%3e%3cstop%20offset='1'%20stop-color='%23c6d3ad'%20stop-opacity='.25'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20d='m106%202%20104%2060v121l-104%2060L2%20183V62Z'%20fill='url(%23glass)'%20stroke='%2350300f'%20stroke-width='4'/%3e%3cpath%20d='m106%202%20104%2060v121l-104%2060L2%20183V62Z'%20stroke='url(%23rim)'%20stroke-width='2.5'/%3e%3cpath%20d='m106%206%20100%2058v117l-100%2058L6%20181V64Z'%20stroke='%23fff3c2'%20stroke-width='1.5'/%3e%3c/svg%3e") 50%/100% 100% no-repeat,radial-gradient(at 30% 18%,#fffef6dd,#fff5d73d 42%,#bbd6c86b 75%,#e0bb7280);position:absolute;inset:0;box-shadow:inset 0 0 25px #fff8da80}.level-tile:hover:not(:disabled),.level-tile:focus-visible{filter:brightness(1.08);background:#fff4bb80;outline:none}.level-tile:focus-visible:after{content:"";border:2px solid var(--emerald);border-radius:35%;position:absolute;inset:10%}.level-tile:active:not(:disabled){filter:brightness(.94)}.level-number{font-family:var(--title-font);color:#66502b;text-shadow:0 1px #ffffed,0 0 12px #fff4b7;font-size:clamp(25px,11cqw,48px);line-height:.95}.level-score{justify-content:center;align-items:center;gap:clamp(4px,1.8cqw,8px);height:12px;display:flex}.level-gem{aspect-ratio:1;background:linear-gradient(135deg,#f8f4e0,#bdc7bc);border:1px solid #ad945e;width:clamp(5px,2.4cqw,10px);display:block;transform:rotate(45deg);box-shadow:inset 1px 1px #ffffffa0}.level-gem.is-lit{background:radial-gradient(circle at 35% 30%,#fffef4,#ffe89d 45%,#d7a842);border-color:#b0802e;box-shadow:0 0 7px #edba51,inset 1px 1px #fffdec}.level-tile.is-solved:before{background-color:#f6d77b8c}.level-tile.is-solved .level-number{color:#265940}.selection-progress{color:#75623d;letter-spacing:.06em;text-align:center;flex:none;margin:0;font-size:clamp(11px,3.8cqw,15px)}@container (aspect-ratio<1){.level-selection{aspect-ratio:.649519;width:min(100%,59cqh)}.level-tile{left:var(--petal-left);top:var(--petal-top);width:33.3333%;height:25%}}#home-status{margin:0;font-size:14px;position:absolute;bottom:0}#home-status:empty{display:none}.game-header{flex-direction:column;justify-content:center;align-items:center;gap:.35cqw;line-height:1.15;display:flex}.current-level{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:clamp(9px,2.3cqw,13px)}#level-heading{color:#655025;margin:0;font-size:clamp(13px,4.2cqw,24px)}.objective{align-items:center;gap:4px;display:inline-flex}.receiver-mark{color:#a283ae;width:4.2cqw;height:4.2cqw}#receiver-count{font-variant-numeric:tabular-nums;font-size:clamp(12px,3.2cqw,18px)}.board-wrap{z-index:0;inset:var(--safe-top) 0 var(--safe-bottom);position:absolute}#stage,#piece-controls{position:absolute;inset:0}#stage canvas{display:block}#piece-controls{pointer-events:none}.piece-control{pointer-events:auto;background:0 0;border:0;border-radius:50%;padding:0;position:absolute;transform:translate(-50%,-50%)}.piece-control:hover{background:#ffd87914;box-shadow:0 0 20px #d7a24035}.piece-control:focus-visible{outline-offset:1px;background:#ffdd6920;outline-color:#34785d}.menu-dialog{color:var(--ink);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(135deg,#fff7dfd9,#f9edcbbf 55%,#ece2b8a8);border:1px solid #ad8a49b3;border-radius:42% 42% 22% 22%/24px 24px 20px 20px;width:min(340px,100% - 32px);max-height:calc(100svh - 32px);padding:24px;box-shadow:inset 0 1px 2px #fffbe5d9,inset 0 -1px #b2975c40,0 8px 24px #253d2e24}.menu-dialog::backdrop{background:#183b302b}.dialog-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.dialog-heading h2{color:var(--emerald);margin:0;font-size:28px}.dialog-actions{gap:12px;display:grid}.dialog-actions .button{width:100%}.menu-dialog .dialog-actions{gap:8px}.menu-dialog .button-secondary{min-height:44px}.dialog-actions .button-secondary{box-shadow:none;background:0 0;border:0;border-radius:0}.dialog-actions .button-secondary:hover:not(:disabled){background:radial-gradient(#fff8df80,#fff8df00 75%)}.sound-setting{padding-top:0}.dialog-actions:not([hidden])+.sound-setting{border-top:1px solid #b493504a;margin-top:18px;padding-top:12px}.sound-switch{text-align:left;background:0 0;border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:54px;padding:4px;font-size:15px;display:flex}.sound-switch:hover{background:#f0e5c650}.sound-switch small{color:var(--muted-ink);margin-top:4px;font-size:13px;display:block}.switch-track{background:#77796785;border:1px solid #a58a50;border-radius:20px;flex-shrink:0;width:48px;height:28px;padding:2px;transition:background .18s;box-shadow:inset 0 1px 3px #584a3033}.switch-track span{background:radial-gradient(circle at 35% 25%,#fffbe8,#e7d9ac 75%);border-radius:50%;width:22px;height:22px;transition:transform .18s;display:block;box-shadow:0 1px 3px #51371840}.sound-switch[aria-checked=true] .switch-track{background:#315e45cc}.sound-switch[aria-checked=true] .switch-track span{transform:translate(20px)}@media (width<=600px){body{padding:0}.garden{width:100%;height:100svh;min-height:640px;box-shadow:none;border-width:1px;border-radius:0}}@media (width<=370px),(height<=730px){.home-emblem{height:190px;margin:12px auto 18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.garden:has(.selection:not([hidden])){width:min(100%,570px,80svh - 28.8px);min-height:0}.power-help{text-align:center;color:var(--emerald);margin:0;font-size:14px;line-height:1.5}.is-playing .scene-header{background:radial-gradient(at 50% 20%,#fffdf0,#f8edce 75%,#e4c98a);border:2px solid #b28b41;border-radius:44% 44% 35% 35%/22px 22px 24px 24px;width:52%;height:max(102px,23cqw);padding:12px 10px;top:5cqw;left:24%;box-shadow:inset 0 0 0 3px #fff3ce,inset 0 0 20px #d4b26255,0 2px 6px #60472633}.game-header{gap:7px;width:100%}.game-header .current-level{letter-spacing:.025em;text-transform:none;margin:0;font-size:clamp(17px,4cqw,23px)}#level-instruction{color:var(--emerald);max-width:95%;margin:0;font-size:clamp(11px,2.6cqw,14px);line-height:1.35}.game-dock{z-index:3;text-align:center;background:radial-gradient(at 50% 0,#fffdf0,#f8edce 65%,#e5cb8c);border:2px solid #ba9147;border-radius:45% 45% 30% 30%/20px 20px 22px 22px;flex-direction:column;justify-content:center;gap:5px;width:78%;height:112px;padding:12px 16px;display:flex;position:absolute;bottom:4cqw;left:11%;box-shadow:inset 0 0 0 3px #fff1c0,inset 0 0 20px #cda86488,0 3px 12px #4d381e40}#objective,#completion{min-height:22px;margin:0}#completion-title{color:var(--emerald);font:20px var(--title-font)}.level-navigation{justify-content:space-between;align-items:center;gap:8px;display:flex}.dock-button{color:#345940;background:#fff9e466;border:1px solid #b3914b77;border-radius:50%;min-width:44px;min-height:44px;padding:5px 10px;font-size:26px}.dock-menu{border-radius:18px;flex:1;font-size:14px}.dock-button:hover:not(:disabled){background:#fffdf2;box-shadow:0 0 10px #e0ba65}.dock-button:disabled{opacity:.28}.is-complete .game-dock{box-shadow:inset 0 0 0 3px #fff1c0,0 0 25px #f5d77388}.settings-glyph{display:none}.is-playing .settings-button{background:#fff3cde6;border:2px solid #b48a3d;width:44px;height:44px;inset:8cqw 9% auto auto;transform:none;box-shadow:0 2px 8px #493a2c60}.is-playing .settings-glyph{font-size:28px;display:block}.level-lock{color:#656758;font-size:clamp(8px,2.6cqw,12px);display:none}.level-tile.is-locked{opacity:.62;filter:saturate(.35)}.level-tile.is-locked .level-score{display:none}.level-tile.is-locked .level-lock{display:block}.is-complete #next-level{white-space:nowrap;border-radius:18px;font-size:13px}