.home-shelves{display:grid;gap:24px;margin:32px 0}.game-shelf{min-width:0;padding:20px;background:#343d30;border:1px solid #ffffff19;border-radius:14px}.shelf-heading{display:flex;align-items:center;gap:12px;margin-bottom:17px}.shelf-symbol{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;background:#ff9b2920;color:#ffb361;font-size:27px;border-radius:12px}.game-shelf:nth-child(2) .shelf-symbol{color:#ffe078;background:#ffdd7020}.game-shelf:nth-child(3) .shelf-symbol{color:#ffa09a;background:#ff8b8220}.shelf-heading h2{margin:0;color:#fff;font:900 22px/1.3 Nunito,Arial,sans-serif}.shelf-heading p{margin:4px 0 0;color:#c2ceba;font-size:13px}.shelf-controls{display:flex;gap:7px;margin-left:auto;flex-shrink:0}.shelf-controls button{display:grid;place-items:center;width:35px;height:35px;padding:0;border:1px solid #ffffff30;border-radius:9px;background:#46513f;color:#fff;font-size:27px;cursor:pointer}.shelf-controls button:hover{background:#a34c18}.shelf-controls button:disabled{opacity:.25;cursor:default}.shelf-track{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y;cursor:grab;padding:3px 3px 7px}.shelf-track::-webkit-scrollbar{display:none}.shelf-track.is-dragging{cursor:grabbing;user-select:none}.shelf-card{flex:0 0 176px;min-width:0;text-decoration:none!important;color:#fff!important;user-select:none;-webkit-user-drag:none}.shelf-image{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:10px;background:#263021;outline:2px solid transparent;outline-offset:0;transition:outline-color .15s}.shelf-image img,.shelf-image video{width:100%;height:100%;object-fit:cover;display:block}.shelf-image .card-preview{position:absolute;inset:0;opacity:0;pointer-events:none}.shelf-image .card-preview.is-playing{opacity:1}.shelf-play{position:absolute;right:9px;bottom:9px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#0007;color:#fff;font-size:12px;opacity:0}.shelf-card:hover .shelf-image{outline-color:#ff4c28}.shelf-card:hover .shelf-play{opacity:1}.shelf-name{display:block;margin-top:9px;font:800 14px/1.4 Nunito,Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shelf-card:focus-visible,.shelf-controls button:focus-visible,.shelf-track:focus-visible{outline:2px solid #ffb361;outline-offset:3px}.shelf-track.is-dragging .shelf-card{cursor:grabbing}@media(max-width:640px){.home-shelves{gap:16px;margin:24px 0}.game-shelf{padding:14px 11px;border-radius:12px}.shelf-heading{gap:9px;margin-bottom:14px}.shelf-heading h2{font-size:18px}.shelf-heading p{font-size:11px;line-height:1.4}.shelf-symbol{width:32px;height:36px;font-size:23px}.shelf-controls{gap:4px}.shelf-controls button{width:28px;height:30px}.shelf-card{flex-basis:138px}.shelf-track{gap:10px}.shelf-name{font-size:12px}}@media(prefers-reduced-motion:reduce){.shelf-image{transition:none}}
.game-shelf .shelf-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.shelf-heading>div{min-width:0}.game-shelf .shelf-controls{display:flex;align-items:center;justify-content:flex-end;align-self:center;margin:0;gap:7px}.game-shelf .shelf-controls button{box-sizing:border-box;flex:0 0 35px;line-height:1;font-family:Arial,sans-serif}.shelf-heading h2,.shelf-heading p{overflow-wrap:anywhere}.shelf-track{scroll-behavior:auto!important;scroll-snap-type:none!important;overflow-anchor:none}.shelf-track.is-dragging *{cursor:grabbing!important}.shelf-track.is-dragging .shelf-image{outline-color:transparent}.shelf-track.is-dragging .shelf-play{opacity:0}@media(max-width:640px){.game-shelf .shelf-controls{gap:5px}.game-shelf .shelf-controls button{width:32px;height:34px;flex-basis:32px}.shelf-heading h2{font-size:17px}}
.shelf-votes{display:flex;align-items:center;gap:5px;margin-top:5px;color:#f8c78e;font:800 12px/1.5 Nunito,Arial,sans-serif}.shelf-votes small{color:#c5cfbe;font-weight:600}