.game-play-page[data-pattern-campus-v3]{--pattern-ink:#173958;--pattern-blue:#1f69c1;--pattern-gold:#ffb51b;--pattern-green:#72bd7e;color:var(--pattern-ink)}.pattern-campus-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,#e8f3ff);overflow:hidden}.pattern-campus-track{display:flex;align-items:center;gap:9px}.pattern-campus-tile{display:block;position:relative;width:clamp(42px,7vw,66px);height:clamp(42px,7vw,66px);flex:0 0 auto;border:4px solid #fff;border-radius:18px;background:#fff;box-shadow:0 4px 0 rgba(23,57,88,.18)}.pattern-campus-tile::before{content:'';position:absolute;inset:18%;background:var(--pattern-blue);border-radius:8px}.pattern-campus-tile.is-circle::before{border-radius:50%;background:var(--pattern-gold)}.pattern-campus-tile.is-hidden{border:4px dashed #927327;background:#fff8d9}.pattern-campus-tile.is-hidden::before{content:'?';inset:0;background:transparent;color:#6c531a;font:900 clamp(25px,5vw,42px)/1.4 system-ui,sans-serif;text-align:center}.pattern-campus-words{max-width:330px;color:var(--pattern-ink);font:800 clamp(16px,2.5vw,22px)/1.3 system-ui,sans-serif;text-align:right}.game-play-page[data-pattern-campus-v3] .keyboard-game{border-top-color:#ed347a}.game-play-page[data-pattern-campus-v3] .pattern-sequence{background:linear-gradient(180deg,#fffdf5,#f4fbf4);border-color:#a9d8b2}.game-play-page[data-pattern-campus-v3] .keyboard-choices button{min-height:56px;border-radius:20px}.game-play-page[data-pattern-campus-v3] .keyboard-choices button:focus-visible{outline:4px solid #173958;outline-offset:3px}@media(max-width:620px){.pattern-campus-banner{align-items:flex-start;flex-direction:column}.pattern-campus-track{width:100%;justify-content:center;gap:6px}.pattern-campus-words{max-width:none;text-align:left}.pattern-campus-tile{border-radius:13px}}@media(prefers-reduced-motion:reduce){.game-play-page[data-pattern-campus-v3] *{animation:none!important;transition:none!important}}@media(forced-colors:active){.pattern-campus-banner,.pattern-campus-tile{border-color:CanvasText}.pattern-campus-tile::before{forced-color-adjust:none}}