.browse-bar{border-block:1px solid #273923;background:linear-gradient(90deg,#111c0d,#070c08 65%)}
.browse-bar-inner{display:flex;align-items:center;gap:40px;min-height:88px}
.browse-label{display:flex;align-items:center;gap:7px;font-size:14px;letter-spacing:.16em;color:#c1ff75;white-space:nowrap}
.browse-label img{width:72px;height:56px;image-rendering:pixelated}
.browse-tabs{display:flex;align-items:stretch;gap:8px;min-width:0;flex:1}
.browse-tab{position:relative;display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 23px;border:1px solid transparent;border-radius:6px;color:#aeb9a9;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.1em;transition:background .2s,color .2s}
.browse-tab:hover{background:#192515;color:#fff}
.browse-tab.active{color:#bdff72;background:#1d3013;border-color:#405e2c}
.browse-tab.active:after{content:"";position:absolute;bottom:-8px;width:22px;height:3px;background:#b1ff60;box-shadow:0 0 14px #8cff0066}
.browse-deck{--deck-accent:#b2ff68;padding-top:38px!important;padding-bottom:46px!important}
.browse-panel[hidden],.browse-deck [hidden]{display:none!important}
.browse-panel{min-width:0;animation:browse-arrive .28s ease-out}
.browse-shorts{--deck-accent:#ffa678}.browse-wallpapers{--deck-accent:#80e5df}.browse-icons{--deck-accent:#c4a0ff}
.browse-deck .browse-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;padding:22px 28px;border:1px solid #ffffff12;border-left:3px solid var(--deck-accent);border-radius:4px 20px 20px 4px;background:radial-gradient(ellipse at right,#ffffff08,transparent 60%),#0c120d;overflow:hidden}
.browse-heading-copy{min-width:0}.browse-deck .browse-heading .eyebrow{color:var(--deck-accent);font-size:10px;letter-spacing:.15em}
.browse-deck .browse-heading h2{font-size:clamp(25px,3.2vw,42px);line-height:1.12;margin:9px 0 12px;letter-spacing:-.035em}
.browse-deck .browse-heading p{max-width:670px;margin:0;color:#a5b29f;font-size:13px;line-height:1.65}
.browse-insignia{position:relative;flex:0 0 160px;display:grid;justify-items:center;color:var(--deck-accent);background:repeating-linear-gradient(0deg,transparent 0 15px,#ffffff05 15px 16px),repeating-linear-gradient(90deg,transparent 0 15px,#ffffff05 15px 16px);border-radius:12px}
.browse-insignia img{width:112px;height:98px;image-rendering:pixelated;filter:drop-shadow(0 5px 10px #0008)}
.browse-insignia>span,.browse-insignia>small{font:9px monospace;letter-spacing:.16em}.browse-insignia>span{justify-self:start}.browse-insignia>small{padding-bottom:4px}
.browse-rail{display:grid;grid-auto-flow:column;grid-auto-columns:227px;gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--deck-accent) #172016;padding:4px 2px 20px;align-items:start}
.browse-card{display:block;min-width:0;scroll-snap-align:start;border-radius:13px;overflow:hidden;border:1px solid #ffffff19;background:#101711;text-decoration:none;color:#f0f4ed;transition:transform .2s,border-color .2s,box-shadow .2s}
.browse-card:hover{transform:translateY(-3px);border-color:var(--deck-accent);box-shadow:0 8px 24px #0005}
.browse-card-art{position:relative;width:225px;max-width:100%;height:225px;background:radial-gradient(circle at center,#34442e,#0a100b);overflow:hidden}
.browse-card-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.browse-card:hover img{transform:scale(1.04)}
.browse-card-number{position:absolute;left:10px;top:10px;min-width:27px;padding:5px 6px;background:#050905dc;border:1px solid #ffffff25;border-radius:5px;font:10px monospace;color:var(--deck-accent)}
.browse-card-copy{padding:15px}.browse-card-copy small{font-size:9px;letter-spacing:.08em;color:var(--deck-accent)}
.browse-card-copy h3{font-size:14px;line-height:1.45;margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:41px}
.browse-icons .browse-card-art{background:repeating-linear-gradient(45deg,#171621 0 12px,#111019 12px 24px)}
.browse-icons .browse-card-art img{object-fit:contain;padding:12px}
.browse-shorts .browse-rail{grid-auto-columns:clamp(225px,24vw,270px)}
.browse-shorts .browse-short-lineup{grid-auto-columns:minmax(225px,calc((100% - 16px)/2))}
.browse-video .browse-card-art{width:100%;height:350px;background:radial-gradient(ellipse at center,#573326,#12100f)}
.browse-video .browse-card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 60%,#080806c9);pointer-events:none}
.browse-video .browse-card-art img{object-fit:contain}.browse-video .browse-card-art img.is-vertical{object-fit:cover}
.browse-play{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:56px;height:56px;padding-left:4px;border-radius:50%;border:1px solid #ffffff88;background:#0c0e0bbc;backdrop-filter:blur(4px);font-size:20px;color:#fff}
.browse-video:hover .browse-play{background:var(--deck-accent);color:#17110d;border-color:var(--deck-accent)}
.browse-duration{position:absolute;z-index:1;bottom:14px;right:12px;border-radius:4px;padding:4px 7px;background:#090b08cc;color:#fff;font:11px monospace}
.browse-card-art img.browse-fallback{object-fit:contain;padding:40px}
.browse-footer{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px;padding-top:20px;border-top:1px solid #ffffff12}
.browse-hint{font:10px monospace;color:#95a18f;letter-spacing:.04em}.browse-arrows{display:flex;gap:7px}
.browse-arrows button,.browse-retry{min-width:42px;min-height:42px;border:1px solid #ffffff30;border-radius:6px;background:#121c11;color:var(--deck-accent);cursor:pointer}
.browse-arrows button:disabled{opacity:.3;cursor:default}
.browse-view-all{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:50px;margin-left:auto;padding:12px 20px;border:1px solid var(--deck-accent);border-radius:3px 12px 3px 12px;background:linear-gradient(110deg,#ffffff0c,#ffffff02);color:var(--deck-accent);text-decoration:none;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.07em;transition:background .2s,box-shadow .2s}
.browse-view-all:hover{background:#ffffff12;box-shadow:0 0 22px #ffffff10}.browse-view-all span{font-size:20px}
.browse-message{min-height:225px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:32px;border:1px dashed #ffffff25;border-radius:14px;color:#b0bda9;text-align:center;line-height:1.6}.browse-retry{padding:8px 18px}
.browse-tab:focus-visible,.browse-panel:focus-visible,.browse-rail:focus-visible,.browse-card:focus-visible,.browse-view-all:focus-visible,.browse-deck button:focus-visible{outline:2px solid var(--deck-accent,#b2ff68);outline-offset:4px}
@keyframes browse-arrive{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.browse-bar-inner{flex-direction:column;align-items:stretch;gap:8px;padding-block:10px 18px}.browse-label{font-size:12px;justify-content:center}.browse-label img{height:42px;width:54px}.browse-tabs{gap:4px}.browse-tab{flex:1;padding:0 7px;font-size:9px;min-height:42px}.browse-deck .browse-heading{padding:18px;gap:8px;flex-direction:row;align-items:center}.browse-insignia{flex-basis:82px}.browse-insignia img{width:82px;height:76px}.browse-insignia>small{font-size:7px}.browse-deck .browse-heading p{font-size:12px}.browse-footer{gap:12px}.browse-view-all{width:100%;margin-left:0}.browse-arrows{margin-left:auto}.browse-video .browse-card-art{height:320px}}
@media(prefers-reduced-motion:reduce){.browse-panel{animation:none}.browse-deck *,.browse-tab{transition:none!important;scroll-behavior:auto!important}}