.vi{position:fixed;inset:0;z-index:999;background:#121210;color:#F2EEE4;font-family:'Bricolage Grotesque',sans-serif;display:flex;flex-direction:column;padding:clamp(20px,4vw,48px);overflow:auto;clip-path:inset(0 0 0 0);transition:clip-path .9s cubic-bezier(.76,0,.24,1)}
.vi.out{clip-path:inset(0 0 100% 0)}
.vi.flash{background:#D7F25C;transition:none}
.vi-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.vi-top b{font-family:'Instrument Serif',serif;font-weight:400;font-size:26px}
.vi-top span{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#8E8A80}
.vi-load{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:20px;position:relative}
.vi-num{font-weight:800;font-size:clamp(120px,26vw,360px);line-height:.8;letter-spacing:-.06em;font-variant-numeric:tabular-nums}
.vi-bar{height:4px;background:#2A2A26;position:relative;overflow:hidden}
.vi-bar i{position:absolute;inset:0;background:#D7F25C;transform-origin:left;transform:scaleX(0)}
.vi-strike{position:absolute;left:-2%;right:-2%;top:38%;width:104%;height:160px;overflow:visible;pointer-events:none}
.vi-strike path{fill:none;stroke:#D7F25C;stroke-width:4;stroke-linejoin:miter;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 10px rgba(215,242,92,.9))}
.vi-strike.go path{stroke-dashoffset:0;transition:stroke-dashoffset .4s cubic-bezier(.2,.9,.3,1)}
.vi-ask{flex:1;display:none;flex-direction:column;justify-content:center;gap:clamp(28px,4vw,48px);max-width:1280px;width:100%;margin:0 auto;padding:clamp(24px,4vw,48px) 0}
.vi.asking .vi-load{display:none}.vi.asking .vi-ask{display:flex}
.vi-ask h2{font-weight:800;font-size:clamp(56px,10vw,144px);line-height:.84;letter-spacing:-.055em}
.vi-ask h2 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;letter-spacing:-.02em;color:#D7F25C}
.vi-opts{display:flex;flex-direction:column;border-bottom:1px solid #3A3A35}
.vi-opt{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:20px;align-items:baseline;width:100%;text-align:left;padding:clamp(16px,2.2vw,26px) 0;border:0;border-top:1px solid #3A3A35;background:none;color:#F2EEE4;font:inherit;cursor:pointer;opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1),color .2s,padding .4s cubic-bezier(.16,1,.3,1)}
.vi.asking .vi-opt{opacity:1;transform:none}
.vi-opt i{font-style:normal;font-size:13px;font-weight:700;color:#8E8A80;transition:color .2s}
.vi-opt b{font-weight:800;font-size:clamp(28px,4.4vw,60px);letter-spacing:-.035em;line-height:1}
.vi-opt small{font-size:15px;font-weight:600;color:#8E8A80;white-space:nowrap;opacity:0;transform:translateX(-8px);transition:opacity .25s,transform .35s cubic-bezier(.16,1,.3,1)}
.vi-opt:hover,.vi-opt:focus-visible{color:#D7F25C;padding-left:14px;outline:0}
.vi-opt:hover i,.vi-opt:focus-visible i{color:#D7F25C}
.vi-opt:hover small,.vi-opt:focus-visible small{opacity:1;transform:none;color:#CFCBC0}
.vi-opt .bolt{position:absolute;left:0;right:0;bottom:-8px;width:100%;height:16px;overflow:visible;pointer-events:none;opacity:0;z-index:1}
.vi-opt .bolt path{fill:none;stroke:#D7F25C;stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 5px rgba(215,242,92,.85))}
.vi-opt:hover .bolt,.vi-opt:focus-visible .bolt{opacity:1;animation:viflick .5s steps(1)}
.vi-opt:hover .bolt path,.vi-opt:focus-visible .bolt path{stroke-dashoffset:0;transition:stroke-dashoffset .2s cubic-bezier(.2,.9,.3,1)}
@keyframes viflick{0%{opacity:1}20%{opacity:.15}35%{opacity:1}50%{opacity:.4}62%,100%{opacity:1}}
.vi-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-size:15px;color:#8E8A80}
.vi-skip{position:relative;background:none;border:0;color:#F2EEE4;font:700 16px 'Bricolage Grotesque',sans-serif;cursor:pointer;padding:8px 2px}
.vi-skip:hover{color:#D7F25C}
.vi-reply{transition:opacity .5s!important;position:absolute;inset:0;display:flex;align-items:center;padding:clamp(20px,4vw,48px);background:#D7F25C;color:#121210;font-weight:800;font-size:clamp(48px,8vw,120px);line-height:.88;letter-spacing:-.05em;opacity:0;pointer-events:none;transition:opacity .25s}
.vi-reply em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;letter-spacing:-.02em}
.vi.replied .vi-reply{opacity:1}
@media(max-width:640px){.vi-opt{grid-template-columns:40px minmax(0,1fr)}.vi-opt small{display:none}}
@media(prefers-reduced-motion:reduce){.vi,.vi-opt{transition:none}.vi-opt:hover .bolt{animation:none}}
.vi-burst{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:5;overflow:visible}
.vi-burst path{fill:none;stroke:#D7F25C;stroke-linejoin:miter;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 8px rgba(215,242,92,.95)) drop-shadow(0 0 22px rgba(215,242,92,.5));animation:viz 1.5s cubic-bezier(.2,.9,.3,1) forwards}
@keyframes viz{0%{stroke-dashoffset:1;opacity:1}22%{stroke-dashoffset:0;opacity:1}32%{opacity:.2}40%{opacity:1}52%{opacity:.35}60%{opacity:1}78%{opacity:.8}100%{stroke-dashoffset:0;opacity:0}}
.vi-core{fill:#F2EEE4;filter:drop-shadow(0 0 30px #D7F25C) drop-shadow(0 0 60px #D7F25C);transform-box:fill-box;transform-origin:center;animation:vicore 1.2s cubic-bezier(.2,.9,.3,1) forwards}
@keyframes vicore{0%{transform:scale(.2);opacity:1}35%{transform:scale(6);opacity:1}100%{transform:scale(14);opacity:0}}
.vi.shake{animation:vishake .6s steps(3)}
@keyframes vishake{0%{transform:translate(6px,-4px)}20%{transform:translate(-7px,5px)}40%{transform:translate(5px,6px)}60%{transform:translate(-4px,-6px)}80%{transform:translate(3px,2px)}100%{transform:none}}
.vi-opt.hit{color:#D7F25C}
.vi-reply{z-index:4}
.vi-reply{flex-direction:column;align-items:flex-start;justify-content:center;gap:28px}.vi.replied .vi-reply{pointer-events:auto;cursor:pointer}.vi-tap{font-size:15px;font-weight:700;letter-spacing:0;line-height:1;opacity:.7}
@media(max-width:640px){.vi-top b{font-size:20px;line-height:1.1}.vi-top span{display:none}.vi-foot span{display:none}.vi-foot{justify-content:flex-end}.vi-ask{gap:28px}.vi-reply{font-size:clamp(40px,12vw,64px)}}
@media(hover:none){.vi-foot span{display:none}}
.vi-top b{color:#D7F25C}
.vi-opt{grid-template-columns:minmax(0,1fr) auto}
@media(max-width:640px){.vi-opt{grid-template-columns:minmax(0,1fr)}}
.vi.catmode .vi-reply{font-size:clamp(32px,5vw,64px);gap:20px}
.vi-cat{width:min(100%,880px);aspect-ratio:16/9;background:#121210;border-radius:20px;overflow:hidden}
.vi-cat iframe{width:100%;height:100%;border:0;display:block}

.vi-skip{white-space:nowrap;flex:none}