.vhg-viewer-overlay{position:fixed;inset:0;z-index:var(--vhg-z-viewer,1070);background:rgba(0,0,0,.94);display:flex;align-items:center;justify-content:center;overscroll-behavior:contain;touch-action:none;backdrop-filter:none;-webkit-backdrop-filter:none}.vhg-viewer-overlay.vhg-viewer--heat-1{--heat-edge:rgba(255,80,0,0.35)}.vhg-viewer-overlay.vhg-viewer--heat-2{--heat-edge:rgba(255,50,0,0.55)}.vhg-viewer-overlay.vhg-viewer--heat-3{--heat-edge:rgba(255,20,0,0.75)}.vhg-viewer-overlay.vhg-viewer--heat-1:before,.vhg-viewer-overlay.vhg-viewer--heat-2:before,.vhg-viewer-overlay.vhg-viewer--heat-3:before{content:"";position:absolute;inset:0;box-shadow:inset 0 0 80px var(--heat-edge,transparent);pointer-events:none;animation:vhg-heat-pulse 2s ease-in-out infinite}@keyframes vhg-heat-pulse{0%,to{opacity:.7}50%{opacity:1}}.vhg-viewer-media{position:relative;width:min(480px,100vw);height:min(820px,100dvh);overflow:hidden;cursor:default;-moz-user-select:none;user-select:none;-webkit-user-select:none;background:#000;clip-path:polygon(1rem 0,calc(100% - 1rem) 0,100% 1rem,100% calc(100% - 1rem),calc(100% - 1rem) 100%,1rem 100%,0 calc(100% - 1rem),0 1rem)}.vhg-viewer-media,.vhg-viewer-text-bg{display:flex;align-items:center;justify-content:center}.vhg-viewer-text-bg{position:absolute;inset:0;padding:2.5rem;background:linear-gradient(135deg,#080810,#1a1028 50%,#0d1a1a);font-size:clamp(1.1rem,4vw,1.6rem);font-weight:800;color:#f0f0f8;text-align:center;line-height:1.55;font-family:var(--font-heading)}.vhg-vapor-canvas{position:absolute;inset:0;pointer-events:none;z-index:var(--vhg-zv-vapor,2);overflow:hidden}.vhg-vapor-particle{position:absolute;bottom:0;font-size:1.1rem;animation:vhg-vapor-rise--vhg-viewer var(--dur,3.5s) ease-out forwards;opacity:0}@keyframes vhg-vapor-rise--vhg-viewer{0%{transform:translateY(0) scale(.6);opacity:.9}60%{transform:translateY(-160px) scale(1);opacity:.7}to{transform:translateY(-320px) scale(.4);opacity:0}}.vhg-screen-flash{position:fixed;inset:0;z-index:var(--vhg-zv-flash,5);pointer-events:none;background:radial-gradient(ellipse at center,transparent 30%,rgba(255,100,0,.25) 100%);animation:vhg-flash-out .35s ease-out forwards}@keyframes vhg-flash-out{0%{opacity:1}to{opacity:0}}.vhg-viewer-header{position:absolute;top:0;left:0;right:0;z-index:var(--vhg-zv-header,14);padding:14px 16px;background:linear-gradient(180deg,rgba(0,0,0,.75) 0,transparent)}.vhg-viewer-header,.vhg-viewer-user-row{display:flex;align-items:center;gap:10px}.vhg-viewer-user-row{flex:1;min-width:0}.vhg-viewer-avatar{-o-object-fit:cover;object-fit:cover}.vhg-viewer-avatar,.vhg-viewer-avatar-init{width:40px;height:40px;flex-shrink:0;clip-path:polygon(6% 0,94% 0,100% 6%,100% 94%,94% 100%,6% 100%,0 94%,0 6%)}.vhg-viewer-avatar-init{background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;color:var(--text-on-primary)}.vhg-viewer-user-info{display:flex;flex-direction:column;gap:1px;min-width:0}.vhg-viewer-username{font-family:var(--font-display);font-size:.88rem;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vhg-viewer-tier{font-size:.65rem;color:rgba(255,255,255,.55);font-weight:600}.vhg-fire-hud{display:flex;align-items:center;gap:5px;padding:5px 10px;background:rgba(0,0,0,.94);clip-path:polygon(.4rem 0,calc(100% - .4rem) 0,100% .4rem,100% calc(100% - .4rem),calc(100% - .4rem) 100%,.4rem 100%,0 calc(100% - .4rem),0 .4rem);backdrop-filter:none;transition:transform .15s ease,box-shadow .15s ease;flex-shrink:0}.vhg-fire-hud--active{box-shadow:0 0 14px rgba(255,140,0,.6)}.vhg-fire-hud--pop{animation:vhg-hud-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes vhg-hud-pop{0%{transform:scale(1)}45%{transform:scale(1.45)}to{transform:scale(1)}}.vhg-fire-hud-icon{font-size:18px;line-height:1;animation:vhg-icon-flicker 2.4s ease-in-out infinite}@keyframes vhg-icon-flicker{0%,to{filter:brightness(1)}50%{filter:brightness(1.4) drop-shadow(0 0 6px rgba(255,140,0,.9))}}.vhg-fire-hud--pop .vhg-fire-hud-icon{animation:vhg-icon-burst .4s ease-out}@keyframes vhg-icon-burst{0%{transform:scale(1) rotate(0deg)}30%{transform:scale(1.8) rotate(-15deg);filter:brightness(2)}60%{transform:scale(.9) rotate(8deg)}to{transform:scale(1) rotate(0deg)}}.vhg-fire-hud-num{font-family:var(--font-display,"Space Grotesk",monospace);font-size:1.05rem;font-weight:900;color:#ffcf40;text-shadow:0 0 12px rgba(255,120,0,.8),0 0 28px rgba(255,60,0,.45);font-variant-numeric:tabular-nums;letter-spacing:-.02em;min-width:2ch;text-align:right}.vhg-viral-pip{width:8px;height:8px;background:#ff4500;border-radius:50%;animation:vhg-pip-pulse .9s ease-in-out infinite;box-shadow:0 0 6px #ff4500}@keyframes vhg-pip-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.65)}}.vhg-viewer-close{display:flex;align-items:center;justify-content:center;width:34px;height:34px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:rgba(0,0,0,.55);border:none;color:rgba(255,255,255,.85);cursor:pointer;font-size:12px;transition:background .14s ease,color .14s ease;flex-shrink:0}.vhg-viewer-close:hover{background:rgba(220,38,38,.65);color:#fff}.vhg-viewer-footer{position:absolute;bottom:0;left:0;right:0;z-index:var(--vhg-zv-footer,10);padding:20px 16px 28px;background:linear-gradient(0deg,rgba(0,0,0,.88) 0,transparent);display:flex;flex-direction:column;gap:10px}.vhg-viewer-caption{font-size:.88rem;color:rgba(255,255,255,.88);line-height:1.5;font-family:var(--font-primary)}.vhg-viral-row{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:900;color:#ffcf40;text-shadow:0 0 10px rgba(255,207,64,.6);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;animation:vhg-viral-glow 1.8s ease-in-out infinite}@keyframes vhg-viral-glow{0%,to{text-shadow:0 0 10px rgba(255,207,64,.6)}50%{text-shadow:0 0 22px rgba(255,150,0,.95),0 0 40px rgba(255,80,0,.4)}}.vhg-viewer-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vhg-viewer-fire-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;clip-path:polygon(6% 0,94% 0,100% 6%,100% 94%,94% 100%,6% 100%,0 94%,0 6%);background:rgba(255,69,0,.18);border:none;cursor:pointer;font-size:22px;transition:background .15s ease,filter .15s ease,transform .15s ease}.vhg-viewer-fire-btn--fired,.vhg-viewer-fire-btn:hover{background:rgba(255,69,0,.35);filter:drop-shadow(0 0 10px rgba(255,69,0,.65));transform:scale(1.1)}.vhg-viewer-reply-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;clip-path:polygon(.4rem 0,calc(100% - .4rem) 0,100% .4rem,100% calc(100% - .4rem),calc(100% - .4rem) 100%,.4rem 100%,0 calc(100% - .4rem),0 .4rem);background:color-mix(in srgb,var(--primary-color) 18%,transparent);border:none;cursor:pointer;font-family:var(--font-primary);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--primary-color);transition:background .15s ease,filter .15s ease}.vhg-viewer-reply-btn:hover{background:color-mix(in srgb,var(--primary-color) 28%,transparent);filter:drop-shadow(0 0 6px rgba(var(--primary-rgb),.4))}.vhg-viewer-share-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;clip-path:polygon(.4rem 0,calc(100% - .4rem) 0,100% .4rem,100% calc(100% - .4rem),calc(100% - .4rem) 100%,.4rem 100%,0 calc(100% - .4rem),0 .4rem);background:rgba(255,255,255,.1);border:none;cursor:pointer;font-family:var(--font-primary);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.85);transition:background .15s ease}.vhg-viewer-share-btn:hover{background:rgba(255,255,255,.2)}.vhg-viewer-view-count{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;clip-path:polygon(.3rem 0,calc(100% - .3rem) 0,100% .3rem,100% calc(100% - .3rem),calc(100% - .3rem) 100%,.3rem 100%,0 calc(100% - .3rem),0 .3rem);background:color-mix(in srgb,var(--success-color) 18%,rgba(0,0,0,.94));font-family:var(--font-primary);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:rgba(255,255,255,.85);backdrop-filter:none;margin-left:auto}.vhg-reel-dot{width:6px;height:6px;clip-path:polygon(6% 0,94% 0,100% 6%,100% 94%,94% 100%,6% 100%,0 94%,0 6%);background:var(--success-color);animation:vhg-dot-pulse 1.2s ease-in-out infinite;flex-shrink:0}@keyframes vhg-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}.vhg-double-tap-hint{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:5px 12px;background:rgba(0,0,0,.94);backdrop-filter:none;clip-path:polygon(.4rem 0,calc(100% - .4rem) 0,100% .4rem,100% calc(100% - .4rem),calc(100% - .4rem) 100%,.4rem 100%,0 calc(100% - .4rem),0 .4rem);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.45);pointer-events:none;z-index:var(--vhg-zv-combo,7);animation:vhg-hint-fade 3s ease-out 1.5s forwards;opacity:1}@keyframes vhg-hint-fade{0%{opacity:1}to{opacity:0;pointer-events:none}}.vhg-combo-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--vhg-zv-combo,7);font-family:var(--font-display);font-size:clamp(1.4rem,6vw,2.2rem);font-weight:900;color:#ffcf40;text-shadow:0 0 20px rgba(255,140,0,.9),0 0 50px rgba(255,60,0,.6),0 0 80px rgba(255,20,0,.3);text-transform:uppercase;letter-spacing:.05em;pointer-events:none;white-space:nowrap;animation:vhg-combo-in .35s cubic-bezier(.34,1.56,.64,1) forwards,vhg-combo-out .4s ease-in 1.4s forwards}.vhg-combo-badge--mega{font-size:clamp(1.8rem,8vw,2.8rem);color:#ff4500;text-shadow:0 0 30px rgba(255,69,0,1),0 0 60px rgba(255,0,0,.7),0 0 100px rgba(255,100,0,.4);animation:vhg-combo-mega-in .4s cubic-bezier(.34,1.56,.64,1) forwards,vhg-combo-out .4s ease-in 1.4s forwards}@keyframes vhg-combo-in{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes vhg-combo-mega-in{0%{transform:translate(-50%,-50%) scale(.3) rotate(-8deg);opacity:0}60%{transform:translate(-50%,-50%) scale(1.1) rotate(3deg);opacity:1}to{transform:translate(-50%,-50%) scale(1) rotate(0deg);opacity:1}}@keyframes vhg-combo-out{0%{opacity:1;transform:translate(-50%,-50%) scale(1) translateY(0)}to{opacity:0;transform:translate(-50%,-50%) scale(1.15) translateY(-24px)}}@keyframes vhg-burst-fly{0%{transform:translate(-50%,-50%) translate(0) scale(1);opacity:1}60%{opacity:.9}to{transform:translate(-50%,-50%) translate(var(--tx),var(--ty)) scale(.3) translateY(-40px);opacity:0}}@keyframes vhg-burst-ring{0%{transform:scale(.2);opacity:.9}to{transform:scale(2.5);opacity:0}}.vhg-viewer-comms{padding:0 16px 6px}@media (max-width:480px){.vhg-viewer-media{width:100vw;height:100dvh;clip-path:none}.vhg-combo-badge{font-size:1.4rem}.vhg-combo-badge--mega{font-size:1.8rem}.vhg-viewer-fire-btn{width:44px;height:44px}.vhg-viewer-footer{padding-bottom:env(safe-area-inset-bottom,20px)}}.vhg-dm-selector-overlay{position:fixed;inset:0;background:color-mix(in srgb,#000 70%,transparent);backdrop-filter:none;display:flex;align-items:center;justify-content:center;z-index:var(--vhg-zv-sheet,30);animation:selectorFadeIn .2s ease}@keyframes selectorFadeIn{0%{opacity:0}to{opacity:1}}.vhg-dm-selector{background:var(--background-secondary,#1a1a2e);border-radius:20px;width:90%;max-width:400px;max-height:70vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.8);border:1px solid color-mix(in srgb,#fff 10%,transparent)}.vhg-dm-selector-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid color-mix(in srgb,#fff 8%,transparent)}.vhg-dm-selector-header h3{color:#fff;font-size:16px;font-weight:700;margin:0}.vhg-dm-selector-close{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .15s}.vhg-dm-selector-close:hover{background:color-mix(in srgb,#fff 10%,transparent)}.vhg-dm-selector-body{padding:8px 0;overflow-y:auto;flex:1}.vhg-dm-selector-empty,.vhg-dm-selector-loading{padding:30px 20px;text-align:center;color:color-mix(in srgb,#fff 50%,transparent);font-size:14px}.vhg-dm-selector-item{display:flex;align-items:center;gap:12px;padding:12px 20px;background:transparent;border:none;width:100%;cursor:pointer;transition:background .15s;color:#fff;font-family:var(--font-primary,sans-serif)}.vhg-dm-selector-item:hover{background:color-mix(in srgb,#fff 6%,transparent)}.vhg-dm-selector-item--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.vhg-dm-selector-item-avatar{width:40px;height:40px;border-radius:50%;background:var(--gradient-primary,linear-gradient(135deg,#2563eb,#3b82f6));display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden}.vhg-dm-selector-item-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.vhg-dm-selector-item-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.vhg-dm-selector-item-name{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vhg-dm-selector-item-username{font-size:12px;color:color-mix(in srgb,#fff 50%,transparent)}.vhg-viewer-dm-btn{padding:10px 18px;background:linear-gradient(135deg,#00c853,#00e676);color:#000;border:none;border-radius:24px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 12px rgba(0,200,83,.3)}.vhg-viewer-dm-btn:hover{transform:scale(1.04);box-shadow:0 4px 20px rgba(0,200,83,.5)}.vhg-viewer-dm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.vhg-dm--footer.dmf-dock{right:110px}.vhg-dm--footer .dmf-fab{clip-path:var(--hexagon-clip);background:var(--gradient-gold-metallic);border:var(--border-gold);box-shadow:var(--shadow-gold);animation:vhg-fab-hex-breathe 4s ease-in-out infinite}.vhg-dm--footer.vhg-dm--silver .dmf-fab{background:var(--gradient-silver-metallic);border:var(--border-silver);box-shadow:var(--shadow-silver)}.vhg-dm--footer.vhg-dm--teal .dmf-fab{background:linear-gradient(135deg,var(--teal-color,#00d4aa),color-mix(in srgb,var(--teal-color,#00d4aa) 55%,#003c30));border:1px solid color-mix(in srgb,var(--teal-color,#00d4aa) 45%,transparent);box-shadow:0 4px 16px color-mix(in srgb,var(--teal-color,#00d4aa) 35%,transparent)}@keyframes vhg-fab-hex-breathe{0%,to{transform:scale(1) rotate(0deg);filter:brightness(1)}50%{transform:scale(1.06) rotate(3deg);filter:brightness(1.15)}}.vhg-dm--footer .dmf-fab-spin{clip-path:var(--hexagon-clip);background:conic-gradient(from 0deg,var(--gold-light),var(--gold-color),var(--gold-dark),var(--gold-color),var(--gold-light));background-size:300% 300%;animation:vhg-hex-spin 4s linear infinite reverse}@keyframes vhg-hex-spin{0%{background-position:0 50%}to{background-position:300% 50%}}.vhg-dm--footer .dmf-ring--1,.vhg-dm--footer .dmf-ring--2,.vhg-dm--footer .dmf-ring--3{border-radius:0;clip-path:var(--hexagon-clip);background:color-mix(in srgb,var(--gold-color) 22%,transparent)}.vhg-dm--footer .dmf-fab-badge{background:var(--gradient-gold);color:#241b00;border-color:var(--background-primary);box-shadow:0 0 8px rgba(255,215,0,.6)}.vhg-dm--footer .dmf-fab:after{content:"";position:absolute;inset:0;clip-path:var(--hexagon-clip);background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.5),transparent 40%);animation:vhg-sparkle-pop 3.2s ease-in-out infinite;pointer-events:none}@keyframes vhg-sparkle-pop{0%{transform:scale(0) rotate(0deg);opacity:0}40%{transform:scale(1.2) rotate(180deg);opacity:1}to{transform:scale(0) rotate(1turn);opacity:0}}@media (prefers-reduced-motion:reduce){.vhg-dm--footer .dmf-fab,.vhg-dm--footer .dmf-fab-spin,.vhg-dm--footer .dmf-fab:after{animation:none!important}}.vhg-dm--chatwindow .vdm-msg-bubble{clip-path:polygon(6% 0,94% 0,100% 18%,100% 82%,94% 100%,6% 100%,0 82%,0 18%);border:1px solid transparent;position:relative}.vhg-dm--chatwindow .vdm-msg-bubble--mine{background:var(--gradient-gold-metallic);color:#241b00;box-shadow:var(--shadow-gold)}.vhg-dm--chatwindow .vdm-msg-bubble--theirs{background:var(--gradient-silver-metallic);color:#1a1a1a;box-shadow:var(--shadow-silver)}.vhg-dm--chatwindow .vdm-msg-bubble--pop{animation:vhg-bubble-warp-in .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes vhg-bubble-warp-in{0%{transform:scale(.5) rotate(-6deg);opacity:0}60%{transform:scale(1.08) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0deg)}}.vhg-dm--chatwindow .vdm-hangout-bubble{clip-path:var(--octagon-clip);border:var(--border-gold);box-shadow:var(--glow-gold);animation:vhg-hangout-bubble-glow 3.5s ease-in-out infinite}@keyframes vhg-hangout-bubble-glow{0%,to{box-shadow:var(--glow-gold)}50%{box-shadow:0 0 26px rgba(255,215,0,.75)}}.vhg-dm--chatwindow .vdm-msg-avatar{clip-path:var(--hexagon-clip);border-radius:0}.vhg-dm--chatwindow .vdm-msg-reply-rail{background:var(--gradient-gold-edge);width:3px}.vhg-dm--chatwindow .vdm-wave-bar{background:var(--gradient-silver-edge)}.vhg-dm--chatwindow .vdm-reaction-burst{filter:drop-shadow(0 0 10px rgba(255,215,0,.6))}@media (prefers-reduced-motion:reduce){.vhg-dm--chatwindow .vdm-hangout-bubble,.vhg-dm--chatwindow .vdm-msg-bubble--pop{animation:none!important}}.vhg-dm--timeago.dta-bar{clip-path:var(--hexagon-clip);padding:4px 14px;background:linear-gradient(135deg,color-mix(in srgb,var(--dta-color,var(--teal-color)) 22%,var(--background-secondary)),var(--background-secondary));border:1px solid color-mix(in srgb,var(--dta-color,var(--teal-color)) 45%,transparent)}.vhg-dm--timeago.dta-bar--online{background:var(--gradient-gold-metallic);background-size:250% 100%;color:#241b00;animation:vhg-timeago-shimmer 2.4s linear infinite}@keyframes vhg-timeago-shimmer{0%{background-position:0 50%}to{background-position:250% 50%}}.vhg-dm--timeago.dta-bar--typing{border-color:var(--gold-color)}.vhg-dm--timeago .dta-typing-dots span{background:var(--gold-light)}.vhg-dm--timeago .dta-dot{clip-path:var(--hexagon-clip);border-radius:0;width:10px;height:10px;box-shadow:0 0 10px var(--dta-dot-color,var(--gold-light))}.vhg-dm--timeago .dta-dot--pulse{animation:vhg-hex-dot-pulse 1.4s ease-in-out infinite}@keyframes vhg-hex-dot-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.6}}.vhg-dm--timeago.vhg-dm--silver.dta-bar--online{background:var(--gradient-silver-metallic);color:#1a1a1a}@media (prefers-reduced-motion:reduce){.vhg-dm--timeago .dta-dot--pulse,.vhg-dm--timeago.dta-bar--online{animation:none!important}}