:root{color:#202229;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f5f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button{font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #1e6e59}.game-header{background:#ffffffdb;border-bottom:1px solid #dfe1da;justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:12px 24px;display:flex}.game-brand{align-items:center;gap:12px;min-width:0;display:flex}.game-brand img{border-radius:4px;width:42px;height:42px}.game-brand h1,.game-brand p{margin:0}.game-brand h1{font-size:1rem;line-height:1.2}.game-brand p{color:#6d706b;margin-top:3px;font-size:.76rem}.connection-status{color:#686b66;flex:none;align-items:center;gap:7px;font-size:.78rem;font-weight:700;display:inline-flex}.connection-status:before{content:"";background:#a7aaa4;border-radius:50%;width:8px;height:8px}.connection-status[data-mode=live]:before{background:#1d9a66;box-shadow:0 0 0 4px #d9f0e7}.connection-status[data-mode=error]:before{background:#d3443d;box-shadow:0 0 0 4px #f8dedb}.icon-button-content{justify-content:center;align-items:center;gap:8px;display:inline-flex}.icon-button-content svg{stroke-width:2.4px;width:19px;height:19px}@media (width<=560px){.game-header{min-height:60px;padding:10px 16px}.game-brand img{width:38px;height:38px}.game-brand p,.connection-status span{display:none}}body{background-color:#eceee9;background-image:linear-gradient(#f4f5f1 1px,#0000 1px),linear-gradient(90deg,#f4f5f1 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.home-header{background:#f4f5f1e6;border-bottom:1px solid #d9dcd5;justify-content:space-between;align-items:center;min-height:68px;padding:12px max(24px,50% - 580px);display:flex}.home-brand{color:#202229;align-items:center;gap:10px;font-size:.95rem;font-weight:850;text-decoration:none;display:inline-flex}.brand-mark{color:#f9faf6;background:#202229;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.brand-mark svg{stroke-width:2.4px;width:19px;height:19px}.game-total{color:#666a63;font-size:.78rem;font-weight:750}.home-main{width:min(1160px,100% - 48px);margin:0 auto;padding:56px 0 72px}.game-intro{max-width:580px;margin-bottom:34px}.game-intro p,.game-intro h1,.game-intro span,.game-card h2,.game-card p{margin:0}.game-intro p,.game-card-meta{color:#5d786c;letter-spacing:0;text-transform:uppercase;font-size:.76rem;font-weight:850}.game-intro h1{color:#202229;letter-spacing:0;margin-top:8px;font-size:3.1rem;line-height:1.08}.game-intro span{color:#656962;margin-top:12px;font-size:.95rem;line-height:1.55;display:block}.game-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.game-card{color:#202229;background:#fbfcf9e6;border:1px solid #d5d8d1;border-radius:8px;flex-direction:column;align-items:stretch;min-height:292px;padding:28px;text-decoration:none;transition:background-color .16s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}@media (hover:hover) and (pointer:fine){.game-card:hover{background:#fff}}.game-card img{object-fit:cover;border-radius:16px;width:96px;height:96px;display:block;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.game-card-content{min-width:0;margin-top:24px}.game-card-meta{color:#737870;line-height:1.25;display:block}.game-card h2{margin-top:7px;font-size:1.2rem;line-height:1.25}.game-card p{color:#666a63;margin-top:8px;font-size:.84rem;line-height:1.55}.game-card-action{color:#4a4f48;border:1px solid #d5d8d1;border-radius:50%;place-items:center;width:32px;height:32px;transition:background .16s,border-color .16s,color .16s;display:grid;position:absolute;top:28px;right:28px}.game-card-action svg{stroke-width:2.5px;width:16px;height:16px}.game-card-pig .game-card-meta{color:#bd453b}.game-card-connect .game-card-meta{color:#275cc0}.game-card-holdem .game-card-meta{color:#167151}.game-card-landlord .game-card-meta{color:#247154}.game-card-werewolf .game-card-meta{color:#8d5b1a}.game-card-uno .game-card-meta{color:#bb3d38}.game-card-sudoku .game-card-meta{color:#21705d}.game-card-go .game-card-meta{color:#9a6122}.game-card-gomoku .game-card-meta{color:#a54432}.game-card-xiangqi .game-card-meta{color:#9d3028}@media (width<=900px){.game-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.home-main{width:min(100% - 32px,560px);padding:40px 0 48px}.game-list{grid-template-columns:1fr;gap:16px}.game-card{min-height:268px}}@media (width<=440px){.home-header{min-height:62px;padding:10px 16px}.home-main{width:min(100% - 28px,560px);padding-top:34px}.game-intro{margin-bottom:26px}.game-intro h1{font-size:2rem}.game-card{min-height:248px;padding:20px}.game-card img{width:76px;height:76px}.game-card-content{margin-top:20px}.game-card h2{font-size:1.06rem}.game-card p{font-size:.8rem}.game-card-action{width:28px;height:28px;top:20px;right:20px}}