@font-face{font-family:Fredoka;font-style:normal;font-weight:400 700;font-display:swap;src:url(./fredoka-latin-DOQG_Jwn.woff2) format("woff2")}:root{--bg: #fff6e8;--sky-top: #a5ddf8;--sky-mid: #d8f1fd;--tile: #ffffff;--ink: #5e3e1e;--ink-soft: rgba(94, 62, 30, .55);--tile-shadow: rgba(94, 62, 30, .16);--locked: rgba(94, 62, 30, .45);--candy-1: #ff5d73;--candy-2: #ff9838;--candy-3: #f5b301;--candy-4: #3fbf62;--candy-5: #2fb3e8;--candy-6: #9b6ef3;--inset-top: var(--safe-area-inset-top, env(safe-area-inset-top, 0px));--inset-right: var(--safe-area-inset-right, env(safe-area-inset-right, 0px));--inset-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));--inset-left: var(--safe-area-inset-left, env(safe-area-inset-left, 0px));--mm: 6.2992px;--target-min: calc(var(--mm) * 14);--target-gap: calc(var(--mm) * 8);--font: "Fredoka", ui-rounded, "SF Pro Rounded", "Comic Sans MS", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-family:var(--font);color:var(--ink)}#sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:linear-gradient(to bottom,var(--sky-top) 0%,var(--sky-mid) 42%,var(--bg) 100%)}.sky__sun{position:absolute;top:9%;left:6%;width:calc(var(--mm) * 22);height:calc(var(--mm) * 22);border-radius:50%;background:radial-gradient(circle,#ffe89a,#ffd44d 58%,#ffd44d00 72%);filter:blur(1px);animation:sun-glow 6s ease-in-out infinite alternate}@keyframes sun-glow{0%{transform:scale(1)}to{transform:scale(1.07)}}.sky__cloud{position:absolute;width:calc(var(--mm) * 26);height:calc(var(--mm) * 9);border-radius:calc(var(--mm) * 9);background:#ffffffeb;box-shadow:calc(var(--mm) * -7) calc(var(--mm) * 2.5) 0 calc(var(--mm) * -1) #ffffffd9,calc(var(--mm) * 7) calc(var(--mm) * 2) 0 calc(var(--mm) * -1.5) #fffc;filter:blur(2px);animation:cloud-sway 34s ease-in-out infinite alternate}.sky__cloud--a{top:8%;left:32%}.sky__cloud--b{top:22%;left:66%;transform:scale(.72);animation-duration:46s;animation-delay:-12s}.sky__cloud--c{top:34%;left:12%;transform:scale(.55);opacity:.8;animation-duration:55s;animation-delay:-30s}@keyframes cloud-sway{0%{translate:-7vw 0}to{translate:7vw 0}}.sky__hills{position:absolute;right:0;bottom:0;left:0;height:30%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 260' preserveAspectRatio='none'%3E%3Cpath fill='%23a8dd8e' d='M0 160 Q 170 40 360 130 T 700 120 Q 860 70 1000 140 L 1000 260 L 0 260 Z'/%3E%3C/svg%3E") bottom / 100% 100% no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 260' preserveAspectRatio='none'%3E%3Cpath fill='%2385cf6f' d='M0 200 Q 240 90 480 180 T 1000 170 L 1000 260 L 0 260 Z'/%3E%3C/svg%3E") bottom / 100% 100% no-repeat;opacity:.9}body.playing #sky{display:none}#nav{position:fixed;top:0;right:0;left:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--mm) * 2.5);padding:calc(var(--inset-top) + var(--mm) * 2) calc(var(--inset-right) + var(--mm) * 4) calc(var(--mm) * 2) calc(var(--inset-left) + var(--mm) * 4);background:#fffdf7c7;-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4);border-radius:0 0 calc(var(--mm) * 5) calc(var(--mm) * 5);box-shadow:0 calc(var(--mm) * 1) calc(var(--mm) * 3) #5e3e1e1f}.nav__title{order:0;flex:1 1 auto;margin:0;min-width:0;font-size:calc(var(--mm) * 5.2);font-weight:700;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav__letter{display:inline-block;color:var(--letter, var(--ink));text-shadow:0 calc(var(--mm) * .45) 0 rgba(255,255,255,.9),0 calc(var(--mm) * .7) calc(var(--mm) * .7) rgba(94,62,30,.18);transform:rotate(-3deg)}.nav__letter:nth-child(2n){transform:rotate(3deg) translateY(calc(var(--mm) * -.3))}.who{order:1}.nav__search{order:2;flex:1 1 calc(var(--mm) * 24);min-width:calc(var(--mm) * 16);max-width:calc(var(--mm) * 60);height:calc(var(--mm) * 11);padding:0 calc(var(--mm) * 3.5);border:calc(var(--mm) * .5) solid rgba(94,62,30,.14);border-radius:calc(var(--mm) * 5.5);background:var(--tile);color:var(--ink);font:inherit;font-size:calc(var(--mm) * 3.6);-webkit-user-select:text;user-select:text}.nav__search::placeholder{color:#5e3e1e66}.nav__search:focus-visible{outline:calc(var(--mm) * .5) solid var(--candy-4)}body.playing #nav{display:none}#app{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;padding:calc(var(--nav-height, var(--mm) * 32) + var(--mm) * 4) calc(var(--inset-right) + var(--mm) * 4) calc(var(--inset-bottom) + var(--mm) * 8) calc(var(--inset-left) + var(--mm) * 4);overflow-y:auto;touch-action:pan-y}.empty{margin:calc(var(--mm) * 8) auto;color:var(--ink-soft);font-size:calc(var(--mm) * 4);text-align:center}.empty:before{content:"🧸";display:block;margin-bottom:calc(var(--mm) * 2);font-size:calc(var(--mm) * 10)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--mm) * 22),1fr));gap:var(--target-gap)}.grid--loading{opacity:.5}.tile:nth-child(6n+1){--tile-accent: var(--candy-1)}.tile:nth-child(6n+2){--tile-accent: var(--candy-5)}.tile:nth-child(6n+3){--tile-accent: var(--candy-3)}.tile:nth-child(6n+4){--tile-accent: var(--candy-4)}.tile:nth-child(6n+5){--tile-accent: var(--candy-6)}.tile:nth-child(6n+6){--tile-accent: var(--candy-2)}.tile{position:relative;display:flex;flex-direction:column;min-width:var(--target-min);min-height:var(--target-min);padding:0;border:none;border-bottom:calc(var(--mm) * 1.4) solid var(--tile-accent, var(--candy-3));border-radius:calc(var(--mm) * 6);background:var(--tile);box-shadow:0 calc(var(--mm) * 1.5) calc(var(--mm) * 3.5) var(--tile-shadow),0 calc(var(--mm) * .8) 0 calc(var(--mm) * .2) color-mix(in srgb,var(--tile-accent, var(--candy-3)) 35%,transparent);overflow:hidden;cursor:pointer;transition:transform .15s cubic-bezier(.34,1.56,.64,1);transform:rotate(var(--tile-tilt, 0deg))}.tile:nth-child(4n+1){--tile-tilt: -1.1deg}.tile:nth-child(4n+2){--tile-tilt: .9deg}.tile:nth-child(4n+3){--tile-tilt: -.6deg}.tile:nth-child(4n+4){--tile-tilt: 1.2deg}.tile:active{transform:rotate(0) scale(.93)}.tile--pop{animation:tile-pop .38s cubic-bezier(.34,1.56,.64,1) backwards}@keyframes tile-pop{0%{opacity:0;transform:scale(.5) rotate(var(--tile-tilt, 0deg))}}.tile__artwrap{position:relative;display:block;width:100%;aspect-ratio:1;pointer-events:none}.tile__art{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.tile__progress{display:none;position:absolute;left:10%;right:10%;bottom:calc(var(--mm) * 2);height:calc(var(--mm) * 3);border:calc(var(--mm) * .4) solid rgba(255,255,255,.9);border-radius:calc(var(--mm) * 1.5);background:#5e3e1e40;overflow:hidden}.tile--downloading .tile__progress{display:block}.tile--downloading .tile__art{opacity:.6}.tile__progress-fill{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(to right,var(--candy-4),#6bd88a);transition:width .2s ease-out}.tile--downloading-pulse .tile__progress-fill{animation:progress-pulse 1.2s ease-in-out infinite}@keyframes progress-pulse{0%,to{opacity:.4}50%{opacity:1}}.tile__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:calc(var(--mm) * 1.5) calc(var(--mm) * 1.5) calc(var(--mm) * 2);color:var(--ink);font-size:calc(var(--mm) * 3.4);font-weight:600;line-height:1.15;text-align:center;pointer-events:none}.tile--locked:after{content:"";position:absolute;inset:auto calc(var(--mm) * 2) auto auto;top:calc(var(--mm) * 2);width:calc(var(--mm) * 6);height:calc(var(--mm) * 6);border-radius:50%;background:#f5a524 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 3a5 5 0 0 0-5 5v2.1A2.5 2.5 0 0 0 5 12.5v6A2.5 2.5 0 0 0 7.5 21h9a2.5 2.5 0 0 0 2.5-2.5v-6a2.5 2.5 0 0 0-2-2.4V8a5 5 0 0 0-5-5Zm3 7H9V8a3 3 0 1 1 6 0Z'/%3E%3C/svg%3E") center / 55% no-repeat;box-shadow:0 calc(var(--mm) * .5) calc(var(--mm) * 1) #5e3e1e4d}.tile--needs-download .tile__artwrap:after{content:"";position:absolute;left:calc(var(--mm) * 2);top:calc(var(--mm) * 2);width:calc(var(--mm) * 6);height:calc(var(--mm) * 6);border-radius:50%;background:#3fbf62eb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 3a1.5 1.5 0 0 1 1.5 1.5v8.4l2.9-2.9a1.5 1.5 0 1 1 2.2 2.2l-5.5 5.4a1.5 1.5 0 0 1-2.2 0L5.4 12.2a1.5 1.5 0 1 1 2.2-2.2l2.9 2.9V4.5A1.5 1.5 0 0 1 12 3Zm-6 15h12a1.5 1.5 0 0 1 0 3H6a1.5 1.5 0 0 1 0-3Z'/%3E%3C/svg%3E") center / 55% no-repeat;box-shadow:0 calc(var(--mm) * .5) calc(var(--mm) * 1) #5e3e1e40}.tile--downloading .tile__artwrap:after{display:none}.tile--beckon{animation:beckon 1.3s ease-in-out 2;box-shadow:0 0 0 calc(var(--mm) * 1) #f5c5188c,0 0 calc(var(--mm) * 5) #f5c518b3}@keyframes beckon{0%,to{transform:scale(1) rotate(var(--tile-tilt, 0deg))}25%{transform:scale(1.05) rotate(-2deg)}75%{transform:scale(1.05) rotate(2deg)}}#player{position:fixed;top:0;right:0;bottom:0;left:0;display:none;background:var(--bg)}body.playing #player{display:block}body.playing #app{visibility:hidden}.pack-frame{width:100%;height:100%;border:0;display:block}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}.sky__cloud,.sky__sun{animation:none!important}}body.reduced-motion *{animation-duration:.01ms!important;transition-duration:.01ms!important}body.reduced-motion .sky__cloud,body.reduced-motion .sky__sun{animation:none!important}.gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:calc(var(--inset-top) + var(--mm) * 4) calc(var(--inset-right) + var(--mm) * 4) calc(var(--inset-bottom) + var(--mm) * 4) calc(var(--inset-left) + var(--mm) * 4);background:#281a0c8c;touch-action:none}.gate__panel{width:100%;max-width:calc(var(--mm) * 110);max-height:100%;overflow-y:auto;padding:calc(var(--mm) * 4);border-radius:calc(var(--mm) * 6);background:var(--tile);box-shadow:0 calc(var(--mm) * 3) calc(var(--mm) * 8) #281a0c59;text-align:center}.gate__title{margin:0 0 calc(var(--mm) * 2);font-size:calc(var(--mm) * 5);color:var(--ink)}.gate__prompt{margin:0 0 calc(var(--mm) * 5);font-size:calc(var(--mm) * 4.5);font-weight:600;color:var(--ink);min-height:calc(var(--mm) * 12)}.gate__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(var(--mm) * 18),1fr));gap:calc(var(--mm) * 2.5)}.gate__digit{min-height:calc(var(--mm) * 12);padding:calc(var(--mm) * 2);border:none;border-radius:calc(var(--mm) * 4);background:var(--bg);color:var(--ink);font-size:calc(var(--mm) * 4);font-family:inherit;cursor:pointer}.gate__digit:active{background:#ffe9c9;transform:scale(.95)}.gate__cancel{margin-top:calc(var(--mm) * 5);min-height:calc(var(--mm) * 12);padding:0 calc(var(--mm) * 6);border:none;border-radius:calc(var(--mm) * 4);background:transparent;color:#5e3e1eb3;font-size:calc(var(--mm) * 3.8);font-family:inherit;cursor:pointer}.profiles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;display:flex;align-items:center;justify-content:center;padding:calc(var(--inset-top) + var(--mm) * 4) calc(var(--inset-right) + var(--mm) * 4) calc(var(--inset-bottom) + var(--mm) * 4) calc(var(--inset-left) + var(--mm) * 4);background:linear-gradient(to bottom,var(--sky-top) 0%,var(--sky-mid) 42%,var(--bg) 100%)}.profiles__panel{width:100%;max-width:calc(var(--mm) * 130);max-height:100%;overflow-y:auto;text-align:center}.profiles__title{margin:0 0 calc(var(--mm) * 5);font-size:calc(var(--mm) * 6);font-weight:700;color:var(--ink);text-shadow:0 calc(var(--mm) * .4) 0 rgba(255,255,255,.8)}.profiles__grid{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:var(--target-gap)}.profiles__slot{position:relative;width:calc(var(--mm) * 32)}.profiles__tile{width:100%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--mm) * 1);padding:0;border:calc(var(--mm) * 1.2) solid var(--profile-colour, #ddd);border-radius:50%;background:var(--tile);box-shadow:0 calc(var(--mm) * 1.5) calc(var(--mm) * 3) var(--tile-shadow);overflow:hidden;cursor:pointer;font-size:calc(var(--mm) * 12);line-height:1;transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.profiles__tile:active{transform:scale(.93)}.profiles__tile--add{width:calc(var(--mm) * 32);border-style:dashed;border-color:#5e3e1e59;color:#5e3e1e80;background:#fff9;font-size:calc(var(--mm) * 9)}.profiles__photo{width:100%;height:100%;object-fit:cover}.profiles__name{position:absolute;bottom:calc(var(--mm) * 2);left:12%;right:12%;padding:calc(var(--mm) * .5) 0;border-radius:calc(var(--mm) * 3);font-size:calc(var(--mm) * 3.2);font-weight:600;color:var(--ink);background:#ffffffe6;pointer-events:none}.profiles__edit{position:absolute;top:0;right:0;width:calc(var(--mm) * 10);height:calc(var(--mm) * 10);border:none;border-radius:50%;background:#5e3e1ebf;color:#fff;font-size:calc(var(--mm) * 4);cursor:pointer}.profiles__preview{width:calc(var(--mm) * 34);height:calc(var(--mm) * 34);margin:0 auto calc(var(--mm) * 4);display:flex;align-items:center;justify-content:center;border:calc(var(--mm) * 1.2) solid var(--profile-colour, #ddd);border-radius:50%;overflow:hidden;background:var(--tile);box-shadow:0 calc(var(--mm) * 1.5) calc(var(--mm) * 3) var(--tile-shadow);font-size:calc(var(--mm) * 14)}.profiles__field{display:block;margin-bottom:calc(var(--mm) * 4);text-align:left;font-size:calc(var(--mm) * 3.6);color:var(--ink)}.profiles__input{display:block;width:100%;margin-top:calc(var(--mm) * 1.5);min-height:calc(var(--mm) * 12);padding:0 calc(var(--mm) * 3);border:calc(var(--mm) * .5) solid rgba(94,62,30,.25);border-radius:calc(var(--mm) * 4);background:var(--tile);font-size:calc(var(--mm) * 4.5);font-family:inherit;color:var(--ink)}.profiles__strip{display:flex;flex-wrap:wrap;gap:calc(var(--mm) * 2);margin-top:calc(var(--mm) * 1.5)}.profiles__swatch,.profiles__emoji{width:calc(var(--mm) * 11);height:calc(var(--mm) * 11);border:calc(var(--mm) * .6) solid transparent;border-radius:50%;cursor:pointer;font-size:calc(var(--mm) * 5.5);line-height:1;padding:0}.profiles__emoji{background:var(--tile)}.profiles__swatch.is-selected,.profiles__emoji.is-selected{border-color:var(--ink);transform:scale(1.1)}.profiles__row{display:flex;flex-wrap:wrap;gap:calc(var(--mm) * 2);margin-bottom:calc(var(--mm) * 4)}.profiles__action{display:inline-flex;align-items:center;justify-content:center;min-height:calc(var(--mm) * 12);padding:0 calc(var(--mm) * 4);border:none;border-radius:calc(var(--mm) * 4);background:#ffffffe6;color:var(--ink);font-size:calc(var(--mm) * 3.8);font-family:inherit;font-weight:600;cursor:pointer}.profiles__action--primary{width:100%;background:var(--candy-4);color:#fff;box-shadow:0 calc(var(--mm) * .8) 0 #2e9a4c}.profiles__action--danger{width:100%;margin-top:calc(var(--mm) * 3);background:transparent;color:#e5484d}.profiles__settings{align-self:center;margin-top:calc(var(--mm) * 6);min-height:calc(var(--mm) * 11);padding:0 calc(var(--mm) * 5);border:calc(var(--mm) * .5) solid rgba(94,62,30,.2);border-radius:calc(var(--mm) * 5.5);background:#ffffffbf;color:var(--ink);font-size:calc(var(--mm) * 3.6);font-family:inherit;cursor:pointer}.profiles__file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.who{flex:0 0 auto;width:calc(var(--mm) * 13);height:calc(var(--mm) * 13);border:calc(var(--mm) * 1) solid var(--profile-colour, #ddd);border-radius:50%;background:var(--tile);box-shadow:0 calc(var(--mm) * 1) calc(var(--mm) * 2) var(--tile-shadow);font-size:calc(var(--mm) * 6);line-height:1;padding:0;cursor:pointer;transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.who:active{transform:scale(.9)}.parent{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11;overflow-y:auto;padding:calc(var(--inset-top) + var(--mm) * 4) calc(var(--inset-right) + var(--mm) * 4) calc(var(--inset-bottom) + var(--mm) * 8) calc(var(--inset-left) + var(--mm) * 4);background:var(--bg);color:var(--ink);font-size:calc(var(--mm) * 3.6)}.parent__panel{max-width:calc(var(--mm) * 150);margin:0 auto}.parent__head{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--mm) * 3);margin-bottom:calc(var(--mm) * 4)}.parent__title{margin:0;font-size:calc(var(--mm) * 5.2);font-weight:700}.parent__close{min-height:calc(var(--mm) * 12);padding:0 calc(var(--mm) * 5);border:none;border-radius:calc(var(--mm) * 5.5);background:var(--tile);box-shadow:0 calc(var(--mm) * .8) calc(var(--mm) * 2) var(--tile-shadow);color:inherit;font:inherit;font-weight:600;cursor:pointer}.parent__section{margin-bottom:calc(var(--mm) * 5);padding:calc(var(--mm) * 4);border-radius:calc(var(--mm) * 5);background:var(--tile);box-shadow:0 calc(var(--mm) * 1) calc(var(--mm) * 2.5) #5e3e1e14}.parent__heading{margin:0 0 calc(var(--mm) * 2);font-size:calc(var(--mm) * 4.2);font-weight:700}.parent__state{margin:0 0 calc(var(--mm) * 2);font-weight:600}.parent__muted{margin:0;opacity:.6}.parent__madeby{margin:calc(var(--mm) * 6) 0 0;opacity:.5;font-size:calc(var(--mm) * 3.2);text-align:center}.parent__row{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--mm) * 2);min-height:calc(var(--mm) * 12)}.parent__chip{min-width:calc(var(--mm) * 12);min-height:calc(var(--mm) * 10);padding:0 calc(var(--mm) * 3);border:calc(var(--mm) * .5) solid rgba(94,62,30,.25);border-radius:calc(var(--mm) * 5);background:transparent;color:inherit;font:inherit;cursor:pointer}.parent__chip.is-on{background:var(--candy-4);border-color:var(--candy-4);color:#fff}.parent__chip--danger{color:#e5484d;border-color:#e5484d66}.parent__plans{margin-top:calc(var(--mm) * 2)}.parent__plan{gap:calc(var(--mm) * 2)}.parent__chip--buy{background:var(--candy-4);border-color:var(--candy-4);color:#fff;font-weight:600}.parent__chip--buy:disabled{opacity:.5;cursor:default}.parent__release{margin-top:calc(var(--mm) * 2)}.parent__release>summary{min-height:calc(var(--mm) * 10);display:flex;align-items:center;cursor:pointer}.parent__release-notes{margin:calc(var(--mm) * 1) 0 0;padding-left:calc(var(--mm) * 5)}.parent__release-notes li{margin-bottom:calc(var(--mm) * 1.5);line-height:1.4}.parent__action{width:100%;min-height:calc(var(--mm) * 12);margin-top:calc(var(--mm) * 2);border:none;border-radius:calc(var(--mm) * 4);background:var(--bg);color:inherit;font:inherit;font-weight:600;cursor:pointer}.parent__action--danger{background:transparent;color:#e5484d}.parent__log{max-height:calc(var(--mm) * 50);overflow:auto;margin:0;padding:calc(var(--mm) * 2);border-radius:calc(var(--mm) * 3);background:var(--bg);font-family:ui-monospace,monospace;font-size:calc(var(--mm) * 2.6);white-space:pre}