.host.svelte-1imvock{place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.host.svelte-1imvock canvas{touch-action:none;display:block}.overlay.svelte-5f0612{z-index:5;background:linear-gradient(#fffcf233,#fffcf233),url(../../../images/playful-bg.webp) 50%/cover no-repeat;place-content:center;justify-items:center;gap:22px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.dots.svelte-5f0612{gap:16px;display:flex}.dots.svelte-5f0612 span:where(.svelte-5f0612){background:var(--dot);width:22px;height:22px;box-shadow:0 4px 0 color-mix(in srgb, var(--dot) 45%, #a38dbb);border-radius:50%;animation:.9s ease-in-out infinite svelte-5f0612-bounce}.dots.svelte-5f0612 span:where(.svelte-5f0612):nth-child(2){opacity:.85;animation-delay:.14s}.dots.svelte-5f0612 span:where(.svelte-5f0612):nth-child(3){opacity:.7;animation-delay:.28s}.title.svelte-5f0612{color:var(--ink);text-shadow:0 2px #fff;margin:0;font-size:26px;font-weight:700}.description.svelte-5f0612{max-width:min(760px,82vw);color:var(--ink-dim);text-align:center;text-shadow:0 1px #fff;margin:-8px 0 0;font-size:clamp(15px,2.5vh,19px);font-weight:650;line-height:1.45}.about.svelte-5f0612{max-width:min(700px,80vw);color:var(--ink-dim);text-align:center;text-shadow:0 1px #fff;opacity:.85;margin:-10px 0 0;font-size:clamp(13px,2vh,16px);font-weight:500;line-height:1.55}@keyframes svelte-5f0612-bounce{0%,to{transform:translateY(0)scale(1)}45%{transform:translateY(-18px)scale(1.12)}}.stage.svelte-atp4hu{background:var(--bg-0);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.chrome.svelte-atp4hu{z-index:10;top:max(clamp(4px, 1.2vh, 8px), var(--safe-t));right:max(clamp(4px, 1.2vh, 8px), var(--safe-r));pointer-events:none;--touch:clamp(64px, 11vh, 88px);--touch-pad:clamp(4px, 1.1vh, 8px);--icon-size:clamp(36px, 6.4vh, 48px);position:absolute}.chrome.chrome-mid.svelte-atp4hu{top:50%;transform:translateY(-50%)}.chrome.chrome-small.svelte-atp4hu{--touch:clamp(48px, 8vh, 64px);--touch-pad:clamp(2px, .7vh, 5px);--icon-size:clamp(26px, 4.8vh, 36px)}.chrome.chrome-small.svelte-atp4hu .circle{box-shadow:0 4px 0 #dfd4f4, 0 7px 13px var(--shadow);border-width:2px}.chrome.chrome-coding.svelte-atp4hu{top:max(clamp(5px, 1vh, 8px), var(--safe-t));right:max(clamp(5px, 1vh, 8px), var(--safe-r));--touch:clamp(48px, 8vh, 64px);--touch-pad:clamp(3px, .8vh, 6px);--icon-size:clamp(25px, 4.6vh, 34px)}.chrome.chrome-coding.svelte-atp4hu .circle{border:3px solid var(--accent);background:#fffdf8;background:linear-gradient(145deg, #fff 0%, color-mix(in srgb, var(--accent) 10%, #fff8ee) 58%, color-mix(in srgb, var(--accent) 18%, #f3efff) 100%);color:#584766;border-radius:clamp(15px,2.8vh,21px);box-shadow:0 4px #68487c33,0 8px 16px #58447e33,inset 0 1px #ffffffe6}.chrome.chrome-coding.svelte-atp4hu .btn:active .circle{background:color-mix(in srgb, var(--accent) 18%, #fff8ee);box-shadow:0 1px #68487c33,0 4px 9px #58447e2e}.chrome.svelte-atp4hu button{pointer-events:auto}.failed.svelte-atp4hu{z-index:6;text-align:center;background:linear-gradient(#fffcf238,#fffcf238),url(../../../images/playful-bg.webp) 50%/cover no-repeat;place-content:center;justify-items:center;gap:20px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.failed.svelte-atp4hu p:where(.svelte-atp4hu){margin:0;font-size:26px;font-weight:700}.retry.svelte-atp4hu{background:var(--amber);color:#3a2405;border-radius:999px;min-height:clamp(42px,8vh,56px);padding:clamp(8px,1.8vh,14px) clamp(22px,4.5vh,34px);font-size:clamp(17px,3vh,22px);font-weight:800;box-shadow:0 clamp(3px,.8vh,6px) #e99a17}.failed-actions.svelte-atp4hu{align-items:center;gap:clamp(10px,2vh,16px);display:flex}.failed-home.svelte-atp4hu{border:3px solid var(--line);min-height:clamp(42px,8vh,56px);color:var(--ink);background:#fffffff0;border-radius:999px;padding:clamp(8px,1.8vh,14px) clamp(18px,4vh,30px);font-size:clamp(17px,3vh,22px);font-weight:800}.menu-backdrop.svelte-atp4hu{z-index:30;padding:max(20px, var(--safe-t)) max(20px, var(--safe-r)) max(20px, var(--safe-b)) max(20px, var(--safe-l));background:#4b3f6775;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.menu-backdrop[hidden].svelte-atp4hu{display:none}.game-info.svelte-atp4hu{background:var(--surface-soft);border-radius:18px;margin:10px 0;padding:12px 16px;font-size:15px;line-height:1.5}.game-info.svelte-atp4hu summary:where(.svelte-atp4hu){cursor:pointer;font-weight:800}.game-info.svelte-atp4hu h3:where(.svelte-atp4hu){margin:12px 0 8px}.game-info.svelte-atp4hu p:where(.svelte-atp4hu){margin:8px 0}.menu.svelte-atp4hu{touch-action:pan-y;overscroll-behavior:contain;background:#fffdf8;border:4px solid #d8c9f4;border-radius:clamp(20px,4.5vh,32px);width:min(380px,100%);max-height:100%;padding:clamp(10px,2.4vh,18px);overflow-y:auto;box-shadow:0 10px #d7c9ef,0 24px 60px #4b3f6747}.menu-head.svelte-atp4hu{grid-template-columns:48px 1fr 56px;align-items:center;gap:8px;margin-bottom:clamp(8px,2.2vh,16px);display:grid}.menu-star.svelte-atp4hu{color:#e79511;background:#ffe7a3;border-radius:15px;place-items:center;width:44px;height:44px;font-size:26px;display:grid;transform:rotate(-8deg)}.menu.svelte-atp4hu h2:where(.svelte-atp4hu){text-align:center;color:var(--ink);margin:0;font-size:clamp(21px,4vh,28px);font-weight:900}.menu-action.svelte-atp4hu{width:100%;min-height:clamp(44px,9vh,64px);color:var(--ink);text-align:left;border:3px solid #0000;border-radius:22px;align-items:center;gap:14px;margin-top:clamp(7px,1.8vh,12px);padding:clamp(6px,1.4vh,10px) clamp(11px,2.3vh,16px);font-size:clamp(15px,2.7vh,19px);font-weight:850;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex}.menu-action.language.svelte-atp4hu{border-color:#dbcaf5}.menu-action.sound.svelte-atp4hu{background:#e8f9ff;border-color:#a8e7f8;box-shadow:0 5px #bfe7f1}.menu-action.leave.svelte-atp4hu{background:#fff0f5;border-color:#ffc1d4;box-shadow:0 5px #f3c4d2}.menu-action.guide.svelte-atp4hu{background:#f5efff;border-color:#d7c7f2;box-shadow:0 5px #ddd0f1}.menu-action.share.svelte-atp4hu{background:#ecfbf5;border-color:#b9eadb;box-shadow:0 5px #c9e7de}.menu-action.share.svelte-atp4hu .action-icon:where(.svelte-atp4hu){color:#267d68}.guide-mark.svelte-atp4hu{color:#745b9c;font-size:24px;font-weight:950}.action-icon.svelte-atp4hu{background:#ffffffe6;border-radius:14px;flex:0 0 clamp(34px,6vh,42px);place-items:center;width:clamp(34px,6vh,42px);height:clamp(34px,6vh,42px);display:grid}.menu-action.svelte-atp4hu:active{transform:translateY(3px);box-shadow:0 2px #d8cde7}.resume.svelte-atp4hu{background:var(--amber);color:#4b360b;border-radius:999px;min-width:clamp(130px,24vh,160px);min-height:clamp(42px,8vh,56px);margin:clamp(12px,3vh,20px) auto 2px;padding:clamp(7px,1.5vh,10px) clamp(18px,3.5vh,24px);font-size:clamp(16px,2.8vh,20px);font-weight:900;display:block;box-shadow:0 6px #e99a17}.resume.svelte-atp4hu:active{transform:translateY(4px);box-shadow:0 2px #e99a17}.share-notice.svelte-atp4hu{left:50%;bottom:max(clamp(12px, 2.5vh, 22px), var(--safe-b));z-index:50;min-height:44px;max-width:min(460px, calc(100% - 32px - var(--safe-l) - var(--safe-r)));color:#42665e;pointer-events:none;background:#f7fffbfa;border:3px solid #b9eadb;border-radius:999px;align-items:center;gap:9px;padding:8px 15px 9px 10px;font-size:clamp(13px,2.3vh,17px);font-weight:850;animation:.18s ease-out svelte-atp4hu-share-notice-in;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 6px #c9e7de,0 13px 28px #3a2b533d}.share-notice.svelte-atp4hu>span:where(.svelte-atp4hu){color:#267d68;background:#d7f6eb;border-radius:50%;flex:0 0 31px;place-items:center;width:31px;height:31px;display:grid}.share-notice.failed.svelte-atp4hu{color:#785a36;background:#fff9ec;border-color:#ffd09d;box-shadow:0 6px #f1d5af,0 13px 28px #3a2b533d}.share-notice.failed.svelte-atp4hu>span:where(.svelte-atp4hu){color:#a76a23;background:#ffebc8}@keyframes svelte-atp4hu-share-notice-in{0%{opacity:0;transform:translate(-50%,12px)scale(.96)}}.guide-backdrop.svelte-atp4hu{z-index:40;padding:max(clamp(10px, 2vh, 20px), var(--safe-t)) max(clamp(10px, 2vh, 20px), var(--safe-r)) max(clamp(10px, 2vh, 20px), var(--safe-b)) max(clamp(10px, 2vh, 20px), var(--safe-l));background:#483b5e85;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}@media (hover:hover) and (pointer:fine){.menu-backdrop.svelte-atp4hu{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#4b3f6752}.guide-backdrop.svelte-atp4hu{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#483b5e66}}.guide-dialog.svelte-atp4hu{background:#fffdf7;border:clamp(3px,.6vh,5px) solid #d9c9ef;border-radius:clamp(24px,5vh,40px);outline:none;grid-template-rows:auto minmax(0,1fr) auto;width:min(820px,100%);max-height:100%;padding:clamp(10px,2vh,18px);display:grid;box-shadow:0 12px #cdbde5,0 28px 70px #3a2b5357}.guide-head.svelte-atp4hu{justify-content:space-between;align-items:center;gap:16px;display:flex}.guide-head.svelte-atp4hu h2:where(.svelte-atp4hu){color:#594775;margin:0;font-size:clamp(20px,4vh,30px);font-weight:950}.guide-close.svelte-atp4hu{color:#79668f;background:#fff;border:3px solid #ddcfef;border-radius:50%;place-items:center;width:clamp(38px,7vh,50px);height:clamp(38px,7vh,50px);display:grid}.sr-only.svelte-atp4hu{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.guide-figure.svelte-atp4hu{grid-template-rows:minmax(0,1fr) auto;gap:clamp(5px,1vh,9px);min-height:0;margin:clamp(7px,1.4vh,12px) 0;display:grid}.guide-image-frame.svelte-atp4hu{background:linear-gradient(145deg,#fff4d5,#ffe4ae);border:4px solid #f0cf94;border-radius:clamp(20px,4vh,30px);min-height:0;overflow:hidden;box-shadow:inset 0 -8px #d294491a}.guide-image-frame.svelte-atp4hu img:where(.svelte-atp4hu){object-fit:contain;width:100%;height:min(54vh,500px);display:block}.guide-figure.svelte-atp4hu figcaption:where(.svelte-atp4hu){color:#4f4165;text-align:center;margin:0;font-size:clamp(17px,3.2vh,24px);font-weight:950}.guide-nav.svelte-atp4hu{grid-template-columns:clamp(44px,8vh,58px) 1fr clamp(44px,8vh,58px);align-items:center;gap:clamp(8px,2vw,16px);display:grid}.guide-nav.svelte-atp4hu button:where(.svelte-atp4hu){color:#67537f;background:#f3edfb;border:3px solid #d9cbed;border-radius:50%;place-items:center;width:clamp(44px,8vh,58px);height:clamp(44px,8vh,58px);display:grid}.guide-nav.svelte-atp4hu button.primary:where(.svelte-atp4hu){color:#5a410d;background:#fc5;border-color:#efb337;box-shadow:0 5px #e6a726}.guide-next.svelte-atp4hu svg{transform:rotate(180deg)}.guide-play.svelte-atp4hu{color:#5a410d}.guide-nav.svelte-atp4hu button:where(.svelte-atp4hu):disabled{opacity:.34}.guide-dots.svelte-atp4hu{justify-content:center;gap:8px;display:flex}.guide-dots.svelte-atp4hu i:where(.svelte-atp4hu){background:#d8cce8;border-radius:50%;width:11px;height:11px}.guide-dots.svelte-atp4hu i.active:where(.svelte-atp4hu){background:#8d72ba;border-radius:999px;width:27px}@media (max-height:520px),(max-width:700px){.guide-dialog.svelte-atp4hu{width:min(650px,100%);padding:8px 12px}.guide-head.svelte-atp4hu h2:where(.svelte-atp4hu){font-size:clamp(17px,4.4vh,23px)}.guide-close.svelte-atp4hu{width:38px;height:38px}.guide-image-frame.svelte-atp4hu img:where(.svelte-atp4hu){height:min(48vh,290px)}.guide-figure.svelte-atp4hu figcaption:where(.svelte-atp4hu){font-size:clamp(15px,3.8vh,20px)}}