.mp-rooms{margin-top:1.4rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:.9rem}.mp-room{position:relative;isolation:isolate;overflow:hidden;display:grid;align-content:start;gap:.5rem;padding:.95rem 1.05rem;border-radius:14px;border:1px solid var(--color-line);background:var(--color-panel);color:var(--color-ink);text-decoration:none;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;--acc: var(--color-dipsy)}.mp-room:before{content:"";position:absolute;inset:0;z-index:-2;background:url(/img/map/tubbyland-1280.webp) 64% 40% / 190% auto}.mp-room[data-mode=classic]:before{background:url(/img/tubbypoly/classic-board.svg) 50% 6% / 150% auto}.mp-room:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,color-mix(in srgb,var(--color-panel) 97%,transparent),color-mix(in srgb,var(--color-panel) 88%,transparent) 55%,color-mix(in srgb,var(--color-panel) 38%,transparent))}.mp-room:hover{transform:translateY(-2px);border-color:var(--acc);box-shadow:0 14px 30px -22px color-mix(in srgb,var(--acc) var(--glow),transparent)}.mp-room[data-status=play]{--acc: var(--color-laalaa)}.mp-room[data-status=over]{--acc: var(--color-ink-dim);opacity:.7}.mp-room-t{font-weight:700;font-size:1.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-room-g{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-dim)}.mp-room-m{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .8rem;font-size:.7rem;color:var(--color-ink-dim);font-family:var(--font-mono)}.mp-room-m b{color:var(--acc);font-weight:600}.mp-room-m .mp-watch svg{width:.9rem;height:.9rem}.mp-room-who{display:flex;flex-wrap:wrap;gap:.25rem .3rem}.mp-room-who span{display:inline-flex;align-items:center;gap:.3rem;max-width:9.5rem;padding:.12rem .5rem .12rem .35rem;border-radius:999px;background:color-mix(in srgb,var(--color-bg) 72%,transparent);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-room-who span:before{content:"";flex:none;width:.5rem;height:.5rem;border-radius:50%;background:var(--c)}.mp-room-who span.bot{color:var(--color-ink-dim)}.mp-room-who span.out{opacity:.5;text-decoration:line-through}.mp-room-who span.hit{color:var(--color-ink-strong);box-shadow:inset 0 0 0 1px var(--color-laalaa)}.mp-room-who span.more{padding-left:.5rem;color:var(--color-ink-dim);font-family:var(--font-mono)}.mp-room-who span.more:before{content:none}.mp-rooms-empty{grid-column:1 / -1;padding:2rem;text-align:center;border:1px dashed var(--color-line);border-radius:14px;color:var(--color-ink-dim);font-size:.8rem}.mp-lock{font-style:normal;margin-right:.35rem;font-size:.8em}.mp-room .mp-ib{width:auto;min-width:1.6rem;height:1.6rem;padding:0 .4rem;font-size:.66rem;margin-left:auto}.mpl-bar{margin-top:1.4rem;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem}.mpl-chips{display:inline-flex;flex-wrap:wrap;border:1px solid var(--color-line);border-radius:999px;overflow:hidden}.mpl-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .8rem;border:0;border-right:1px solid var(--color-line);background:none;color:var(--color-ink-dim);font-size:.72rem;cursor:pointer}.mpl-chip:last-child{border-right:0}.mpl-chip:hover{color:var(--color-ink);background:color-mix(in srgb,var(--color-tinky) 8%,transparent)}.mpl-chip[aria-pressed=true]{color:var(--color-ink-strong);background:color-mix(in srgb,var(--color-tinky) 18%,transparent)}.mpl-n{font-style:normal;font-size:.66rem;opacity:.65}.mpl-findbox{display:inline-flex;align-items:center;gap:.4rem;margin-left:auto;padding:.25rem .7rem;border:1px solid var(--color-line);border-radius:999px;background:color-mix(in srgb,var(--color-bg) 70%,transparent);color:var(--color-ink-dim)}.mpl-find{width:min(15rem,52vw);border:0!important;background:transparent!important;padding:.1rem 0!important;font-size:.74rem;color:var(--color-ink);outline:none}.mpl-bar+.mp-rooms{margin-top:.9rem}.mpl-place{color:var(--color-ink)!important}.mpl-place.is-win{color:var(--color-gold)!important}@media(max-width:640px){.mpl-findbox{margin-left:0;flex:1 1 100%}.mpl-find{width:100%}}