
.category-pick{margin:22px 0 18px}.category-pick h2{font-size:clamp(20px,3vw,30px);margin:0 0 12px;color:#ffe29a}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.category-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:100px;background:linear-gradient(140deg,#31205f,#1b2353);border:2px solid #8a6ed3;border-radius:17px;color:#fff;box-shadow:0 7px 20px #0004;transition:transform .22s,box-shadow .22s,border-color .22s;cursor:pointer}.category-choice .category-icon{font-size:30px}.category-choice[aria-pressed="true"]{border-color:#ffe17e;background:linear-gradient(135deg,#7042ad,#393d99);box-shadow:0 0 0 2px #ffd86b55,0 0 24px #d79bff77}.category-choice:hover{transform:translateY(-4px)}.category-choice:focus-visible{outline:3px solid #ffdf81;outline-offset:3px}.culture-silhouettes{display:flex;justify-content:space-around;align-items:flex-end;gap:5px;height:190px;overflow:hidden;margin:8px auto 0;max-width:850px;filter:drop-shadow(0 0 18px #b55fffaa);pointer-events:none}.culture-silhouettes svg{height:100%;width:25%;max-width:180px;animation:vaultFloat 4s ease-in-out infinite}.culture-silhouettes svg:nth-child(2){animation-delay:.5s}.culture-silhouettes svg:nth-child(3){animation-delay:1s}.culture-silhouettes svg:nth-child(4){animation-delay:1.5s}.culture-silhouettes .figure{fill:#080713;stroke:#e4ad50;stroke-width:3;stroke-linejoin:round}@media(max-width:600px){.category-grid{grid-template-columns:repeat(2,1fr)}.category-choice{min-height:86px}.culture-silhouettes{height:125px}}@media(prefers-reduced-motion:reduce){.culture-silhouettes svg{animation:none}.category-choice{transition:none}}
