.vvl-root{--k: 1;--header-clearance: 108px;--side: calc(3vw / var(--k));--floor: calc(5.5vh / var(--k));position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;overflow:hidden;color:var(--cc-ink);user-select:none;-webkit-user-select:none;background:linear-gradient(180deg,#5db7ec,#9fd8f6 46%,#dff3fb 64%,#a7d977 64.5%,#7cc44f);pointer-events:auto}.vvl-root:focus{outline:none}.vvl-stage{position:absolute;top:0;right:0;bottom:0;left:0}.vvl-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.vvl-nogl{background:radial-gradient(ellipse 9% 4.5% at 22% 20%,#fff 0 96%,transparent 100%),radial-gradient(ellipse 6% 3.6% at 27% 17.5%,#fff 0 96%,transparent 100%),radial-gradient(ellipse 11% 5% at 78% 26%,#fff 0 96%,transparent 100%),radial-gradient(ellipse 6.5% 3.8% at 73% 23%,#fff 0 96%,transparent 100%),radial-gradient(ellipse 85% 46% at 50% 100%,#8fd65e 0 74%,#5fae3b 74.5% 78%,transparent 78.5%),radial-gradient(ellipse 70% 36% at 12% 100%,#a9e07a 0 80%,transparent 81%),linear-gradient(180deg,#4fb1ea,#8fd2f5 45%,#d9f2fc 70%,#bfe7a4)}.vvl-nogl .vvl-canvas{display:none}.vvl-tags{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity var(--cc-panel)}.vvl-tags-off{opacity:0}.vvl-tag{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;width:calc(200px * var(--k));pointer-events:none;text-align:center;will-change:transform;transition:opacity var(--cc-panel)}.vvl-tag b{padding:calc(1px * var(--k)) calc(9px * var(--k));border:1px solid var(--cc-stroke);border-radius:3px;background:var(--cc-white);box-shadow:0 2px #aeb8af;color:var(--cc-ink);font:600 calc(13px * var(--k)) / 1.4 var(--cc-font);white-space:nowrap}.vvl-tag span{margin-top:calc(3px * var(--k));font:600 calc(12px * var(--k)) / 1.2 var(--cc-font);color:var(--cc-ink);text-shadow:0 0 2px #fff,0 0 4px #fff,0 0 8px rgba(255,255,255,.9);white-space:nowrap}.vvl-tag:after{content:"";width:1px;height:calc(10px * var(--k));margin-top:2px;background:var(--cc-ink);opacity:.5}.vvl-tag-loom b{border-color:var(--cc-danger);color:var(--cc-danger)}.vvl-tag-mount b,.vvl-tag-pet b{border-color:var(--cc-secure);color:var(--cc-secure)}.vvl-tag-pet:after{height:calc(6px * var(--k))}.vvl-root .vvl-top,.vvl-root .vvl-player,.vvl-root .vvl-plate,.vvl-root .vvl-loadout,.vvl-root .vvl-play,.vvl-root .vvl-back{zoom:var(--k)}.vvl-root .vvl-top{position:absolute;left:0;right:0;top:0;display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:16px;padding:14px 24px 0;z-index:6;pointer-events:none}.vvl-root .vvl-top>*{pointer-events:auto}.vvl-root .vvl-mark{justify-self:start;width:304px;margin-right:18px;pointer-events:none}.vvl-root .vvl-mark svg{display:block;width:100%;height:auto}.vvl-root .vvl-tabs{justify-self:center}.vvl-root .vvl-tabs .cc-tab{padding:8px 14px;justify-content:center;white-space:nowrap}.vvl-root .vvl-tabs .cc-tab[aria-selected=true]{clip-path:none;border-radius:3px}.vvl-root .vvl-tabs .cc-tab:before{content:none;display:none}.vvl-root .vvl-tabs .cc-tab:focus-visible{outline:2px solid var(--cc-ink);outline-offset:-4px;box-shadow:none}.vvl-root .vvl-tabs .cc-tab:active{box-shadow:inset 0 2px 3px #20272a24}.vvl-root .vvl-tabs .vvl-tab-soon{margin-left:7px;padding:2px 6px 1px;border:1px solid currentColor;border-radius:3px;color:var(--cc-muted);font:700 10px/1.2 var(--cc-mono);letter-spacing:.08em;text-transform:uppercase}.vvl-root .vvl-tabs .vvf-badge{display:inline-flex;align-items:center;gap:5px;min-width:0;margin-left:8px;padding:2px 8px 2px 6px;border:1px solid #8fd3a0;border-radius:999px;background:var(--cc-secure-tint);color:var(--cc-secure);font:700 12px/16px var(--cc-mono);letter-spacing:.02em;vertical-align:middle}.vvl-root .vvl-tabs .vvf-badge[hidden]{display:none}.vvl-root .vvl-tabs .vvf-badge .vvf-dot{position:relative;flex:none;width:8px;height:8px}.vvl-root .vvl-tabs .vvf-badge .vvf-dot:before,.vvl-root .vvl-tabs .vvf-badge .vvf-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.vvl-root .vvl-tabs .vvf-badge .vvf-dot:before{background:#45cc6399;opacity:0;animation:vvl-online 2.4s ease-out infinite}.vvl-root .vvl-tabs .vvf-badge .vvf-dot:after{background:var(--cc-hp-bright)}.vvl-root .vvl-tabs .vvf-badge:after{content:"online";font-weight:600}.vvl-root .vvl-tabs .vvf-badge.is-alert{border-color:var(--cc-danger);background:var(--cc-danger);color:var(--cc-white)}.vvl-root .vvl-tabs .vvf-badge.is-alert .vvf-dot:before{content:none}.vvl-root .vvl-tabs .vvf-badge.is-alert .vvf-dot:after{background:var(--cc-white)}.vvl-root .vvl-tabs .vvf-badge.is-alert:after{content:"new"}@keyframes vvl-online{0%{transform:scale(1);opacity:1}70%,to{transform:scale(2.5);opacity:0}}.vvl-root .cc-btn:not(:disabled):not([aria-disabled=true]){transform:none;box-shadow:0 2px 0 var(--cc-edge)}.vvl-root .cc-btn[aria-pressed=true]{background:var(--cc-yellow);color:var(--cc-on-yellow)}@media(hover:hover){.vvl-root .cc-btn:hover:not(:disabled):not([aria-disabled=true]){background:var(--cc-well)}.vvl-root .cc-btn:is(.cc-primary,[aria-pressed=true]):hover:not(:disabled):not([aria-disabled=true]){background:var(--cc-yellow-hi)}.vvl-root .cc-seg>button:hover:not(:disabled):not([aria-pressed=true]){background:var(--cc-white)}}.vvl-root .cc-btn:is(:active,.is-pressed):not(:disabled):not([aria-disabled=true]){transform:translateY(2px);box-shadow:none}.vvl-root .cc-btn:focus-visible:not(:disabled):not([aria-disabled=true]){outline:2px solid var(--cc-ink);outline-offset:3px}.vvl-root .cc-seg>button{transition:background var(--cc-hover),box-shadow var(--cc-press)}.vvl-root .cc-seg>button[aria-pressed=true]{background:var(--cc-yellow);color:var(--cc-on-yellow);border-color:transparent;box-shadow:none;transition:none}.vvl-root .cc-seg>button:active:not(:disabled){box-shadow:inset 0 2px 3px #20272a30}.vvl-root .cc-seg>button:focus-visible{outline:2px solid var(--cc-ink);outline-offset:-4px}.vvl-root .vvl-tools{justify-self:end;display:flex;align-items:center;gap:8px}.vvl-root .vvl-tools .cc-btn>*{pointer-events:none}.vvl-root .vvl-soundbtn[aria-pressed=false]{color:var(--cc-muted);background:var(--cc-well)}.vvl-root .vvl-player{position:absolute;left:24px;bottom:var(--floor);width:384px;display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;column-gap:14px;overflow:hidden;z-index:5}.vvl-root .vvl-player.cc-compact{padding:14px 16px 14px 14px}.vvl-root .vvl-player:has(>.vvl-season:not(:empty)){padding-bottom:0}.vvl-root .vvl-avatar{position:relative;align-self:start;width:56px;height:56px;border:1px solid var(--cc-stroke);border-radius:5px;background:linear-gradient(180deg,#bfe6fa,#e9f6fb 70%,#cfe9b8);box-shadow:0 2px 0 var(--cc-edge)}.vvl-root .vvl-avatar img{display:block;width:100%;height:100%;object-fit:contain;border-radius:4px}.vvl-root .vvl-who{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);align-content:center}.vvl-root .vvl-wholinks{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.vvl-root .vvl-wholinks:not(:has(>:not([hidden]))){display:none}.vvl-root .vvl-guild-link,.vvl-root .vvl-island-link{min-height:34px}.vvl-root .vvl-guild-link[hidden],.vvl-root .vvl-island-link[hidden],.vvl-root .vvl-tabs .cc-tab[hidden]{display:none}.vvl-root .vvl-namewrap{position:relative;display:block;height:26px}.vvl-root .vvl-name{word-spacing:.14em;display:block;width:calc(100% + 8px);height:36px;margin:-5px 0 0 -6px;padding:0 28px 0 6px;border:1px dashed transparent;border-radius:4px;background:transparent;color:var(--cc-ink);font:700 20px/1 var(--cc-display);letter-spacing:-.01em;text-overflow:ellipsis;user-select:text;-webkit-user-select:text;cursor:text}.vvl-root .vvl-name:hover{border-color:var(--cc-stroke)}.vvl-root .vvl-name:focus{background:var(--cc-white);border:1px solid var(--cc-ink)}.vvl-root .vvl-pencil{position:absolute;right:0;top:5px;color:var(--cc-muted);pointer-events:none;transition:opacity var(--cc-hover)}.vvl-root .vvl-name:focus+.vvl-pencil{opacity:0}.vvl-root .vvl-tierrow{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0;margin-top:4px}.vvl-root .vvl-tierchip{flex:none;padding:3px 8px 2px;border-radius:3px;background:var(--cc-ink);color:var(--cc-white);font:700 12px/1.25 var(--cc-mono);letter-spacing:.06em;white-space:nowrap}.vvl-root .vvl-tierchip b{color:var(--cc-yellow)}.vvl-root .vvl-xp{min-width:0;color:var(--cc-muted);font:600 12px/1.25 var(--cc-mono);white-space:nowrap}.vvl-root .vvl-tierrow.is-guest .vvl-xp{font-family:var(--cc-font);white-space:normal}.vvl-root .vvl-season .vvp-card{display:none}.vvl-root .vvl-tierrow{column-gap:8px;border-radius:4px;cursor:pointer}.vvl-root .vvl-tierrow:focus-visible{outline:3px solid var(--cc-yellow);outline-offset:2px}.vvl-root .vvl-tierrow .vvl-xp:after{content:"›";margin-left:6px;color:var(--cc-muted);font:700 16px/1 var(--cc-font)}@media(hover:hover){.vvl-root .vvl-tierrow:hover .vvl-xp{color:var(--cc-ink)}}.vvl-root .vvl-meter{cursor:pointer}.vvl-root .vvl-tierchip[hidden],.vvl-root .vvl-tierclaim[hidden],.vvl-root .vvl-tierheld[hidden],.vvl-root:not(:has(.vvl-season .vvp-card)) .vvl-tierclaim,.vvl-root:not(:has(.vvl-season .vvp-card)) .vvl-tierheld{display:none}.vvl-root .vvl-tierclaim{padding:2px 7px 1px;border:1px solid var(--cc-on-yellow);border-radius:3px;background:var(--cc-yellow);color:var(--cc-on-yellow);font:700 11px/1.3 var(--cc-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.vvl-root .vvl-tierheld{color:var(--cc-secure);font:700 11px/1.3 var(--cc-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.vvl-root .vvl-meter{height:10px;margin-top:8px}.vvl-root .vvl-meter[hidden]{display:none}.vvl-root .vvl-player>.vvl-season{grid-column:1 / -1;margin:14px -16px 0 -14px}.vvl-root .vvl-player>.vvl-season:empty{display:none}.vvl-root .vvl-seal{display:inline-grid;place-items:center;flex:none}.vvl-root .vvl-seal svg{display:block;width:100%;height:100%}.vvl-root .vvl-plate{position:absolute;left:0;top:0;z-index:4;display:flex;flex-direction:column;align-items:center;will-change:transform}.vvl-root .vvl-plate-head{text-align:center;pointer-events:none}.vvl-root .vvl-plate-name{word-spacing:.14em;margin:0;color:var(--cc-ink);font:700 30px/1.05 var(--cc-display);letter-spacing:-.02em;white-space:nowrap;text-shadow:0 0 1px #fff,0 0 2px #fff,0 0 4px #fff,0 0 8px rgba(255,255,255,.9),0 0 16px rgba(255,255,255,.55)}.vvl-root .vvl-plate-kick{margin-top:2px;color:var(--cc-ink);font:600 12px/1.3 var(--cc-mono);letter-spacing:.24em;text-transform:uppercase;white-space:nowrap;text-shadow:0 0 2px #fff,0 0 4px #fff,0 0 8px rgba(255,255,255,.9)}.vvl-root .vvl-plate-row{display:flex;align-items:center;gap:6px;margin-top:6px}.vvl-root .vvl-plate-row .cc-btn{min-height:44px}.vvl-root .vvl-plate-arrow{width:44px}.vvl-root .vvl-plate-drag{display:none;align-items:center;gap:6px;margin-top:6px;color:var(--cc-ink);font:600 14px/1.2 var(--cc-font);white-space:nowrap;pointer-events:none;text-shadow:0 0 2px #fff,0 0 4px #fff,0 0 8px rgba(255,255,255,.9)}.vvl-root .vvl-plate-drag svg{width:16px;height:16px}.vvl-root[data-tab=locker] .vvl-plate-drag{display:flex}.vvl-root[data-tab=locker] .vvl-plate-row,.vvl-root[data-net=online] .vvl-loadout{display:none}.vvl-root .vvl-loadout{position:absolute;left:428px;right:calc(var(--side) + 360px + 20px);bottom:var(--floor);z-index:5;display:flex;flex-direction:column;max-width:680px;margin-inline:auto;container:loadout / inline-size}.vvl-root .vvl-dock-head{position:relative;z-index:1;display:flex;align-items:flex-end;gap:8px;margin:0 12px -1px 0}.vvl-root .vvl-dock-acts{display:flex;align-items:flex-end;gap:8px;padding-bottom:5px}.vvl-root .vvl-dock-acts .cc-btn[hidden],.vvl-root[data-tab=locker] .vvl-risk{display:none}.vvl-root .vvl-notch,.vvl-root .vvl-risk{display:flex;align-items:center;gap:10px;border:1px solid var(--cc-stroke);border-bottom:0;border-radius:6px 6px 0 0;white-space:nowrap}.vvl-root .vvl-notch{margin-right:auto;padding:5px 18px 4px 14px;background:var(--cc-surface);box-shadow:inset 0 1px 0 var(--cc-white)}.vvl-root .vvl-notch .cc-heading{margin:0;font-size:18px;text-transform:uppercase}.vvl-root .vvl-notch .cc-heading:before{height:18px;width:8px}.vvl-root .vvl-risk{padding:4px 12px 3px 6px;background:var(--cc-white);font-size:15px;color:var(--cc-muted)}.vvl-root .vvl-dock{padding:8px}@media(max-width:480px){.vvl-root .vvl-notch .cc-label{display:none}}.vvl-root .vvl-slots{display:grid;grid-template-columns:repeat(5,minmax(0,124px));gap:8px}.vvl-root .vvl-dock-head{flex-wrap:wrap}@container loadout (max-width: 600px){.vvl-root .vvl-risk-text{display:none}.vvl-root .vvl-slots{gap:6px}}@container loadout (max-width: 480px){.vvl-root .vvl-loadout .vvl-slot .cc-item-name,.vvl-root .vvl-loadout .vvl-slot .cc-item-sub{display:none}.vvl-root .vvl-loadout .vvl-slot.cc-item{height:64px;justify-content:center}.vvl-root .vvl-loadout .vvl-notch .cc-label{display:none}.vvl-root .vvl-loadout .vvl-slot.is-empty:after{content:"+";font:700 18px/1 var(--cc-font);color:var(--cc-muted)}}.vvl-root .vvl-slot.cc-item{min-height:0;height:80px;padding:6px 6px 7px;gap:2px}.vvl-root .vvl-slot .cc-item-art{width:40px;height:40px;margin:auto 0 2px}.vvl-root .vvl-svgart{display:grid}.vvl-root .vvl-svgart svg{width:100%;height:100%}.vvl-root .vvl-slot .cc-item-name{font-size:14px}.vvl-root .vvl-slot .cc-item-sub:empty{display:none}.vvl-root .vvl-slot.is-empty{background:#ffffff8c}.vvl-root .vvl-slot.is-empty .cc-item-name{line-height:1}.vvl-root .vvl-rar{position:absolute;top:7px;right:8px;color:color-mix(in srgb,var(--rar, var(--cc-muted)) 70%,var(--cc-on-yellow));font:600 10px/1 var(--cc-mono);letter-spacing:.02em}.vvl-root .vvl-season{display:flex;flex-direction:column;border-top:1px solid var(--cc-seam)}.vvl-root:not([data-hub="1"]) .vvl-season,.vvl-root .vvl-season:not(:has(>:not([hidden]))){display:none!important}.vvl-root .vvl-unlock{container:unlock / inline-size;position:absolute;left:428px;right:calc(var(--side) + 360px + 20px);bottom:var(--floor);z-index:5;display:flex;justify-content:center;pointer-events:none;zoom:var(--k)}.vvl-root .vvl-unlock>*{pointer-events:auto}.vvl-root[data-panel="1"]:not([data-tab=locker]) .vvl-unlock,.vvl-root:not([data-net=online]) .vvl-unlock,.vvl-root .vvl-play[data-mode=island]~.vvl-unlock,.vvl-root .vvl-unlock:not(:has(>:not([hidden]))){display:none}.vvl-root .vvl-play{position:absolute;right:var(--side);bottom:var(--floor);z-index:5;width:360px;display:flex;flex-direction:column;align-items:flex-end}.vvl-root .vvl-modes{display:none}.vvl-root .vvl-soon{color:var(--cc-muted)}.vvl-root .vvl-soon .vvl-soon-lock{flex:none}.vvl-root .vvl-island-soon{margin-bottom:12px;border-color:var(--cc-muted)}.vvl-root .vvl-soon-cards{opacity:.6}.vvl-root .vvl-playcard.cc-panel{width:100%;display:flex;flex-direction:column;gap:12px;padding:12px}.vvl-root .vvl-playcard .vvn-mode.vvn-inline{width:100%;margin:0;align-self:stretch;background:var(--cc-well)}.vvl-root .vvl-playcard .vvn-mode button{flex:1;justify-content:center;min-height:44px;padding:6px 8px}.vvl-root .vvl-play[data-mode=island] .vvn-mode{display:none}.vvl-root .vvl-playcard .vvn-practice{width:100%;margin:0}.vvl-root .vvl-play[data-mode=island] .vvn-practice{display:none}.vvl-root .vvl-modeinfo{display:grid;grid-template-columns:78px 1fr;align-items:center;gap:12px}.vvl-root .vvl-thumb{display:grid;place-items:center;height:78px;border:1px solid var(--cc-stroke);border-radius:4px;background:linear-gradient(180deg,#8fd2f5,#d9f2fc 58%,#a8dc7a 59%,#7cc44f);overflow:hidden}.vvl-root .vvl-thumb svg{width:66px;height:66px}.vvl-root .vvl-modetext{min-width:0}.vvl-root .vvl-modetitle{word-spacing:.14em;margin:0;font:700 23px/1.05 var(--cc-display);letter-spacing:-.01em;text-transform:uppercase;white-space:nowrap}.vvl-root .vvl-modesub .vvl-nowrap{white-space:nowrap}.vvl-root .vvl-modesub{margin-top:5px;font-size:14px;line-height:1.35;color:var(--cc-muted)}.vvl-root .vvl-modeseam.cc-seam{display:none}.vvl-root .vvl-modesub{display:flex;flex-wrap:wrap;gap:4px}.vvl-root .vvl-modechip{padding:2px 7px;border:1px solid var(--cc-track-line);border-radius:3px;background:var(--cc-white);color:var(--cc-ink);font:700 11px/1.3 var(--cc-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.vvl-root .vvl-modeinfo.vvl-banner{position:relative;display:block;min-height:118px;margin:-2px -2px 0;border:1px solid var(--cc-ink);border-radius:4px;overflow:hidden;background:#2a3a2c var(--mode-art) 70% 45% / cover no-repeat;box-shadow:0 2px 0 var(--cc-edge);isolation:isolate}.vvl-root .vvl-modeinfo.vvl-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#0e1310eb,#0e1310b8 42%,#0e131014 82%),linear-gradient(0deg,#0e13108c,#0e131000 45%)}.vvl-root .vvl-banner .vvl-thumb{display:none}.vvl-root .vvl-banner .vvl-modetext{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 14px 11px}.vvl-root .vvl-banner .vvl-modetitle{color:var(--cc-white);font-size:27px;line-height:.95;text-shadow:0 2px 0 rgba(0,0,0,.45)}.vvl-root .vvl-banner .vvl-modesub{margin-top:0}.vvl-root .vvl-banner .vvl-modechip{border-color:#fff6;background:#ffffff24;color:var(--cc-white);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.vvl-root .vvl-banner .vvl-modechip:first-child{border-color:var(--cc-yellow);background:var(--cc-yellow);color:var(--cc-on-yellow)}.vvl-root .vvl-banner .vvl-quip{margin-top:0;max-width:78%;color:#ffffffe0;font-size:13px;text-shadow:0 1px 2px rgba(0,0,0,.6)}.vvl-root .vvl-banner .vvl-status{margin-top:0;padding:3px 8px 3px 6px;border-radius:3px;background:#0c0f0899;color:var(--cc-yellow)}.vvl-root .vvl-banner .vvl-status[hidden]{display:none}.vvl-root .vvl-quip{margin-top:4px;font-size:13px;font-weight:700;font-style:italic;line-height:1.3;color:var(--cc-ink)}.vvl-root .vvl-status{display:flex;align-items:center;gap:6px;margin-top:7px;white-space:nowrap}.vvl-root .vvl-status-icon,.vvl-root .vvl-status-icon svg{display:block;width:20px;height:20px}.vvl-root .vvl-status b{font:600 13px/1 var(--cc-mono);letter-spacing:.08em;text-transform:uppercase}.vvl-root .vvl-status .cc-label{margin-left:auto}.vvl-root .vvl-go.cc-hero{width:100%;clip-path:none;border-radius:5px}.vvl-root .vvl-go.cc-hero .cc-hero-main{padding-left:24px}.vvl-root .vvl-go[data-mode=island] .cc-hero-main{padding-inline:24px;font-size:36px}.vvl-root .vvl-go.vvl-boarding{filter:saturate(.7) brightness(.97);pointer-events:none}.vvl-root .vvl-go.vvl-aboard{position:relative;overflow:hidden;filter:none}.vvl-root .vvl-go.vvl-aboard .cc-hero-main{font-size:.76em;letter-spacing:.02em}.vvl-root .vvl-aboard-bar{position:absolute;left:0;right:0;bottom:0;height:6px;overflow:hidden;background:#0c0f0824}.vvl-root .vvl-aboard-bar:after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:var(--cc-on-yellow);animation:vvl-aboard 1.1s ease-in-out infinite}@keyframes vvl-aboard{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media(prefers-reduced-motion:reduce){.vvl-root .vvl-aboard-bar:after{animation:none;width:100%;opacity:.4}}.vvl-root .vvl-play[data-fold~=quip] .vvl-quip{display:none}.vvl-root .vvl-play[data-fold~=thumb] .vvl-modeinfo{grid-template-columns:minmax(0,1fr)}.vvl-root .vvl-play[data-fold~=thumb] .vvl-modeinfo.vvl-banner{min-height:0}.vvl-root .vvl-play[data-fold~=thumb] .vvl-banner .vvl-modetext{flex-direction:row;align-items:center;flex-wrap:wrap;padding:9px 12px}.vvl-root .vvl-play[data-fold~=thumb] .vvl-banner .vvl-modechip:not(:first-child){display:none}.vvl-root .vvl-play[data-fold~=thumb] :is(.vvl-thumb,.vvl-status){display:none}.vvl-root .vvl-play[data-scroll] .vvl-playcard.cc-panel{max-height:var(--play-room);overflow-y:auto;overscroll-behavior:contain}.vvl-root .vvl-play[data-scroll] .vvl-go{position:sticky;bottom:0;z-index:1;flex:none}.vvl-root .vvl-player,.vvl-root .vvl-loadout,.vvl-root .vvl-season,.vvl-root .vvl-plate,.vvl-root .vvl-play,.vvl-root .vvl-back{transition:opacity var(--cc-panel) var(--cc-ease),translate var(--cc-panel) var(--cc-ease),visibility 0s}.vvl-root[data-panel="1"] :is(.vvl-player,.vvl-season),.vvl-root[data-panel="1"]:not([data-tab=locker]) :is(.vvl-loadout,.vvl-plate),.vvl-root[data-tab=locker] .vvl-play,.vvl-root:not([data-tab=locker]) .vvl-back{opacity:0;visibility:hidden;translate:0 8px;pointer-events:none;transition:opacity var(--cc-panel) var(--cc-ease),translate var(--cc-panel) var(--cc-ease),visibility 0s var(--cc-panel)}.vvl-root[data-tab=locker] :is(.vvl-loadout,.vvl-unlock){bottom:max(var(--floor),44px);left:24px;right:calc(min(440px,calc(34vw / var(--k))) + 48px);margin-inline:0}.vvl-root .vvl-back.cc-btn{position:absolute;left:calc(1.6vw / var(--k));bottom:4px;z-index:5;min-height:30px;padding:3px 12px 3px 6px;gap:8px}.vvl-root .vvl-runnote.cc-chip{gap:10px;padding:8px 12px}.vvl-root .vvl-runnote[hidden]{display:none}.vvl-root .vvl-runnote-icon{display:flex}.vvl-root .vvl-runnote b{font-size:15px}.vvl-root .vvl-runnote small{font-size:14px;line-height:1.35}.vvl-root .vvl-go.vvl-blocked,.vvl-root .vvl-go.vvl-blocked:hover{background:var(--cc-disabled);color:var(--cc-disabled-ink);cursor:not-allowed}.vvl-root .vvl-guilds-soon{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 16px;border:1px dashed var(--cc-stroke);border-radius:6px;background:var(--cc-well)}.vvl-root .vvl-guilds-crest{display:grid;place-items:center;width:64px;height:64px;margin-bottom:4px;border:2px solid var(--cc-ink);border-radius:6px;background:var(--cc-yellow);color:var(--cc-on-yellow);box-shadow:0 3px 0 var(--cc-ink)}.vvl-root .vvl-guilds-title{font:700 22px/1.1 var(--cc-display);letter-spacing:-.01em;text-transform:uppercase}.vvl-root .vvl-guilds-soon p{margin:0;font-size:15px;line-height:1.4}.vvl-root .vvl-guilds-soon .vvl-guilds-note{color:var(--cc-muted)}.vvl-root .vvl-side[data-tab=stash] .vvl-detail.cc-panel{position:static;flex:none;max-height:190px;overflow:auto;margin-top:0;box-shadow:0 2px 0 var(--cc-edge),inset 0 1px 0 var(--cc-white)}.vvl-root .vvl-side[data-tab=stash] .vvl-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.vvl-root .vvl-side[data-tab=stash] .vvl-items .cc-item{min-height:112px;padding:8px 6px}.vvl-root .vvl-side[data-tab=stash] .vvl-items .cc-item-art{width:48px;height:48px}.vvl-root .vvl-side[data-tab=stash] .cc-item-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;line-height:1.2}.vvl-root .vvl-side[data-tab=stash] .vvl-stash-slots .vvl-slot{height:96px}.vvl-root .vvl-side[data-tab=stash] .vvl-stash-lo{gap:6px;margin-bottom:10px;padding-bottom:10px}.vvl-root .vvl-side[data-tab=stash] .vvl-stash-filter{width:100%;gap:2px}.vvl-root .vvl-side[data-tab=stash] .vvl-stash-filter button{flex:1;padding-inline:8px}@media(max-width:1350px){.vvl-root .vvl-mark{width:262px}.vvl-root .vvl-tabs .cc-tab{padding:8px 12px}}@media(max-width:1180px){.vvl-root .vvl-mark{width:220px}.vvl-root .vvl-tabs .cc-tab{padding:8px 10px}.vvl-root .vvl-player{width:352px}.vvl-root :is(.vvl-loadout,.vvl-unlock){left:392px;right:calc(var(--side) + 360px + 16px)}.vvl-root[data-tab=locker] :is(.vvl-loadout,.vvl-unlock){right:calc(min(400px,40vw) + 32px)}.vvl-root .vvl-tabs .vvf-badge:after{content:none}.vvl-root .vvl-slots{grid-template-columns:repeat(5,minmax(0,1fr))}.vvl-root .vvl-risk-text{display:none}}@media(max-width:1100px){.vvl-root .vvl-player{width:332px}.vvl-root .vvl-plate-name{font-size:24px}.vvl-root :is(.vvl-loadout,.vvl-unlock){left:370px;right:calc(var(--side) + 360px + 14px)}}.vvl-root.vvl-enter :is(.vvl-top,.vvl-player,.vvl-loadout,.vvl-play){animation:vvl-in var(--cc-panel) var(--cc-ease) both}.vvl-root.vvl-enter .vvl-top{--from: -8px}.vvl-root.vvl-enter .vvl-loadout{animation-delay:40ms}.vvl-root.vvl-enter .vvl-play{animation-delay:80ms}@keyframes vvl-in{0%{opacity:0;translate:0 var(--from, 8px)}}@media(prefers-reduced-motion:reduce){.vvl-root *,.vvl-root *:before,.vvl-root *:after{animation:none!important;transition:none!important}}@media(orientation:portrait)and (max-width:480px){html body.vv-touch .vvl-root:has(.vvl-art-stage){display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding-bottom:calc(var(--vv-safe-bottom) + 16px)}html body.vv-touch .vvl-root .vvl-top{position:relative;inset:auto;order:0;flex:none;grid-template-columns:34px minmax(0,1fr) auto;grid-template-rows:44px 44px;row-gap:6px;padding:calc(var(--vv-safe-top) + 6px) calc(var(--vv-safe-right) + 8px) 6px calc(var(--vv-safe-left) + 8px)}html body.vv-touch .vvl-root .vvl-mark{grid-column:1;grid-row:1}html body.vv-touch .vvl-root .vvl-tools{grid-column:3;grid-row:1}html body.vv-touch .vvl-root .vvl-tabs{grid-column:1 / -1;grid-row:2;overflow:visible}html body.vv-touch .vvl-root .vvl-tabs .cc-tab{flex:1 1 0;min-width:0;padding-inline:2px;font-size:11px}html body.vv-touch .vvl-root .vvl-stage.vvl-art-stage{position:relative;inset:auto;order:1;flex:none;width:100%;height:clamp(160px,46vw,250px)}html body.vv-touch .vvl-root .vvl-plate{position:relative;inset:auto;order:2;flex:none;width:auto;margin:10px 12px 0}html body.vv-touch .vvl-root :is(.vvl-player,.vvl-loadout,.vvl-play){position:relative;inset:auto;flex:none;width:calc(100% - 24px);max-width:none;margin:12px 12px 0}html body.vv-touch .vvl-root .vvl-play{order:3}html body.vv-touch .vvl-root .vvl-playcard>.vvl-go{position:sticky;bottom:calc(var(--vv-safe-bottom) + 8px);z-index:2}html body.vv-touch .vvl-root .vvl-player{order:4}html body.vv-touch .vvl-root .vvl-loadout{order:5}html body.vv-touch .vvl-root :is(.vvl-player,.vvl-loadout,.vvl-play,.vvl-plate)[inert]{display:none}html body.vv-touch .vvl-root .vvl-slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}html body.vv-touch .vvl-root .vvl-slot.cc-item{padding:6px 3px;min-width:0;height:88px}html body.vv-touch .vvl-root .vvl-slot .cc-item-name{font-size:10px;line-height:1.2;overflow-wrap:anywhere}html body.vv-touch .vvl-root .vvl-slot .cc-item-art{width:32px;height:32px}html body.vv-touch .vvl-root:has(.vvl-art-stage) .vvl-side.cc-panel[data-tab]{top:calc(var(--vv-safe-top) + 106px)}html body.vv-touch .vvl-root .vvl-back.cc-btn{position:relative;inset:auto;order:6;align-self:flex-start;margin:12px}html body.vv-touch .vvl-root .vvl-back[inert]{display:none}}.vvl-art-stage{background:#b9c9c4;overflow:hidden;isolation:isolate}.vvl-scene-art{position:absolute;width:1672px;height:941px;transform-origin:0 0;opacity:0;transition:opacity .24s ease}.vvl-scene-art.vvl-art-ready{opacity:1}.vvl-scene-art>*{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.vvl-scene-plate{display:block;width:100%;height:100%;object-fit:fill}.vvl-scene-atmos{pointer-events:none}.vvl-scene-art .vvl-canvas{touch-action:pan-y}.vvl-scene-vignette{pointer-events:none;background:radial-gradient(ellipse at 45% 40%,transparent 48%,#191b141c 100%)}.vvl-scene-caption{position:absolute;left:28px;bottom:18px;display:flex;gap:12px;align-items:center;color:#26322d;text-shadow:0 1px 3px #fff8;font:11px/1.4 var(--cc-font-mono,monospace);letter-spacing:.08em;pointer-events:none}.vvl-scene-caption strong{font-weight:700}.vvl-scene-caption span{opacity:.75;letter-spacing:.02em}.vvl-companion-hit{position:absolute;border:0;border-radius:35%;background:transparent;cursor:pointer;color:transparent}.vvl-companion-hit:focus-visible{outline:3px solid #ddff37;outline-offset:4px;background:#e9ffb815}.vvl-root:has(.vvl-gentle) *{animation:none!important;transition:none!important}@media(min-width:981px){.vvl-scene-caption{display:none}}@media(max-width:900px){.vvl-scene-caption{left:16px;bottom:12px;font-size:9px}.vvl-scene-caption span{display:none}}@media(max-width:980px){.vvl-root:has(.vvl-art-stage){display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;background:#e8ede5;padding-bottom:16px}.vvl-root .vvl-top{position:relative;order:0;display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px 12px;background:#f8f9f4ee;z-index:8}.vvl-root .vvl-mark{width:196px}.vvl-root .vvl-tabs{grid-column:1 / -1;grid-row:2;width:100%;overflow-x:auto}.vvl-root .vvl-tabs .cc-tab{flex:1;padding:8px;font-size:12px;min-height:42px;white-space:nowrap}.vvl-root .vvl-tools{gap:5px}.vvl-root .vvl-tools .cc-btn.cc-icon{width:36px;height:38px;min-width:36px;min-height:38px}.vvl-root .vvl-stage.vvl-art-stage{position:relative;inset:auto;flex:none;order:1;width:100%;height:clamp(280px,52vw,440px)}.vvl-root .vvl-player,.vvl-root .vvl-loadout,.vvl-root .vvl-play,.vvl-root .vvl-unlock{position:relative;inset:auto;flex:none;width:calc(100% - 24px);max-width:none;margin:12px 12px 0}.vvl-root .vvl-unlock{order:3}.vvl-root:has(.vvl-art-stage)[data-tab=locker] :is(.vvl-loadout,.vvl-unlock){inset:auto;margin:12px 12px 0}.vvl-root .vvl-player{order:2}.vvl-root .vvl-loadout{order:3}.vvl-root .vvl-play{order:4}.vvl-root :is(.vvl-player,.vvl-loadout,.vvl-play,.vvl-unlock)[inert]{display:none}.vvl-root .vvl-slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.vvl-root .vvl-slot.cc-item{padding:6px 3px;min-width:0;height:88px}.vvl-root .vvl-slot .cc-item-name{font-size:10px;line-height:1.2;overflow-wrap:anywhere}.vvl-root .vvl-slot .cc-item-art{width:32px;height:32px}.vvl-root .vvl-slot .cc-key{font-size:10px;padding:1px 4px}.vvl-root .vvl-plate .vvl-name{font-size:24px}.vvl-root:has(.vvl-art-stage) .vvl-side.cc-panel[data-tab]{position:relative;inset:auto;order:2;flex:none;width:calc(100% - 24px);height:min(580px,75vh);margin:12px;display:none}.vvl-root:has(.vvl-art-stage) .vvl-side.cc-panel[data-tab].vvl-open{display:flex}.vvl-root .vvl-back.cc-btn{position:relative;inset:auto;order:5;align-self:flex-start;margin:12px}.vvl-root .vvl-back[inert]{display:none}.vvl-root .vvl-grid.cc-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.vvl-root .vvl-grid .cc-item{min-height:120px}.vvl-root .vvl-grid .cc-item-art{width:60px;height:60px}.vvl-root .vvl-scene-caption{top:10px;bottom:auto;left:12px;padding:4px 7px;background:#f9f8e8bf;border-radius:3px;font-size:8px}.vvl-root .vvl-scene-caption span{display:none}}@media(max-width:430px){.vvl-root .vvl-mark{width:152px}.vvl-root .vvl-top{gap:8px;padding:8px}.vvl-root .vvl-tabs .cc-tab{padding:8px 6px;font-size:10px}.vvl-root .vvl-tabs .vvl-tab-soon{display:none}.vvl-root .vvl-tabs .vvf-badge{margin-left:4px;padding:1px 5px 1px 4px;font-size:10px}.vvl-root .vvl-tools{gap:4px}.vvl-root .vvl-tools .cc-btn.cc-icon{width:32px;min-width:32px}}.vvl-root[data-panel="1"] .vvl-scene-caption{display:none}.vvl-side.cc-panel{position:absolute;left:24px;top:var(--header-clearance, 108px);bottom:var(--floor);width:min(540px,calc(44vw / var(--k)));z-index:6;zoom:var(--k);display:flex;flex-direction:column;gap:12px;padding:18px 18px 14px;opacity:0;visibility:hidden;translate:-8px 0;--vvl-out: calc(var(--cc-panel) * .6);transition:opacity var(--vvl-out) var(--cc-ease),translate var(--vvl-out) var(--cc-ease),visibility 0s var(--vvl-out)}.vvl-side.cc-panel.vvl-open{opacity:1;visibility:visible;translate:0 0;transition:opacity var(--cc-panel) var(--cc-ease),translate var(--cc-panel) var(--cc-ease),visibility 0s}.vvl-root.vvl-swap .vvl-side.cc-panel{transition:none}.vvl-side-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.vvl-side-head .cc-heading{flex-shrink:0;margin:0;font-size:25px;text-transform:uppercase}.vvl-hint{margin-left:auto;min-width:0}.vvl-side-close{flex:none}.vvl-side-search{width:100%}.vvl-scroll{flex:1;min-height:0;margin:0 -6px;padding:4px 6px 8px}.vvl-side.cc-panel[data-tab=locker]{left:auto;right:24px;width:min(440px,calc(34vw / var(--k)));translate:8px 0}.vvl-side.cc-panel[data-tab=locker].vvl-open{translate:0 0}.vvl-grid.cc-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.vvl-grid .cc-item{min-height:132px}.vvl-grid .cc-item-art{width:76px;height:76px}.vvl-random .vvl-dice{display:grid;place-items:center}.vvl-random .vvl-dice svg{width:56px;height:56px}.vvl-locker-foot{display:flex;flex-direction:column;gap:10px;padding-top:10px;border-top:1px solid var(--cc-stroke)}.vvl-fair{margin:0;text-align:center}.vvl-equip.cc-btn{width:100%;min-height:56px;justify-content:center;gap:10px;font:700 21px/1 var(--cc-display);letter-spacing:.02em;text-transform:uppercase}.vvl-equip.cc-btn svg{width:26px;height:26px}.vvl-root .cc-btn.vvl-is-on[aria-disabled=true]{background:var(--cc-white);color:var(--cc-ink);border-color:var(--cc-ink);box-shadow:0 2px 0 var(--cc-edge);cursor:default}.vvl-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.vvl-stat.cc-well{display:flex;flex-direction:column;gap:2px;padding:8px 12px}.vvl-stat b{font-size:22px;font-weight:600}.vvl-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vvl-card .cc-heading{margin:0 0 6px;font-size:18px}.vvl-card p{margin:0;font-size:15px;color:var(--cc-muted)}.vvl-pets{margin-top:8px;gap:6px}.vvl-cta.cc-btn{width:100%;margin-top:12px}.vvl-side.cc-panel[data-tab=guilds]{left:24px;right:24px;width:auto}@media(max-width:1180px){.vvl-side.cc-panel[data-tab=guilds]{left:16px;right:16px}}.vvl-root[data-tab=guilds] .vvl-play{opacity:0;visibility:hidden;translate:0 8px;pointer-events:none;transition:opacity var(--cc-panel) var(--cc-ease),translate var(--cc-panel) var(--cc-ease),visibility 0s var(--cc-panel)}.vvl-side[data-tab=guilds] .vvl-scroll{display:flex;overflow:hidden;padding:0}.vvl-guild-frame{flex:1 1 auto;width:100%;min-height:0;border:0;border-radius:10px;background:transparent}.vvl-side[data-tab=rankings] .vvl-scroll{display:flex;flex-direction:column}.vvl-cupboard{display:flex;flex:1 1 0;flex-direction:column;min-height:0}.vvl-cupboard>.vvc-board{flex:1 1 0;min-height:0}.vvl-cupboard .vvc-board>*{flex:none}.vvl-cupboard .vvc-board>.vvc-board-list{flex:0 1 auto;min-height:180px;max-height:none}@media(max-height:540px){.vvl-cupboard,.vvl-cupboard>.vvc-board{flex:none}.vvl-cupboard .vvc-board>.vvc-board-list{order:2;min-height:0;max-height:none;overflow:visible}.vvl-cupboard .vvc-board>.vvc-board-foot{order:1}.vvl-cupboard .vvc-board-list>.vvc-table thead th{top:-4px}}@media(max-width:980px){.vvl-root:has(.vvl-art-stage) .vvl-side.cc-panel[data-tab=rankings].vvl-open,.vvl-root:has(.vvl-art-stage) .vvl-side.cc-panel[data-tab=guilds].vvl-open{height:min(860px,88vh)}}.vvl-foot{margin:10px 0 8px}.vvl-stash-lo{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--cc-stroke)}.vvl-stash-lo-head{display:flex;align-items:baseline;gap:10px}.vvl-stash-lo-head .cc-heading{margin:0;font-size:18px;text-transform:uppercase}.vvl-stash-lo-run{margin:0}.vvl-stash-lo-run[hidden],.vvl-stash-kit[hidden]{display:none}.vvl-stash-kit{display:flex;align-items:center;gap:10px;padding:8px 10px}.vvl-stash-kit-text{flex:1;font-size:15px}.vvl-root .vvl-stash-slots.vvl-slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.vvl-root .vvl-stash-slots .vvl-slot.cc-item{height:78px}.vvl-root .vvl-stash-slots .cc-item-name{font-size:13px;letter-spacing:-.01em}.vvl-equip-slot{margin-top:8px}.vvl-equip-row{margin-top:10px;gap:8px;align-items:center;flex-wrap:wrap}.vvl-equip-row .vvl-equip-main{flex:1;min-height:48px;justify-content:center}.vvl-equip-count{min-width:56px;text-align:center;font-size:18px}.vvl-stash-tools{gap:8px;margin-bottom:12px}.vvl-stash-tools .cc-search{flex:1 1 100%}.vvl-stash-filter{flex-wrap:wrap}.vvl-detail.cc-panel{margin-top:12px}.vvl-side[data-tab=stash] .vvl-detail.cc-panel{position:sticky;bottom:-8px;z-index:2;box-shadow:0 -8px 16px #20272a1f,0 2px 0 var(--cc-edge)}.vvl-side[data-tab=stash] .vvl-detail p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vvl-detail-name{margin:2px 0 4px;font:700 20px/1.15 var(--cc-display)}.vvl-detail p{margin:0;font-size:15px;color:var(--cc-muted)}.vvl-pop{display:flex;flex-direction:column;gap:12px;overflow:auto;overscroll-behavior:contain;padding:6px}.vvl-pop-settings{width:min(700px,calc(100vw - 48px))}.vvl-pop .cc-heading{margin:0;text-transform:uppercase}.vvl-pop-seg{align-self:flex-start}.vvl-pop-page{gap:2px}.vvl-qseg{align-self:flex-start}.vvl-dim{opacity:.5}.vvl-pop-note{margin:0}@media(max-width:1180px){.vvl-side.cc-panel{left:16px;width:auto;right:calc(var(--side) + 376px)}.vvl-side.cc-panel[data-tab=locker]{left:auto;right:16px;width:min(400px,40vw)}}@media(hover:none)and (pointer:coarse){.vvl-side-close .cc-key{display:none}}@media(prefers-reduced-motion:reduce){.vvl-side.cc-panel,.vvl-pop *{transition:none!important;animation:none!important}}.vvl-locker-views.cc-seg{display:flex;width:100%;box-sizing:border-box}.vvl-locker-views.cc-seg button{flex:1}.vvl-gear{display:flex;flex-direction:column;gap:10px}.vvl-gear[hidden]{display:none}.vvl-gear-head{display:flex;align-items:baseline;gap:10px;margin-top:4px}.vvl-gear-head .cc-heading{margin:0;font-size:17px;text-transform:uppercase}.vvl-gear-head .cc-label{margin-left:auto}.vvl-ship-grid.cc-items .cc-item{min-height:104px}.vvl-ship-grid.cc-items .cc-item-art{width:54px;height:54px}.vvl-gear .cc-item .cc-item-name{white-space:normal;line-height:1.12;text-wrap:balance}.vvl-outfit-look{align-self:center;width:min(220px,70%);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 3px 0 var(--cc-ink-soft))}.vvl-outfit-look[hidden]{display:none}.vvl-skin-look{align-self:center;width:min(220px,70%);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 3px 0 var(--cc-ink-soft))}
