:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#14281c;background:#eef6f0;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}body{margin:0}.lobby{max-width:720px;margin:0 auto;padding:16px}.hero{display:flex;gap:14px;align-items:center;margin-bottom:8px}.hero img{flex:none;border-radius:12px}.hero h1{margin:0;font-size:28px;line-height:1.1}.hero p{margin:4px 0 0;color:#3d5546}.field{display:flex;flex-direction:column;gap:4px;margin:12px 0;font-size:14px}.field input,.field select{font:inherit;padding:10px;border:1px solid #9bb8a5;border-radius:8px}.cards{display:grid;gap:16px}.card{background:#fff;padding:16px;border-radius:12px;box-shadow:0 1px 4px #0002;display:flex;flex-direction:column;gap:8px}.card-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px}.card h2{margin:0}.card .meta{font-size:13px;color:#3d5546}.card p{margin:0}.card button{font:inherit;padding:12px;min-height:44px;border:0;border-radius:8px;background:#1b6b3a;color:#fff;cursor:pointer}.card button:disabled{background:#c5d2c9;color:#5b6b61;cursor:not-allowed}.card button.secondary{background:#dfe8e2;color:#14281c}.play{padding:8px}.back{display:inline-block;margin-bottom:6px;color:#1b6b3a}