@font-face{font-family:Smash Rounded;src:url(/assets/Fredoka-CZ8E0O5X.woff2)format("woff2");font-style:normal;font-weight:300 700;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--smash-bg:#e9e8e0;--smash-bg-cocomelon:#d9eee7;--smash-ink:#1c3650;--smash-tile:#fffdf8;--smash-tile-shadow:#5ac0b0;--smash-control-bg:#1c3650;--smash-button-bg:#ffffff26;--smash-button-bg-active:#ffffff4d;--smash-button-text:#fff;--smash-parent-cue-bg:var(--smash-control-bg);--smash-parent-cue-fill:#ffffff38;--smash-prompt-bg:var(--smash-tile);--smash-prompt-text:var(--smash-ink);--smash-prompt-muted:#425971;--smash-control-radius:24px;--smash-button-radius:14px;--smash-control-z:100;--smash-control-font-size:20px;--ds-background:var(--smash-bg);--ds-surface:var(--smash-button-bg);--ds-foreground:var(--smash-button-text);--ds-muted:var(--smash-button-text);--ds-primary:var(--smash-button-bg-active);--ds-primary-foreground:var(--smash-button-text);--ds-border:var(--smash-button-bg-active);--ds-ring:var(--smash-button-text);--ds-radius:var(--smash-button-radius)}html,body{background:var(--smash-bg);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;overflow:hidden}#smash-root,.smash-page{width:100%;height:100%}.smash-page{background:var(--smash-bg);font-family:Smash Rounded,ui-rounded,system-ui,sans-serif}.smash-page[data-smash-mode=cocomelon]{background:var(--smash-bg-cocomelon)}#smash-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.smash-prompt{z-index:1;width:min(calc(100vw - calc(var(--spacing) * 12)), 384px);align-items:center;gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 6) calc(var(--spacing) * 8);border:4px solid var(--smash-ink);background:var(--smash-prompt-bg);color:var(--smash-prompt-text);box-shadow:10px 10px 0 var(--smash-tile-shadow);text-align:center;pointer-events:none;transition:opacity var(--ds-duration-fast) ease;border-radius:28px;flex-direction:column;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.smash-page:has(.parent-controls:not(.hidden)) .smash-prompt{opacity:0}.smash-prompt__emoji{font-size:48px;line-height:1}.smash-prompt__title{font-size:24px;font-weight:700;line-height:1.2}.smash-prompt__hint{color:var(--smash-prompt-muted);font-size:16px;font-weight:500;line-height:1.5}.parent-controls{bottom:max(env(safe-area-inset-bottom,0px), calc(var(--spacing) * 4));right:max(env(safe-area-inset-right,0px), calc(var(--spacing) * 4));width:min(360px, calc(100vw - calc(var(--spacing) * 6)));max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - calc(var(--spacing) * 8));z-index:var(--smash-control-z);padding:calc(var(--spacing) * 3.5);border-radius:var(--smash-control-radius);clip-path:inset(0 0 0 0 round var(--smash-control-radius));background:var(--smash-control-bg);transition:clip-path var(--ds-duration-normal) cubic-bezier(.22, 1, .36, 1), border-radius var(--ds-duration-normal) cubic-bezier(.22, 1, .36, 1);grid-template-columns:minmax(0,1fr);font-family:system-ui,sans-serif;display:grid;position:fixed;overflow:hidden auto}.parent-controls.hidden{clip-path:inset(calc(100% - 48px) 0 0 calc(100% - 48px) round 16px);pointer-events:none;border-radius:16px}.parent-controls>*{transition:opacity var(--ds-duration-fast) ease 70ms}.parent-controls.hidden>*{opacity:0;transition-delay:0s}.ctrl-btn{font-size:var(--smash-control-font-size);line-height:1}.ctrl-btn:active{background:var(--smash-button-bg-active)}.parent-controls__header{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 2);min-height:44px;padding-bottom:var(--spacing);display:flex}.parent-controls__title{color:#eaf4f5;font-size:16px;font-weight:750;line-height:1.2}.parent-controls .parent-controls__close{color:#eaf4f5;background:#ffffff17;border-radius:50%;flex:none;width:44px;height:44px;padding:0;font-size:16px}.parent-controls .parent-setting{justify-content:start;gap:calc(var(--spacing) * 2);width:100%;height:52px;padding:0 var(--spacing);text-align:left;background:0 0;border-bottom:1px solid #eaf4f52e;border-radius:0;grid-template-columns:78px minmax(0,1fr) 20px;display:grid}.parent-setting__label{align-items:center;gap:calc(var(--spacing) * 1);color:#bbd8dd;white-space:nowrap;font-size:12px;font-weight:650;display:inline-flex}.parent-setting__emoji{font-size:14px;line-height:1}.parent-setting__value{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:750;overflow:hidden}.parent-setting__change{color:#bbd8dd;text-align:right;font-size:19px;font-weight:500}.parent-play-actions{gap:calc(var(--spacing) * 2);margin-top:calc(var(--spacing) * 3.5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.parent-utilities{gap:var(--spacing);margin-top:calc(var(--spacing) * 3);padding-top:calc(var(--spacing) * 2);border-top:1px solid #eaf4f52e;grid-template-columns:repeat(3,minmax(0,1fr));padding-right:44px;display:grid}.parent-utilities:has(#btn-fullscreen[hidden]){grid-template-columns:repeat(2,minmax(0,1fr))}.parent-utilities #btn-fullscreen[hidden]{display:none}.parent-controls .parent-control{gap:calc(var(--spacing) * 2);width:100%;min-width:0;height:52px;padding:0 calc(var(--spacing) * 2);white-space:normal;background:0 0;border-radius:14px}.parent-play-actions .parent-control{background:#ffffff1a;justify-content:center}.parent-play-actions .ctrl-toggle[aria-pressed=true],.parent-play-actions #btn-random.is-random{color:var(--smash-ink);background:#eaf4f5}.parent-control__icon{flex:none;font-size:19px;line-height:1}.parent-control__label{text-align:center;font-size:13px;font-weight:700;line-height:1.15}.parent-utilities .parent-control{gap:var(--spacing);height:56px;padding:var(--spacing) calc(var(--spacing) * .5);color:#dcebee;flex-direction:column}.parent-utilities .parent-control__label{font-size:11px}@media (hover:hover) and (pointer:fine){.parent-controls .parent-setting:hover,.parent-controls .parent-controls__close:hover,.parent-utilities .parent-control:hover,.parent-play-actions #btn-sound:not([aria-pressed=true]):hover,.parent-play-actions #btn-random:not(.is-random):hover{background:#ffffff29}}@media (height<=760px) and (orientation:portrait){.parent-controls{padding:calc(var(--spacing) * 3)}.parent-controls .parent-setting{height:50px}.parent-play-actions{margin-top:calc(var(--spacing) * 3)}.parent-utilities{margin-top:calc(var(--spacing) * 2.5);padding-top:calc(var(--spacing) * 1.5)}.parent-utilities .parent-control{height:48px}}@media (height<=480px) and (orientation:landscape){.parent-controls{top:max(env(safe-area-inset-top,0px), var(--spacing));bottom:auto;left:max(env(safe-area-inset-left,0px), calc(var(--spacing) * 2));right:max(env(safe-area-inset-right,0px), calc(var(--spacing) * 2));gap:calc(var(--spacing) * 2);width:auto;padding:calc(var(--spacing) * 2);grid-template-columns:repeat(5,minmax(0,1fr))}.parent-controls__header{grid-area:1/1;justify-content:flex-start;padding:0}.parent-controls__title{display:none}.parent-controls .parent-setting{gap:var(--spacing);height:52px;padding:0 var(--spacing);grid-row:1;grid-template-columns:auto minmax(0,1fr) 16px}#btn-mode{grid-column:2/span 2}#btn-language{grid-column:4/span 2}.parent-setting__label{font-size:10px}.parent-setting__value{font-size:12px}.parent-play-actions{grid-area:2/1/auto/span 2;margin:0}.parent-utilities{border:0;grid-area:2/3/auto/span 3;margin:0;padding:0}.parent-controls.hidden{clip-path:inset(0 0 calc(100% - 48px) calc(100% - 48px) round 16px)}.parent-controls .parent-control,.parent-utilities .parent-control{height:52px}.parent-control__label{font-size:10px}}@media (height<=480px) and (orientation:landscape) and (width<=520px){.parent-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.parent-controls__header{grid-column:1/-1}#btn-mode,#btn-language{grid-row:2}#btn-mode{grid-column:1}#btn-language{grid-column:2}.parent-play-actions{grid-area:3/1/auto/-1}.parent-utilities{grid-area:4/1/auto/-1}}@media (width<=280px) and (orientation:portrait){.parent-controls .parent-setting{height:auto;min-height:64px;padding-block:var(--spacing);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) 20px}.parent-setting__label,.parent-setting__value{grid-column:1}.parent-setting__change{grid-area:1/2/span 2;align-self:center}}.long-press-target{right:max(env(safe-area-inset-right,0px), calc(var(--spacing) * 4));bottom:max(env(safe-area-inset-bottom,0px), calc(var(--spacing) * 4));width:48px;height:48px;z-index:calc(var(--smash-control-z) + 1);background:var(--smash-parent-cue-bg);color:var(--smash-button-text);cursor:pointer;touch-action:none;transition:opacity var(--ds-duration-fast) ease;border-radius:16px;place-items:center;display:grid;position:fixed;overflow:hidden}.parent-controls:not(.hidden)~.long-press-target{opacity:0;pointer-events:none}.long-press-target__progress{background:var(--smash-parent-cue-fill);transform-origin:0;transition:none;position:absolute;inset:0;transform:scaleX(0)}.long-press-target.is-holding .long-press-target__progress{transition:transform var(--smash-parent-hold-duration) linear;transform:scaleX(1)}.long-press-target__icon{opacity:.85;width:24px;height:24px;transition:opacity var(--ds-duration-fast) ease, transform var(--ds-duration-fast) ease;position:relative}.long-press-target.is-holding .long-press-target__icon{opacity:1;transform:scale(.92)}@media (hover:hover) and (pointer:fine){.long-press-target:hover{background:#2a4a66}}@media (height<=480px) and (orientation:landscape){.long-press-target{top:max(env(safe-area-inset-top,0px), calc(var(--spacing) * 1));right:max(env(safe-area-inset-right,0px), calc(var(--spacing) * 2));bottom:auto}}@media (prefers-reduced-motion:reduce){.parent-controls,.long-press-target,.long-press-target__icon,.parent-controls>*,.smash-prompt,.long-press-target__progress{transition:none}.long-press-target.is-holding .long-press-target__progress{transition:transform var(--smash-parent-hold-duration) linear}}