body{margin:0;background:#fff;color:#071225}main{max-width:900px;margin:auto;padding:24px}a{color:#6244BB;text-underline-offset:4px}h1{font-size:clamp(2rem,5vw,3.5rem);margin:24px 0 8px}p{line-height:1.5}nav,.controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center}button,select{font:inherit;min-height:48px;padding:10px 16px;border:1px solid #6244BB;border-radius:12px;background:#fff;color:#071225;cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #17324D;outline-offset:4px}#board{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.tile{padding:8px;aspect-ratio:1;background:#B28AFF;color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center}.tile img{height:75%;width:100%;object-fit:contain}.tile span{font-weight:700}.tile:not(.open) img,.tile:not(.open) span{display:none}.tile:not(.open)::after{content:'?';font-size:44px;font-weight:900}.tile.open{background:#fff}.tile.matched{border:3px solid #6244BB;cursor:default}.tile.matched span::after{content:' ✓'}#status{min-height:1.5em;font-size:20px;font-weight:700}button:disabled{opacity:.55;cursor:default}#friends{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:18px}#friends figure{margin:0;text-align:center}#friends img{width:100%;height:130px;object-fit:contain}#friends figcaption{font-weight:700}details{margin-top:32px}summary{cursor:pointer;min-height:44px;font-size:22px;font-weight:700}@media(max-width:450px){main{padding:16px}#board{gap:8px}.tile{padding:3px}.tile span{font-size:12px}}@media(prefers-reduced-motion:no-preference){.tile.open img{animation:hello .18s ease-out}@keyframes hello{from{transform:scale(.9)}to{transform:scale(1)}}
:root[data-portal-theme] #board .tile.open{background:#fff!important;color:#071225!important}#board .tile span{text-decoration:none}