body.game-pattern-challenge.pp{overscroll-behavior:none}html.game-pattern-challenge:has(body.pp){overscroll-behavior:none}.pp-stage.pc-stage{-webkit-tap-highlight-color:transparent;flex:auto;align-items:stretch;min-height:0;padding:16px;container-type:size}.pp-card.pc-card{--hud-h:52px;--hint-h:20px;--gap:12px;--card-pad:20px;--panel-min:200px;--choices-h:clamp(128px, 100cqh - 2 * var(--card-pad) - var(--hud-h) - var(--hint-h) - 3 * var(--gap) - var(--panel-min), 200px);box-sizing:border-box;width:min(100%,540px);min-height:0;padding:var(--card-pad);gap:var(--gap);color:#241f1a;align-items:stretch}@container (width<=599px){.pp-card.pc-card{--card-pad:0px;background:0 0;border:none;border-radius:0}}@container (height>=760px){.pp-card.pc-card{--panel-min:260px}}.pc-hud{height:var(--hud-h);flex:none;grid-template-columns:repeat(3,minmax(0,1fr)) 52px auto;gap:8px;display:grid}.pp-stat.pc-stat{flex-direction:column;justify-content:center;min-width:0;padding:0 8px;display:flex;position:relative;container-type:inline-size}.pc-stat .pp-stat-value{font-size:min(22px, 100cqi / (var(--chars,1) * .62));white-space:nowrap;line-height:24px}.pc-stat .pp-stat-value.is-low{color:#c8402f}.pc-stat .pp-stat-value.is-beaten{color:#1c6f82}.pc-float{color:#2f8a4b;pointer-events:none;font-family:Bricolage Grotesque,sans-serif;font-size:13px;font-weight:800;line-height:1;animation:.7s ease-out forwards pc-float;position:absolute;bottom:100%;right:4px}@keyframes pc-float{0%{opacity:0;transform:translateY(10px)}25%{opacity:1}to{opacity:0;transform:translateY(-4px)}}.pc-icon-btn,.pc-icon-btn:hover{min-width:0;box-shadow:none;color:#574f45;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #eadfce;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:none;display:flex}@media (hover:hover) and (pointer:fine){.pc-icon-btn:hover:not(:disabled){border-color:var(--accent);color:#241f1a}}.pc-icon-btn:disabled{color:#c9bfb1;cursor:default}.pc-icon-btn svg,.pc-new-icon{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.pc-i-play{fill:currentColor;stroke-width:1.6px}.pc-icon-btn .pc-i-play,.pc-icon-btn.is-paused .pc-i-pause{display:none}.pc-icon-btn.is-paused .pc-i-play{display:block}.pp-newgame.pc-new{white-space:nowrap;touch-action:manipulation;justify-content:center;align-items:center;min-width:0;padding:0 16px;display:flex}.pc-new-icon{display:none}@container (width<=419px){.pc-hud{grid-template-columns:repeat(3,minmax(0,1fr)) 48px 48px;gap:6px}.pp-newgame.pc-new{padding:0}.pc-new-icon{display:block}.pc-new-label{display:none}.pp-stat.pc-stat{padding:0 6px}}.pp-newgame.pc-new:focus-visible,.pc-icon-btn:focus-visible,.pc-choice:focus-visible,.pc-overlay-btn:focus-visible{outline-offset:2px;outline:3px solid #241f1a}.pc-panel{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#fffaf2;border:1px solid #eadfce;border-radius:20px;flex-direction:column;flex:auto;min-height:0;display:flex;position:relative;overflow:hidden;container-type:size}.pc-time{background:#f2ebdd;flex:none;height:6px}.pc-time-fill{background:var(--accent);height:100%;transform:scaleX(var(--left,1));transform-origin:0;display:block}.pc-panel.is-low .pc-time-fill{background:#d64533}.pc-meta{color:#8a7f70;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px 0;font-size:13px;font-weight:600;line-height:18px;display:flex}.pc-level{align-items:center;gap:8px;display:inline-flex}.pc-pips{gap:4px;display:inline-flex}.pc-pips[hidden]{display:none}.pc-pip{background:#e2d6c2;border-radius:50%;width:7px;height:7px}.pc-pip.is-on{background:var(--accent)}.pc-streak.is-hot{color:#1c6f82}.pc-last{flex:none;justify-content:center;align-items:center;min-height:44px;margin:4px 0 0;padding:0 16px;display:flex}.pc-last-line{text-align:center;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2px 8px;font-size:15px;line-height:1.25;animation:.24s cubic-bezier(.2,.8,.3,1) pc-rise;display:inline-flex}.pc-last-line strong{font-variant-numeric:tabular-nums;font-family:Bricolage Grotesque,sans-serif;font-size:18px;font-weight:800}.pc-last-line.is-right{color:#2f8a4b}.pc-last-line.is-wrong{color:#c8402f}.pc-last-mark{font-weight:700}.pc-last-given{color:#8a7f70;font-family:Bricolage Grotesque,sans-serif;font-weight:700;text-decoration-thickness:2px}.pc-last-rule{color:#574f45;font-weight:500}@keyframes pc-rise{0%{opacity:0;transform:translateY(60%)scale(1.25)}}.pc-question{flex:auto;justify-content:center;align-items:center;min-height:0;padding:0 12px 16px;display:flex;container-type:size}.pc-sequence{--gap:clamp(4px, 1.6cqw, 10px);--tile:min(calc((100cqw - (var(--n,6) - 1) * var(--gap)) / var(--n,6)), 100cqh, 96px);grid-template-columns:repeat(var(--n,6), var(--tile));gap:var(--gap);display:grid}.pc-tile{box-sizing:border-box;height:var(--tile);border-radius:calc(var(--tile) * .2);box-shadow:inset 0 calc(var(--tile) * -.05) 0 #efe6d6;font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:min(calc(var(--tile) * .46), calc(var(--tile) * .86 / (var(--chars,2) * .62)));letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#241f1a;background:#fff;border:1px solid #eadfce;justify-content:center;align-items:center;line-height:1;display:flex}.pc-tile.is-hidden{border:2px dashed var(--accent);box-shadow:none;color:#1c6f82;background:#e6f3f6}.pc-tile.is-dealing{animation:pc-deal .2s ease-out calc(var(--i) * 25ms) backwards}@keyframes pc-deal{0%{opacity:0;transform:translateY(25%)}}.pc-callout{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pc-callout-text{color:#fff;background:#241f1a;border-radius:14px;padding:8px 16px;font-family:Bricolage Grotesque,sans-serif;font-size:20px;font-weight:800;line-height:1.1;animation:1.1s ease-out forwards pc-callout;box-shadow:0 10px 24px #241f1a2e}@keyframes pc-callout{0%{opacity:0;transform:translateY(12px)scale(.9)}18%{opacity:1;transform:none}70%{opacity:1;transform:none}to{opacity:0;transform:translateY(-14px)}}.pc-panel.is-covered .pc-question,.pc-panel.is-covered .pc-last{visibility:hidden}.pc-overlay{text-align:center;background:#fffaf2;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 20px;animation:.18s ease-out pc-fade;display:flex;position:absolute;inset:6px 0 0}.pc-overlay[hidden]{display:none}.pc-overlay[data-initial]{animation:none}@keyframes pc-fade{0%{opacity:0}}.pc-overlay-title{letter-spacing:-.02em;color:#241f1a;margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(22px,9cqw,32px);font-weight:800;line-height:1.1}.pc-overlay-text{color:#574f45;text-wrap:balance;max-width:32ch;margin:0;font-size:15px;line-height:1.4}.pc-overlay-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.pc-overlay-btn,.pc-overlay-btn:hover{min-height:48px;box-shadow:none;background:var(--accent);color:var(--game-accent-ink,#fff);cursor:pointer;touch-action:manipulation;border:1px solid #0000;border-radius:12px;padding:0 26px;font-family:Instrument Sans,system-ui,sans-serif;font-size:16px;font-weight:600;transition:none}.pc-overlay-btn.pc-overlay-btn-quiet,.pc-overlay-btn.pc-overlay-btn-quiet:hover{color:#241f1a;background:#fff;border-color:#eadfce}.pc-overlay-btn[hidden]{display:none}@media (hover:hover) and (pointer:fine){.pc-overlay-btn:hover{filter:brightness(.95)}.pc-overlay-btn.pc-overlay-btn-quiet:hover{filter:none;border-color:var(--accent)}}@container (height<=220px){.pc-overlay{gap:2px;padding:6px 16px}.pc-overlay-title{font-size:20px}.pc-overlay-text{font-size:13px;line-height:1.3}.pc-overlay-actions{margin-top:6px}.pc-overlay-btn,.pc-overlay-btn:hover{min-height:44px;padding:0 18px;font-size:15px}.pc-meta{padding-top:6px}.pc-last{min-height:38px;margin-top:2px}.pc-last-line{font-size:13px}.pc-last-line strong{font-size:15px}}.pc-choices{height:var(--choices-h);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:none;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.pc-choices .pc-choice,.pc-choices .pc-choice:hover{color:#241f1a;min-width:0;min-height:0;font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:clamp(22px, var(--choices-h) * .17, 32px);font-variant-numeric:tabular-nums;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #eadfce;border-radius:16px;justify-content:center;align-items:center;margin:0;padding:0 12px;line-height:1;transition:none;display:flex;position:relative;box-shadow:inset 0 -3px #efe6d6}.pc-choice-key{color:#b4a998;font-family:Space Mono,monospace;font-size:11px;font-weight:700;display:none;position:absolute;top:8px;left:10px}@media (hover:hover) and (pointer:fine){.pc-choice-key{display:block}.pc-choices:not(.is-idle) .pc-choice:hover{border-color:var(--accent)}}.pc-choices.is-idle .pc-choice{cursor:default}.pc-choices.is-idle .pc-choice-value{visibility:hidden}.celebration-icon:has(.pc-go-tiles){background:0 0;width:auto}.pc-go-tiles{gap:4px;display:flex}.pc-go-tile{box-sizing:border-box;color:#241f1a;background:#fff;border:1px solid #eadfce;border-radius:8px;justify-content:center;align-items:center;min-width:30px;height:34px;padding:0 5px;font-family:Bricolage Grotesque,sans-serif;font-size:15px;font-weight:800;line-height:1;display:flex;box-shadow:inset 0 -2px #efe6d6}.pc-go-tile.is-hidden{box-shadow:none;color:#1c6f82;background:#e6f3f6;border:2px dashed #2a9bb5}.pc-hint{height:var(--hint-h);text-align:center;color:#8a7f70;white-space:nowrap;text-overflow:ellipsis;flex:none;margin:0;font-size:14px;line-height:20px;overflow:hidden}.pc-sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.pc-float,.pc-last-line,.pc-tile.is-dealing,.pc-overlay{animation:none}.pc-float{display:none}.pc-callout-text{animation:1.1s step-end forwards pc-callout-still}}@keyframes pc-callout-still{to{opacity:0}}@media (orientation:landscape) and (height<=500px){.pp-stage.pc-stage{padding:8px 12px}.pp-card.pc-card{--card-pad:0px;grid-template-columns:minmax(0,1fr) min(36%,260px);grid-template-rows:var(--hud-h) minmax(0, 1fr);background:0 0;border:none;border-radius:0;gap:10px 12px;width:min(100%,800px);display:grid}.pc-hud{grid-area:1/1}.pc-panel{grid-area:2/1}.pc-choices{grid-area:1/2/span 2;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:1fr;gap:6px;height:auto}.pc-choices .pc-choice,.pc-choices .pc-choice:hover{border-radius:12px;font-size:24px}.pc-hint{display:none}}body.pp.immersive .pp-stage.pc-stage{padding:72px 16px 24px}body.pp.immersive .pp-card.pc-card{--card-pad:16px;background:#fff;border:1px solid #eadfce;border-radius:22px;width:min(100%,560px);height:100%}@media (orientation:landscape) and (height<=500px){body.pp.immersive .pp-stage.pc-stage{padding:12px 136px 12px 16px}body.pp.immersive .pp-card.pc-card{--card-pad:12px;width:min(100%,800px);padding:12px}}