/* V1: shared navigation, clear page hierarchy, and responsive controls. */
:root{--vz-surface:#18121d;--vz-text:#f6eef5;--vz-muted:#b8a7ba;--vz-line:#f1c6e51c;--vz-accent:#f5b5d4;color-scheme:dark}
html{scroll-padding-top:100px}body{overflow-wrap:break-word}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--vz-accent);outline-offset:4px}[hidden]{display:none!important}
.vz-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:28px;width:100%;height:80px;max-width:none;margin:0;padding:0 max(24px,4vw);border:0;border-bottom:1px solid var(--vz-line);background:#151019f5;backdrop-filter:blur(16px);font:500 13px 'DM Sans',system-ui,sans-serif}
.vz-brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;color:var(--vz-text);font:700 20px 'Space Grotesk',system-ui,sans-serif;letter-spacing:-.8px;text-decoration:none}.vz-brand img{width:36px;height:36px;object-fit:contain}.vz-brand>span>span{color:var(--vz-accent)}
.vz-header .vz-nav{display:flex;align-items:center;justify-content:center;gap:4px;margin:0;padding:0;flex:1}.vz-header .vz-nav a{display:block;padding:11px 12px;font:500 12px 'DM Sans',system-ui,sans-serif;color:var(--vz-muted);border-radius:9px;text-decoration:none;white-space:nowrap;transition:color .15s,background .15s}.vz-header .vz-nav a:hover{color:var(--vz-text);background:#f5b5d409}.vz-header .vz-nav a[aria-current]{background:#f5b5d415;color:var(--vz-accent)}
.vz-tools,.vz-page-tools{display:flex;align-items:center;gap:9px}.vz-header .vz-backstage{display:flex;gap:12px;align-items:center;border:1px solid #f5b5d441;background:#f5b5d411;color:#f6d1e6;padding:10px 14px;font-size:12px;font-weight:600;border-radius:9px;white-space:nowrap}.vz-header .vz-page-tools button,.vz-header .vz-menu{border:1px solid var(--vz-line);background:transparent;color:var(--vz-text);font:600 11px 'DM Sans',system-ui,sans-serif;padding:10px 11px;min-height:36px;border-radius:9px;cursor:pointer;white-space:nowrap}.vz-header .vz-page-tools button:hover{border-color:#f5b5d477}.vz-header .vz-menu{display:none;align-items:center;justify-content:center}.vz-header .vz-mobile-discord{display:none!important}
.vz-footer{display:grid;grid-template-columns:1fr auto;gap:22px;width:100%;max-width:none;padding:40px max(24px,5vw);margin:60px 0 0;border-top:1px solid var(--vz-line);background:#120e17;color:var(--vz-muted);font:400 12px 'DM Sans',system-ui,sans-serif;text-align:left}.vz-footer p{margin:10px 0 0;font-size:12px;color:var(--vz-muted)}.vz-footer nav{display:flex;flex-wrap:wrap;align-items:center;gap:24px;font-size:12px}.vz-footer nav a:hover{color:var(--vz-accent)}.vz-footer>small{grid-column:1/-1;border-top:1px solid #ffffff09;padding-top:20px;font-size:10px;letter-spacing:.3px}
.vz-local-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 28px;padding:5px;border:1px solid var(--vz-line);border-radius:12px;background:#ffffff03;width:fit-content}.vz-local-nav a{font-size:12px;padding:8px 14px;border-radius:8px;color:var(--vz-muted)}.vz-local-nav a[aria-current]{background:#f5b5d418;color:var(--vz-accent)}.vz-local-nav a:hover{color:#fff}
.vz-section-label{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--vz-accent)}.vz-resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.vz-resource{display:flex;flex-direction:column;position:relative;padding:24px;border:1px solid var(--vz-line);border-radius:16px;background:linear-gradient(130deg,#2a1c2e,#1d1623);color:var(--vz-text);transition:transform .18s,border-color .18s}.vz-resource:hover{transform:translateY(-3px);border-color:#f5b5d466}.vz-resource>span{color:var(--vz-accent);font-size:24px;line-height:1;margin-bottom:24px}.vz-resource h3{font-size:18px;margin:0 0 8px}.vz-resource p{font-size:12px;line-height:1.7;color:var(--vz-muted);margin:0}.vz-resource small{font-size:11px;margin-top:22px;color:#e1c5de}.vz-resource .vz-arrow{position:absolute;right:22px;top:22px;font-size:19px;color:#947b99}.vz-resources{max-width:1280px;margin:40px auto 0;padding:0 5%}.vz-resources-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.vz-resources h2{font-size:27px;letter-spacing:-1px;margin:6px 0 0}.vz-resources-head>p{color:var(--vz-muted);font-size:13px;max-width:280px}
.vz-community-band{max-width:1180px;margin:60px auto 0;padding:26px 30px;display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid var(--vz-line);border-radius:16px;background:#f5b5d408}.vz-community-band h3{margin:0 0 6px;font-size:20px}.vz-community-band p{color:var(--vz-muted);font-size:13px;margin:0}.vz-community-band a{flex-shrink:0}
.vz-home{overflow-x:clip}.vz-home .hero-grid{min-height:620px;padding-top:55px}.vz-home .hero h1{font-size:clamp(52px,5.4vw,80px)}.vz-home .hero-stage{height:510px}.vz-home .hero-buttons{gap:14px}.vz-home .hero-buttons>.text-link{border:1px solid #f5b5d430;border-radius:7px;padding:15px 20px}.vz-home .hero-foot{margin-top:28px}.vz-home .rarity-section,.vz-home .play-section,.vz-home .world-section,.vz-home .faq-section{padding-top:75px;padding-bottom:75px}.vz-home .section-kicker{margin-bottom:20px}.vz-home .rarity-tier{border-radius:10px}.vz-home .card-tile{border-radius:15px}.vz-home .catalog-controls input,.vz-home .select-wrap,.vz-home .rarity-filters button{border-radius:9px}.vz-home .saved-note{font-size:12px}.vz-home #catalogo{scroll-margin-top:25px}.vz-home .collection-heading{gap:35px}.vz-home .collection-heading h2{font-size:clamp(34px,4vw,54px)}
.guide-page .guide-hero{padding-top:55px;padding-bottom:45px}.guide-page .guide-hero h1{font-size:clamp(38px,4.5vw,60px)}.guide-page .guide-toc{top:106px}.guide-page .guide-ticket{border-radius:20px}.guide-page .command-card{border-radius:14px}
body.vz-streams>main,body.vz-league>main{max-width:1300px;padding-top:38px}.vz-streams .stage{padding:38px;min-height:235px;margin-top:25px}.vz-streams .stage h2{max-width:700px;font-size:clamp(27px,3.2vw,42px)}.vz-streams .stage:after{content:'';width:200px;height:200px;top:20px;right:35px;background:url('/assets/brand/velvetzip-avatar.png') center/contain no-repeat;opacity:.12;transform:rotate(-12deg)}.vz-streams .calendar{padding:24px;border-color:var(--vz-line);background:#1a1320}.vz-calendar-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;align-items:center;border-bottom:1px solid var(--vz-line);padding-bottom:18px;margin-bottom:18px}.vz-calendar-head .toolbar{margin:0}.vz-stream-tools{margin:0 0 20px;border:1px solid var(--vz-line);border-radius:12px;padding:14px 18px;background:#211726}.vz-stream-tools summary{font-size:12px;cursor:pointer;color:var(--vz-accent)}.vz-stream-tools .toolbar{margin:14px 0 0}.vz-streams .personal{border-color:var(--vz-line);padding:20px;border-radius:14px;margin-bottom:24px}.vz-streams .personal>p{font-size:12px;max-width:780px}.vz-streams .event{border-radius:6px;font-size:11px}.vz-streams .day{min-height:115px;border-color:#f5b5d412}.vz-streams .day.today{background:#f5b5d408;border-color:#eaa5ce66}.vz-streams .card{border-color:var(--vz-line);background:#221829;border-radius:14px}.vz-streams .card .actions{padding-top:12px;border-top:1px solid #ffffff0a}.vz-streams .player-panel{margin-top:22px}.vz-streams #live-status{font-size:11px;color:#a38ba9}.vz-streams #subtitle{max-width:750px}
.vz-league .hero{padding-top:12px;padding-bottom:35px;min-height:0}.vz-league .hero h1{font-size:clamp(38px,4.7vw,62px)}.vz-league .hero-art{max-height:260px}.vz-league .box{border-color:var(--vz-line);border-radius:17px}.vz-league .stats{gap:15px}.vz-league .table-wrap th{font-size:10px;text-transform:uppercase;letter-spacing:.6px}.vz-league .table-wrap td{padding-top:16px;padding-bottom:16px}.vz-league .lead{max-width:600px}.vz-league #season{background:linear-gradient(130deg,#2b1c31,#19131f)}.vz-arena main{padding-top:24px}.vz-arena .hero{margin-top:0}.vz-arena .vz-local-nav{margin-bottom:22px}.vz-arena .stage{scroll-margin-top:100px}.vz-legal .legal-layout{gap:35px}
dialog{scrollbar-width:thin;scrollbar-color:#87607e #1b1420}.skip{z-index:100!important;position:fixed;left:16px;top:8px;transform:translateY(-180%);background:#f5b5d4;color:#211325;padding:10px 15px;border-radius:8px;text-decoration:none}.skip:focus{transform:translateY(0)}
@media(max-width:1200px){.vz-header{gap:18px;padding-inline:24px}.vz-header .vz-nav a{padding-inline:9px}.vz-resource{padding:20px}.vz-resource-grid{gap:12px}.vz-community-band{margin-inline:5%}}
@media(max-width:1050px){.vz-header{height:72px;gap:12px}.vz-header .vz-menu{display:flex;order:3}.vz-tools{margin-left:auto}.vz-header .vz-nav{display:none;position:absolute;top:72px;left:0;right:0;padding:12px 20px 20px;background:#19121f;border-bottom:1px solid #f5b5d42b;box-shadow:0 18px 35px #0005;flex-direction:column;align-items:stretch;gap:4px;max-height:calc(100dvh - 80px);overflow:auto}.vz-header.vz-open .vz-nav{display:flex}.vz-header .vz-nav a{padding:14px;font-size:14px}.vz-header .vz-mobile-discord{display:block!important;border-top:1px solid var(--vz-line);margin-top:4px}.vz-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vz-resources-head>p{max-width:230px}}
@media(max-width:600px){.vz-header{padding:0 16px;gap:9px}.vz-brand{font-size:17px;gap:5px}.vz-brand img{width:31px;height:31px}.vz-header .vz-backstage{font-size:11px;padding:9px 11px}.vz-header .vz-page-tools{gap:5px}.vz-header .vz-page-tools button{font-size:10px;padding:9px}.vz-header .vz-tools{gap:7px}.vz-header:has(#effects){height:104px;flex-wrap:wrap;align-content:center;row-gap:9px}.vz-header:has(#effects) .vz-tools{display:contents}.vz-header:has(#effects) .vz-backstage{margin-left:auto}.vz-header:has(#effects) .vz-page-tools{order:4;width:100%;justify-content:flex-end}.vz-header:has(#effects) .vz-nav{top:104px}.vz-arena .stage{scroll-margin-top:120px}.vz-footer{padding:30px 22px;margin-top:40px;grid-template-columns:1fr;gap:24px}.vz-footer nav{gap:18px}.vz-resources{margin-top:25px;padding-inline:22px}.vz-resources-head{display:block}.vz-resources-head>p{max-width:none;margin-top:10px}.vz-resource{padding:18px}.vz-resource h3{font-size:16px}.vz-resource p{font-size:11px}.vz-resource>span{margin-bottom:18px}.vz-resource small{margin-top:16px}.vz-home .hero-grid{padding-top:40px;min-height:0}.vz-home .hero h1{letter-spacing:-3px}.vz-home .hero-stage{height:460px}.vz-community-band{flex-direction:column;align-items:start;padding:24px;margin-top:35px}.vz-home .rarity-section,.vz-home .play-section,.vz-home .world-section,.vz-home .faq-section{padding-top:50px;padding-bottom:50px}.vz-streams .stage{padding:25px}.vz-streams .stage:after{right:-30px;top:20px}.vz-streams .calendar{padding:16px}.vz-calendar-head{gap:12px}.vz-calendar-head h2{font-size:19px}.vz-streams .card{padding:16px}.vz-streams .toolbar input{min-width:100%;width:100%}.vz-streams .toolbar select{flex:1;min-width:0}.vz-streams .stage .actions{flex-direction:column;align-items:start}.vz-local-nav{gap:0}.vz-local-nav a{padding:8px 10px;font-size:11px}.guide-page .guide-hero{padding-top:35px}.vz-home #favorites-shortcut{display:none}}
@media(max-width:360px){.vz-header{padding-inline:10px;gap:6px}.vz-header .vz-brand{font-size:15px}.vz-header .vz-brand img{width:26px;height:26px}.vz-header .vz-backstage{padding:8px}.vz-header .vz-page-tools button{padding:8px}.vz-header .vz-tools{gap:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.vz-resource,.vz-header *{transition:none!important}.vz-home .ticker>div{animation:none!important}}