@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-condensed-latin-600-normal-DepVgxBB.woff2) format("woff2"),url(./barlow-condensed-latin-600-normal-BFJEwTuo.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-condensed-latin-700-normal-v1xN8_Wq.woff2) format("woff2"),url(./barlow-condensed-latin-700-normal-Dmwat-ge.woff) format("woff")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(./bricolage-grotesque-latin-700-normal-gtcctNPv.woff2) format("woff2"),url(./bricolage-grotesque-latin-700-normal-DvJDmrLu.woff) format("woff")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(./bricolage-grotesque-latin-800-normal-J50vIsBe.woff2) format("woff2"),url(./bricolage-grotesque-latin-800-normal-Br4b-5gk.woff) format("woff")}:root{--bg: #0d1b2c;--surface: #14273d;--surface-2: #1b3350;--surface-3: #234165;--line: #2b4767;--ink: #e8eff8;--muted: #93a8c0;--accent: #ffc93c;--accent-ink: #231a00;--accent-hover: #ffd766;--board-bg: #142a47;--star-off: rgba(255, 255, 255, .12);--result-bg: rgba(16, 32, 52, .96);--stop: #ff6b5a;--good: #57d68d;--bad: #ff8a7a;--lift: 0 1px 2px rgba(0, 0, 0, .25), 0 6px 14px -6px rgba(0, 0, 0, .5);--edge-light: rgba(255, 255, 255, .09);--bezel-a: #26476e;--bezel-b: #0e1f35;--jojo-suit: #3a7bd5;--jojo-suit-dark: #2a5ea8;--jojo-shirt: #f3eee4;--jojo-tool: #c8d3df;--jojo-boot: #2b3a50;--jojo-stripe: #6f9fc8;--jojo-stripe-2: #c9733b;--jojo-collar: #e3a23a;--jojo-skin: #7a4a2c;--jojo-skin-dark: #55301b;--jojo-hair: #1a110d;--jojo-face-ink: #160b06;--jojo-cheek: #c0614a;--jojo-tongue: #e8707e;--bubble-bg: #f4f7fb;--bubble-ink: #0d1b2c;--wordmark-shadow: #0b3a7a;--wordmark-jojo: #ffffff;--wordmark-solve: #7fd0ff;--display: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:dark;font-family:var(--body);color:var(--ink);background:var(--bg)}:root[data-skin=toybox]{--wordmark-shadow: #1c5bc4;--wordmark-jojo: #1d2b53;--wordmark-solve: #1a55c8;--bg: #7cc7ff;--surface: #ffffff;--surface-2: #f1f7ff;--surface-3: #e0ecff;--line: #bed3f2;--ink: #1d2b53;--muted: #56688c;--accent: #d81b60;--accent-ink: #ffffff;--accent-hover: #c2185b;--stop: #ff6a3d;--board-bg: #8fcdf7;--star-off: rgba(29, 43, 83, .16);--result-bg: rgba(255, 255, 255, .92);--lift: 0 1px 2px rgba(30, 60, 120, .14), 0 8px 18px -8px rgba(30, 60, 120, .35);--edge-light: rgba(255, 255, 255, .95);--bezel-a: #ffffff;--bezel-b: #cfe5fa;--jojo-suit: #4d7cff;--jojo-suit-dark: #3559c9;--jojo-shirt: #fdf8ee;--jojo-tool: #6f7f99;--jojo-boot: #1d2b53;--jojo-stripe: #5f9e97;--jojo-stripe-2: #c9733b;--jojo-collar: #e3a23a;--bubble-bg: #ffffff;--bubble-ink: #1d2b53;color-scheme:light}:root[data-skin=forest]{--wordmark-shadow: #2f5d3a;--wordmark-jojo: #1d2b53;--wordmark-solve: #1a55c8;--bg: #9ccb8c;--surface: #fffaf0;--surface-2: #f4f0e2;--surface-3: #e8e2cc;--line: #cdd9b8;--ink: #24361f;--muted: #5d6f52;--accent: #a8521a;--accent-ink: #ffffff;--accent-hover: #9e4c16;--stop: #d9534f;--board-bg: #b7d9a6;--star-off: rgba(36, 54, 31, .16);--result-bg: rgba(255, 250, 240, .93);--lift: 0 1px 2px rgba(40, 70, 30, .16), 0 8px 18px -8px rgba(40, 70, 30, .38);--edge-light: rgba(255, 255, 255, .9);--bezel-a: #fffaf0;--bezel-b: #d8e6c4;--jojo-suit: #4f8a4a;--jojo-suit-dark: #3a6b36;--jojo-shirt: #fdf8ee;--jojo-tool: #8b5e3c;--jojo-boot: #5e3c24;--jojo-stripe: #e8833a;--jojo-stripe-2: #4f8a4a;--jojo-collar: #e9c04f;--bubble-bg: #fffaf0;--bubble-ink: #24361f;color-scheme:light}:root[data-skin=neon]{--wordmark-shadow: #2a1070;--bg: #0b0420;--surface: #150a31;--surface-2: #1e0f46;--surface-3: #2a1664;--line: #3c2484;--ink: #f6efff;--muted: #ad98dc;--accent: #ff3df2;--accent-ink: #1c0019;--accent-hover: #ff70f6;--stop: #ff4d6d;--board-bg: #0b0420;--star-off: rgba(255, 255, 255, .14);--result-bg: rgba(21, 10, 49, .9);--lift: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 16px -6px rgba(0, 0, 0, .7);--edge-light: rgba(255, 255, 255, .08);--bezel-a: #2c1868;--bezel-b: #0c0424;--jojo-suit: #26c6ff;--jojo-suit-dark: #1592c0;--jojo-shirt: #f6efff;--jojo-tool: #e0e6ff;--jojo-boot: #2a1664;--jojo-stripe: #7a5cff;--jojo-stripe-2: #ff3df2;--jojo-collar: #ffe14d;--bubble-bg: #1e0f46;--bubble-ink: #f6efff;color-scheme:dark}:root[data-skin=starlight]{--wordmark-shadow: #0e0a2c;--wordmark-jojo: #ffffff;--wordmark-solve: #ffd666;--bg: #1b1640;--surface: #241d55;--surface-2: #2c2468;--surface-3: #372d7c;--line: #4a3f96;--ink: #fbf8ff;--muted: #b8afe6;--accent: #ffc93c;--accent-ink: #2a1c00;--accent-hover: #ffd666;--stop: #ff6b8a;--board-bg: #1b1640;--star-off: rgba(255, 255, 255, .16);--result-bg: rgba(36, 29, 85, .92);--lift: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 16px -6px rgba(0, 0, 0, .7);--edge-light: rgba(255, 255, 255, .1);--bezel-a: #3a3088;--bezel-b: #120e30;--jojo-suit: #6b5bd6;--jojo-suit-dark: #4a3cad;--jojo-shirt: #fbf8ff;--jojo-tool: #ffd666;--jojo-boot: #241d55;--jojo-stripe: #ffc93c;--jojo-stripe-2: #e0559a;--jojo-collar: #ffc93c;--bubble-bg: #2c2468;--bubble-ink: #fbf8ff;color-scheme:dark}*{box-sizing:border-box}html,body{overscroll-behavior:none}body{margin:0;background:var(--bg);min-height:100vh;-webkit-text-size-adjust:100%}#app{position:relative;z-index:0;max-width:980px;margin:0 auto;padding-block:max(8px,env(safe-area-inset-top,0px)) 28px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:flex;flex-direction:column;gap:10px}button,select{font:inherit;color:inherit}button{min-height:44px;min-width:44px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background-color:var(--surface-2);background-image:linear-gradient(180deg,#ffffff12,#fff0 60%);box-shadow:inset 0 1px 0 var(--edge-light),var(--lift);cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;white-space:nowrap;transition:background-color .12s,border-color .12s,box-shadow .12s,transform .1s ease}@media(hover:hover){button:hover:not(:disabled){background-color:var(--surface-3)}.primary:hover:not(:disabled),.run:hover:not(:disabled){background-color:var(--accent-hover)}.run.stop:hover:not(:disabled){background-color:#ff8577}}button:active:not(:disabled){transform:translateY(1px) scale(.97);box-shadow:inset 0 1px 0 var(--edge-light)}button:disabled{opacity:.4;box-shadow:none;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}#board:focus-visible{outline:2px solid rgba(255,201,60,.55);outline-offset:3px}a{color:var(--muted)}.icon{display:block;flex:none}.icon-button{display:inline-grid;place-items:center;padding:0}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.bar{display:flex;align-items:center;gap:10px;min-height:48px}.mark{display:block;width:34px;height:34px;flex:none;border-radius:9px}.wordmark{display:inline-flex;direction:ltr;font-family:"Bricolage Grotesque",var(--display);font-weight:800;font-synthesis:none;font-size:1.75rem;line-height:1;letter-spacing:-.035em}.wordmark span{display:inline-block;color:var(--wordmark-jojo)}.wordmark span:nth-child(n+5){color:var(--wordmark-solve)}.home-link{display:flex;align-items:center;gap:10px;flex:none;min-height:44px;color:inherit;text-decoration:none;border-radius:10px}.home-link:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.wordmark .to-home,.home-link:hover .wordmark span:nth-child(n+5):not(.to-home),.home-link:focus-visible .wordmark span:nth-child(n+5):not(.to-home){display:none}.home-link:hover .wordmark .to-home,.home-link:focus-visible .wordmark .to-home{display:inline-block}.update-chip{border:0;font:inherit;font-size:.88rem;font-weight:700;cursor:pointer}.update-chip[hidden]{display:none}.running .update-chip{visibility:hidden}.dev-badge{flex:none;padding:3px 8px;border-radius:999px;background:#1d2b53;color:#fff;font-size:.75rem;font-weight:700;white-space:nowrap}.dev-short{display:none}@media(max-width:520px){.bar:has(.dev-badge) .wordmark,.dev-long{display:none}.dev-short{display:inline}}.puzzle-nav{margin-inline-start:auto;display:flex;min-width:0;max-width:70%}.puzzle-nav>button{border-radius:0}.puzzle-nav>button+button{border-inline-start-width:0}.puzzle-nav>button:first-child{border-start-start-radius:12px;border-end-start-radius:12px}.puzzle-nav>button:last-child{border-start-end-radius:12px;border-end-end-radius:12px}.step-puzzle{flex:none;width:44px;min-width:44px;background-color:var(--surface)}.puzzle-pick{display:flex;align-items:center;gap:8px;min-width:0;padding:0 10px 0 14px;background-color:var(--surface)}.puzzle-pick .set{font-family:var(--display);font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;color:var(--accent);display:inline-flex;gap:.35em;flex:none;white-space:nowrap}.puzzle-pick .set-name{max-width:9em;overflow:hidden;text-overflow:ellipsis}.puzzle-pick .title{font-weight:600;overflow:hidden;text-overflow:ellipsis;min-width:min(6em,50%);white-space:nowrap}.brief{display:grid;gap:2px}.goal{margin:0;color:var(--goal-ink, #ffffff);font-family:"Bricolage Grotesque",var(--body);font-weight:700;font-size:1.15rem;line-height:1.3;letter-spacing:.01em;text-shadow:var(--goal-shadow, 0 2px 0 var(--wordmark-shadow), 0 3px 10px rgba(10, 40, 90, .3));text-wrap:balance}:root[data-skin=toybox] .goal,:root[data-skin=forest] .goal{--goal-ink: var(--ink);--goal-shadow: 0 1px 0 rgba(255, 255, 255, .6)}.chips{margin:4px 0 0;display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px 3px 8px;border-radius:999px;background:var(--surface-2);box-shadow:inset 0 1px 0 var(--edge-light);font-size:.88rem;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.chip:empty{display:none}.chip .icon{width:16px;height:16px}.chip b,.chip.accent,#target{color:var(--accent)}.mini-stars{display:inline-flex;gap:1px;margin-inline-start:2px}.mini-stars .star{width:13px;height:13px}.storage{margin:0;padding:8px 12px;border-radius:10px;background:#ff6b5a26;border:1px solid rgba(255,107,90,.4)}.stage{position:relative}.stage.enter{animation:stage-in .35s ease-out}@keyframes stage-in{0%{opacity:.2;transform:translateY(10px) scale(.985)}}#board{display:block;width:min(100%,calc(68vh * 4 / 3));max-width:100%;margin:0 auto;aspect-ratio:4 / 3;border-radius:14px;background:linear-gradient(150deg,var(--bezel-a),var(--bezel-b));box-shadow:inset 0 1px 0 var(--edge-light),0 0 0 1px #0000001f,0 3px 6px #00000029,0 22px 44px -16px #0000008c;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.running #board{box-shadow:inset 0 1px 0 var(--edge-light),0 0 0 2px var(--accent),0 0 24px -4px var(--accent),0 22px 44px -16px #0000008c}.toast{position:absolute;left:50%;bottom:12px;transform:translate(-50%,6px);max-width:calc(100% - 24px);padding:8px 14px;border-radius:10px;background:#08101ceb;border:1px solid var(--line);color:#f4f7fb;font-size:.95rem;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%)}.result{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:min(360px,calc(100% - 24px));padding:16px 18px 18px;border-radius:16px;background:var(--result-bg);-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3);border:1px solid var(--line);box-shadow:inset 0 1px 0 var(--edge-light),0 24px 50px -12px #00000080;text-align:center;animation:rise .25s ease-out}@keyframes rise{0%{opacity:0;transform:translate(-50%,-44%)}}.result .star{animation:star-in .3s ease-out backwards}.result .star.on{animation:star-pop .5s cubic-bezier(.3,1.5,.5,1) backwards}.result .star:nth-child(1){animation-delay:.2s}.result .star:nth-child(2){animation-delay:.42s}.result .star:nth-child(3){animation-delay:.64s}@keyframes star-in{0%{opacity:0;transform:scale(.6)}}@keyframes star-pop{0%{opacity:0;transform:scale(0) rotate(-72deg)}55%{opacity:1;transform:scale(1.35) rotate(8deg);filter:drop-shadow(0 0 6px var(--accent))}}.result h2{margin:2px 0 6px;font-family:var(--display);font-weight:700;font-size:1.9rem;letter-spacing:.01em}.result p{margin:0 0 8px;line-height:1.35}.result .big-time{margin:0;font-family:var(--display);font-weight:700;font-size:2.8rem;line-height:1;font-variant-numeric:tabular-nums}.result .big-time:empty{display:none}.result .chips{justify-content:center;margin:10px 0 14px}.result .reason{line-height:1.35}.stars{display:flex;justify-content:center;gap:4px}.star{width:26px;height:26px;fill:var(--star-off)}.star.on{fill:var(--accent)}.actions{display:flex;justify-content:center;gap:8px;margin-top:6px}.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.controls{display:flex;align-items:stretch;gap:8px}.tray{display:flex;gap:8px;flex:1;min-width:0}.part{flex:1;min-width:0;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:6px;padding:6px 8px;min-height:56px;text-align:start;background-color:var(--surface);touch-action:none}.part-icon{grid-row:span 2;width:52px;height:26px}.part-name{font-family:var(--display);font-weight:600;font-size:1.02rem;overflow:hidden;text-overflow:ellipsis}.count{color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}.part[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset,0 8px 18px -8px var(--accent);background-color:var(--surface-2);transform:translateY(-2px)}.run{display:flex;align-items:center;justify-content:center;gap:6px;min-width:112px;padding:0 18px;background-color:var(--accent);background-image:linear-gradient(180deg,#ffffff42,#fff0 55%);box-shadow:inset 0 1px #fff6,0 2px 4px #0000002e,0 10px 22px -8px var(--accent);border-color:var(--accent);color:var(--accent-ink);font-family:var(--display);font-weight:700;font-size:1.35rem;letter-spacing:.02em;text-transform:uppercase}.run.stop{background-color:var(--stop);box-shadow:inset 0 1px #fff6,0 2px 4px #0000002e,0 10px 22px -8px var(--stop);border-color:var(--stop);color:#2a0500}.tools{display:flex;flex-wrap:wrap;gap:8px 14px}.tools .group{display:flex;gap:6px}.running .tray,.running .tools>:not(.sound-group){opacity:.55}@media(pointer:coarse){.keys{display:none}}@media(max-width:520px){.wordmark{font-size:1.3rem}.puzzle-pick .set-name{display:none}.step-puzzle{width:32px;min-width:32px}.puzzle-pick{padding:0 8px}.puzzle-pick>.icon{display:none}.mark{width:28px;height:28px}.part{grid-template-columns:1fr;justify-items:center;text-align:center;padding:6px 4px}.part-icon{grid-row:auto}.run{min-width:88px;padding:0 12px}.tools{gap:8px;justify-content:space-between}}@media(max-width:400px){.bar{gap:8px}.bar .mark{display:none}}.chooser{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:#040a14b8}.chooser[hidden]{display:none}.sheet{width:min(760px,100%);max-height:100%;overflow:auto;padding:14px 16px 18px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:inset 0 1px 0 var(--edge-light),0 24px 60px -10px #0000008c}.sheet header{position:sticky;top:-14px;z-index:1;display:flex;align-items:center;justify-content:space-between;margin:-14px -16px 0;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--line)}.sheet h2{margin:0;font-family:var(--display);font-size:1.8rem}.sheet h3{margin:14px 0 8px;font-family:var(--display);font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.95rem;color:var(--accent)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 8px;align-items:center;padding:10px;text-align:start;white-space:normal;background-color:var(--surface-2)}.card .num{grid-row:span 2;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--bg);font-family:var(--display);font-weight:700;font-size:1.1rem}.card .name{font-weight:600}.card .stars{justify-content:flex-start;gap:2px}.card .star{width:15px;height:15px}.card .state{grid-column:2;display:inline-flex;align-items:center;gap:3px;color:var(--muted);font-size:.82rem;font-variant-numeric:tabular-nums}.card .state .icon{width:14px;height:14px}.card .state .ways{display:inline-flex;align-items:center;gap:2px;margin-inline-start:6px}.card.current{border-color:var(--accent)}.sheet header #chooser-back{margin-inline-end:6px}.sheet header #chooser-back[hidden]{display:none}.sheet header h2{flex:1}.today{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto auto;gap:1px 12px;align-items:center;width:100%;margin-top:14px;padding:12px 14px;text-align:start;white-space:normal;background-color:var(--surface-2);background-image:linear-gradient(120deg,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%);border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.today-icon{grid-row:span 3;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--accent);color:var(--accent-ink)}.today .label{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.today .name{font-family:var(--display);font-weight:700;font-size:1.35rem;line-height:1.1}.today .meta{grid-column:2;color:var(--muted);font-size:.85rem}.today .stars{grid-column:3;grid-row:1 / span 3;gap:2px}.today .star{width:18px;height:18px}.worlds{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;margin-top:10px}.world{--world: var(--accent);display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center;padding:10px 12px 12px;text-align:start;white-space:normal;background-color:var(--surface-2);background-image:linear-gradient(160deg,color-mix(in srgb,var(--world) 16%,transparent),transparent 60%)}.world-workshop{--world: #f08a3c}.world-moving{--world: #9b7cf0}.world-ice{--world: #6cc6f2}.world-spring{--world: #f2b53a}.world-tutorial{--world: #f08a3c}.world-swing{--world: #3fbf8f}.world-skateboard{--world: #e5484d}.world-dominoes{--world: #4a7bea}.world .chapter{display:block;margin-bottom:1px;font-family:inherit;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.world.locked{--world: #9aa3b5;cursor:default;opacity:.75;box-shadow:none}.world-icon{grid-row:span 2;display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--world);color:#fff}.world .name{font-family:var(--display);font-weight:700;font-size:1.2rem;line-height:1.1}.world .meta{display:flex;gap:10px;color:var(--muted);font-size:.82rem;font-variant-numeric:tabular-nums}.world .earned{display:inline-flex;align-items:center;gap:2px}.world .earned .star{width:13px;height:13px;fill:var(--accent)}.world progress{grid-column:1 / -1;width:100%;height:6px;border:0;border-radius:3px;overflow:hidden;appearance:none;background:color-mix(in srgb,var(--muted) 22%,transparent)}.world progress::-webkit-progress-bar{background:color-mix(in srgb,var(--muted) 22%,transparent)}.world progress::-webkit-progress-value{background:var(--world);border-radius:3px}.world progress::-moz-progress-bar{background:var(--world);border-radius:3px}.world.current{border-color:var(--world)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.verdict{margin:0;padding:10px 14px;border-radius:12px;background:var(--surface);font-weight:600}.verdict.ok{background:#57d68d29;border:1px solid rgba(87,214,141,.45)}.verdict.bad{background:#ff6b5a26;border:1px solid rgba(255,107,90,.45)}.facts{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;margin:0}.facts dt{color:var(--muted)}.facts dd{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-family:ui-monospace,Menlo,Consolas,monospace;overflow-wrap:anywhere;min-width:0}#code,#want{font-size:1.2rem}.table-wrap{overflow-x:auto}.hashes{width:100%;border-collapse:collapse;font-size:.9rem}.hashes th,.hashes td{text-align:start;padding:4px 6px;border-bottom:1px solid var(--line)}.hashes code{font-family:ui-monospace,Menlo,Consolas,monospace}.hashes tr.bad{background:#ff6b5a26}.hashes span{color:var(--bad)}.backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% -10%,rgba(64,120,190,.25),transparent 60%)}.backdrop span{display:none}:root[data-skin=toybox] .backdrop{background:linear-gradient(180deg,#67b9ff,#a6dbff 55%,#dcf2ff)}:root[data-skin=toybox] .backdrop span{display:block;position:absolute;bottom:-20vh;left:var(--x);width:var(--s);height:var(--s);background:radial-gradient(circle at 32% 28%,#ffffffb3,#fff0 42%),var(--c);border-radius:28%;box-shadow:0 10px 18px -6px #1e3c784d;opacity:.55;animation:drift var(--d) linear var(--delay) infinite}:root[data-skin=toybox] .backdrop span:nth-child(2),:root[data-skin=toybox] .backdrop span:nth-child(5),:root[data-skin=toybox] .backdrop span:nth-child(9),:root[data-skin=toybox] .backdrop span:nth-child(11),:root[data-skin=toybox] .backdrop span:nth-child(12){filter:blur(2px);opacity:.35}.backdrop span:nth-child(1){--x: 4%;--s: 46px;--c: #ff3d7f;--d: 19s;--delay: -2s}.backdrop span:nth-child(2){--x: 14%;--s: 28px;--c: #ffd23f;--d: 14s;--delay: -9s;border-radius:50%}.backdrop span:nth-child(3){--x: 24%;--s: 60px;--c: #4d7cff;--d: 23s;--delay: -15s}.backdrop span:nth-child(4){--x: 35%;--s: 34px;--c: #14c9a4;--d: 16s;--delay: -4s;clip-path:polygon(50% 0,100% 100%,0 100%)}.backdrop span:nth-child(5){--x: 46%;--s: 24px;--c: #ff8a3d;--d: 13s;--delay: -11s;border-radius:50%}.backdrop span:nth-child(6){--x: 56%;--s: 52px;--c: #8a5cf6;--d: 21s;--delay: -6s}.backdrop span:nth-child(7){--x: 66%;--s: 30px;--c: #ff3d7f;--d: 15s;--delay: -13s;clip-path:polygon(50% 0,100% 100%,0 100%)}.backdrop span:nth-child(8){--x: 75%;--s: 42px;--c: #ffd23f;--d: 18s;--delay: -1s;border-radius:50%}.backdrop span:nth-child(9){--x: 84%;--s: 26px;--c: #14c9a4;--d: 12s;--delay: -7s}.backdrop span:nth-child(10){--x: 92%;--s: 56px;--c: #4d7cff;--d: 22s;--delay: -17s;border-radius:50%}.backdrop span:nth-child(11){--x: 9%;--s: 22px;--c: #8a5cf6;--d: 11s;--delay: -5s;border-radius:50%}.backdrop span:nth-child(12){--x: 61%;--s: 20px;--c: #ff8a3d;--d: 10s;--delay: -3s}@keyframes drift{to{transform:translateY(-140vh) rotate(320deg)}}:root[data-skin=forest] .backdrop{background:linear-gradient(180deg,#b3d9ab,#a2d093 55%,#8bbf78)}:root[data-skin=forest] .backdrop:before{content:"";position:absolute;left:-5%;right:-5%;bottom:9vh;height:26vh;background:radial-gradient(circle at 50% 100%,#5f9a55 0 58%,transparent 59%) 0 100% / 150px 150px repeat-x,radial-gradient(circle at 50% 100%,#4a8245 0 58%,transparent 59%) 75px 100% / 190px 210px repeat-x;opacity:.55}:root[data-skin=forest] .backdrop:after{content:"";position:absolute;left:0;right:0;bottom:0;height:10vh;background:radial-gradient(ellipse 34px 3px at 40px 30%,rgba(255,255,255,.55),transparent),radial-gradient(ellipse 52px 4px at 150px 62%,rgba(255,255,255,.4),transparent),radial-gradient(ellipse 24px 2px at 210px 84%,rgba(255,255,255,.5),transparent),linear-gradient(180deg,#8fcbe0,#5aa5c4);background-size:260px 100%,260px 100%,260px 100%,100% 100%;border-top:3px solid rgba(255,255,255,.4);animation:creek-flow 16s linear infinite}@keyframes creek-flow{to{background-position:260px 0,260px 0,260px 0,0 0}}:root[data-skin=forest] .backdrop span:nth-child(-n+9){display:block;position:absolute;top:-8vh;left:var(--x);width:calc(var(--s) * .45);height:calc(var(--s) * .3);border-radius:0 80%;background:var(--leaf);opacity:.5;animation:leaf-fall calc(var(--d) * 1.6) linear var(--delay) infinite}:root[data-skin=forest] .backdrop span:nth-child(3n+1){--leaf: #7fb069}:root[data-skin=forest] .backdrop span:nth-child(3n+2){--leaf: #e6aa68}:root[data-skin=forest] .backdrop span:nth-child(3n){--leaf: #ca6a3c}@keyframes leaf-fall{0%{transform:translate(0) rotate(0)}25%{transform:translate(4vw,30vh) rotate(60deg)}50%{transform:translate(-2vw,60vh) rotate(-20deg)}75%{transform:translate(3vw,88vh) rotate(80deg)}to{transform:translateY(118vh) rotate(20deg)}}:root[data-skin=neon] .backdrop{background:linear-gradient(180deg,#0b0420,#1d0840 50%,#4a0d5c 84%,#0b0420 84.5% 100%)}:root[data-skin=neon] .backdrop:before{content:"";position:absolute;left:50%;top:84%;width:min(50vmin,400px);aspect-ratio:1;transform:translate(-50%,-100%);border-radius:50%;background:linear-gradient(180deg,#ffe14d,#ff8a3d,#ff3df2 80%);-webkit-mask:linear-gradient(180deg,#000 0 52%,transparent 52% 56%,#000 56% 64%,transparent 64% 69%,#000 69% 77%,transparent 77% 83%,#000 83% 100%);mask:linear-gradient(180deg,#000 0 52%,transparent 52% 56%,#000 56% 64%,transparent 64% 69%,#000 69% 77%,transparent 77% 83%,#000 83% 100%);opacity:.4}:root[data-skin=neon] .backdrop:after{content:"";position:absolute;inset:84% -50% -20%;background-image:linear-gradient(rgba(38,240,255,.45) 2px,transparent 2px),linear-gradient(90deg,rgba(255,61,242,.4) 2px,transparent 2px);background-size:64px 64px;transform:perspective(260px) rotateX(58deg);transform-origin:top;animation:grid-run 1.6s linear infinite}@keyframes grid-run{to{background-position:0 64px}}:root[data-skin=neon] .backdrop span:nth-child(-n+8){display:block;position:absolute;left:var(--x);top:calc(var(--s) * .9);width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 6px #26f0ff;animation:twinkle 3s ease-in-out var(--delay) infinite alternate}@keyframes twinkle{0%{opacity:.2}}:root[data-skin=starlight] .backdrop{background:radial-gradient(ellipse at 50% 120%,#4a2f7a 0%,transparent 60%),linear-gradient(180deg,#120e30,#1b1640 55%,#2c2470)}:root[data-skin=starlight] .backdrop span{display:block;position:absolute;left:var(--x);top:calc(var(--s) * 1.3);width:calc(var(--s) * .4);height:calc(var(--s) * .4);background:#ffd666;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);border-radius:0;filter:drop-shadow(0 0 4px rgba(255,214,102,.8));animation:twinkle 3.4s ease-in-out var(--delay) infinite alternate}.themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}.theme-card{display:grid;gap:6px;padding:10px;text-align:start;white-space:normal;background-color:var(--surface-2)}.theme-card:disabled{opacity:.7}.theme-card[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.theme-card .name{display:flex;align-items:center;gap:6px;font-family:var(--display);font-weight:700;font-size:1.15rem}.theme-card .blurb{color:var(--muted);font-size:.85rem}.theme-swatch{height:58px;border-radius:10px}.swatch-toybox{background:radial-gradient(circle at 22% 70%,#ff3d7f 0 10px,transparent 11px),radial-gradient(circle at 50% 35%,#ffd23f 0 8px,transparent 9px),radial-gradient(circle at 78% 62%,#14c9a4 0 12px,transparent 13px),linear-gradient(180deg,#67b9ff,#dcf2ff)}.swatch-blueprint{background:linear-gradient(rgba(170,205,255,.18) 1px,transparent 1px) 0 0 / 12px 12px,linear-gradient(90deg,rgba(170,205,255,.18) 1px,transparent 1px) 0 0 / 12px 12px,#1d3a5f}.swatch-forest{background:radial-gradient(circle at 25% 78%,#4a8245 0 16px,transparent 17px),radial-gradient(circle at 55% 82%,#5f9a55 0 20px,transparent 21px),radial-gradient(circle at 85% 78%,#4a8245 0 15px,transparent 16px),linear-gradient(180deg,#d9efd9,#b8dcaa 70%,#5aa5c4 70%,#8fcbe0)}.swatch-starlight{background:radial-gradient(circle at 24% 32%,#ffd666 0 4px,transparent 5px),radial-gradient(circle at 62% 22%,#ffd666 0 3px,transparent 4px),radial-gradient(circle at 80% 58%,#ffd666 0 5px,transparent 6px),radial-gradient(circle at 42% 70%,#ffffff 0 2px,transparent 3px),linear-gradient(180deg,#120e30,#2c2470)}.swatch-neon{background:linear-gradient(rgba(38,240,255,.5) 1px,transparent 1px) 0 34px / 100% 8px,radial-gradient(circle at 50% 100%,#ff3df2 0 22px,transparent 23px),linear-gradient(180deg,#1d0840,#4a0d5c)}.toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;padding:10px 12px;text-align:start;white-space:normal;background-color:var(--surface-2)}.toggle .label{display:grid;gap:2px;font-weight:600}.toggle small{color:var(--muted);font-weight:400;font-size:.82rem}.toggle .knob{flex:none;position:relative;width:46px;height:28px;border-radius:14px;background:var(--line);transition:background-color .15s}.toggle .knob:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .15s}.toggle[aria-checked=true] .knob{background:var(--accent)}.toggle[aria-checked=true] .knob:after{transform:translate(18px)}.jojo{--jojo-h: 40px;position:absolute;left:0;top:0;z-index:3;pointer-events:none}.jojo-bot{position:absolute;left:calc(max(44px,var(--jojo-h))/-2);bottom:-2px;width:max(44px,var(--jojo-h));height:max(44px,var(--jojo-h));min-width:0;min-height:0;padding:0;display:grid;place-items:end center;border:0;border-radius:14px;background:none;box-shadow:none;pointer-events:auto}.jojo-bot:hover,.jojo-bot:active{background:none;box-shadow:none;transform:none}.jojo.passive .jojo-bot{pointer-events:none}.jojo-svg{display:block;width:calc(var(--jojo-h) * 64 / 72);height:var(--jojo-h);overflow:visible}.jojo.flip .jojo-svg{transform:scaleX(-1)}.jojo-figure{--jojo-line: #1a110d;--jojo-sticker: #ffffff}.jojo-figure .j-sticker{flood-color:var(--jojo-sticker)}.jojo-figure .j-suit,.jojo-figure .j-shirt,.jojo-figure .j-skin,.jojo-figure .j-hair,.jojo-figure .j-boot,.jojo-figure .j-pocket{stroke:var(--jojo-line);stroke-width:1.6;stroke-linejoin:round}.jojo-figure .j-suit{fill:var(--jojo-suit)}.jojo-figure .j-pocket{fill:var(--jojo-suit-dark);stroke-width:1.1}.jojo-figure .j-strap{fill:none;stroke:var(--jojo-suit-dark);stroke-width:2.8;stroke-linecap:round}.jojo-figure .j-shirt{fill:var(--jojo-shirt)}.jojo-figure .j-skin{fill:var(--jojo-skin)}.jojo-figure .j-hair{fill:var(--jojo-hair)}.jojo-figure .j-boot{fill:var(--jojo-boot)}.jojo-figure .j-glint{fill:#fff}.jojo-figure .j-pupil{fill:var(--jojo-face-ink)}.jojo-figure .j-brow{fill:none;stroke:var(--jojo-line);stroke-width:1.4;stroke-linecap:round}.jojo-figure .j-mouth{fill:var(--jojo-face-ink)}.jojo-figure .j-tongue{fill:var(--jojo-tongue)}.jojo-figure .j-joy{fill:none;stroke:var(--jojo-face-ink);stroke-width:1.6;stroke-linecap:round}.jojo-figure .j-stripe{fill:none;stroke:var(--jojo-stripe-2);stroke-width:2.2;stroke-linecap:round}.jojo-figure .j-cheek{fill:var(--jojo-cheek);opacity:.45}.jojo-figure .j-tool-edge{fill:none;stroke:var(--jojo-line);stroke-width:4.4;stroke-linecap:round}.jojo-figure .j-tool{fill:none;stroke:var(--jojo-tool);stroke-width:2.2;stroke-linecap:round}.jojo-figure .j-shadow{fill:#0003}:root[data-skin=neon] .jojo-svg{filter:drop-shadow(0 0 5px rgba(255,61,242,.6))}.jojo-figure .j-h,.jojo-figure .j-crown,.jojo-figure .j-aid,.jojo-figure .j-glasses,.jojo-figure .j-freckles,.jojo-figure .j-chair{display:none}.jojo-figure[data-hair=coily] .j-h-coily,.jojo-figure[data-hair=short] .j-h-short,.jojo-figure[data-hair=spiky] .j-h-spiky,.jojo-figure[data-hair=curly] .j-h-curly,.jojo-figure[data-hair=side] .j-h-side,.jojo-figure[data-hair=waves] .j-h-waves,.jojo-figure[data-hair=cap] .j-h-cap,.jojo-figure[data-hair=long] .j-h-long,.jojo-figure[data-hair=bob] .j-h-bob,.jojo-figure[data-hair=pony] .j-h-pony,.jojo-figure[data-hair=braids] .j-h-braids,.jojo-figure[data-hair=buns] .j-h-buns,.jojo-figure[data-hair=puffs] .j-h-puffs,.jojo-figure[data-hair=hijab] .j-h-hijab,.jojo-figure.hearing-aid .j-aid,.jojo-figure.glasses .j-glasses,.jojo-figure.freckles .j-freckles,.jojo-figure.rolls .j-chair,:root.crowned .jojo-figure .j-crown{display:inline}.jojo-figure .j-crown-band{fill:#ffc93c;stroke:var(--jojo-line);stroke-width:1.3;stroke-linejoin:round}.jojo-figure .j-crown-gem{fill:#e5484d}.jojo-figure[data-hair=long] .j-ear,.jojo-figure[data-hair=bob] .j-ear,.jojo-figure[data-hair=hijab] .j-ear{display:none}.jojo-figure .j-cover{fill:var(--jojo-cover, var(--jojo-suit));stroke:var(--jojo-line);stroke-width:1.6;stroke-linejoin:round}.jojo-figure .j-tie{fill:var(--jojo-suit)}.jojo-figure .j-aid{fill:#8a5cf6;stroke:var(--jojo-line);stroke-width:1}.jojo-figure .j-glasses{fill:none;stroke:var(--jojo-line);stroke-width:1.3;stroke-linecap:round}.jojo-figure .j-freckles{fill:none;stroke:#9a5b3c;stroke-width:1.1;stroke-linecap:round;opacity:.6}.jojo-figure .j-chair-frame{fill:none;stroke:#3a4a70;stroke-width:2.4;stroke-linecap:round}.jojo-figure .j-chair-wheel{fill:none;stroke:#3a4a70;stroke-width:2.6}.jojo-figure .j-chair-rim{fill:none;stroke:#9aa3b5;stroke-width:.8}.jojo-figure .j-chair-hub{fill:#3a4a70}.jojo.rolls .j-leg-l,.jojo.rolls .j-leg-r,.jojo.rolls[data-mood=walk] .j-all,.jojo.rolls[data-mood=cheer] .j-all{animation:none}.jojo .j-spokes{transform-box:fill-box;transform-origin:center}.jojo.rolls[data-mood=walk] .j-spokes{animation:jojo-roll .7s linear infinite}@keyframes jojo-roll{to{transform:rotate(360deg)}}.jojo-mini{--jojo-h: 64px;display:block;pointer-events:none}.jojo-mini .j-joy,.jojo-mini .j-laugh,.jojo .j-joy,.jojo .j-laugh,.jojo[data-mood=cheer] .j-eyes,.jojo[data-mood=cheer] .j-smile,.jojo[data-mood=hop] .j-eyes,.jojo[data-mood=hop] .j-smile{display:none}.jojo[data-mood=cheer] .j-joy,.jojo[data-mood=cheer] .j-laugh,.jojo[data-mood=hop] .j-joy,.jojo[data-mood=hop] .j-laugh{display:inline}.jojo .j-all,.jojo .j-head,.jojo .j-eyes,.jojo .j-leg-l,.jojo .j-leg-r{transform-box:fill-box}.jojo .j-all{transform-origin:50% 100%;animation:jojo-breathe 3.2s ease-in-out infinite}.jojo .j-head{transform-origin:50% 90%}.jojo .j-eyes{transform-origin:center;animation:jojo-blink 5s infinite}.jojo .j-wave{transform-box:view-box;transform-origin:44.2px 39.6px;animation:jojo-wave 5s ease-in-out infinite}.jojo .j-arm-l{transform-box:view-box;transform-origin:19.8px 39.6px}.jojo[data-mood=walk] .j-all{animation:jojo-walk .34s ease-in-out infinite}.jojo[data-mood=walk] .j-leg-l,.jojo[data-mood=climb] .j-leg-l{animation:jojo-step .34s ease-in-out infinite}.jojo[data-mood=walk] .j-leg-r,.jojo[data-mood=climb] .j-leg-r{animation:jojo-step .34s ease-in-out -.17s infinite}.jojo[data-mood=walk] .j-arm-l{animation:jojo-swing .34s ease-in-out infinite alternate}.jojo[data-mood=climb] .j-all{animation:none}.jojo[data-mood=climb] .j-arm-l{animation:jojo-reach-l .4s ease-in-out infinite alternate}.jojo[data-mood=climb] .j-wave{animation:jojo-reach-r .4s ease-in-out infinite alternate}.jojo[data-mood=hop] .j-all{animation:none;transform:scale(.96,1.04)}.jojo[data-mood=hop] .j-arm-l,.jojo[data-mood=reach] .j-arm-l{animation:none;transform:rotate(150deg)}.jojo[data-mood=hop] .j-wave,.jojo[data-mood=reach] .j-wave{animation:none;transform:rotate(-20deg)}.jojo[data-mood=hang] .j-all,.jojo[data-mood=dangle] .j-all{transform-origin:50% 0%;animation:jojo-dangle 1.4s ease-in-out infinite alternate}.jojo[data-mood=hang] .j-arm-l{animation:jojo-reach-l .3s ease-in-out infinite alternate}.jojo[data-mood=hang] .j-wave{animation:jojo-reach-r .3s ease-in-out infinite alternate}.jojo[data-mood=dangle] .j-arm-l{animation:none;transform:rotate(168deg)}.jojo[data-mood=dangle] .j-wave{animation:none;transform:rotate(-12deg)}.jojo[data-mood=hang] .j-leg-l,.jojo[data-mood=dangle] .j-leg-l{animation:jojo-step .7s ease-in-out infinite}.jojo[data-mood=hang] .j-leg-r,.jojo[data-mood=dangle] .j-leg-r{animation:jojo-step .7s ease-in-out -.35s infinite}.jojo[data-mood=dangle] .j-head{transform:rotate(10deg) translateY(1px)}.jojo[data-mood=hang] .j-shadow,.jojo[data-mood=dangle] .j-shadow{opacity:0}@keyframes jojo-dangle{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.jojo[data-mood=look] .j-head{animation:jojo-look 1.2s ease-in-out}.jojo[data-mood=watch] .j-head{transform:rotate(-6deg)}.jojo[data-mood=cheer] .j-all{animation:jojo-cheer .45s ease-out 3}.jojo[data-mood=cheer] .j-arm-l{animation:none;transform:rotate(160deg)}.jojo[data-mood=cheer] .j-wave{animation:jojo-wave .6s ease-in-out infinite}.jojo[data-mood=shrug] .j-head{transform:rotate(-12deg)}.jojo[data-mood=shrug] .j-arm-l{transform:rotate(60deg)}.jojo[data-mood=shrug] .j-wave{animation:none;transform:rotate(-30deg) translateY(4px)}@keyframes jojo-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.01,1.025)}}@keyframes jojo-walk{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-3px) rotate(3deg)}}@keyframes jojo-step{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes jojo-swing{0%{transform:rotate(-28deg)}to{transform:rotate(28deg)}}@keyframes jojo-reach-l{0%{transform:rotate(120deg)}to{transform:rotate(170deg)}}@keyframes jojo-reach-r{0%{transform:rotate(-10deg)}to{transform:rotate(-40deg)}}@keyframes jojo-look{0%,to{transform:rotate(0)}30%,60%{transform:rotate(8deg)}}@keyframes jojo-cheer{0%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}@keyframes jojo-wave{0%,70%,to{transform:rotate(0)}78%{transform:rotate(-14deg)}86%{transform:rotate(8deg)}94%{transform:rotate(-6deg)}}@keyframes jojo-blink{0%,95%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}.jojo-say{position:absolute;left:-18px;bottom:calc(var(--jojo-h) + 8px);width:max-content;max-width:min(240px,66vw);margin:0;padding:8px 12px;border-radius:14px 14px 14px 4px;background:var(--bubble-bg);color:var(--bubble-ink);font-size:.92rem;font-weight:600;line-height:1.3;box-shadow:0 6px 18px #00000040;pointer-events:auto}.jojo-say p{margin:0}:root[data-skin=neon] .jojo-say{border:1px solid var(--accent)}.jojo.left .jojo-say{left:auto;right:-18px;border-radius:14px 14px 4px}.jojo-choices{display:grid;gap:6px}.jojo-choices:not(:empty){margin-top:8px}.jojo-choices button{min-height:40px;padding:0 12px;font-size:.9rem;font-weight:600;color:var(--ink);text-align:start}.jojo-choices button:first-child{background-color:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.ask-jojo{display:inline-flex;align-items:center;gap:6px;margin-inline-start:auto;font-family:var(--display);font-weight:600;font-size:1.05rem;letter-spacing:.02em;color:var(--accent)}.ask-jojo[hidden]{display:none}.part.nudge{box-shadow:0 0 0 3px var(--accent);animation:tray-nudge .7s ease-in-out 3}@keyframes tray-nudge{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg) scale(1.04)}75%{transform:rotate(3deg) scale(1.04)}}.choice{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.choice button{padding:6px 8px;white-space:normal;line-height:1.2}.choice button[aria-checked=true]{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-weight:700}.setting-note{margin:8px 2px 0;color:var(--muted);font-size:.85rem}.install{display:inline-flex;align-items:center;gap:8px;margin-top:8px}.update-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:8px 8px 8px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 50%,var(--line));background:color-mix(in srgb,var(--accent) 12%,var(--surface-2))}.update-banner[hidden]{display:none}.update-banner p{margin:0;font-weight:600}.offline-ready{display:flex;align-items:center;gap:6px}.offline-ready .icon{flex:none;width:18px;height:18px}.backup{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.backup button{display:inline-flex;align-items:center;gap:6px}.team .brief .chips,.team #undo,.team #redo,.team #reset{display:none}.team-bar{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 16px;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 14%,var(--surface-2));box-shadow:inset 0 1px 0 var(--edge-light),var(--lift)}.team-bar[hidden]{display:none}.team-bar.new-turn{animation:team-turn .5s ease-out}@keyframes team-turn{0%{transform:scale(1.03);border-color:var(--accent)}}.team-turn{display:grid;flex:1;min-width:0}.team-name{overflow:hidden;font-family:var(--display);font-weight:700;font-size:clamp(1.6rem,4vw,2.6rem);line-height:1.05;color:var(--accent);text-overflow:ellipsis;white-space:nowrap}.team-next{color:var(--muted);font-size:.95rem}.team-bar.passing .team-next{color:var(--ink);font-weight:600}.team-timer{font-family:var(--display);font-weight:700;font-size:clamp(1.4rem,3.4vw,2.2rem);font-variant-numeric:tabular-nums}.team-timer[hidden]{display:none}.team-timer.warn{color:var(--stop)}.team-actions{display:flex;gap:6px}.team-actions button{padding:0 12px}.team-paused #board{filter:brightness(.45) blur(2px)}.team-pause{z-index:4}.team-pause p{margin:4px 0 10px;color:var(--muted)}.team-sheet textarea{box-sizing:border-box;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--ink);font:inherit;font-size:1.05rem;resize:vertical}.team-sheet textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.team-playlists button{display:grid;gap:2px;padding:8px 10px;text-align:start}.team-playlists small{font-size:.8rem;font-weight:400;opacity:.85}.team-timers{grid-template-columns:repeat(4,1fr)}.team-problem{min-height:1.2em;margin:10px 2px 0;color:var(--bad);font-weight:600}.team-start{width:100%;margin-top:6px}.jojo-characters{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;margin-top:12px}.jojo-choice{display:grid;place-items:center;min-height:88px;padding:8px 4px 6px;background-color:var(--surface-2)}.jojo-choice[aria-checked=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent) inset,var(--lift)}.jojo-name{box-sizing:border-box;width:100%;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--ink);font:inherit;font-size:1.05rem}.code-form{display:grid;gap:6px;margin-top:8px}.code-form label{font-weight:600}.code-row{display:flex;gap:8px}.code-row input{flex:1;min-width:0;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--ink);font:inherit;font-size:1.05rem;letter-spacing:.06em;text-transform:uppercase}.code-row input:focus-visible,.jojo-name:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.your-jojo{display:flex;align-items:center;gap:12px}.your-jojo .jojo-mini{--jojo-h: 56px}.your-jojo-name{display:grid;gap:2px;min-width:0;flex:1 1 auto}.your-jojo-name small{color:var(--muted)}.team-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.team-stat{display:grid;justify-items:center;padding:10px 6px;border-radius:12px;background:var(--surface-2)}.team-stat b{font-family:var(--display);font-size:2rem;line-height:1.1;font-variant-numeric:tabular-nums}.team-stat span{color:var(--muted);font-size:.82rem}.team-line{display:flex;align-items:center;gap:8px;margin:0}.team-line .icon,.team-line .star{flex:none;width:22px;height:22px;color:var(--accent)}.team-line .star{fill:var(--accent)}.team-puzzles{display:grid;gap:4px;margin:0;padding:0;list-style:none}.team-puzzles li{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;background:var(--surface-2)}.team-puzzles .icon{grid-column:1;width:18px;height:18px;color:var(--good)}.team-puzzles .name{grid-column:2}.team-puzzles .state{color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}.team-debrief{margin:0;padding-inline-start:20px;font-size:1.05rem;line-height:1.6}.team-summary-actions{margin-top:16px}@media(max-width:520px){.team-bar{flex-wrap:wrap}.team-actions{width:100%}.team-actions button{flex:1}.team-stats{grid-template-columns:repeat(2,1fr)}.choice.team-playlists{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.team-bar.new-turn{animation:none}}@media(min-width:1024px)and (min-aspect-ratio:5 / 4){#app{--board-w: calc((100vh - 165px) * 4 / 3);max-width:none;display:grid;grid-template-columns:minmax(0,var(--board-w)) 236px;justify-content:center;align-items:start;column-gap:20px}#app.team{--board-w: calc((100vh - 255px) * 4 / 3)}#app>*{grid-column:1 / -1}#app>.stage{grid-column:1;grid-row:span 3}#app>.controls,#app>.tools,#app>.balls{grid-column:2}#app>.balls,#app>.balls[hidden]{display:flex;min-height:44px;flex-wrap:nowrap;gap:4px;justify-content:space-between}#app>.balls[hidden]{visibility:hidden}#app .ball-pick{width:44px;height:44px}#board{width:100%}.controls{flex-direction:column-reverse}.tray{flex-direction:column}.part{flex:none}.run{min-height:64px}.tools{gap:8px}.tools .group{flex-wrap:wrap}.ask-jojo{margin-inline-start:0;flex:1;justify-content:center}}@media(orientation:landscape)and (max-height:540px){#app{--edge-top: max(8px, env(safe-area-inset-top, 0px));--edge-bottom: max(8px, env(safe-area-inset-bottom, 0px));max-width:none;padding-block:var(--edge-top) var(--edge-bottom);display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:repeat(9,auto) 1fr;column-gap:14px;row-gap:8px;align-items:start}#app>*{grid-column:2}#app>.stage{grid-column:1;grid-row:1 / -1;position:sticky;top:var(--edge-top)}#board{width:auto;max-width:none;height:min(calc(100dvh - var(--edge-top) - var(--edge-bottom)),calc((100vw - max(16px,env(safe-area-inset-left,0px)) - max(16px,env(safe-area-inset-right,0px)) - 294px)*.75))}.bar .wordmark{display:none}.bar{gap:8px;min-height:44px}.puzzle-nav{flex:1 1 auto;max-width:none}.puzzle-pick .set-name,.puzzle-pick>.icon{display:none}.step-puzzle{width:34px;min-width:34px}.puzzle-pick{flex:1 1 auto;padding:0 8px}.goal{font-size:1rem}.controls{flex-direction:column-reverse}.run{min-height:52px}.tray{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tools{gap:8px}.tools .group{flex-wrap:wrap}.ask-jojo{margin-inline-start:0;flex:1;justify-content:center}}.zone-tip{position:absolute;z-index:3;padding:4px 10px;border-radius:999px;background:#08101ce6;border:1px solid var(--line);color:#f4f7fb;font-size:.85rem;font-weight:600;white-space:nowrap;pointer-events:none}.zone-tip[hidden]{display:none}#settings-body h3{margin:18px 0 6px;font-family:"Bricolage Grotesque",var(--display);font-weight:700;font-size:1.2rem;letter-spacing:.01em;text-transform:none;color:var(--ink)}#settings-body section:first-child h3{margin-top:10px}.more{margin-top:6px}.more summary{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--accent);font-size:.88rem;font-weight:600;cursor:pointer;list-style:none}.more summary::-webkit-details-marker{display:none}.more summary:before{content:"+";display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:color-mix(in srgb,var(--accent) 16%,transparent);font-weight:700;line-height:1}.more[open] summary:before{content:"–"}.more p{margin-top:2px}.balls{display:flex;flex-wrap:wrap;gap:6px}.balls.reveal .ball-pick{animation:balls-in .4s ease-out backwards}.balls.reveal .ball-pick:nth-child(2){animation-delay:60ms}.balls.reveal .ball-pick:nth-child(3){animation-delay:.12s}.balls.reveal .ball-pick:nth-child(4){animation-delay:.18s}.balls.reveal .ball-pick:nth-child(5){animation-delay:.24s}@keyframes balls-in{0%{opacity:0;transform:translateY(6px)}}.balls[hidden]{display:none}.ball-pick{position:relative;display:grid;place-items:center;width:44px;height:44px;min-width:0;padding:0;border-radius:50%;background-color:var(--surface)}.ball-pick canvas{width:28px;height:28px}.ball-pick[aria-checked=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset,0 6px 14px -6px var(--accent)}.ball-done{position:absolute;inset-inline-end:-3px;bottom:-3px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--good);color:#fff}.ball-done .icon,.ball-lock .icon{width:12px;height:12px}.ball-pick.locked:disabled{opacity:1;cursor:default}.ball-pick.locked canvas{opacity:.35;filter:grayscale(1)}.ball-lock{position:absolute;inset-inline-end:-3px;bottom:-3px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--muted);color:#fff}.team .balls{display:none}.stage{direction:ltr}:root[dir=rtl] .stage .result,:root[dir=rtl] .stage .toast,:root[dir=rtl] .jojo-say,:root[dir=rtl] .zone-tip{direction:rtl}:root[dir=rtl] .step-puzzle .icon,:root[dir=rtl] #chooser-back .icon,:root[dir=rtl] #undo .icon,:root[dir=rtl] #redo .icon{transform:scaleX(-1)}.tools .group:has(#nudge-left){direction:ltr}:root[dir=rtl] .toggle[aria-checked=true] .knob:after{transform:translate(-18px)}