.om{flex-direction:column;gap:14px;width:100%;max-width:760px;margin-inline:auto;display:flex}.om-card{flex-direction:column;gap:12px;padding:22px 22px 20px;display:flex}.om-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.om-box{flex-direction:column;gap:12px;display:flex}.om-box .muted{font-size:14px}.om-join{gap:8px;display:flex}.om-join .input{flex:1}.om-opts{flex-direction:column;gap:10px;display:flex}.om-opts input[type=range]{accent-color:var(--accent);width:100%}.om-lobby{text-align:center;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:520px;margin:10px auto;padding:26px 22px;display:flex}.om-code{font-family:var(--f-display);letter-spacing:.14em;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0 0 0 .14em;font-size:clamp(54px,15vw,84px);line-height:1}.om-members{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.om-members .tag{color:var(--ink);padding:4px 12px;font-size:14px}.om-lobby .om-opts{text-align:left;width:100%;max-width:320px}.cy{grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:14px;display:grid}.cy .board-wrap{width:min(100%,100dvh - 220px)}.cy-main{flex-direction:column;gap:10px;min-width:0;display:flex}.cy-side{flex-direction:column;gap:12px;display:flex}.cy-board{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.cy-board li{border-radius:4px;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:8px;padding:3px 4px;font-size:14px;display:grid}.cy-board li i{border-radius:3px;width:12px;height:12px}.cy-board li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cy-board li b{font-family:var(--f-display);font-variant-numeric:tabular-nums;font-weight:400}.cy-board li.me{background:color-mix(in srgb,var(--accent)14%,transparent);font-weight:700}.cy-board li.out span{color:var(--muted);text-decoration:line-through}.cy-count{background:color-mix(in srgb,var(--board)55%,transparent);color:#e8eef6}.cy-dead{background:var(--bad);color:#fff;white-space:nowrap;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:700;position:absolute;top:14px;left:50%;transform:translate(-50%)}@media (orientation:landscape) and (max-height:520px){.cy{grid-template-columns:minmax(0,1fr) 200px}.cy .board-wrap{width:min(100%,100dvh - 90px);min-width:0}}@media (max-width:820px) and (orientation:portrait){.cy{grid-template-columns:1fr}.cy .board-wrap{width:min(100%,100dvh - 330px)}.cy-board{flex-flow:wrap;gap:4px 12px}}