/* Calm felt, cream tiles and one warm gold signal. No ornamental motion. */
.pm-shell{--pm-gold:#ffd878;--pm-ink:#173f34;--pm-paper:#fff5dc;max-width:560px;margin:auto;padding:22px 24px 38px;color:var(--pm-paper);text-align:center;min-height:80vh}.pm-header{display:flex;justify-content:space-between;gap:20px;margin-bottom:26px}.pm-header a,.pm-other{color:var(--pm-paper);text-underline-offset:4px}.pm-shell h1{font-family:Georgia,serif;font-size:clamp(2rem,7vw,3rem);margin:0 0 12px}.pm-lede{max-width:400px;margin:0 auto 22px;line-height:1.55}.pm-shell h2{font-size:1.3rem;line-height:1.4;margin:18px 0}.pm-shell p{line-height:1.55}.pm-date,.pm-eyebrow{font-size:.85rem;letter-spacing:.04em;color:#f8dea4}.pm-hud{display:flex;justify-content:space-between;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30;padding:12px 0;margin-top:20px;font-size:.95rem}.pm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:352px;margin:20px auto 24px}.pm-shell button{font:inherit;cursor:pointer;touch-action:manipulation}.pm-shell button:not(.pm-cell){display:block;background:var(--pm-gold);color:var(--pm-ink);border:2px solid transparent;border-radius:12px;padding:14px 24px;margin:12px auto;min-height:48px;font-weight:700;max-width:100%}.pm-shell button.pm-secondary{background:#f5eddc;color:var(--pm-ink)}.pm-shell button.pm-text-button{background:transparent;color:var(--pm-paper);text-decoration:underline;font-weight:400}.pm-shell button:focus-visible,.pm-shell a:focus-visible{outline:3px solid #fff;outline-offset:4px}.pm-shell button:disabled{cursor:default}.pm-shell button:not(.pm-cell):disabled{opacity:.55}.pm-cell{aspect-ratio:1;border:3px solid #cfcab9;border-radius:13px;background:#f5eddc;color:var(--pm-ink);font-size:2rem;position:relative;box-shadow:0 4px 0 #09291e66;min-width:0;padding:0}.pm-cell:disabled{opacity:1}.pm-cell.lit{background:var(--pm-gold);border-color:#ffeaba}.pm-cell.selected{border-color:var(--pm-gold);background:#225e4b;color:white}.pm-cell.selected.lit{background:var(--pm-gold);color:var(--pm-ink);border-color:white}.pm-cell.miss{background:#f4d2c3;color:#65311e;border-color:#ffead7}.pm-cell small{display:block;font-size:.65rem;line-height:1;position:absolute;bottom:6px;width:100%}.pm-hint{font-size:.88rem;max-width:360px;margin:12px auto;min-height:2.8em}.pm-notice{background:#0b2e24;border:1px solid #e3c99380;border-radius:10px;padding:12px;font-size:.88rem}.pm-message{overflow-wrap:anywhere;white-space:pre-line;font-size:.9rem}.pm-result>strong{display:block;font:700 5rem Georgia,serif;color:var(--pm-gold);margin:20px}.pm-result strong small{font-size:1.6rem}.pm-other{display:block;margin:24px auto}.pm-start p{max-width:420px;margin:16px auto}.pm-sample{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;max-width:144px;margin:24px auto}.pm-sample span{aspect-ratio:1;background:#f5eddc40;border-radius:5px}.pm-sample .lit{background:var(--pm-gold)}@media(max-width:400px){.pm-shell{padding:16px 18px 30px}.pm-header{margin-bottom:20px}.pm-grid{gap:8px}.pm-cell{border-radius:10px}.pm-shell h2{font-size:1.15rem}}@media(prefers-reduced-motion:reduce){.pm-shell *{animation:none!important;transition:none!important}}
body[data-page-game="pattern"] #app{background:radial-gradient(ellipse at top,#245443,#143c30);color:#fff5dc}.pm-cell.selected{outline:none!important}.pm-cell.selected:focus-visible{outline:3px solid #fff!important;outline-offset:4px}