: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}.room-card{background:#fff;padding:16px;border-radius:12px;box-shadow:0 1px 4px #0002;display:flex;flex-direction:column;gap:10px;margin-top:12px}.room-card h2{margin:0;font-size:20px}.room-card button,.room-bar button,.join-code button{font:inherit;padding:12px;min-height:44px;border:0;border-radius:8px;background:#1b6b3a;color:#fff;cursor:pointer}.room-card button.secondary,.room-bar button{background:#dfe8e2;color:#14281c}.room-card button:disabled,.join-code button:disabled{background:#c5d2c9;color:#5b6b61;cursor:not-allowed}.room-note{margin:0;color:#3d5546}.room-problem{margin:0;color:#b3261e;font-weight:600}.room-link{color:#1b6b3a;align-self:flex-start}.room-share label{display:flex;flex-direction:column;gap:4px;font-size:14px}.room-share input{font:inherit;padding:10px;border:1px solid #9bb8a5;border-radius:8px;width:100%}.room-actions{display:flex;gap:8px;margin-top:8px}.room-actions button{flex:1}.room-seats{list-style:none;margin:0;padding:0;display:grid;gap:6px}.room-seats li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;background:#f4fbf5;border-left:5px solid #1b6b3a}.room-seats li.empty{border-left-color:#c5d2c9;color:#5b6b61;background:#fafafa}.room-seats li.away{border-left-color:#d98e04}.room-seats small{color:#5b6b61}.room-away{color:#8a5a00!important;font-weight:600}.room-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.room-bar button{padding:4px 10px;min-height:32px;font-size:14px}.room-banner{background:#fff3cd;border:1px solid #e6c65c;color:#5c4400;padding:4px 10px;border-radius:6px;font-size:14px}.join-code{display:flex;gap:8px;align-items:flex-end;margin-top:16px}.join-code .field{flex:1;margin:0}.join-code input{text-transform:uppercase;letter-spacing:2px}.join-code button{padding:10px 20px}