.game-play-page[data-pattern-parade-v3]{--parade-ink:#173958;--parade-blue:#1f69c1;--parade-gold:#ffb51b;--parade-pink:#f48a79;--parade-green:#72bd7e;color:var(--parade-ink)}
.game-play-page[data-pattern-parade-v3] .pattern-parade-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0;padding:clamp(14px,3vw,24px);border:3px solid #a9d8b2;border-radius:28px;background:linear-gradient(135deg,#f4fbf4,#fff8d9);overflow:hidden}
.pattern-parade-banner-track{display:flex;align-items:center;gap:10px}.pattern-parade-banner-tile{display:block;width:clamp(42px,7vw,68px);height:clamp(42px,7vw,68px);border:4px solid #fff;border-radius:18px;box-shadow:0 4px 0 rgba(23,57,88,.18);background:#fff;position:relative;flex:0 0 auto}
.pattern-parade-banner-tile::before{content:'';position:absolute;inset:18%;background:var(--parade-pink)}.pattern-parade-banner-tile.is-circle::before{border-radius:50%;background:var(--parade-gold)}.pattern-parade-banner-tile.is-square::before{border-radius:8px;background:var(--parade-blue)}.pattern-parade-banner-tile.is-triangle::before{inset:14% 12%;background:var(--parade-green);clip-path:polygon(50% 0,100% 100%,0 100%)}
.pattern-parade-banner-words{max-width:290px;font:800 clamp(16px,2.5vw,22px)/1.3 system-ui,sans-serif;text-align:right;color:var(--parade-ink)}
.game-play-page[data-pattern-parade-v3] .keyboard-game{border-top-color:#ed347a}.game-play-page[data-pattern-parade-v3] .pattern-sequence{background:linear-gradient(180deg,#fffdf5,#fff9e5);border-color:#efd899}.game-play-page[data-pattern-parade-v3] .keyboard-choices button{min-height:56px;border-radius:20px}.game-play-page[data-pattern-parade-v3] .keyboard-choices button:focus-visible,.game-play-page[data-pattern-parade-v3] .pattern-board-controls button:focus-visible{outline:4px solid #173958;outline-offset:3px}
@media(max-width:620px){.game-play-page[data-pattern-parade-v3] .pattern-parade-banner{align-items:flex-start;flex-direction:column}.pattern-parade-banner-track{width:100%;justify-content:center;gap:6px}.pattern-parade-banner-words{max-width:none;text-align:left}.pattern-parade-banner-tile{border-radius:13px}}
@media(prefers-reduced-motion:reduce){.game-play-page[data-pattern-parade-v3] *{animation:none!important;transition:none!important}}
@media(forced-colors:active){.pattern-parade-banner,.pattern-parade-banner-tile{border-color:CanvasText}.pattern-parade-banner-tile::before{forced-color-adjust:none}}