.breadcrumb{font-weight:600;font-size:12px;margin:10px 0 14px}.breadcrumb,.breadcrumb a{color:var(--muted)}.breadcrumb a:hover{color:var(--primary)}.breadcrumb .sep{color:#c4bcd0;margin:0 4px}.breadcrumb .current{color:var(--primary);font-weight:700}.genre-hero{background:var(--hero-genre);border-radius:30px;padding:40px 44px;display:flex;justify-content:space-between;align-items:center;gap:32px;position:relative;overflow:hidden}.genre-hero-copy{position:relative;z-index:1}.genre-pill{display:inline-block;font-weight:700;font-size:12px;background:hsla(0,0%,100%,.7);color:#3e6a4a;padding:7px 14px;border-radius:var(--r-pill)}.genre-hero h1{font-family:var(--font-display);font-weight:600;font-size:50px;line-height:1;letter-spacing:-.01em;margin:16px 0 0}.genre-hero p{font-weight:500;font-size:16px;line-height:1.5;color:#436a4d;max-width:440px;margin:12px 0 0}.genre-stats{display:flex;gap:24px;margin-top:20px;font-weight:800;font-size:14px;color:#3e6a4a}.genre-fan{position:relative;z-index:1;display:flex;align-items:center;flex:none}.genre-fan span{border-radius:20px;box-shadow:0 16px 34px rgba(80,60,140,.22)}.fan-1{width:94px;height:118px;background:linear-gradient(160deg,#ffd9c2,#ffbfa3);transform:rotate(-8deg)}.fan-2{width:100px;height:126px;background:linear-gradient(160deg,#cbe8d5,#a8d8c0);box-shadow:0 18px 38px rgba(80,60,140,.24);transform:rotate(2deg);z-index:1}.fan-2,.fan-3{margin-left:-26px}.fan-3{width:94px;height:118px;background:linear-gradient(160deg,#e0d3f7,#c4aef0);transform:rotate(11deg)}.genre-hero-blob{position:absolute;right:-50px;bottom:-60px;width:200px;height:200px;background:hsla(0,0%,100%,.28);border-radius:50%}.subgenre-row{gap:8px;padding-top:20px}.subgenre-row,.toolbar{display:flex;flex-wrap:wrap}.toolbar{justify-content:space-between;align-items:center;margin:22px 0 18px;gap:16px}.toolbar-count{font-weight:600;font-size:14px;color:var(--muted)}.toolbar-count b{color:var(--ink)}.toolbar-filters{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.filter-chip{font-weight:700;font-size:12px;padding:8px 15px;border-radius:var(--r-pill);background:var(--surface);color:var(--muted-2);box-shadow:var(--sh-chip);border:none}.filter-chip.is-active{background:var(--primary-tint);color:var(--primary-deep);box-shadow:none}.sort-btn{font-weight:700;font-size:12px;padding:9px 17px;background:var(--surface);color:var(--ink);border-radius:var(--r-pill);box-shadow:0 4px 14px rgba(120,100,180,.12);display:inline-flex;align-items:center;gap:6px;border:none;cursor:pointer}.sort-btn.dd-sm{font-size:11px;padding:7px 13px}.dd{position:relative}.dd.is-open .sort-btn{box-shadow:0 4px 14px rgba(120,100,180,.22)}.dd-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:30;min-width:168px;padding:6px;background:var(--surface);border-radius:16px;box-shadow:var(--sh-card);display:flex;flex-direction:column;gap:2px}.dd-item{text-align:left;font-weight:700;font-size:13px;padding:10px 12px;border-radius:11px;color:var(--ink);background:transparent;border:none;cursor:pointer;white-space:nowrap}.dd-item.is-sel,.dd-item:hover{background:var(--primary-tint)}.dd-item.is-sel{color:var(--primary-deep)}.genre-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}.genre-card-icon{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.genre-card-heart{position:absolute;top:10px;right:10px;z-index:2}.game-card-unrated{color:var(--muted);font-weight:700}.load-more-row{display:flex;justify-content:center;padding:32px 0 8px}.load-more{padding:14px 34px;background:var(--surface);color:var(--ink);font-weight:700;font-size:14px;border-radius:var(--r-pill);box-shadow:var(--sh-card);border:none;cursor:pointer}.load-more:disabled{opacity:.6;cursor:default}.grid-empty{grid-column:1/-1;text-align:center;padding:48px 20px;color:var(--muted);font-weight:600;font-size:15px}.m-genre-hero{margin:2px var(--gutter-mobile) 0;background:linear-gradient(135deg,#d6ecc9,#cbe8d5 55%,#e9dffb);border-radius:var(--r-card);padding:18px 20px;position:relative;overflow:hidden}.m-genre-hero>*{position:relative;z-index:1}.m-genre-hero h2{font-family:var(--font-display);font-weight:600;font-size:28px;line-height:1;margin:10px 0 0}.m-genre-hero p{font-weight:500;font-size:13px;line-height:1.45;color:#436a4d;max-width:220px;margin:7px 0 0}.m-genre-stats{display:flex;gap:16px;margin-top:12px;font-weight:800;font-size:12px;color:#3e6a4a}.m-genre-blob{position:absolute;right:-30px;bottom:-40px;width:140px;height:140px;background:hsla(0,0%,100%,.28);border-radius:50%;z-index:0}.m-subgenre-row{display:flex;gap:8px;padding:16px var(--gutter-mobile) 6px;overflow-x:auto}.m-subgenre-row .chip{flex:none;font-size:12px;padding:8px 15px}.m-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:8px var(--gutter-mobile) 12px}.m-toolbar .toolbar-filters{gap:8px}.m-genre-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;padding:0 var(--gutter-mobile) 22px}@media (max-width:1080px){.genre-grid{grid-template-columns:repeat(2,1fr)}.genre-hero h1{font-size:40px}}@media (max-width:720px){.genre-hero{flex-direction:column;align-items:flex-start}}