: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}html,body{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button{font:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #202229}.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{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:62px;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{border-top:1px solid #d5d8d1;border-left:1px solid #d5d8d1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.game-card{color:#202229;background:#fbfcf9e6;border-bottom:1px solid #d5d8d1;border-right:1px solid #d5d8d1;grid-template-columns:78px minmax(0,1fr) 32px;align-items:start;gap:20px;min-height:198px;padding:28px;text-decoration:none;transition:background .16s,box-shadow .16s,transform .16s;display:grid;position:relative}.game-card:hover{z-index:1;background:#fff;transform:translateY(-3px);box-shadow:0 10px 24px #2022291a}.game-card img{width:78px;height:78px}.game-card-content{min-width:0}.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}.game-card-action svg{stroke-width:2.5px;width:16px;height:16px}.game-card:hover .game-card-action{color:#fff;background:#202229;border-color:#0000}.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}@media (width<=720px){.home-main{width:min(100% - 32px,560px);padding:40px 0 48px}.game-list{grid-template-columns:1fr}.game-card{min-height:0}}@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{grid-template-columns:60px minmax(0,1fr) 28px;gap:14px;padding:20px}.game-card img{width:60px;height:60px}.game-card h2{font-size:1.06rem}.game-card p{font-size:.8rem}.game-card-action{width:28px;height:28px}}