.pb{--pb-ink:#1a1350;--pb-tray:#251d6b;--pb-tray-hi:#3a2f94;--pb-tray-lo:#120d3a;--pb-floor:#1a1350;--pb-text:#f3f1fc;--pb-muted:#a9a3ce;--pb-rim:20px;--pb-radius:28px;--pb-display:"Fredoka", ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", system-ui, sans-serif;--pb-ease:cubic-bezier(.2, .9, .25, 1.15);--pb-exit-ease:cubic-bezier(.55, .06, .8, .5);width:100%;max-width:420px;color:var(--pb-text);-webkit-tap-highlight-color:transparent;margin-inline:auto;font-family:inherit;position:relative}@media (max-width:380px){.pb{--pb-rim:15px;--pb-radius:22px}}.pb-c-red{--c:#e2352f;--c-lt:#ff7a6b;--c-dk:#8e1c18;--c-ink:#7a1512}.pb-c-yellow{--c:#ffc53d;--c-lt:#ffe79a;--c-dk:#b8780a;--c-ink:#93600a}.pb-c-teal{--c:#26b9b0;--c-lt:#7fe9df;--c-dk:#117069;--c-ink:#0c5a54}.pb-c-violet{--c:#7b5cf0;--c-lt:#b09cff;--c-dk:#4a35b0;--c-ink:#3a2893}.pb-c-blue{--c:#3b8bf0;--c-lt:#8cc0ff;--c-dk:#1d4fa6;--c-ink:#173f87}.pb-c-green{--c:#3fc544;--c-lt:#93f38a;--c-dk:#1f7f2a;--c-ink:#176321}.pb-sr{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.pb-hud{justify-content:space-between;align-items:center;gap:12px;height:40px;margin-bottom:12px;display:flex}.pb-boards{align-items:center;gap:6px;min-width:0;display:flex}.pb-pip{-webkit-appearance:none;appearance:none;width:28px;height:26px;box-shadow:0 4px 0 var(--pb-tray-lo), inset 0 2px 0 #ffffff24;color:var(--pb-muted);font:inherit;cursor:pointer;background:#2f2696;border:0;border-radius:8px;place-items:center;margin:0 0 4px;padding:0;font-size:13px;font-weight:800;transition:transform .12s,box-shadow .12s,background-color .2s;display:grid}.pb-pip:hover{color:var(--pb-text)}.pb-pip:active{box-shadow:0 1px 0 var(--pb-tray-lo), inset 0 2px 0 #ffffff24;transform:translateY(3px)}.pb-pip[data-current]{color:var(--pb-ink);background:#ffc53d;box-shadow:0 4px #b8780a,inset 0 2px #ffffff73}.pb-name{font-family:var(--pb-display);white-space:nowrap;text-overflow:ellipsis;margin-inline-start:6px;font-size:17px;font-weight:600;overflow:hidden}.pb-count{color:var(--pb-muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;align-items:baseline;gap:7px;margin:0;font-size:14px;font-weight:700;display:flex}.pb-count b{min-width:1.2ch;color:var(--pb-text);text-align:center;font-size:17px;font-weight:900;display:inline-block}.pb-count [data-over] b{color:#ff9d6b}.pb-dot{opacity:.6}.pb-stage{padding-bottom:10px;position:relative}.pb-tray{padding:var(--pb-rim);border-radius:var(--pb-radius);background:linear-gradient(180deg, #ffffff12, #fff0 40%), var(--pb-tray);box-shadow:inset 0 2px 0 #ffffff29, inset 0 -3px 0 #0000002e, 0 10px 0 var(--pb-tray-lo), 0 22px 40px #06031a80;position:relative;overflow:hidden}.pb-field{--cell:calc(100cqi / var(--cols));--gap:calc(var(--cell) * .06);--foot:calc(var(--cell) * .085);min-width:0;aspect-ratio:var(--cols) / var(--rows);border-radius:calc(var(--pb-radius) - var(--pb-rim) + 2px);background:radial-gradient(circle at 50% 46%, #ffffff0d 0 15%, transparent 16%), radial-gradient(circle at 50% 52%, #120c3e 0 16%, transparent 17%), var(--pb-floor);background-size:calc(100% / var(--cols)) calc(100% / var(--rows));touch-action:none;-webkit-user-select:none;user-select:none;border:0;margin:0;padding:0;display:block;position:relative;box-shadow:inset 0 5px 12px #00000080,inset 0 0 0 1px #00000059;container-type:inline-size}.pb-gate{--len:calc(var(--cell) * var(--span));--at:calc(var(--cell) * var(--start));--inset:calc(var(--cell) * .08);z-index:0;background:var(--c);color:#fff;box-shadow:inset 0 0 0 2px var(--c-dk), inset 0 3px 0 var(--c-lt);place-items:center;display:grid;position:absolute}.pb-gate .pb-glyph{width:calc(var(--pb-rim) * .66);height:calc(var(--pb-rim) * .66);color:#fff;filter:drop-shadow(0 1px 0 var(--c-dk))}.pb-c-yellow.pb-gate .pb-glyph{color:var(--pb-ink);filter:none}.pb-gate:after{content:"";pointer-events:none;opacity:.3;position:absolute}.pb-gate[data-side=left],.pb-gate[data-side=right]{top:calc(var(--at) + var(--inset));height:calc(var(--len) - 2 * var(--inset));width:var(--pb-rim)}.pb-gate[data-side=top],.pb-gate[data-side=bottom]{width:calc(var(--len) - 2 * var(--inset));height:var(--pb-rim);inset-inline-start:calc(var(--at) + var(--inset))}.pb-gate[data-side=left]{border-radius:6px 0 0 6px;inset-inline-end:100%}.pb-gate[data-side=right]{border-radius:0 6px 6px 0;inset-inline-start:100%}.pb-gate[data-side=top]{border-radius:6px 6px 0 0;bottom:100%}.pb-gate[data-side=bottom]{border-radius:0 0 6px 6px;top:100%}.pb-gate[data-side=left]:after{inset-inline-start:100%;width:calc(var(--cell) * .45);background:linear-gradient(90deg, var(--c), transparent);top:0;bottom:0}.pb-gate[data-side=right]:after{inset-inline-end:100%;width:calc(var(--cell) * .45);background:linear-gradient(270deg, var(--c), transparent);top:0;bottom:0}.pb-gate[data-side=top]:after{top:100%;height:calc(var(--cell) * .45);background:linear-gradient(180deg, var(--c), transparent);inset-inline:0}.pb-gate[data-side=bottom]:after{bottom:100%;height:calc(var(--cell) * .45);background:linear-gradient(0deg, var(--c), transparent);inset-inline:0}.pb-gate[data-flash]{animation:.52s ease-out both pb-gate-flash}.pb-gate[data-flash]:after{animation:.52s ease-out both pb-spill}@keyframes pb-gate-flash{0%{filter:brightness()}30%{filter:brightness(1.55)saturate(1.2)}to{filter:brightness()}}@keyframes pb-spill{0%{opacity:.3}30%{opacity:.9}to{opacity:.3}}.pb-brick{-webkit-appearance:none;appearance:none;top:0;z-index:2;width:calc(var(--cell) * var(--w));height:calc(var(--cell) * var(--h));color:inherit;font:inherit;cursor:grab;transform:translate(calc(var(--cell) * var(--x)), calc(var(--cell) * var(--y)));transition:transform var(--dur,.26s) var(--pb-ease), opacity .16s ease;touch-action:none;background:0 0;border:0;outline:none;margin:0;padding:0;position:absolute;inset-inline-start:0}.pb-brick[data-pressed]{cursor:grabbing;z-index:3}.pb-brick[data-out]{z-index:1;opacity:0;pointer-events:none}.pb-brick[data-exiting]{z-index:3;transition:transform var(--dur) var(--pb-exit-ease), opacity calc(var(--dur) * .3) linear calc(var(--dur) * .7)}.pb-body{inset:var(--gap) var(--gap) calc(var(--gap) + var(--foot));border-radius:calc(var(--cell) * .17);background:linear-gradient(180deg, var(--c-lt) 0, var(--c) calc(var(--cell) * .13));box-shadow:inset 0 -2px 0 #0000001f, inset 0 0 0 1px #ffffff14, 0 var(--foot) 0 var(--c-dk), 0 calc(var(--foot) + 4px) 10px #06031a80;transition:transform .11s,box-shadow .11s;position:absolute}.pb-brick[data-pressed] .pb-body{transform:translateY(calc(var(--foot) * .55));box-shadow:inset 0 -2px 0 #0000001f, inset 0 0 0 1px #ffffff14, 0 calc(var(--foot) * .45) 0 var(--c-dk), 0 calc(var(--foot) * .45 + 2px) 5px #06031a80}.pb-brick[data-grabbed]{z-index:4}.pb-brick[data-grabbed] .pb-body{transform:translateY(calc(var(--foot) * -.6));box-shadow:inset 0 -2px 0 #0000001f, inset 0 0 0 1px #ffffff14, 0 calc(var(--foot) * 1.6) 0 var(--c-dk), 0 calc(var(--foot) * 1.6 + 10px) 16px #06031a8c}.pb-brick:focus-visible .pb-body{outline-offset:3px;outline:3px solid #fff}.pb-studs{grid-template-columns:repeat(var(--w), 1fr);grid-template-rows:repeat(var(--h), 1fr);place-items:center;display:grid;position:absolute;inset:0}.pb-stud{width:calc(var(--cell) * .46);height:calc(var(--cell) * .46);background:radial-gradient(circle at 36% 30%, var(--c-lt) 0 18%, var(--c) 62%);box-shadow:0 calc(var(--cell) * .035) 0 var(--c-dk), 0 calc(var(--cell) * .05) calc(var(--cell) * .04) #00000040;border-radius:50%;place-items:center;display:grid}.pb-stud .pb-glyph{width:58%;height:58%;color:var(--c-ink);opacity:.78;filter:drop-shadow(0 1px 0 color-mix(in srgb, var(--c-lt) 70%, transparent))}.pb-body[data-impact]{animation:.24s ease-out both pb-squash-x;animation-delay:calc(var(--fxdur,.24s) * .62)}.pb-body[data-impact=up],.pb-body[data-impact=down]{animation-name:pb-squash-y}.pb-body[data-impact=right]{transform-origin:100%}.pb-body[data-impact=left]{transform-origin:0}.pb-body[data-impact=down]{transform-origin:50% 100%}.pb-body[data-impact=up]{transform-origin:50% 0}@keyframes pb-squash-x{0%{transform:scale(1)}30%{transform:scale(.93,1.05)}65%{transform:scale(1.015,.99)}to{transform:scale(1)}}@keyframes pb-squash-y{0%{transform:scale(1)}30%{transform:scale(1.05,.92)}65%{transform:scale(.99,1.015)}to{transform:scale(1)}}.pb-body[data-nudge]{animation:.24s cubic-bezier(.3,.7,.4,1) both pb-nudge}.pb-body[data-nudge=up]{--nx:0;--ny:-1}.pb-body[data-nudge=down]{--nx:0;--ny:1}.pb-body[data-nudge=left]{--nx:-1;--ny:0}.pb-body[data-nudge=right]{--nx:1;--ny:0}@keyframes pb-nudge{0%,to{translate:0}35%{translate:calc(var(--nx) * var(--cell) * .07) calc(var(--ny) * var(--cell) * .07)}65%{translate:calc(var(--nx) * var(--cell) * -.02) calc(var(--ny) * var(--cell) * -.02)}}.pb-field[data-enter] .pb-body{animation:pb-drop .42s var(--pb-ease) both;animation-delay:calc(var(--i) * 45ms + 60ms)}@keyframes pb-drop{0%{opacity:0;translate:0 calc(var(--cell) * -.35);scale:1.06}60%{opacity:1}to{opacity:1;translate:0;scale:1}}.pb-trail{z-index:-1;pointer-events:none;opacity:0;animation:pb-trail var(--dur) ease-in both;border-radius:999px;position:absolute}.pb-brick[data-dir=right] .pb-trail{inset-inline-end:55%;width:calc(var(--cell) * 2.2);background:linear-gradient(270deg, var(--c-lt), transparent);transform-origin:100%;top:22%;bottom:30%}.pb-brick[data-dir=left] .pb-trail{inset-inline-start:55%;width:calc(var(--cell) * 2.2);background:linear-gradient(90deg, var(--c-lt), transparent);transform-origin:0;top:22%;bottom:30%}.pb-brick[data-dir=down] .pb-trail{bottom:55%;height:calc(var(--cell) * 2.2);background:linear-gradient(0deg, var(--c-lt), transparent);transform-origin:50% 100%;inset-inline:22%}.pb-brick[data-dir=up] .pb-trail{top:55%;height:calc(var(--cell) * 2.2);background:linear-gradient(180deg, var(--c-lt), transparent);transform-origin:50% 0;inset-inline:22%}@keyframes pb-trail{0%{opacity:0}45%{opacity:.75}to{opacity:.2}}.pb-arrows{pointer-events:none;opacity:0;transition:opacity .15s;position:absolute;inset:0}.pb-brick[data-grabbed] .pb-arrows{opacity:1}.pb-arrows i{border:calc(var(--cell) * .09) solid transparent;width:0;height:0;position:absolute}.pb-arrows i[data-a=up]{inset-inline-start:50%;top:calc(var(--cell) * -.22);border-top-width:0;border-bottom-color:#fff;translate:-50%}.pb-arrows i[data-a=down]{inset-inline-start:50%;bottom:calc(var(--cell) * -.2);border-top-color:#fff;border-bottom-width:0;translate:-50%}.pb-arrows i[data-a=left]{top:45%;border-inline-start-width:0;border-inline-end-color:#fff;inset-inline-start:calc(var(--cell) * -.2);translate:0 -50%}.pb-arrows i[data-a=right]{top:45%;border-inline-start-color:#fff;border-inline-end-width:0;inset-inline-end:calc(var(--cell) * -.2);translate:0 -50%}.pb-controls{align-items:center;gap:10px;height:44px;margin-top:12px;display:flex}.pb-tool{-webkit-appearance:none;appearance:none;height:38px;box-shadow:0 4px 0 var(--pb-tray-lo), inset 0 2px 0 #ffffff24;color:var(--pb-text);font:inherit;cursor:pointer;background:#2f2696;border:0;border-radius:12px;align-items:center;gap:6px;margin:0 0 4px;padding:0 14px 0 11px;font-size:14px;font-weight:800;transition:transform .1s,box-shadow .1s,opacity .2s;display:inline-flex}.pb-tool svg,.pb-btn svg,.pb-store svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.pb-tool:hover:not(:disabled){background:#3a30a8}.pb-tool:active:not(:disabled){box-shadow:0 1px 0 var(--pb-tray-lo), inset 0 2px 0 #ffffff24;transform:translateY(3px)}.pb-tool:disabled{opacity:.4;cursor:default}.pb-tip{min-width:0;color:var(--pb-muted);text-align:end;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:13px;font-weight:600;overflow:hidden}:is(.pb-pip:focus-visible,.pb-tool:focus-visible,.pb-btn:focus-visible,.pb-store:focus-visible){outline-offset:3px;outline:3px solid #fff}.pb-card{z-index:6;border-radius:var(--pb-radius);animation:.26s both pb-fade;animation-delay:var(--delay);background:#120c3a80;grid-template-columns:minmax(0,1fr);place-items:center;padding:14px;display:grid;position:absolute;inset:0 0 10px}.pb-card-panel{width:min(100%,300px);color:var(--pb-ink);text-align:center;animation:pb-card-in .46s var(--pb-ease) both;animation-delay:var(--delay);background:#f6f4ff;border-radius:20px;padding:18px 18px 16px;box-shadow:0 7px #c9c2ff,0 18px 40px #06031a80}.pb-card-kicker{color:#6a5fb0;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.pb-card-title{font-family:var(--pb-display);color:var(--pb-ink);letter-spacing:-.01em;margin:2px 0 8px;font-size:30px;font-weight:600;line-height:1.1}.pb-stars{justify-content:center;gap:6px;margin:0 0 8px;display:flex}.pb-star{fill:#dcd6f7;stroke:#c3bbee;stroke-width:1.2px;stroke-linejoin:round;width:40px;height:40px}.pb-star:nth-child(2){translate:0 -5px}.pb-star.is-on{fill:#ffc53d;stroke:#b8780a;filter:drop-shadow(0 3px #b8780a);animation:pb-star-pop .52s var(--pb-ease) both;animation-delay:calc(var(--delay) + .26s + var(--i) * .14s)}.pb-card-line{color:#463c8c;font-variant-numeric:tabular-nums;margin:0 0 14px;font-size:14px;font-weight:700;line-height:1.4}.pb-card-hint{color:#6a5fb0;font-size:13px;font-weight:600}.pb-card-actions{gap:8px;margin-bottom:12px;display:flex;position:relative}.pb-btn-share{padding:0 13px 0 11px}.pb-btn-icon{flex:none;width:44px;padding:0}.pb-btn-icon svg{width:20px;height:20px}.pb-share-note{inset-inline-start:50%;background:var(--pb-ink);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;border-radius:999px;margin:0;padding:5px 12px;font-size:13px;font-weight:800;transition:opacity .18s,transform .18s;position:absolute;bottom:calc(100% + 6px);transform:translate(-50%,4px)}.pb-share-note[data-show]{opacity:1;transform:translate(-50%)}.pb-btn{-webkit-appearance:none;appearance:none;white-space:nowrap;height:44px;font:inherit;cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:6px;margin:0 0 5px;padding:0 14px;font-size:15px;font-weight:900;transition:transform .1s,box-shadow .1s;display:inline-flex}.pb-btn-go{color:var(--pb-ink);background:#3fc544;flex:1;box-shadow:0 5px #1f7f2a,inset 0 2px #fff6}.pb-btn-quiet{color:var(--pb-ink);background:#e4dffb;box-shadow:0 5px #c3bbee,inset 0 2px #ffffffb3}.pb-btn:active{transform:translateY(4px)}.pb-btn-go:active{box-shadow:0 1px #1f7f2a,inset 0 2px #fff6}.pb-btn-quiet:active{box-shadow:0 1px #c3bbee,inset 0 2px #ffffffb3}:is(.pb-card .pb-btn:focus-visible,.pb-card .pb-store:focus-visible){outline-color:var(--pb-ink)}.pb-store{color:#4a35b0;text-underline-offset:3px;border-radius:6px;font-size:13.5px;font-weight:800;text-decoration:underline;text-decoration-thickness:2px;display:inline-block}.pb-store span{white-space:nowrap}.pb-store:hover{color:var(--pb-ink)}.pb-store svg{vertical-align:-2px;width:15px;height:15px;margin-inline-start:2px;display:inline-block}.pb-tip-short{display:none}@media (max-width:440px){.pb-tip-long{display:none}.pb-tip-short{display:inline}}@media (max-width:360px){.pb-name{display:none}.pb-card{padding:8px}.pb-card-panel{padding:14px 14px 12px}.pb-card-kicker,.pb-tip{display:none}.pb-card-title{margin-bottom:6px;font-size:25px}.pb-star{width:32px;height:32px}.pb-card-line{margin-bottom:10px;font-size:13px}.pb-card-hint{font-size:12px}.pb-card-actions{margin-bottom:8px}.pb-btn{height:40px;padding:0 12px;font-size:14px}.pb-btn-share{padding:0 11px 0 9px}.pb-btn-icon{width:40px;padding:0}.pb-card-actions{gap:6px}.pb-btn-go svg{display:none}.pb-store{font-size:12.5px}}@keyframes pb-fade{0%{opacity:0}to{opacity:1}}@keyframes pb-card-in{0%{opacity:0;transform:translateY(18px)scale(.94)}to{opacity:1;transform:none}}@keyframes pb-star-pop{0%{opacity:0;transform:scale(.2)rotate(-30deg)}to{opacity:1;transform:none}}.pb-confetti{z-index:5;pointer-events:none;position:absolute;inset:-60px 0 0;overflow:hidden}.pb-bit{top:calc(30% + 60px);background:linear-gradient(180deg, var(--c-lt) 0 30%, var(--c) 30%);width:14px;height:8px;box-shadow:0 3px 0 var(--c-dk);opacity:0;animation:1.5s cubic-bezier(.2,.6,.35,1) both pb-burst;animation-delay:calc(var(--delay) + var(--d));border-radius:3px;margin:-4px 0 0 -7px;position:absolute;inset-inline-start:50%}.pb-bit.is-stud{background:radial-gradient(circle at 36% 30%, var(--c-lt) 0 20%, var(--c) 65%);width:10px;height:10px;box-shadow:0 2px 0 var(--c-dk);border-radius:50%;margin:-5px 0 0 -5px}@keyframes pb-burst{0%{opacity:0;transform:translate(0)rotate(0)scale(.4)}8%{opacity:1}40%{transform:translate(calc(var(--tx) * .75), var(--peak)) rotate(calc(var(--rot) * .5)) scale(1);animation-timing-function:cubic-bezier(.45,0,.9,.6)}85%{opacity:1}to{opacity:0;transform:translate(var(--tx), var(--fall)) rotate(var(--rot)) scale(.9)}}@media (prefers-reduced-motion:reduce){.pb-brick,.pb-brick[data-exiting]{transition:opacity .14s linear}.pb-body,.pb-body[data-impact],.pb-body[data-nudge],.pb-field[data-enter] .pb-body{transition:none;animation:.14s linear both pb-fade}.pb-trail,.pb-confetti{display:none}.pb-gate[data-flash],.pb-gate[data-flash]:after{animation:none}.pb-card,.pb-card-panel{animation:.16s linear both pb-fade}.pb-star.is-on{animation:none}.pb-pip,.pb-tool,.pb-btn,.pb-share-note{transition:none}}.pb-card .pb-card-panel{padding:18px 18px 16px;position:static}.pb-card .pb-card-title{color:var(--pb-ink);text-shadow:none;margin:2px 0 8px;font-size:30px}@media (max-width:360px){.pb-card .pb-card-panel{padding:14px 14px 12px}.pb-card .pb-card-title{margin-bottom:6px;font-size:25px}}section.pb{padding:0}.pb:not(:lang(en)) .pb-hud{flex-wrap:wrap;row-gap:4px;height:auto;min-height:40px}.pb:not(:lang(en)) .pb-boards{flex:auto}.pb:not(:lang(en)) .pb-name{contain:inline-size;flex:1 1 0;min-width:0}.pb:not(:lang(en)) .pb-tool{white-space:nowrap}.pb:not(:lang(en)) .pb-tip{contain:inline-size}.pb:lang(ja) .pb-count,.pb:lang(ja) .pb-tip{word-break:keep-all}.pb:not(:lang(en)) .pb-card-actions>*{flex-shrink:0}.pb:not(:lang(en)) .pb-card .pb-btn-go{white-space:normal;text-align:center;-webkit-hyphens:auto;hyphens:auto;flex:1 1 0;min-width:0;line-height:1.1}.pb[data-single] .pb-name{min-width:0;margin-inline-start:2px;display:block}