body:has(.mpage){padding-bottom:0}.mpage .reco{margin-top:12px}.mpage .cat-head{background:linear-gradient(90deg,var(--gold-leaf) 0 3px,rgba(0,0,0,0) 3px),linear-gradient(158deg,var(--bg) 0%,color-mix(in oklch,var(--bg) 80%,transparent) 100%);box-shadow:0 1px 2px #3c2c0c0d,0 10px 28px -12px #3c2c0c33}:root[data-venue=lounge] .mpage .cat-head{background:linear-gradient(90deg,var(--gold-leaf) 0 3px,rgba(0,0,0,0) 3px),linear-gradient(158deg,color-mix(in oklch,#C9A03C 22%,var(--bg)),color-mix(in oklch,#C9A03C 10%,var(--bg)));box-shadow:0 1px 2px #00000059,0 10px 28px -12px #000c}.cats{padding:14px var(--pad) 0}.mpage-home{max-width:620px}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:16px 12px}.cat-card{--cc-paper: #FBF8F2;--cc-well: color-mix(in oklch, #8B6F47 8%, var(--cc-paper));position:relative;display:flex;flex-direction:column;padding:7px 7px 0;border-radius:14px;background:var(--cc-paper);color:inherit;text-decoration:none;box-shadow:0 1px 1px #3c2c0c0f,0 4px 10px -4px #3c2c0c29,0 16px 30px -18px #3c2c0c8c;transition:transform .2s ease,box-shadow .2s ease}:root[data-venue=lounge] .cat-card{--cc-paper: color-mix(in oklch, #C9A03C 5%, var(--surf));--cc-well: color-mix(in oklch, #C9A03C 10%, var(--surf));box-shadow:0 1px 1px #00000080,0 4px 10px -4px #0000008c,0 16px 30px -18px #000000f2}.cc-media{display:block;aspect-ratio:4 / 3;border-radius:8px;overflow:hidden;box-shadow:inset 0 0 0 1px #17140f12}.cc-media img{width:100%;height:100%;object-fit:cover;display:block}.cc-name{display:flex;align-items:center;justify-content:center;min-height:2.6em;padding:9px 2px 13px;text-align:center;font-family:var(--font-display);font-size:clamp(12.5px,3.5vw,15px);line-height:1.24;letter-spacing:-.004em;color:var(--text);hyphens:none;text-wrap:balance}.cat-card.no-shot:before,.cat-card.shot-failed:before{content:"";display:block;aspect-ratio:4 / 3;border-radius:8px;background:linear-gradient(158deg,var(--cc-well) 0%,color-mix(in oklch,var(--cc-well) 45%,var(--cc-paper)) 100%);box-shadow:inset 0 0 0 1px #17140f0f}:root[data-venue=lounge] .cat-card.no-shot:before,:root[data-venue=lounge] .cat-card.shot-failed:before{box-shadow:inset 0 0 0 1px #ede6d812}.cat-card:active{transform:scale(.985)}@media(hover:hover)and (pointer:fine){.cat-card .cc-media img{transition:transform .35s ease}.cat-card:hover .cc-media img{transform:scale(1.03)}.cat-card:hover{transform:translateY(-3px);box-shadow:0 1px 1px #3c2c0c12,0 8px 16px -6px #3c2c0c33,0 26px 42px -22px #3c2c0c9e}:root[data-venue=lounge] .cat-card:hover{box-shadow:0 1px 1px #00000080,0 8px 16px -6px #0009,0 26px 42px -22px #000}}@media(prefers-reduced-motion:reduce){.cat-card,.cat-card .cc-media img{transition:none}.cat-card:active,.cat-card:hover{transform:none}}@media(prefers-reduced-motion:no-preference){html.rv .cat-grid[data-reveal]{opacity:1;transform:none}html.rv .cat-grid[data-reveal] .cat-card{opacity:0}html.rv .cat-grid[data-reveal].rv-in .cat-card{opacity:1;animation:cc-in .44s cubic-bezier(.22,.61,.36,1) backwards;animation-delay:calc(min(var(--cc-i, 0),8)*26ms)}}@keyframes cc-in{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}.mpage-back{padding:12px var(--pad) 2px}.mpage-back a{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 15px 0 11px;border:1px solid var(--line);border-radius:999px;background:color-mix(in oklch,#8B6F47 9%,var(--bg));font-size:11.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--text);text-decoration:none;box-shadow:0 1px 2px #3c2c0c0f;transition:background .18s ease,box-shadow .18s ease}:root[data-venue=lounge] .mpage-back a{background:color-mix(in oklch,#C9A03C 12%,var(--bg));box-shadow:0 1px 2px #0006}.mpage-back svg{width:16px;height:16px;flex:none;color:var(--gold-ink)}@media(hover:hover)and (pointer:fine){.mpage-back a:hover{background:color-mix(in oklch,#8B6F47 15%,var(--bg));box-shadow:0 2px 6px #3c2c0c1f}}@media(prefers-reduced-motion:reduce){.mpage-back a{transition:none}}.mpage-cat main>.sec{padding-top:10px}.mpage-empty{padding:40px var(--pad);color:var(--muted);font-size:14px}.mpage-foot{margin-top:30px;padding:20px var(--pad) calc(20px + env(safe-area-inset-bottom,0px));border-top:0;background:color-mix(in oklch,#8B6F47 7%,transparent);text-align:center}:root[data-venue=lounge] .mpage-foot{background:color-mix(in oklch,#C9A03C 7%,transparent)}.mpage-foot p{font-size:11.5px;line-height:1.7;letter-spacing:.04em;color:var(--muted)}
