.gallery{padding-block:clamp(24px,2.4vw,32px) clamp(56px,5.8vw,80px)}.gallery-head{display:flex;gap:clamp(20px,3vw,40px);align-items:flex-end;margin-bottom:clamp(30px,3vw,40px);flex-wrap:wrap}.gallery-head>div{flex:1 1 min(680px,100%);min-width:0;display:flex;flex-direction:column;gap:14px}.gallery-head h1{margin:0;font:400 clamp(34px,4.2vw,56px) / .94 var(--display);letter-spacing:-.005em;color:var(--cream);text-shadow:0 6px 0 var(--teal-deep);max-width:24ch;text-wrap:balance}.gallery-head p{margin:0;font:500 17px/1.45 var(--sans);color:var(--cream)}.sorts{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding-bottom:18px;margin-bottom:22px;border-bottom:2px dashed rgba(255,244,226,.35)}.sort{padding:10px 20px;border:0;border-radius:14px;background:var(--cream);color:var(--ink);font:400 17px/1 var(--display);white-space:nowrap;cursor:pointer;box-shadow:0 4px 0 var(--cream-deep);transition:transform .1s,box-shadow .1s}.sort:hover{transform:translateY(2px);box-shadow:0 2px 0 var(--cream-deep)}.sort[aria-pressed=true]{background:var(--orange);color:var(--orange-ink);box-shadow:0 4px 0 var(--orange-deep);cursor:default;transform:none}@media(max-width:860px){.sorts{flex-wrap:nowrap;overflow-x:auto;gap:8px;margin:0 calc(var(--gutter) * -1) 16px;padding:0 var(--gutter) 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.sorts::-webkit-scrollbar{display:none}.sort{flex:0 0 auto;padding:8px 15px;font-size:15px;box-shadow:0 3px 0 var(--cream-deep)}.sort[aria-pressed=true]{box-shadow:0 3px 0 var(--orange-deep)}}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(47%,300px),1fr));gap:clamp(12px,2.4vw,22px)}.game{border-radius:var(--r-lg);overflow:hidden;background:var(--cream);color:var(--ink);display:flex;flex-direction:column;box-shadow:0 9px #0c2b264d}.game-art{position:relative;aspect-ratio:16/10;background:var(--ink);overflow:hidden}.game-art img,.game-art video{width:100%;height:100%;object-fit:cover}.game-art--blank{display:grid;place-content:center;gap:9px;padding:16px 20px;text-align:center;background:var(--teal-deep)}.game-art--blank:before{content:"";position:absolute;top:-40%;right:-20%;bottom:0;left:-20%;background:repeating-conic-gradient(from -96deg at 50% 12%,#fff4e213,#fff4e213 8deg,#fff4e200 8deg,#fff4e200 16deg)}.game-art--blank b,.game-art--blank .blank-note{position:relative}.game-art--blank b{font:400 clamp(23px,3.1vw,31px) / 1.04 var(--display);color:var(--cream);text-shadow:0 4px 0 rgba(3,20,17,.5);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.game-art--blank .blank-note{font:400 11px var(--mono);letter-spacing:.08em;color:#fff4e280}.game-art video{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .22s ease}.game-art video[data-playing]{opacity:1}@media(prefers-reduced-motion:reduce){.game-art video{display:none}}.game-new{position:absolute;top:11px;left:11px;padding:4px 10px;border-radius:var(--r-pill);background:var(--cream);color:var(--ink);font:400 10px var(--mono)}.game-viral{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(100deg,var(--yellow),var(--orange) 78%);color:var(--orange-ink);box-shadow:0 3px 0 var(--orange-deep);letter-spacing:.04em}.game-viral:before{content:"";width:6px;height:6px;border-radius:var(--r-pill);background:var(--orange-ink);animation:am-pulse 1.8s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.game-viral:before{animation:none}}.game-body{padding:clamp(11px,2.4vw,16px);display:flex;flex-direction:column;gap:clamp(9px,1.6vw,12px);flex:1}.game-text{display:flex;flex-direction:column;gap:3px}.game-text h2{margin:0;font:400 clamp(19px,4.2vw,24px) / 1.02 var(--display)}.game-text p{margin:0;font:500 clamp(12.5px,3vw,14px) / 1.35 var(--sans);color:#0c2b26b3}.game-acts{margin-top:auto;display:flex}.game-play{flex:1 1 108px;min-height:46px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--teal);color:var(--cream);font:400 clamp(16px,3.6vw,19px) / 1 var(--display);box-shadow:0 4px 0 var(--teal-deep);transition:transform .1s ease-out,box-shadow .1s ease-out}.game-play:hover{color:var(--cream);transform:translateY(3px);box-shadow:0 1px 0 var(--teal-deep)}.game-mine{order:1;border-radius:var(--r-lg);border:3px dashed rgba(255,244,226,.65);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:26px;text-align:center;color:var(--cream)}.game-mine:hover{background:#fff4e21a;color:var(--cream)}.game-mine b{font:400 26px/1.05 var(--display);animation:am-bob 3s ease-in-out infinite}.game-mine p{margin:0;font:500 14px/1.45 var(--sans);max-width:26ch}.game-mine .btn{--lift: 4px;padding:12px 22px;border-radius:14px;font-size:18px}.gallery-status{margin:0;padding:28px 0;text-align:center;font:400 13px/1.7 var(--mono);color:var(--cream)}.gallery-status:empty{display:none}.gallery-notes{margin-top:44px;padding:clamp(20px,3vw,28px) clamp(18px,3vw,30px);border-radius:var(--r-lg);background:#061a1638;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:clamp(20px,3vw,30px)}.gallery-notes>div{display:flex;flex-direction:column;gap:10px}.gallery-notes h2{margin:0;font:400 26px/1.1 var(--display);color:var(--yellow)}.gallery-notes p{margin:0;font:500 15px/1.55 var(--sans);color:var(--cream)}.game-fav{position:absolute;top:.5rem;right:.5rem;z-index:2;width:2rem;height:2rem;border-radius:999px;padding:0;line-height:1;border:1px solid rgba(255,255,255,.35);background:#1414188c;color:#fff;font-size:1rem;cursor:pointer;transition:transform .1s,background .12s}.game-fav:hover{background:#141418bf;transform:scale(1.06)}.game-fav[data-on="1"]{color:#ff6b6b}.cat-crumbs{font:500 14px/1.4 var(--sans);color:var(--cream);opacity:.85;margin-bottom:14px}.cat-crumbs a{color:inherit}.cat-chips{display:flex;flex-wrap:wrap;gap:8px 10px;margin:0 0 22px}.gallery-notes .cat-chips{margin:12px 0 18px}.cat-chip{display:inline-block;padding:8px 14px;border-radius:99px;background:var(--cream);color:var(--ink);font:600 15px/1 var(--sans);text-decoration:none;box-shadow:0 3px 0 var(--cream-deep)}.cat-chip:hover,.cat-chip:focus-visible{transform:translateY(1px);box-shadow:0 2px 0 var(--cream-deep)}.cat-chip span{opacity:.6;font-weight:500;margin-left:4px}.cat-faq{display:block}.cat-faq details{border-top:1px solid rgba(255,244,226,.18);padding:12px 0}.cat-faq summary{cursor:pointer;font:600 16px/1.4 var(--sans);color:var(--cream)}.cat-faq details p{margin:8px 0 0}.discovery .gallery{padding-block:22px 50px}.discovery .gallery-head{margin-bottom:18px}.discovery .gallery-head>div{display:grid;grid-template-columns:fit-content(45%) minmax(0,1fr);align-items:center;gap:24px}.discovery .gallery-description{min-width:0}.discovery .gallery-description p+p{margin-top:8px}.discovery .gallery-head h1{color:var(--discovery-fg);text-shadow:none;font-size:clamp(32px,3vw,36px);line-height:1.12;max-width:24ch;text-wrap:pretty}.discovery .gallery-head p{color:var(--discovery-muted);font:500 15px/1.5 var(--sans);max-width:64ch}.discovery .gallery-browser{display:grid;grid-template-columns:184px minmax(0,1fr);gap:28px}.discovery .gallery-results{min-width:0}.discovery .catalog-categories{position:sticky;top:24px;max-height:calc(100dvh - 48px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--discovery-line) transparent;align-self:start;border-right:1px solid var(--discovery-line);padding:0 17px 8px 8px;min-width:0}.discovery .catalog-categories>summary{display:none}.discovery .category-group+.category-group{margin-top:24px}.discovery .category-group h2{margin:0 0 7px;font:400 11px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--discovery-muted)}.discovery .category-group .cat-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:1px -8px;padding:9px 8px;border-radius:7px;background:none;box-shadow:none;font:500 13px/1.35 var(--sans);color:var(--discovery-fg)}.discovery .category-group .cat-chip:hover{background:var(--discovery-soft);transform:none}.discovery .category-group .cat-chip[aria-current=page]{background:var(--discovery-soft);color:var(--discovery-fg);font-weight:700}.discovery .category-group .cat-chip span{opacity:1;margin:0;min-width:24px;padding:2px 4px;border-radius:4px;background:var(--discovery-soft);color:var(--discovery-muted);text-align:center;font:400 11px var(--mono);font-variant-numeric:tabular-nums}.discovery .sorts{justify-content:space-between;border:0;margin:0;padding:0 0 18px;gap:12px}.discovery .sorts>span{font:500 14px var(--sans);color:var(--discovery-muted)}.discovery [data-games-count]{font:500 16px var(--mono);color:var(--discovery-fg);font-variant-numeric:tabular-nums}.discovery .sorts label{display:flex;align-items:center;gap:8px;font:500 12px var(--sans);color:var(--discovery-muted)}.discovery .sorts select{width:116px;min-height:32px;padding:5px 8px;border:1px solid var(--discovery-line);border-radius:6px;background:var(--discovery-paper);color:var(--discovery-fg);font:500 12px var(--sans)}.discovery .game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 16px}.discovery .gallery-browser .game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.discovery .game{position:relative;color:var(--discovery-fg);border:1px solid var(--discovery-line);border-radius:12px;background:var(--discovery-paper);box-shadow:0 2px 0 var(--discovery-shadow);transition:transform .18s,box-shadow .18s;min-width:0}.discovery .game:hover{transform:translateY(-2px);box-shadow:0 4px 0 var(--discovery-shadow)}:root[data-discovery-theme=cream] .discovery .game{border-color:var(--ink);box-shadow:0 4px 0 var(--discovery-shadow)}:root[data-discovery-theme=cream] .discovery .game:hover{border-color:var(--ink);box-shadow:0 6px 0 var(--discovery-shadow)}:root[data-discovery-theme=cream] .discovery .category-feature>.game,:root[data-discovery-theme=cream] .discovery .category-feature>.game:hover{border-color:var(--teal-deep);box-shadow:0 6px 0 var(--teal-deep)}.discovery .game-art{aspect-ratio:1.65}.discovery .game-body{padding:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-content:start}.discovery .game-text h2{font:400 20px/1.15 var(--display)}.discovery .game-text p{font:500 13px/1.5 var(--sans);color:var(--discovery-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.discovery .game-acts{margin-top:0;align-items:start}.discovery .game-play{min-height:0;display:block;background:none;border-radius:0;box-shadow:none;font-size:0;color:var(--discovery-fg)}.discovery .game-play:before{content:"↗";font:500 19px/1.2 var(--sans)}.discovery .game-play:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.discovery .game-play:hover{color:var(--discovery-hover);transform:none;box-shadow:none}.discovery .game-play:focus-visible:after{outline:3px solid var(--orange);outline-offset:-3px;border-radius:10px}.discovery .game-tags{position:relative;z-index:1;grid-column:1 / -1;display:flex;gap:6px;flex-wrap:wrap}.discovery .game-tag{border-radius:4px;padding:5px 7px;font:600 11px/1.3 var(--sans);background:var(--discovery-soft);color:var(--discovery-fg)}.discovery .game-tag:hover{text-decoration:underline;text-underline-offset:2px;color:var(--discovery-hover)}.discovery .game-grid--wall[data-order=fun]>.game:first-of-type{grid-column:span 2;border:2px solid var(--discovery-feature-line);background:var(--discovery-paper);box-shadow:0 3px 0 var(--discovery-shadow)}.discovery .game-grid--wall[data-order=fun]>.game:first-of-type .game-art{aspect-ratio:2.1}.discovery .game-grid--wall[data-order=fun]>.game:first-of-type .game-text h2{font-size:24px}.discovery .game-grid--wall[data-order=fun]>.game:nth-of-type(2){align-self:stretch;display:grid;grid-template-rows:minmax(0,1fr) auto}.discovery .game-grid--wall[data-order=fun]>.game:nth-of-type(2) .game-art{aspect-ratio:auto;min-height:190px}.discovery .game-grid--wall[data-order=fun]>.game:nth-of-type(2):hover{transform:translateY(-2px)}.discovery .game-new{font-size:11px;border-radius:4px}.discovery .game-fav{z-index:2;width:38px;height:38px;border-radius:8px}.discovery .game-mine{border:1px dashed var(--discovery-outline);color:var(--discovery-fg);background:var(--discovery-soft);border-radius:10px;padding:20px;min-width:0}.discovery .game-mine:hover{color:var(--discovery-fg);background:var(--discovery-soft)}.discovery .game-mine b{animation:none;font-size:28px}.discovery .game-mine p{font-size:13px}.discovery .game-mine .btn{padding:11px 15px;font-size:13px}.discovery .gallery-status{color:var(--discovery-muted)}.discovery .gallery-notes{background:none;border-top:1px solid var(--discovery-line);border-radius:0;padding:25px 0 0;margin-top:35px}.discovery .gallery-notes h2{color:var(--discovery-fg);font-size:28px}.discovery .gallery-notes p{color:var(--discovery-muted);font-size:14px;max-width:66ch}.discovery .gallery-notes p a{text-decoration:underline;text-underline-offset:3px}.discovery .cat-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--discovery-muted);font-size:12px;margin-bottom:8px;opacity:1}.discovery .cat-crumbs a{text-decoration:underline;text-underline-offset:3px}.discovery .cat-crumbs a:hover{color:var(--discovery-hover)}.discovery .category-feature{margin-bottom:30px}.discovery .category-feature>.game{display:grid;grid-template-columns:1.4fr 1fr;background:var(--discovery-hero);border:2px solid var(--teal-deep);color:var(--cream);border-radius:14px;box-shadow:0 6px 0 var(--teal-deep)}.discovery .category-feature .game-art{aspect-ratio:auto;min-height:240px}.discovery .category-feature .game-body{padding:27px;align-content:center}.discovery .category-feature .game-text h2{font-size:26px}.discovery .category-feature .game-text p{color:var(--cream);margin-top:10px;-webkit-line-clamp:4;font-size:14px}.discovery .category-feature .game-play{color:var(--yellow)}.discovery .category-feature .game-tags{margin-top:9px}.discovery .category-feature .game-fav{background:var(--teal-deep)}.discovery .category-grid-head{margin-bottom:15px}.discovery .category-grid-head h2{margin:0;font:400 24px/1.15 var(--display)}.discovery .category-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:21px}.discovery .category-filter{border:1px solid var(--discovery-line);border-radius:8px;padding:9px 12px;min-height:38px;background:var(--discovery-paper);color:var(--discovery-fg);font:500 13px var(--sans);cursor:pointer}.discovery .category-filter[aria-pressed=true]{background:var(--discovery-soft);color:var(--discovery-fg);border-color:var(--discovery-outline);box-shadow:none;font-weight:700}.discovery .category-filter:hover{border-color:var(--discovery-hover)}.discovery .cat-faq summary{color:var(--discovery-fg)}.discovery .cat-faq details{border-color:var(--discovery-line)}.discovery .cat-related .cat-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.discovery .cat-related .cat-chip{position:relative;display:flex;flex-direction:column;align-items:start;gap:10px;padding:19px 15px;border:1px solid var(--discovery-outline);border-radius:10px;background:var(--discovery-bg);color:var(--discovery-fg);box-shadow:0 2px 0 var(--discovery-shadow);font:400 24px/1.1 var(--display)}.discovery .cat-related .cat-chip:after{content:"↗";position:absolute;right:12px;bottom:18px;font:500 19px var(--sans)}.discovery .cat-related .cat-chip span{margin:0;font:500 12px/1.4 var(--sans)}.discovery .cat-related .cat-chip span:after{content:" games"}@media(max-width:1000px){.discovery .gallery-browser .category-feature>.game{grid-template-columns:1fr}.discovery .gallery-browser .category-feature .game-art{min-height:0;aspect-ratio:1.8}.discovery .gallery-browser .category-feature .game-body{padding:20px}.discovery .gallery-browser{grid-template-columns:168px minmax(0,1fr);gap:20px}.discovery .gallery-browser .game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.discovery .game-grid--wall[data-order=fun]>.game:first-of-type{grid-column:auto}.discovery .game-grid--wall[data-order=fun]>.game:first-of-type .game-art{aspect-ratio:1.45}.discovery .game-grid--wall[data-order=fun]>.game:first-of-type .game-text h2{font-size:22px}.discovery .game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.discovery .gallery-head>div{grid-template-columns:1fr;gap:6px}}@media(max-width:680px){.discovery .gallery{padding-top:16px}.discovery .gallery-head{margin-bottom:16px}.discovery .gallery-head h1{font-size:30px}.discovery .gallery-head p{font-size:14px}.discovery .gallery-browser{display:block}.discovery .catalog-categories{position:static;max-height:none;overflow:visible;border:0;padding:0;margin-bottom:14px}.discovery .catalog-categories>summary{display:flex;justify-content:space-between;padding:13px;border:1px solid var(--discovery-outline);border-radius:9px;background:var(--discovery-paper);cursor:pointer;min-height:44px;font:600 13px var(--sans)}.discovery .catalog-categories>summary:after{content:"⌄"}.discovery .category-groups{display:grid;grid-template-columns:1fr 1fr;gap:24px 18px;background:var(--discovery-soft);margin-top:10px;padding:18px 15px;border-radius:10px}.discovery .category-group+.category-group{margin:0}.discovery .category-group .cat-chip{min-height:42px}.discovery .sorts{flex-wrap:wrap;overflow:visible;margin:0;padding:0 0 18px}.discovery .sorts select{width:144px;min-height:44px;font-size:16px}.discovery .sorts label{font-size:11px}.discovery .sorts>span{font-size:11px}.discovery .game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}.discovery .game-body{padding:10px;gap:7px}.discovery .game-text h2{font-size:19px}.discovery .game-text p{font-size:12px}.discovery .game-tag{min-height:32px;display:inline-flex;align-items:center}.discovery .game-fav{width:40px;height:40px}.discovery .category-feature>.game{grid-template-columns:1fr}.discovery .category-feature .game-art{min-height:0;aspect-ratio:1.8}.discovery .category-feature .game-body{padding:22px}.discovery .category-feature .game-text h2{font-size:24px}.discovery .category-filter{min-height:44px}.discovery .cat-related .cat-chips{grid-template-columns:repeat(2,minmax(0,1fr))}.discovery .game-mine{padding:16px 11px}.discovery .game-mine b{font-size:24px}}@media(max-width:370px){.discovery .game-text h2{font-size:19px}.discovery .game-new{padding:4px 6px}.discovery .game-body{padding:9px}}.discovery .cat-chip--all{display:block;color:var(--discovery-fg);margin:0 0 22px;padding:10px;border:1px solid var(--discovery-line);border-radius:7px;background:none;box-shadow:none;font:500 13px var(--sans)}.discovery .cat-chip--all[aria-current=page]{background:var(--discovery-soft);font-weight:700}.discovery .cat-chip--all:hover{border-color:var(--discovery-outline);box-shadow:none;transform:none}.discovery .game-tags:empty{display:none}.discovery .game-tags{margin-top:7px}@media(max-width:680px){.discovery .cat-chip--all{grid-column:1 / -1;margin:0;min-height:44px}}.discovery .game-text h2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.discovery .gallery-browser:has(>.gallery-results:only-child){grid-template-columns:minmax(0,1fr)}@media(max-width:680px){.discovery .game-fav{width:44px;height:44px}}@media(max-width:680px){.discovery .count-invite{display:none}}.discovery .game:hover{border-color:var(--discovery-outline)}.discovery .game-tag{color:var(--discovery-muted)}.discovery .game-fav{width:44px;height:44px;font-size:20px;border:1px solid rgba(255,244,226,.25);background:#061a16d1;color:var(--cream)}.discovery .game-fav:hover,.discovery .game-fav[data-on="1"]{color:var(--yellow);background:var(--teal-deep)}.discovery .game-fav:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.discovery .sorts select:focus-visible,.discovery .catalog-categories>summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}@media(min-width:1001px){.discovery .game-grid--wall[data-order=fun]>.game:nth-of-type(-n+2) .game-body{min-height:144px}}@media(min-width:681px)and (max-width:1080px){.discovery .catalog-categories{top:100px;max-height:calc(100dvh - 116px)}}@media(max-width:1000px){.discovery .game-grid--wall[data-order=fun]>.game:nth-of-type(2){display:flex}.discovery .game-grid--wall[data-order=fun]>.game:nth-of-type(2) .game-art{aspect-ratio:1.45;min-height:0}}@media(max-width:680px){.discovery .sorts{padding-bottom:16px}.discovery .game-grid--wall[data-order=fun]>.game:first-of-type .game-text h2{font-size:21px}}
