:root{--bg:#0b1020;--card:#141b2e;--line:rgba(255,255,255,.1);--fg:#eef2f7;--muted:#97a3b6;--accent:#4f8cff;--accent2:#2dd4bf}*{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(1200px 600px at 20% -10%,#1b2a5a 0,transparent 60%),radial-gradient(900px 500px at 110% 10%,#3a1d4a 0,transparent 55%),var(--bg);color:var(--fg);font-family:IBM Plex Sans Thai,system-ui,sans-serif;min-height:100vh;display:flex;flex-direction:column}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px clamp(16px,4vw,48px);flex-wrap:wrap}.logo{display:flex;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:20px}.mark{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#ff7ab6,var(--accent))}.by{font-size:13px;color:var(--muted)}main{flex:1;width:min(1100px,100%);margin:0 auto;padding:0 16px}.hero{padding:clamp(28px,6vw,64px) 0 28px}.eyebrow{font-size:12px;letter-spacing:.14em;color:var(--muted);margin:0 0 8px}h1{font-family:Space Grotesk,sans-serif;font-size:clamp(36px,7vw,64px);margin:0;line-height:1.05}.lede{color:var(--muted);max-width:560px;line-height:1.6;margin:14px 0 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding-bottom:48px}.game{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--card);border:1px solid var(--line);color:inherit;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}a.game:hover{transform:translateY(-4px);border-color:#4f8cff99;box-shadow:0 20px 50px #0006}.art{aspect-ratio:16/9;overflow:hidden}.art svg{width:100%;height:100%;display:block}.body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}.game h2{font-family:Space Grotesk,sans-serif;margin:0;font-size:24px;letter-spacing:.02em}.tag{margin:0;color:var(--accent2);font-weight:600;font-size:14px}.desc{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.chips span{font-size:12px;padding:4px 10px;border-radius:999px;background:#ffffff12}.play{margin-top:auto;align-self:flex-start;padding:10px 18px;border-radius:12px;background:var(--accent);font-weight:600;font-size:14px}.soon{align-self:start;border-style:dashed;background:transparent;justify-content:center;min-height:200px}footer{text-align:center;color:var(--muted);font-size:13px;padding:24px 16px 32px}.right{display:flex;align-items:center;gap:10px;position:relative}.hb{padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:#ffffff12;color:var(--fg);font-family:inherit;font-weight:600;font-size:13px;line-height:1.2;cursor:pointer}.hb[hidden]{display:none}.chip{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:999px;border:1px solid var(--line);background:#ffffff12;color:var(--fg);font-family:inherit;font-weight:600;font-size:13px;line-height:1.2;cursor:pointer}.kk-av{display:inline-grid;place-items:center;flex:none;border-radius:50%;object-fit:cover;background:linear-gradient(160deg,var(--accent2),var(--accent));color:#fff;font-weight:700}.menu{position:absolute;right:0;top:calc(100% + 8px);z-index:20;min-width:200px;padding:8px;border-radius:14px;background:#1d2539;border:1px solid var(--line);box-shadow:0 18px 40px #00000080;display:flex;flex-direction:column}.menu .code{padding:8px 10px;font-size:12px;color:var(--muted)}.menu .code b{color:#9ff3e4;letter-spacing:.12em;margin-left:4px}.menu a,.menu button{padding:9px 10px;border-radius:10px;background:none;border:0;color:var(--fg);font-family:inherit;font-weight:500;font-size:14px;line-height:1.2;text-align:left;text-decoration:none;cursor:pointer}.menu a:hover,.menu button:hover{background:#ffffff12}.invite{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 20px;padding:16px 20px;border-radius:16px;background:linear-gradient(135deg,#2dd4bf24,#4f8cff2e);border:1px solid var(--line)}.invite[hidden]{display:none}.invite span{flex:1;color:var(--muted)}.invite .play{text-decoration:none;color:#fff}