@layer theme,base;@layer components{.rooms-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:clamp(22px,2.8vw,34px);display:grid}.rooms-grid>.room{flex-direction:column;justify-self:center;width:100%;max-width:460px;display:flex}.rooms-grid>.room>.room-crowd{flex:none;margin-top:auto}.rooms-grid>.room>.room-host{margin-bottom:16px}.room-fit .room-crowd{--k:1;--ink:1}.rooms-grid .room-crowd{height:176px}.rooms-grid .coin-pic{width:56px;height:56px}.rooms-grid .room-head{gap:12px}.rooms-grid .room-head :is(h2,h3){overflow-wrap:break-word;font-size:clamp(1.25rem,1.7vw,1.45rem);line-height:1.1}.rooms-grid .pill .wide{display:none}.rooms-grid .pill{text-transform:capitalize;flex:none;padding-inline:9px;font-size:.82rem}.room-row>.pill{margin-left:auto}.room-host{color:var(--color-ink-2);align-items:center;gap:8px;min-width:0;margin-top:12px;font-weight:700;display:flex}.room-host b{color:var(--color-ink);overflow-wrap:anywhere}.room-host .avatar .critter{margin-top:5px}.room-link{text-decoration:none}.room-link:hover{text-decoration:underline;-webkit-text-decoration-color:var(--color-tomato);text-decoration-color:var(--color-tomato);text-underline-offset:4px;text-decoration-thickness:3px}.tiles-row{grid-template-columns:repeat(auto-fit,minmax(164px,1fr));gap:clamp(12px,1.8vw,20px);display:grid}.room-tile{background:var(--color-card);border:var(--bw) solid var(--color-ink);box-shadow:var(--shadow-ink-md);transition:transform .16s var(--ease-bounce), box-shadow .16s;border-radius:22px 18px 24px 20px/20px 24px 18px 22px;padding:12px;text-decoration:none;display:block;position:relative}.room-tile:hover{box-shadow:var(--shadow-ink);transform:translate(-1px,-3px)rotate(-.8deg)}.room-tile .tile-win{border-radius:14px;height:96px}.room-tile:nth-child(3n+2) .tile-win{background:var(--color-rose)}.room-tile:nth-child(3n) .tile-win{background:var(--color-mint)}.room-tile .tile-win .crowd{margin-left:0;transform:translate(-50%)}.room-tile-name{font:400 1.15rem/1.15 var(--font-display);overflow-wrap:anywhere;margin-top:10px}.room-tile-meta{color:var(--color-ink-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin-top:2px;font-size:.9rem;font-weight:800;display:flex}.more-rooms{margin-top:clamp(36px,5vw,60px)}.more-rooms-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;margin-bottom:16px;display:flex}.more-rooms-head h3{font-size:clamp(1.3rem,2.2vw,1.6rem)}}@layer utilities;