game-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:#0a0714ad;backdrop-filter:blur(6px);transition:opacity var(--motion-fast)}game-overlay[state=hidden]{opacity:0;pointer-events:none}game-card{position:relative;width:min(520px,100%);max-height:90dvh;overflow-y:auto;padding:30px 26px 26px;border-radius:var(--shape-l);background:var(--surface-container);box-shadow:0 24px 60px #00000080;animation:game-pop var(--motion-spring) both}@keyframes game-pop{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:none}}game-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:40px;height:40px;border-radius:var(--shape-full);background:var(--surface-container-high);color:var(--on-surface-variant);cursor:pointer;transition:transform var(--motion-spring)}game-close:active{transform:scale(.9)}game-panel{display:block}game-title{display:block;margin-bottom:6px;font-size:26px;font-weight:700}game-body{display:flex;flex-direction:column;gap:18px}game-status{color:var(--on-surface-variant);font-size:15px;min-height:22px}tateti-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:340px}tateti-cell{display:grid;place-items:center;aspect-ratio:1;border-radius:var(--shape-m);background:var(--surface-container-high);font-size:46px;font-weight:700;cursor:pointer;transition:transform var(--motion-spring),background var(--motion-fast)}tateti-cell[state=empty]:hover{background:#372e60}tateti-cell[state=X]{color:var(--tertiary)}tateti-cell[state=O]{color:var(--secondary)}tateti-cell[state=win]{background:var(--primary);color:var(--on-primary);transform:scale(1.06)}memoria-board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:380px}memoria-card{display:grid;place-items:center;aspect-ratio:1;border-radius:var(--shape-m);background:var(--primary-container);font-size:32px;cursor:pointer;transition:transform var(--motion-spring),background var(--motion-fast)}memoria-card[state=down]{background:var(--primary-container)}memoria-card[state=down]:hover{transform:scale(1.05)}memoria-card[state=up]{background:var(--surface-container-high)}memoria-card[state=done]{background:#2e6b4a}ranking-title{display:block;margin-top:6px;font-size:18px;font-weight:600;color:var(--secondary)}ranking-list{display:flex;flex-direction:column;gap:6px}ranking-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--shape-m);background:var(--surface-container-high)}ranking-row[place="1"]{background:linear-gradient(90deg,#6B5A16,var(--surface-container-high))}ranking-place{color:var(--on-surface-variant);font-weight:600}ranking-name{font-weight:500}ranking-score{font-variant-numeric:tabular-nums;font-weight:700;color:var(--tertiary)}