body{background:#14244a}.zr-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.zr{box-sizing:border-box;flex-direction:column;align-items:center;min-height:calc(100dvh - 72px);padding:8px 8px 24px;display:flex}.zr.is-playing,.zr.is-playing .zr-stage{touch-action:none}.zr-stage{justify-content:center;display:flex;position:relative}#zr-canvas{image-rendering:pixelated;touch-action:none;background:#8cc4f0;border-radius:6px;outline:none;display:block;box-shadow:0 4px 18px #00000073}#zr-canvas:focus-visible{box-shadow:0 0 0 3px #ffd84a,0 4px 18px #00000073}.zr-loading{text-align:center;color:#f4e9c8;font-size:14px;position:absolute;top:40%;left:0;right:0}.zr-back,.zr-sound{color:#e7d5a2;background:0 0;border:1px solid #c9a227;border-radius:999px;margin-left:auto;padding:4px 10px;font-size:13px;text-decoration:none}.zr-sound{cursor:pointer;touch-action:manipulation;margin-left:8px}.zr-sound[aria-pressed=true]{color:#14244a;background:#c9a227}.zr-sound[aria-pressed=false]{opacity:.75;text-decoration:line-through}.zr-panel{box-sizing:border-box;text-align:center;color:#fff8e6;background:#101a34c7;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:14px;font-family:DotGothic16,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;display:flex;position:absolute;inset:0;overflow-y:auto}.zr-panel[hidden]{display:none}.zr-panel>*{flex-shrink:0}#zr-pause{touch-action:none}.zr-title{background:0 0;justify-content:space-between;gap:0;padding:0;overflow:hidden}.zr-logo{letter-spacing:.08em;color:#ffd84a;text-shadow:3px 3px #3a3a4a,5px 5px #1b1b26;background:linear-gradient(#101a34d1,#101a3400);width:100%;margin:0;padding:2% 0 0;font-size:clamp(22px,7.4vw,32px);font-weight:400;line-height:1.1}.zr-logo small{letter-spacing:.3em;color:#fff8e6;text-shadow:2px 2px #1b1b26;margin-top:2px;font-size:11px;display:block}.zr-hole{cursor:pointer;touch-action:manipulation;background:0 0;border:0;flex:auto;width:100%;margin:0;padding:0}.zr-hole:focus-visible{outline-offset:-6px;outline:2px dashed #ffd84a}.zr-title__btns{box-sizing:border-box;background:linear-gradient(#101a3400,#101a34db 22%);flex-direction:column;align-items:center;gap:4px;width:100%;padding:0 8px 4px;display:flex}.zr-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.zr-title .zr-row{flex-wrap:nowrap;width:100%}.zr-modes{justify-content:center;gap:10px;width:100%;display:flex}.zr-title .zr-mode{letter-spacing:.02em;flex-direction:column;flex:1 1 0;align-items:center;gap:2px;min-width:0;max-width:176px;padding:10px 4px 12px;display:flex}.zr-mode__name{white-space:nowrap;font-size:clamp(14px,4.4vw,18px);line-height:1.15}.zr-mode__sub{letter-spacing:0;white-space:nowrap;opacity:.85;font-size:11px;line-height:1.2}.zr-title .zr-mode--attack{background:#ff9d5c;box-shadow:inset -3px -3px #c4602a,0 0 0 3px #1b1b26,4px 4px 0 3px #00000073}.zr-title .zr-mode--attack:active{box-shadow:inset -3px -3px #c4602a,0 0 0 3px #1b1b26}.zr-title .zr-row{gap:10px;margin-top:4px}.zr-title .zr-row .zr-btn--sub{letter-spacing:.02em;flex:1 1 0;min-width:0;max-width:120px;min-height:36px;padding:3px 4px 5px;font-size:13px}.zr-btn--small{min-width:96px;min-height:32px;padding:3px 12px 5px;font-size:13px}.zr-dots{letter-spacing:.4em;color:#cfeee8;margin:0;font-size:12px}.zr-dots b{color:#ffd84a;font-weight:400}.zr-calm{color:#cfeee8;font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:2px 8px;font-size:11px;text-decoration:underline}.zr-calm[aria-pressed=true]{color:#ffd84a}.zr-calm[aria-pressed=true]:before{content:"✔ "}.zr-best{margin:0;font-size:13px}.zr-best b{color:#ffd84a;font-size:15px;font-weight:400}.zr-places{color:#cfeee8;margin:0;font-size:11px}.zr-grid{grid-template-columns:repeat(4,1fr);gap:7px;width:100%;max-width:300px;display:grid}.zr-cell{cursor:pointer;min-height:48px;font:inherit;color:#1b1b26;touch-action:manipulation;background:#cfe6ef;border:0;flex-direction:column;align-items:center;gap:1px;padding:4px 0 3px;display:flex;box-shadow:inset -2px -2px #7fa7b8,0 0 0 2px #1b1b26}.zr-cell__n{font-size:16px;line-height:1.1}.zr-cell__s{gap:1px;min-height:12px;display:flex}.zr-cell__s i{background-image:var(--zr-sprites);width:13px;height:12px;image-rendering:pixelated;background-repeat:no-repeat;display:block}.zr-cell:disabled{cursor:default;color:#b8b8c0;background:#5c5c6e;box-shadow:inset -2px -2px #3a3a4a,0 0 0 2px #1b1b26}.zr-cell--new{box-shadow:inset -2px -2px #7fa7b8,0 0 0 2px #f2c94c}.zr-cell--new:disabled{box-shadow:inset -2px -2px #3a3a4a,0 0 0 2px #a8741e}.zr-cell:focus-visible{outline-offset:2px;outline:2px solid #fff8e6}.zr-goal__pic{aspect-ratio:192/128;width:min(288px,80%);image-rendering:pixelated;background:#0a102299;border:2px solid #c9a227;border-radius:4px}.zr-goal__text{color:#ffd84a;text-shadow:2px 2px #1b1b26;margin:0;font-size:20px}.zr-goal__moves{margin:0;font-size:15px}.zr-over-h{letter-spacing:.08em;color:#ffd84a;text-shadow:2px 2px #1b1b26;margin:0;font-size:24px;font-weight:400}.zr-score-line{margin:0;font-size:18px}.zr-score-line b{color:#ffd84a;font-size:40px;font-weight:400}.zr-reach{color:#cfeee8;margin:0;font-size:14px}.zr-record{color:#ff9d8a;margin:0;animation:.8s steps(2,end) infinite zrPulse}.zr-stars{gap:6px;display:flex}.zr-stars i{background-image:var(--zr-sprites);width:39px;height:36px;image-rendering:pixelated;background-repeat:no-repeat;display:block}.zr-tally{text-align:left;background:#101a3499;border:1px solid #c9a22799;gap:3px;min-width:220px;margin:0;padding:6px 12px;font-size:13px;list-style:none;display:grid}.zr-tally b{color:#ffd84a;float:right;margin-left:10px;font-weight:400}.zr-btn{cursor:pointer;min-width:168px;min-height:44px;font:inherit;letter-spacing:.1em;color:#1b1b26;touch-action:manipulation;background:#ffd84a;border:0;padding:9px 18px 11px;font-size:17px;box-shadow:inset -3px -3px #c9a227,0 0 0 3px #1b1b26,4px 4px 0 3px #00000073}.zr-btn[hidden]{display:none}.zr-btn:active{transform:translate(2px,2px);box-shadow:inset -3px -3px #c9a227,0 0 0 3px #1b1b26}.zr-btn--sub{background:#cfe6ef;min-width:120px;padding:7px 12px 9px;font-size:14px;box-shadow:inset -3px -3px #7fa7b8,0 0 0 3px #1b1b26,4px 4px 0 3px #00000073}.zr-btn:focus-visible{outline-offset:5px;outline:2px solid #fff8e6}.zr-tools{box-sizing:border-box;justify-content:center;align-items:center;gap:6px;height:16.25%;padding:0 6px;display:flex;position:absolute;bottom:0;left:0;right:0}.zr-tools[hidden]{display:none}.zr-tool{cursor:pointer;color:#1b1b26;touch-action:manipulation;background:#cfe6ef;border:0;align-items:center;gap:4px;min-width:44px;min-height:44px;padding:4px 10px;font-family:DotGothic16,Hiragino Kaku Gothic ProN,sans-serif;font-size:13px;display:inline-flex;box-shadow:inset -2px -2px #7fa7b8,0 0 0 2px #1b1b26}.zr-tool[hidden]{display:none}.zr-tool:disabled{opacity:.5;cursor:default}.zr-tool b{color:#fff8e6;background:#1b1b26;border-radius:999px;margin-left:2px;padding:0 6px;font-weight:400}.zr-tool__i{font-size:16px}.zr-tool--sq{justify-content:center;padding:4px}#zr-shuffle{background:#ffd84a;animation:1s steps(2,end) infinite zrPulse}.zr-callout{text-align:center;pointer-events:none;color:#fff8e6;letter-spacing:.06em;opacity:0;text-shadow:2px 2px #1b1b26,0 0 8px #0009;font-family:DotGothic16,Hiragino Kaku Gothic ProN,sans-serif;font-size:20px;position:absolute;top:30%;left:0;right:0}.zr-callout.is-small{font-size:15px}.zr-callout.is-big{color:#ffe36b;font-size:24px}.zr-callout.is-on{animation:1.6s ease-out forwards zrCallout}@keyframes zrCallout{0%{opacity:0;transform:translateY(8px)}12%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(-6px)}}@keyframes zrPulse{50%{opacity:.55}}.zr.is-calm #zr-shuffle,.zr.is-calm .zr-record{animation:none}@media (prefers-reduced-motion:reduce){.zr-callout.is-on{animation-duration:2.4s}.zr-record,#zr-shuffle{animation:none}}