html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#10131b;font-family:system-ui,sans-serif}#game{width:100%;height:100%;display:block;touch-action:none}#hint{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);color:#fff;background:#0009;padding:.65rem 1rem;border-radius:.5rem;text-align:center;font-size:.85rem;pointer-events:none}#lobby-panel{position:fixed;top:58px;left:12px;z-index:20;max-width:min(90vw,420px);padding:12px;border-radius:8px;background:#10131be8;color:#fff;font:14px system-ui;display:grid;gap:10px}#lobby-actions,#room-details{display:flex;gap:8px;align-items:center;flex-wrap:wrap}#lobby-panel button,#lobby-panel input{padding:8px;border-radius:5px;border:1px solid #596779;font:inherit}#lobby-panel button{cursor:pointer;background:#34516c;color:#fff}#lobby-panel input{width:110px;background:#202a35;color:#fff}#lobby-panel small{color:#cbd5e1}#lobby-panel [hidden],#game[hidden],#lobby-panel[hidden]{display:none}#lobby-panel{top:50%;left:50%;transform:translate(-50%,-50%);width:min(90vw,440px);max-width:none;box-sizing:border-box;padding:20px;gap:16px}#lobby-actions{display:grid;grid-template-columns:1fr auto}#lobby-actions #create-room{grid-column:1/-1}#lobby-actions input{width:auto;min-width:0}#room-details{display:grid;gap:12px}.room-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}#player-roster{list-style:none;padding:0;margin:0;display:grid;gap:6px}#player-roster li{display:flex;justify-content:space-between;gap:16px;padding:10px;background:#202a35;border-radius:6px}#player-roster .ready{color:#8de6ae}#player-roster .not-ready{color:#cbd5e1}#lobby-requirement{margin:0;color:#cbd5e1}#hint{display:none}body:has(#game:not([hidden])) #hint{display:block}