.site-page>main.page-width.play-directory{padding-block:0 64px}.play-filter-bar{top:var(--play-header-height,80px);z-index:20;background:var(--avo-frost-background);border-bottom:1px solid var(--avo-nav-divider);width:100cqw;-webkit-backdrop-filter:var(--avo-frost-filter);backdrop-filter:var(--avo-frost-filter);margin-inline:calc(50% - 50cqw);position:sticky}@media (prefers-reduced-transparency:reduce){.play-filter-bar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0b0e0b}}.play-hero{--country-globe-glow-bleed:96px;top:calc(var(--play-header-height,80px) + var(--play-filters-height,80px));z-index:0;isolation:isolate;clip-path:inset(calc(-1 * var(--country-globe-glow-bleed)) 0);width:100cqw;height:calc(100dvh - var(--play-header-height,80px) - var(--play-filters-height,80px) - 100px);grid-template-rows:minmax(0,1fr);min-height:240px;margin-inline:calc(50% - 50cqw);padding-block:28px 4px;display:grid;position:sticky;overflow:clip visible}.play-hero-dots{z-index:-1;pointer-events:none;will-change:transform;background-image:radial-gradient(#a6ba6b30 .7px,#0000 .8px);background-size:28px 28px;position:absolute;inset:-28px}.play-world{justify-items:stretch;min-height:0;display:grid;position:relative}.country-globe{width:100%;min-width:0;min-height:0;position:relative}.country-globe-stage{top:calc(-1 * var(--country-globe-glow-bleed,0px));width:100%;height:calc(100% + 2 * var(--country-globe-glow-bleed,0px));cursor:grab;outline:none;min-height:0;position:relative;overflow:hidden}.country-globe-stage canvas{display:block;outline:none!important}.country-globe .country-globe-stage:focus{box-shadow:none!important;outline:none!important}.country-globe-stage:active{cursor:grabbing}.country-globe[data-interaction-locked] .country-globe-stage,.country-globe[data-interaction-locked] .country-globe-stage:active{cursor:pointer}.country-globe[data-interaction-locked] :is(.country-globe-hover-label,.country-globe-pin){display:none}.country-globe[data-empty]{pointer-events:none}.country-globe[data-empty] .country-globe-stage{cursor:default}.country-globe-stage .float-tooltip-kap{box-shadow:none;background:0 0;border:0;padding:0}.country-globe-name{color:#edf2df;background:#10190ff2;border:1px solid #758b4d80;border-radius:8px;padding:7px 11px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;display:block;box-shadow:0 4px 12px #0005}.country-globe-hover-label{will-change:transform;contain:layout style;z-index:2;pointer-events:none;max-width:152px;transition:none;position:absolute;top:0;left:0}.country-globe-hover-label[hidden],.play-directory[data-empty=true] :is(.country-globe-hover-label,.country-globe-pin){display:none}.country-globe-pin{z-index:2;pointer-events:none;will-change:transform;contain:layout style;width:1px;height:1px;position:absolute;top:0;left:0}.country-globe-pin[data-below=true] .avo-map-pin-label{top:76px;bottom:auto}.country-globe-pin[data-below=true] .avo-map-pin-beam{top:0;bottom:auto;transform:rotate(180deg)}.country-globe-message{text-align:center;color:var(--muted-foreground);pointer-events:none;place-content:center;padding:24px;display:grid;position:absolute;inset:0}.country-globe-loading{width:100%;height:100%;min-height:0;color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.play-directory-controls{grid-template-columns:repeat(5,minmax(0,1fr)) minmax(0,1.5fr);align-items:center;gap:12px;width:min(1280px,100% - 48px);margin-inline:auto;padding-block:16px;display:grid}.play-directory-controls>.avo-select-trigger{width:100%;min-width:0;height:48px;min-height:48px}.play-directory-filter-summary{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.play-filter-status{color:var(--muted-foreground);min-height:18px;margin:0;font-size:12px}.play-results>header{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;margin-bottom:22px;display:flex}.play-results h2{margin:0;font-size:26px}.play-results header p{color:var(--muted-foreground);margin:0;font-size:14px}.play-empty{text-align:center;background:var(--card);border:1px solid var(--border);border-radius:14px;flex-direction:column;align-items:center;padding:36px 24px;display:flex}.play-empty h2{font-size:24px;line-height:1.3}.play-empty p{max-width:600px;color:var(--muted-foreground);margin:16px 0 28px;line-height:1.6}.site-page:has(>.play-directory[data-empty=true]){height:100dvh;min-height:max(100dvh,var(--play-empty-min-height,0px));overflow:clip}.site-page:has(>.play-directory[data-empty=true])>main.page-width.play-directory{height:auto;min-height:calc(var(--play-filters-height,80px) + var(--play-results-height,260px) + 24px);flex:1 1 0;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);padding-block:0 24px;display:grid}.play-directory[data-empty=true] .play-filter-bar{grid-area:1/1}.play-directory[data-empty=true] .play-results{grid-area:2/1;align-self:end;margin-top:0}.play-directory[data-empty=true] .play-hero{grid-area:2/1;align-self:start;position:relative;top:auto}@container site-page (max-width:600px){.play-world{min-height:0}}.play-results h2{scroll-margin-top:calc(var(--play-header-height,80px) + var(--play-filters-height,80px) + 24px)}.play-results{z-index:1;pointer-events:none;margin-top:12px;position:relative}.play-results>header>*,.play-results .home-avo-grid>*,.play-results>.home-more-avos-footer,.play-results>.play-empty{pointer-events:auto}.play-directory[data-empty=false] .play-results{margin-top:calc(64px - clamp(120px,20dvh,220px))}@container site-page (max-width:1100px){.play-directory-controls{grid-template-columns:repeat(3,minmax(0,1fr))}}@container site-page (max-width:800px){.play-directory-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@container site-page (max-width:400px){.play-directory-controls{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.play-hero-dots{will-change:auto;transform:none!important}}.play-filter-menu .avo-filter-picker-heading{display:none}.play-filter-menu .avo-select-option-icon,.play-price-filters .avo-select-option-icon,.play-directory-controls>.avo-select-trigger :is(.avo-select-option-icon,.play-filter-selection-icon){flex:none;place-items:center;width:30px;display:grid}.play-filter-cover{object-fit:cover;border-radius:4px;width:30px;height:40px}.play-directory-controls .avo-select-option-icon .play-filter-cover{width:21px;height:28px}.play-filter-badge{object-fit:contain;width:28px;height:28px;display:block}.play-filter-selection{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.play-filter-selection-icon{flex:none;align-items:center;display:flex}.play-filter-selection-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.play-filter-limit{color:var(--muted-foreground);margin:4px;font-size:12px;line-height:1.5}:root :is(.play-hero,.play-filter-bar,.play-filters-drawer,.play-filter-menu) :is([title],[data-state=delayed-open],[data-state=instant-open]){cursor:inherit}:is(.play-hero,.play-filter-bar,.play-filters-drawer,.play-filter-menu) :is(button,a,[role=checkbox]):not(:disabled):not([aria-disabled=true]){cursor:pointer}@container site-page (max-width:800px){.country-globe{grid-template-rows:minmax(0,1fr) auto;display:grid}}
