.topbar{display:grid;grid-template-columns:auto auto 1fr auto;gap:18px}.menu-button,.search-button{width:42px;height:42px;margin:0;border:1px solid var(--line);border-radius:50%;background:#182027;color:#eef2ed;font-size:22px;padding:0;cursor:pointer}.top-search{justify-self:center;width:min(520px,48vw);display:flex;align-items:center;gap:11px;color:#e8ece8}.top-search input{width:100%;border:0;background:transparent;color:#fff;font:15px inherit;outline:0}.search-button{display:none}.drawer{position:fixed;z-index:10;inset:0 auto 0 0;width:300px;padding:24px;background:#151b20;transform:translateX(-105%);transition:transform .25s;box-shadow:20px 0 45px #0008}.drawer.open{transform:none}.drawer>div{display:flex;justify-content:space-between;font-size:18px}.drawer button{border:0;background:none;color:#fff;font:16px inherit;text-align:left;padding:13px 0}.drawer>div button{width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:50%;text-align:center;font-size:25px}.drawer nav{display:flex;flex-direction:column;margin-top:28px}.drawer nav button.selected{color:#c8ff3d}.directory{max-width:1440px;margin:auto;padding:28px clamp(18px,5vw,76px) 70px}.intro{display:none}.discover{padding:0;border:0}.category{margin-top:0}.category+.category{margin-top:34px}.game{transition:transform .28s cubic-bezier(.2,.8,.2,1),filter .28s;transform-origin:center}.game:hover{transform:scale(1.1);z-index:4;filter:drop-shadow(0 18px 24px #0009)}.art .card-info{position:absolute;inset:auto 0 0;padding:18px;background:linear-gradient(transparent,#071016e9);display:flex;align-items:end;justify-content:space-between;opacity:0;transition:opacity .22s;z-index:2}.game:hover .card-info,.game.playing .card-info{opacity:1}.card-info b{font-size:15px}.card-info small{font:11px 'DM Mono';color:#c8ff3d}.detail{max-width:1180px;margin:auto;padding:40px clamp(18px,5vw,76px) 80px}.back{margin-left:auto;color:#aab4b3;text-decoration:none;font-size:13px}.detail-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center}.detail-art{aspect-ratio:16/10;border-radius:20px;overflow:hidden;background:#27323b}.detail-art img,.media-main img{width:100%;height:100%;object-fit:cover}.detail-hero h1{font-size:clamp(38px,5vw,68px);margin:8px 0}.detail-hero p{color:#aeb8b7;line-height:1.8}.detail-hero>div>span{font:11px 'DM Mono';color:#c8ff3d}.detail-actions{display:flex;gap:10px;margin-top:25px}.detail-actions a,.detail-actions button,.identity{border-radius:18px;background:#c8ff3d;color:#101510;border:0;padding:12px 18px;text-decoration:none;font-weight:700;font:14px inherit;transition:transform .18s,filter .18s;cursor:pointer}.detail-actions a:hover,.detail-actions button:hover,.identity:hover{transform:translateY(-2px);filter:brightness(1.07)}.detail-actions button,.identity{background:#212b32;color:#fff}.media,.comments{margin-top:64px}.media h2,.comments h2{font-size:23px}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.media-main,.media iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:18px;overflow:hidden}.comments-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.comments-heading h2{margin-bottom:3px}.comments-heading p{margin:0;color:#8d9998;font-size:13px}.messages{display:flex;flex-direction:column;gap:12px;max-width:720px;margin:18px 0}.message{padding:11px 14px;max-width:80%;display:flex;flex-direction:column}.message.other{background:#1b242b;border-radius:18px 18px 18px 5px;align-self:flex-start}.message.own{background:#405d25;border-radius:18px 18px 5px 18px;align-self:flex-end}.message-meta{font-size:11px;color:#c8ff3d}.message p{margin:5px 0 0;font-size:14px;line-height:1.55}.message-tools{display:flex;gap:9px;margin-top:7px}.message.own .message-tools{justify-content:flex-end}.message-tools button,.composer-note button{border:0;background:transparent;color:#c8ff3d;padding:0;font:12px inherit;cursor:pointer}.reply-context{margin-top:6px;border-left:2px solid #c8ff3d99;padding-left:7px;color:#c5cfce;font-size:11px}.quiet{color:#8d9998}#commentForm{max-width:720px;display:flex;gap:8px;flex-wrap:wrap}#commentForm input{flex:1;min-width:0;border:1px solid #36434a;border-radius:999px;background:#182027;color:#fff;padding:12px 15px;font:14px inherit}#commentForm>button{border:0;border-radius:999px;background:#c8ff3d;padding:0 18px;font-weight:700;cursor:pointer}.composer-note{width:100%;display:flex;gap:8px;color:#aeb8b7;font-size:12px;padding-left:8px}@keyframes cardTap{0%{transform:scale(1)}45%{transform:scale(1.13)}70%{transform:scale(.96)}100%{transform:scale(1.08)}}.game.tapped{animation:cardTap .42s cubic-bezier(.2,.8,.2,1);transform:scale(1.08);z-index:4}@media(max-width:850px){.topbar{grid-template-columns:auto auto 1fr}.topbar nav{display:none}.top-search{display:none}.search-button{display:block;justify-self:end}.topbar.searching .top-search{display:flex;position:absolute;inset:10px 56px 10px 50px;width:auto;background:#151c22;padding:0 12px;border-radius:18px}.topbar.searching .logo,.topbar.searching .menu-button{visibility:hidden}.directory{padding:20px 16px 60px}.category+.category{margin-top:26px}.art .card-info{opacity:0}.game.playing .card-info{opacity:1}.game:hover{transform:none;filter:none}.game.tapped{animation:cardTap .42s cubic-bezier(.2,.8,.2,1)}.detail{padding:24px 16px 60px}.detail-hero,.media-grid{grid-template-columns:1fr;gap:20px}.detail-hero h1{font-size:42px}.media,.comments{margin-top:44px}.comments-heading{align-items:flex-start;flex-direction:column}.message{max-width:88%}}
.messages{height:420px;overflow-y:auto;overscroll-behavior:contain;padding:8px 12px 8px 2px;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;scrollbar-color:#53606a transparent}.history-status{align-self:center;color:#8d9998;font-size:11px;padding:7px 0}.reply-context{width:100%;margin-top:7px;border:0;border-left:2px solid #c8ff3d99;background:#10161a66;color:#c5cfce;text-align:left;padding:6px 8px;cursor:pointer;border-radius:0 9px 9px 0;display:block;overflow:hidden}.reply-context span{display:block;font-size:10px;color:#c8ff3d}.reply-context strong{display:block;font-size:11px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-context.expanded strong{white-space:normal}.message.deleted{opacity:.72}.message.deleted p{font-style:italic;color:#b2b9b7}@media(max-width:850px){.messages{height:360px}.reply-context{min-height:42px}}
.game:hover{transform:scale(1.12);z-index:6;filter:drop-shadow(0 22px 28px #000b)}.game:hover .art img{transform:none}.game.playing{filter:drop-shadow(0 20px 26px #000a)}@media(max-width:850px){.game-row{padding-top:24px;padding-bottom:28px}.game.playing{transform:scale(1.12);filter:drop-shadow(0 18px 22px #000b)}.game.playing .art img{transform:none}}
.game:hover{transform:scale(1.08)}@media(max-width:850px){.game-row{padding:12px 0;margin:0;gap:14px}.game.playing{transform:scale(1.06)}}
.game{border-radius:20px}.art{overflow:hidden;isolation:isolate;clip-path:inset(0 round 20px)}.art img,.art iframe{border-radius:inherit}@media(max-width:850px){.game{border-radius:16px}.art{border-radius:16px;clip-path:inset(0 round 16px)}.art img,.art iframe{border-radius:16px}}
.featured-game{display:block;margin:0 0 22px;color:#fff;text-decoration:none}.featured-art{position:relative;min-height:260px;aspect-ratio:16/5;border-radius:22px;overflow:hidden;isolation:isolate;background:#1d2a32}.featured-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071015dc 0%,#07101575 37%,transparent 72%)}.featured-art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .35s}.featured-game:hover .featured-art img{transform:scale(1.035)}.featured-art>div{position:absolute;z-index:1;left:clamp(22px,4vw,56px);bottom:clamp(22px,3vw,42px);display:flex;flex-direction:column;align-items:flex-start;gap:5px;max-width:440px}.featured-art small{color:#c8ff3d;font:12px 'DM Mono';letter-spacing:.12em}.featured-art strong{font-size:clamp(30px,4vw,56px);letter-spacing:-.06em}.featured-art span{color:#d8e0de;font-size:14px}.featured-art{clip-path:inset(0 round 22px)}@media(min-width:851px){.directory{max-width:1920px;padding-top:18px}.category{grid-template-columns:minmax(360px,2.05fr) minmax(0,5fr);gap:20px;align-items:stretch;padding:10px 0;margin:0 0 26px}.category-lead{height:auto;min-height:0;margin:10px 0;padding:24px;border-radius:20px}.game-row{height:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:10px 0;margin:-10px 0}.game,.art{height:auto}.art{aspect-ratio:4/3}.game:hover{transform:scale(1.05);z-index:6}}@media(max-width:850px){.featured-game{margin-bottom:24px}.featured-art{min-height:0;aspect-ratio:16/9;border-radius:18px;clip-path:inset(0 round 18px)}.featured-art>div{left:20px;bottom:20px;max-width:75%}.featured-art strong{font-size:31px}.featured-art span{display:none}.category{display:block;margin:0 0 28px}.category-lead{height:auto;min-height:112px;margin:0 0 14px}.game-row{display:flex;grid-template-columns:none;overflow-x:auto;overflow-y:hidden;gap:12px;padding:18px 10px 22px;margin:0 -10px;scroll-snap-type:x proximity}.game-row .game{flex:0 0 42%;min-width:0;scroll-snap-align:start}.art{aspect-ratio:4/3}.game.playing{transform:scale(1.06)}}
.featured-carousel{position:relative;overflow:hidden;margin:0 0 22px;border-radius:22px;touch-action:pan-y}.featured-track{display:flex;transition:transform .58s cubic-bezier(.2,.8,.2,1)}.featured-slide{flex:0 0 100%;display:block;color:#fff;text-decoration:none}.featured-dots{position:absolute;z-index:3;right:20px;bottom:16px;display:flex;gap:7px}.featured-dots button{width:7px;height:7px;padding:0;border:0;border-radius:99px;background:#fff7;cursor:pointer}.featured-dots button.active{width:22px;background:#c8ff3d}.featured-slide .featured-art{width:100%;margin:0}.art .card-info{background:linear-gradient(0deg,#05090cda 0%,#05090c9e 54%,transparent 100%);padding:20px 15px 12px}.card-info{justify-content:space-between;align-items:flex-end}.card-info b{text-align:left}.card-info small{text-align:right;white-space:nowrap}.art,.art iframe,.art img{overflow:hidden!important;border-radius:inherit!important;clip-path:inset(0 round 20px);-webkit-mask-image:-webkit-radial-gradient(white,black);transform:translateZ(0)}@media(min-width:851px){.category{gap:24px;padding:12px 0;margin:0 0 30px}.category-lead{margin:12px 0}.game-row{gap:24px;padding:12px 0;margin:-12px 0}.game:hover{transform:scale(1.09)}.art .card-info{display:flex;flex-direction:row;left:0;right:0}}@media(max-width:850px){.featured-carousel{border-radius:0;margin:0 -16px 24px}.featured-slide .featured-art{border-radius:0;clip-path:none}.featured-dots{right:18px;bottom:12px}.category{margin-left:-16px;margin-right:-16px}.category-lead{border-radius:0;margin-left:0;margin-right:0}.game-row{margin-left:6px;margin-right:6px;padding:20px 10px 25px}.art,.art iframe,.art img{border-radius:16px!important;clip-path:inset(0 round 16px)!important}.art .card-info{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:24px 12px 10px}.card-info b,.card-info small{text-align:left}.game.playing .art{border-radius:16px;overflow:hidden!important;clip-path:inset(0 round 16px)!important}.game.playing .art iframe{border-radius:16px!important;clip-path:inset(0 round 16px)!important}}
@media(min-width:851px){.category{align-items:center}.category-lead{height:auto!important;min-height:0;aspect-ratio:2.8/1;margin:0;align-self:center}.game-row{padding:0;margin:0;align-self:center}.game,.art{aspect-ratio:4/3;height:auto}}
@media(min-width:851px){.game-row{padding-left:24px!important;box-sizing:border-box}}
@media(min-width:851px){.category-lead{margin-right:24px!important}}
@media(min-width:851px){.category{display:flex!important;align-items:center;gap:24px!important;padding:12px 0;margin:0 0 30px}.category-lead{flex:0 0 31%;width:31%;margin:0!important;box-sizing:border-box}.game-row{flex:1;min-width:0;padding:0!important;margin:0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px!important}.game-row .game{min-width:0}}
@media(min-width:851px){.category{padding:0!important;margin:0 0 24px!important}}
.identity-editor{display:flex;gap:7px}.identity-editor input{width:140px;border:1px solid #48545b;border-radius:999px;background:#182027;color:#fff;padding:9px 12px;font:13px inherit}.identity-editor button{border:0;border-radius:999px;background:#c8ff3d;color:#101510;padding:0 13px;font-weight:700;cursor:pointer}