/* Listing rhythm based on observed StartPlaying search; content and styles are local. */
.public-site .catalog-page{max-width:1200px;margin:0 auto;color:var(--text);font-size:16px}
.public-site .catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.public-site .catalog-heading h1{font-family:inherit;font-size:32px;font-weight:750;line-height:1.2;letter-spacing:-.6px;margin:0 0 8px;color:var(--text)}
.public-site .catalog-heading p{margin:0;color:var(--muted);font-size:15px}
.public-site .catalog-calendar-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent);min-height:44px;font-size:15px;text-align:right}
.public-site .catalog-calendar-link .ui-icon{width:20px;flex:none}
.public-site .catalog-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:24px;overflow-x:auto;scrollbar-width:thin}
.public-site .catalog-tabs a{flex:none;padding:10px 0 14px;color:var(--muted);font-size:15px;text-decoration:none;border-bottom:3px solid transparent;white-space:nowrap}
.public-site .catalog-tabs a[aria-current]{color:var(--accent);border-bottom-color:var(--accent);font-weight:650}
.public-site .catalog-search{margin:0;border-bottom:1px solid var(--line);padding-bottom:20px}
.public-site .catalog-search-row{display:grid;grid-template-columns:minmax(180px,2fr) minmax(140px,1.25fr) minmax(125px,1fr) minmax(120px,1fr) auto auto;gap:12px;align-items:end}
.public-site .catalog-search label,.public-site .catalog-results-toolbar label,.public-site .catalog-filter-dialog label{display:flex;flex-direction:column;gap:7px;margin:0;min-width:0;font-size:13px;font-weight:500;color:var(--muted)}
.public-site .catalog-page input:not([type=checkbox]),.public-site .catalog-page select,.public-site .catalog-filter-dialog input:not([type=checkbox]),.public-site .catalog-filter-dialog select{display:block;width:100%;min-width:0;min-height:46px;margin:0;padding:10px 12px;background:var(--panel,var(--surface));border:1px solid var(--line);border-radius:7px;font:inherit;font-size:15px;line-height:1.5;color:var(--text);box-shadow:none}
.public-site .catalog-page .button,.public-site .catalog-filter-dialog .button{min-height:46px;padding:10px 15px;border-radius:7px;font-size:15px;font-weight:600;letter-spacing:0;white-space:normal;line-height:1.4;box-shadow:none;transform:none}
.public-site .catalog-filter-toggle{gap:7px;display:inline-flex;align-items:center;justify-content:center}
.public-site .catalog-filter-toggle[hidden]{display:none!important}
.public-site .catalog-filter-toggle .ui-icon{width:18px;height:18px;flex:none}
.public-site [data-filter-count]:empty{display:none}
.public-site [data-filter-count]{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:4px;background:var(--accent);color:var(--panel,var(--surface));font-size:12px}
.public-site .catalog-quick-options{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;padding-top:15px}
.public-site .catalog-quick-options label,.public-site .catalog-filter-dialog .catalog-filter-check,.public-site .catalog-page .catalog-filter-check{flex-direction:row;align-items:center;gap:9px;min-height:32px;font-size:14px;color:var(--text);font-weight:400}
.public-site .catalog-quick-options input,.public-site .catalog-filter-check input{width:17px;height:17px;flex:none;margin:0;accent-color:var(--accent)}
.public-site .catalog-quick-options>a{margin-left:auto;min-height:32px;display:flex;align-items:center;font-size:14px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.public-site .catalog-more-filters{margin:16px 0 0;padding:0;border:0;background:none}
.public-site .catalog-more-filters>summary{font-size:15px;font-weight:600;color:var(--accent)}
.public-site .catalog-filter-fields{display:grid;gap:26px;padding:16px 0 24px}
.public-site .catalog-filter-fields fieldset{min-width:0;padding:0;margin:0;border:0}
.public-site .catalog-filter-fields legend{font-size:18px;font-weight:650;color:var(--text);margin-bottom:14px;padding:0}
.public-site .catalog-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.public-site .catalog-filter-fields fieldset>.catalog-filter-check{margin-top:14px}
.public-site .catalog-filter-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--panel,var(--surface));border-top:1px solid var(--line);padding:18px 0}
.public-site .catalog-filter-actions>a{font-size:15px;min-height:44px;display:flex;align-items:center;color:var(--muted)}
.public-site .catalog-results-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin:20px 0 24px}
.public-site .catalog-results-toolbar>p{margin:0 auto 0 0;font-size:12px;color:var(--muted)}
.public-site .catalog-results-toolbar>label{flex-direction:row;align-items:center;gap:10px;font-size:13px}
.public-site .catalog-results-toolbar select{width:auto;max-width:230px;min-height:42px;padding:8px 10px;font-size:14px}
.public-site .catalog-results-toolbar>form{margin:0}
.public-site .catalog-results-toolbar .button{font-size:13px;min-height:42px;padding:8px 12px}
.public-site .catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,380px));align-items:stretch;justify-content:start;gap:24px}
.public-site .game-card{display:flex;flex-direction:column;min-width:0;width:100%;max-width:380px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--panel,var(--surface));color:var(--text);box-shadow:none;transform:none;transition:border-color .15s ease,box-shadow .15s ease}
.public-site .game-card:hover{border-color:var(--accent);box-shadow:0 3px 12px #0000000b;transform:none}
.public-site .game-card::before,.public-site .game-card::after{display:none}
.public-site .game-card-media{position:relative;display:block;width:100%;aspect-ratio:16/9;flex:none;overflow:hidden;background:var(--bg);border-bottom:1px solid var(--line)}
.public-site .game-card-media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none;transition:none}
.public-site .game-card-content{display:flex;flex-direction:column;flex:1;gap:0;min-width:0;padding:17px 18px 18px}
.public-site .game-card-topline{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px;margin-bottom:10px}
.public-site .game-card-status{display:inline-block;width:fit-content;max-width:100%;padding:4px 7px;border-radius:4px;background:var(--bg);color:var(--muted);font-size:11px;font-weight:650;line-height:1.35}
.public-site .game-card-status.is-open{background:#e1efdc;color:#294922}
.dark .public-site .game-card-status.is-open{background:#273e2a;color:#cae8bc}
.public-site .game-card-format{font-size:12px;color:var(--muted)}
.public-site .game-card h3.game-card-title{margin:0 0 5px;font-family:inherit;font-size:20px;line-height:1.35;font-weight:700;letter-spacing:-.25px;min-height:0}
.public-site .game-card-title a{color:var(--text);text-decoration:none}
.public-site .game-card-title a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.public-site .game-card-system{margin:0 0 16px;font-size:13px;line-height:1.4;color:var(--muted)}
.public-site .game-card-facts{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:0 0 20px;font-size:14px;line-height:1.5}
.public-site .game-card-facts>div{display:grid;grid-template-columns:18px minmax(0,1fr);gap:7px;align-items:start}
.public-site .game-card-facts dt,.public-site .game-card-facts dd{margin:0;padding:0;min-width:0;color:var(--text)}
.public-site .game-card-facts dt{display:flex;align-items:center;padding-top:2px;color:var(--muted)}
.public-site .game-card-facts .ui-icon{width:17px;height:17px;flex:none}
.public-site .game-card-facts b{font-weight:500}
.public-site .game-card-price-unit{color:var(--muted);font-size:12px}
.public-site .game-card-master{display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:15px;border-top:1px solid var(--line);font-size:14px;line-height:1.4;color:var(--text)}
.public-site .game-card-master>span:last-child{min-width:0}
.public-site .game-card-master small{display:block;font-size:11px;color:var(--muted);margin-bottom:2px}
.public-site .game-card-avatar{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--bg);color:var(--muted);font-size:14px;font-weight:600}
.public-site .game-card-description{font-size:15px;line-height:1.6;color:var(--muted);margin:4px 0 22px}
.public-site .game-card-interest .game-card-status{margin-bottom:12px}
.public-site .catalog-empty{grid-column:1/-1;padding:36px 0;max-width:620px}
.public-site .catalog-empty h2{font-family:inherit;font-size:24px;line-height:1.3;margin:0 0 10px;color:var(--text)}
.public-site .catalog-empty p{color:var(--muted);font-size:16px;margin:0 0 22px}
.public-site .catalog-empty>div{display:flex;flex-wrap:wrap;gap:12px}
.public-site .catalog-filter-dialog{position:fixed;inset:0;width:min(640px,calc(100% - 32px));height:fit-content;max-width:none;max-height:calc(100dvh - 32px);padding:0;margin:auto;border:1px solid var(--line);border-radius:12px;background:var(--panel,var(--surface));color:var(--text);box-shadow:0 20px 60px #0004;overflow:auto;overscroll-behavior:contain}
.public-site .catalog-filter-dialog::backdrop{background:#0b172b77}
.public-site .catalog-filter-dialog .drawer-heading{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:17px 24px;border-bottom:1px solid var(--line);background:var(--panel,var(--surface));margin:0}
.public-site .catalog-filter-dialog .drawer-heading h2{font-family:inherit;font-size:21px;letter-spacing:0;margin:0;color:var(--text)}
.public-site .catalog-filter-dialog .catalog-more-filters{margin:0}
.public-site .catalog-filter-dialog .catalog-more-filters>summary{display:none}
.public-site .catalog-filter-dialog .catalog-filter-fields{padding:24px}
.public-site .catalog-filter-dialog .catalog-filter-actions{position:sticky;bottom:0;padding:15px 24px max(15px,env(safe-area-inset-bottom));z-index:2}
@media(max-width:1100px){.public-site .catalog-search-row{grid-template-columns:minmax(170px,1.4fr) repeat(3,minmax(110px,1fr))}.public-site .catalog-filter-toggle{grid-column:1/3}.public-site .catalog-submit{grid-column:3/5}.public-site .catalog-grid{grid-template-columns:repeat(2,minmax(0,380px))}}
@media(max-width:680px){.public-site .catalog-heading{gap:14px;align-items:flex-start;flex-wrap:wrap;margin-bottom:15px}.public-site .catalog-heading h1{font-size:28px}.public-site .catalog-heading p{font-size:14px}.public-site .catalog-calendar-link{font-size:14px;text-align:left}.public-site .catalog-tabs{gap:20px;margin-bottom:18px}.public-site .catalog-tabs a{font-size:14px}.public-site .catalog-search-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.public-site .catalog-query{grid-column:1/-1}.public-site .catalog-search-row>label:nth-child(4){grid-column:1}.public-site .catalog-filter-toggle{grid-column:2;min-height:46px;align-self:end}.public-site .catalog-submit{grid-column:1/-1}.public-site .catalog-page input:not([type=checkbox]),.public-site .catalog-page select,.public-site .catalog-filter-dialog input:not([type=checkbox]),.public-site .catalog-filter-dialog select{font-size:16px}.public-site .catalog-quick-options{gap:8px 16px}.public-site .catalog-quick-options label{font-size:13px}.public-site .catalog-quick-options>a{margin-left:0}.public-site .catalog-results-toolbar{gap:12px;margin-bottom:20px}.public-site .catalog-results-toolbar>p{flex-basis:100%;font-size:11px}.public-site .catalog-results-toolbar>label{display:block;flex:1;min-width:0}.public-site .catalog-results-toolbar select{width:100%;max-width:100%;margin-top:5px}.public-site .catalog-results-toolbar>form{align-self:end}.public-site .catalog-results-toolbar .button{min-height:46px}.public-site .catalog-filter-dialog{width:100%;height:100dvh;max-height:100dvh;max-width:100%;border:0;border-radius:0}.public-site .catalog-filter-dialog .drawer-heading{padding:14px 16px}.public-site .catalog-filter-dialog .catalog-filter-fields{padding:22px 16px}.public-site .catalog-filter-dialog .catalog-filter-actions{padding-inline:16px}.public-site .catalog-filter-grid{grid-template-columns:1fr}.public-site .catalog-empty{padding-top:22px}}
@media(max-width:640px){.public-site .catalog-grid{grid-template-columns:minmax(0,380px);gap:20px}.public-site .game-card-content{padding:16px}.public-site .game-card h3.game-card-title{font-size:20px}.public-site .game-card-facts{font-size:14px}}
@media(prefers-reduced-motion:reduce){.public-site .game-card{transition:none}}
.public-site .catalog-mobile-filters[hidden]{display:none!important}
.public-site .catalog-filter-dialog .catalog-quick-options{grid-column:1/-1;padding:0;gap:12px}
.public-site .catalog-filter-dialog .catalog-quick-options label{display:flex;flex-direction:row;align-items:center;width:100%;font-size:14px;font-weight:400;min-height:32px}
.public-site .catalog-filter-dialog .catalog-quick-options>a{display:none}
@media(max-width:680px){
  .public-site .has-modal-filters .catalog-calendar-link{display:none}
  .public-site .has-modal-filters .catalog-search-row{grid-template-columns:minmax(0,1fr) auto}
  .public-site .has-modal-filters .catalog-query{grid-column:1}
  .public-site .has-modal-filters .catalog-filter-toggle{grid-column:2;white-space:nowrap;padding-inline:12px}
  .public-site .has-modal-filters .catalog-submit{grid-column:1/-1}
  .public-site .has-modal-filters .catalog-results-toolbar>p{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .public-site .has-modal-filters .catalog-results-toolbar>label{display:flex;flex-direction:row;flex:1;align-items:center;font-size:12px}
  .public-site .has-modal-filters .catalog-results-toolbar select{width:auto;flex:1;min-width:0;margin-top:0;font-size:14px}
  .public-site .has-modal-filters .catalog-results-toolbar>form{flex-basis:100%}
  .public-site .has-modal-filters .catalog-results-toolbar{margin:16px 0 20px}
}
