*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d1117;--surface: #161c27;--surface-hi: #1c2535;--border: rgba(255, 255, 255, .08);--border-mid: rgba(255, 255, 255, .12);--text: #dce6f5;--text-dim: #7e94b8;--text-muted: rgba(255, 255, 255, .28);--accent: #4f86f7;--accent-glow: rgba(79, 134, 247, .18);--accent-text: #93bbff;--sq-light: #e8e0d0;--sq-dark: #7a9ab4;--board-blue: #2b56b4;--red: #e54353;--yellow: #f2c33e;--piece-white: #f5ecd7;--piece-black: #1a1f2b;--x-color: #c94a5e;--o-color: #5b8fc7;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-pill: 999px}html{font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100vh;background-color:var(--bg);background-image:radial-gradient(ellipse 60% 40% at 15% 0%,rgba(79,134,247,.09) 0%,transparent 100%),radial-gradient(ellipse 50% 35% at 85% 100%,rgba(111,66,193,.07) 0%,transparent 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;padding:40px 20px}.page{max-width:1080px;margin:0 auto;display:grid;gap:36px}header{text-align:center;padding:12px 0 4px}header h1{font-size:clamp(2.4rem,5vw,3.8rem);font-weight:300;letter-spacing:-.04em;color:#eef2ff}header p{margin-top:12px;color:var(--text-dim);font-size:1rem;line-height:1.65;max-width:560px;margin-left:auto;margin-right:auto}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}@media(max-width:720px){.game-grid{grid-template-columns:1fr}}.game-card{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:20px;padding:22px 24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 80% at 0% 50%,rgba(79,134,247,.06) 0%,transparent 70%);opacity:0;transition:opacity .18s;pointer-events:none}.game-card:hover{background:var(--surface-hi);border-color:#4f86f759;transform:translateY(-2px);box-shadow:0 10px 30px #0006,0 2px 6px #0000004d}.game-card:hover:before{opacity:1}.game-card:hover .play-arrow{color:var(--accent-text);transform:translate(4px)}.game-card:active{transform:translateY(0)}.game-meta{min-width:0}.game-meta h2{font-size:1.2rem;font-weight:500;letter-spacing:-.02em;color:#eef2ff;margin-bottom:6px}.game-meta p{font-size:.86rem;color:var(--text-dim);line-height:1.55}.play-arrow{font-size:1.5rem;color:var(--text-muted);transition:color .18s,transform .18s;font-weight:300}.game-icon{width:110px;height:110px;border-radius:var(--radius-md);display:grid;place-items:center;position:relative;flex-shrink:0;box-shadow:inset 0 0 0 1px #ffffff0f,0 4px 12px #00000059}.game-icon.chess{background:conic-gradient(from 0deg at 50% 50%,var(--sq-light) 0deg 90deg,var(--sq-dark) 90deg 180deg,var(--sq-light) 180deg 270deg,var(--sq-dark) 270deg 360deg)}.game-icon.chess .glyph{font-size:3.2rem;line-height:1;color:#1a1f2b;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.game-icon.checkers{background:var(--sq-dark)}.disc-stack{position:relative;width:60px;height:60px}.disc-stack .mini-disc{position:absolute;width:50px;height:50px;border-radius:50%;border:1px solid rgba(0,0,0,.35);box-shadow:0 2px 4px #0006,inset 0 -3px 6px #00000059,inset 0 2px 3px #fff3}.disc-stack .mini-disc.white{background:radial-gradient(circle at 35% 30%,#fff8e8 0%,var(--piece-white) 55%,#c9bd9e 100%);top:0;left:0}.disc-stack .mini-disc.black{background:radial-gradient(circle at 35% 30%,#3a4253 0%,var(--piece-black) 60%,#0a0d14 100%);bottom:0;right:0}.game-icon.connect4{background:linear-gradient(180deg,#3866cf 0%,var(--board-blue) 100%)}.disc-column{display:flex;flex-direction:column;gap:4px}.disc-column .mini-disc{width:22px;height:22px;border-radius:50%;border:1px solid rgba(0,0,0,.35);box-shadow:0 2px 3px #00000059,inset 0 -2px 4px #0000004d,inset 0 1px 2px #ffffff40}.disc-column .mini-disc.red{background:radial-gradient(circle at 35% 30%,#ff6b75 0%,var(--red) 55%,#8c1f2a 100%)}.disc-column .mini-disc.yellow{background:radial-gradient(circle at 35% 30%,#ffdb6a 0%,var(--yellow) 55%,#997520 100%)}.game-icon.tictactoe{background:var(--sq-dark);padding:8px}.mini-grid{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2px;background:var(--sq-dark)}.mini-grid>span{background:var(--sq-light);display:grid;place-items:center;font-size:1.3rem;font-weight:400;line-height:1}.mini-grid .mini-x{color:var(--x-color)}.mini-grid .mini-o{color:var(--o-color)}.game-icon.dotsandboxes{background:var(--sq-light);padding:8px}.mini-dotbox{width:100%;height:100%;display:grid;grid-template-columns:4px 1fr 4px 1fr 4px;grid-template-rows:4px 1fr 4px 1fr 4px;gap:2px}.mini-dotbox .md-dot{background:#4f6b85;border-radius:50%}.mini-dotbox .md-h,.mini-dotbox .md-v{background:transparent;border-radius:2px}.mini-dotbox .md-h.filled.r,.mini-dotbox .md-v.filled.r{background:var(--x-color)}.mini-dotbox .md-h.filled.b,.mini-dotbox .md-v.filled.b{background:var(--o-color)}.mini-dotbox .md-box{border-radius:3px;display:grid;place-items:center;font-size:.7rem;font-weight:700}.mini-dotbox .md-box.filled.r{background:#c94a5e40;color:var(--x-color)}.mini-dotbox .md-box.filled.b{background:#5b8fc740;color:var(--o-color)}footer{text-align:center;padding:4px 0 20px;color:var(--text-muted);font-size:.8rem}@media(max-width:600px){body{padding:24px 14px}.page{gap:24px}.game-card{grid-template-columns:72px 1fr;grid-template-rows:auto auto;padding:16px 18px;gap:14px}.game-icon{width:72px;height:72px}.game-icon.chess .glyph{font-size:2.2rem}.disc-stack{width:44px;height:44px}.disc-stack .mini-disc{width:36px;height:36px}.disc-column .mini-disc{width:16px;height:16px}.mini-grid>span{font-size:.85rem}.play-arrow{grid-column:1 / -1;text-align:right;margin-top:-8px}}