*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:system-ui,sans-serif;overflow:hidden}[hidden]{display:none!important}#lobby{background:linear-gradient(135deg,#2c3e50,#4ca1af);justify-content:center;align-items:center;height:100%;display:flex}.lobby-card{background:#fffffff2;border-radius:12px;flex-direction:column;gap:.8rem;min-width:280px;padding:2rem 2.5rem;display:flex;box-shadow:0 8px 30px #0000004d}.lobby-card h1{text-align:center;color:#2c3e50;margin-bottom:.5rem}.lobby-card input{border:1px solid #ccc;border-radius:6px;padding:.6rem .8rem;font-size:16px}.lobby-card button{color:#fff;cursor:pointer;background:#357abd;border:none;border-radius:6px;padding:.7rem;font-size:1rem}.lobby-card button:hover{background:#2c6aa8}#game{flex-direction:column;height:100%;display:flex}#toolbar{height:calc(44px + env(safe-area-inset-top));padding:env(safe-area-inset-top) .6rem 0 .6rem;color:#fff;background:#2c3e50;align-items:center;gap:.5rem;display:flex}#room-label{font-weight:600}#players{align-items:center;gap:.35rem;margin-left:auto;display:flex}.player{align-items:center;display:inline-flex}.player-count{color:#cfd8e3;text-align:left;min-width:.9em;margin-left:2px;font-size:.75rem;font-weight:600}.player-chip{color:#fff;border:2px solid #2c3e50;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:inline-flex}#menu-btn{color:#fff;cursor:pointer;background:#357abd;border:none;border-radius:6px;width:44px;height:38px;font-size:1.2rem}#menu{z-index:10;background:#2c3e50;flex-direction:column;gap:.4rem;padding:.5rem;display:flex;position:absolute;box-shadow:0 8px 30px #0006}#menu button{color:#fff;cursor:pointer;text-align:left;background:#357abd;border:none;border-radius:6px;min-height:44px;padding:0 1rem;font-size:1rem}#menu button:hover{background:#4a90e2}@media (min-width:600px){#menu{border-radius:8px;min-width:220px;top:48px;right:8px}}@media (max-width:599.9px){#menu{padding-bottom:calc(.5rem + env(safe-area-inset-bottom));border-radius:12px 12px 0 0;bottom:0;left:0;right:0}}#stage{touch-action:none;flex:1;position:relative}#stage canvas{position:absolute;inset:0}#zoom-controls{right:10px;bottom:calc(var(--hand-h,168px) + 10px);z-index:5;flex-direction:column;gap:6px;display:flex;position:absolute}#zoom-controls button{color:#fff;cursor:pointer;background:#2c3e50d9;border:none;border-radius:50%;width:44px;height:44px;font-size:1.3rem}#toast{left:50%;bottom:calc(var(--hand-h,168px) + 20px);color:#fff;z-index:20;pointer-events:none;background:#000c;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;position:absolute;transform:translate(-50%)}