.spotlight,.intro{display:none}.directory{padding-top:20px}.category{display:grid;grid-template-columns:minmax(250px,1.5fr) minmax(0,4fr);align-items:stretch;gap:32px;margin:0 0 54px}.category-lead{min-height:0;height:100%;border-radius:20px;padding:clamp(20px,2vw,30px);display:flex;flex-direction:column;justify-content:end;background:linear-gradient(135deg,#2b5a55,#0b2929);overflow:hidden;position:relative}.category:nth-child(2) .category-lead{background:linear-gradient(135deg,#354c88,#1e1e48)}.category-lead:after{content:'';position:absolute;width:180px;height:180px;border:1px solid #ffffff35;border-radius:50%;right:-65px;top:-65px}.category-lead span{font:800 30px 'Noto Sans TC';letter-spacing:-.07em;position:relative;z-index:1}.category-lead strong{color:#e7f9fa;font-size:13px;margin-top:4px;position:relative;z-index:1}.category-lead em{font:11px 'DM Mono';color:#c8ff3d;font-style:normal;margin-top:17px;position:relative;z-index:1}.game-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:32px;padding:18px 0;margin:-18px 0}.art{border-radius:20px;aspect-ratio:1.22/1}.art iframe{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;pointer-events:none;transition:opacity .25s}.game.playing .art iframe{opacity:1}.game.playing .art img{opacity:0}.game:hover .art img{transform:scale(1.06);filter:brightness(.7)}.game:hover .quick{opacity:1;transform:none}.meta{padding:8px 3px}.meta strong{font-size:14px}.filters{padding-top:8px;border-top:1px solid #ffffff12}.wall{display:block}@media(max-width:850px){.directory{padding-top:14px}.category{display:block;margin:0 0 28px}.category-lead{min-height:128px;height:auto;border-radius:18px;margin:0 0 16px}.category-lead span{font-size:26px}.game-row{display:flex;overflow-x:auto;gap:16px;padding:14px 10px 18px;margin:0 -10px}.game-row .game{flex:0 0 43%;transition:transform .22s cubic-bezier(.2,.8,.2,1),filter .22s}.game.playing{transform:scale(1.08);z-index:3}.art{border-radius:17px}.game:hover .quick{display:none}}
.category-lead{height:calc(100% - 36px);margin:18px 0}@media(max-width:850px){.category-lead{height:auto;margin:0 0 16px}}
.category{gap:44px;margin-bottom:70px}.game-row{gap:48px;padding:24px 0;margin:-24px 0}.category-lead{height:calc(100% - 48px);margin:24px 0}@media(max-width:850px){.category{margin-bottom:28px}.category-lead{height:auto;margin:0 0 16px}.game-row{gap:20px;padding:24px 14px 30px;margin:0 -14px}.game-row .game{flex-basis:40%}}
.category{gap:32px;margin-bottom:54px}.game-row{gap:32px;padding:18px 0;margin:-18px 0}.category-lead{height:calc(100% - 36px);margin:18px 0}@media(max-width:850px){.directory{padding:14px 16px 56px}.category{display:block;margin:0 0 34px}.category-lead{min-height:112px;height:112px;margin:0 0 14px;padding:18px;border-radius:18px}.category-lead span{font-size:25px}.category-lead em{margin-top:10px}.game-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:14px;padding:12px 0;margin:0}.game-row .game{min-width:0;flex:initial}.art{border-radius:16px}}
@media(min-width:851px){.directory{max-width:1920px;padding-top:18px}.category{grid-template-columns:minmax(360px,2.05fr) minmax(0,5fr);gap:24px;align-items:stretch;padding:14px 0;margin:0 0 28px}.category-lead{height:clamp(170px,14vw,230px);min-height:0;margin:0;padding:26px;border-radius:20px}.game-row{height:clamp(170px,14vw,230px);grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:0;margin:0}.game,.art{height:100%;aspect-ratio:auto}.game:hover{transform:scale(1.08);z-index:6}}