.nyx-host{position:relative}
.nyx-deco{position:absolute;left:0;right:0;top:0;height:0;z-index:30;overflow-x:clip;overflow-y:visible;pointer-events:none}
.nyx-deco--float{right:auto;z-index:40}
.nyx-deco{transition:opacity .2s ease,visibility .2s ease}
html:has(.glx-drop-open) .nyx-deco,html.glx-sheet-lock .nyx-deco,body.pbg-menu-active .nyx-deco{opacity:0;visibility:hidden}
.nyx-deco img{position:absolute;display:block;height:auto;pointer-events:none;user-select:none;-webkit-user-drag:none}
.nyx-motnya{position:absolute;top:calc(var(--nyx-hdr,64px) - 24px);left:0;right:auto;z-index:1;display:block;width:200%;height:115px;transform:scale(.5);transform-origin:0 0;overflow:hidden;background:url(img/garland/strip.webp) repeat-x 0 0;filter:drop-shadow(0 8px 10px rgba(0,0,0,.4));pointer-events:none}
.nyx-motnya__seg{position:absolute;top:0;display:block;width:373px;height:115px}
.nyx-ball{position:absolute;display:block;pointer-events:none}
.nyx-ball[data-nyx-note]{pointer-events:auto;cursor:pointer}
.nyx-ball__i{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:0 0;transform-origin:50% 0;transition:transform .3s ease-in-out;pointer-events:none}
.nyx-ball--n1{top:0;left:3px;width:59px;height:83px}
.nyx-ball--n2{top:-19px;left:51px;width:55px;height:70px}
.nyx-ball--n3{top:9px;left:88px;width:49px;height:67px}
.nyx-ball--n4{top:0;left:133px;width:57px;height:102px}
.nyx-ball--n5{top:0;left:166px;width:49px;height:57px}
.nyx-ball--n6{top:6px;left:200px;width:54px;height:70px}
.nyx-ball--n7{top:0;left:240px;width:56px;height:67px}
.nyx-ball--n8{top:0;left:283px;width:54px;height:53px}
.nyx-ball--n9{top:10px;left:321px;width:49px;height:66px}
.nyx-ball--i1{top:0;left:0;width:25px;height:71px}
.nyx-ball--i2{top:0;left:25px;width:61px;height:27px}
.nyx-ball--i3{top:0;left:176px;width:29px;height:31px}
.nyx-ball--i4{top:0;left:205px;width:50px;height:51px}
.nyx-ball--i5{top:0;left:289px;width:78px;height:28px}
.nyx-ball--i6{top:0;left:367px;width:6px;height:69px}
.nyx-ball--n1 .nyx-ball__i{background-image:url(img/garland/n1.webp)}
.nyx-ball--n2 .nyx-ball__i{background-image:url(img/garland/n2.webp)}
.nyx-ball--n3 .nyx-ball__i{background-image:url(img/garland/n3.webp)}
.nyx-ball--n4 .nyx-ball__i{background-image:url(img/garland/n4.webp)}
.nyx-ball--n5 .nyx-ball__i{background-image:url(img/garland/n5.webp)}
.nyx-ball--n6 .nyx-ball__i{background-image:url(img/garland/n6.webp)}
.nyx-ball--n7 .nyx-ball__i{background-image:url(img/garland/n7.webp)}
.nyx-ball--n8 .nyx-ball__i{background-image:url(img/garland/n8.webp)}
.nyx-ball--n9 .nyx-ball__i{background-image:url(img/garland/n9.webp)}
.nyx-ball--i1 .nyx-ball__i{background-image:url(img/garland/i1.webp)}
.nyx-ball--i2 .nyx-ball__i{background-image:url(img/garland/i2.webp)}
.nyx-ball--i3 .nyx-ball__i{background-image:url(img/garland/i3.webp)}
.nyx-ball--i4 .nyx-ball__i{background-image:url(img/garland/i4.webp)}
.nyx-ball--i5 .nyx-ball__i{background-image:url(img/garland/i5.webp)}
.nyx-ball--i6 .nyx-ball__i{background-image:url(img/garland/i6.webp)}
.nyx-bar-host{isolation:isolate}
.nyx-deco.nyx-deco--bar{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;height:auto;overflow:hidden;border-radius:inherit}
.nyx-deco--bar .nyx-motnya{top:-14px;width:250%;transform:scale(.4);filter:drop-shadow(0 4px 6px rgba(0,0,0,.35))}
.nyx-deco.nyx-deco--top .nyx-motnya{top:-8px;right:auto;width:166.7%;transform:scale(.6);transform-origin:0 0}
.nyx-deco__branch{z-index:2;top:calc(var(--nyx-hdr,64px) - 26px + var(--nyx-drop,16px));width:136px;scale:var(--nyx-scale,1);transform:rotate(var(--nyx-tilt,0deg));filter:drop-shadow(0 8px 14px rgba(0,0,0,.5)) drop-shadow(0 0 8px rgba(255,210,122,.25));animation:nyx-branch 7s ease-in-out infinite}
.nyx-deco__branch--l{left:var(--nyx-shift,0px);transform-origin:0 0}
.nyx-deco__branch--r{right:var(--nyx-shift,0px);transform-origin:100% 0;animation-name:nyx-branch-r}
.nyx-deco.nyx-deco--top .nyx-deco__branch{top:calc(-10px + var(--nyx-drop,16px) / 4);width:92px}
.nyx-deco.nyx-deco--top .nyx-deco__branch--l{left:calc(var(--nyx-shift,0px) - 12px)}
.nyx-deco.nyx-deco--top .nyx-deco__branch--r{right:calc(var(--nyx-shift,0px) - 12px)}
@keyframes nyx-branch{0%,100%{rotate:0deg}50%{rotate:1.2deg}}
@keyframes nyx-branch-r{0%,100%{rotate:0deg}50%{rotate:-1.2deg}}
@media(max-width:1199.98px){
.nyx-motnya{top:calc(var(--nyx-hdr,56px) - 14px);width:238%;transform:scale(.42)}
.nyx-deco--bar .nyx-motnya{top:-12px;width:294%;transform:scale(.34)}
.nyx-deco__branch{top:calc(var(--nyx-hdr,56px) - 14px + var(--nyx-drop,16px) / 2);width:76px}
}
.nyx-boom{position:fixed;z-index:9991;width:0;height:0;pointer-events:none}
.nyx-boom::before{content:"";position:absolute;left:-46px;top:-46px;width:92px;height:92px;border:3px solid #ffd27a;border-radius:50%;box-shadow:0 0 22px rgba(255,210,122,.8);animation:nyx-ring .65s ease-out forwards}
.nyx-boom::after{content:"";position:absolute;left:-60px;top:-60px;width:120px;height:120px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(255,220,150,.4) 45%,rgba(255,220,150,0));animation:nyx-flash .5s ease-out forwards}
.nyx-boom i{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c);animation:nyx-part .9s cubic-bezier(.2,.7,.3,1) forwards}
.nyx-boom__gift{position:absolute;left:-15px;top:-15px;font-size:28px;line-height:1;opacity:0;animation:nyx-gift 1.7s cubic-bezier(.3,.6,.4,1) forwards}
@keyframes nyx-ring{from{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1.7)}}
@keyframes nyx-flash{from{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.4)}}
@keyframes nyx-part{from{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate(var(--x),var(--y)) scale(.3)}}
@keyframes nyx-gift{0%{opacity:0;transform:translate(0,0) scale(.4) rotate(0)}15%{opacity:1;transform:translate(calc(var(--gx) * .3),-40px) scale(1.2) rotate(calc(var(--gr) * .2))}100%{opacity:0;transform:translate(var(--gx),170px) scale(1) rotate(var(--gr))}}
.nyx-gnome{position:fixed;left:auto;right:calc(var(--pbchat-dock-cur,0px) + 18px);bottom:16px;z-index:9980;transition:right .3s ease}
.nyx-gnome__btn{position:relative;display:block;width:104px;margin:0;padding:0;border:0;background:none;cursor:pointer;transform-origin:50% 100%;animation:nyx-gn-bob 3.4s ease-in-out infinite}
.nyx-gnome__img{position:relative;z-index:1;display:block;width:100%;height:auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45)) drop-shadow(0 0 12px rgba(255,190,90,.35));transition:filter .25s ease}
.nyx-gnome__btn:hover .nyx-gnome__img{filter:drop-shadow(0 6px 10px rgba(0,0,0,.45)) drop-shadow(0 0 22px rgba(255,210,122,.85))}
.nyx-gnome__glow{position:absolute;left:8%;top:44%;z-index:0;width:40%;height:40%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,200,100,.55),rgba(255,200,100,0));animation:nyx-lantern 2.2s ease-in-out infinite}
.nyx-gnome__shadow{position:absolute;left:14%;right:14%;bottom:-4px;height:10px;border-radius:50%;background:rgba(0,0,0,.45);filter:blur(4px);animation:nyx-gn-shadow 3.4s ease-in-out infinite}
.nyx-gnome__btn.is-jump{animation:nyx-gn-jump .85s cubic-bezier(.3,.7,.4,1)}
.nyx-gnome__btn.is-jump~.nyx-gnome__mute{opacity:0}
.nyx-gnome__mute{position:absolute;left:-6px;right:auto;top:-2px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin:0;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(10,20,44,.88);color:#ffd27a;font-size:14px;cursor:pointer;opacity:0;transition:opacity .2s ease}
.nyx-gnome:hover .nyx-gnome__mute,.nyx-gnome__mute.is-off{opacity:1}
.nyx-gnome__mute.is-off{color:#9294a3}
@keyframes nyx-gn-bob{0%,100%{transform:translateY(0) rotate(-2.5deg)}50%{transform:translateY(-5px) rotate(2.5deg)}}
@keyframes nyx-gn-shadow{0%,100%{transform:scaleX(1);opacity:.5}50%{transform:scaleX(.85);opacity:.32}}
@keyframes nyx-gn-jump{0%{transform:translateY(0) scale(1,1)}12%{transform:translateY(0) scale(1.14,.84)}38%{transform:translateY(-56px) scale(.94,1.08) rotate(-7deg)}55%{transform:translateY(-62px) scale(1,1) rotate(5deg)}78%{transform:translateY(0) scale(1.12,.86)}88%{transform:translateY(-8px) scale(.98,1.03)}100%{transform:translateY(0) scale(1,1)}}
@keyframes nyx-lantern{0%,100%{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}
.nyx-santa{position:fixed;left:0;z-index:9990;width:190px;margin:0;padding:0;border:0;background:none;cursor:pointer;will-change:transform;backface-visibility:hidden;animation:nyx-santa-ltr var(--nyx-dur,14s) linear forwards}
.nyx-santa.is-rtl{animation-name:nyx-santa-rtl}
.nyx-santa__img{position:relative;z-index:2;display:block;width:100%;height:auto;will-change:transform;animation:nyx-santa-bob 2.6s ease-in-out infinite;filter:drop-shadow(0 8px 10px rgba(0,0,0,.45))}
.nyx-santa:hover .nyx-santa__img{filter:drop-shadow(0 0 12px rgba(255,220,140,.9))}
.nyx-santa__glow{position:absolute;inset:12% 16%;z-index:1;border-radius:50%;background:radial-gradient(closest-side,rgba(255,200,110,.4),rgba(255,200,110,0));animation:nyx-lantern 1.9s ease-in-out infinite}
.nyx-santa__trail{display:none}
@keyframes nyx-santa-ltr{0%{transform:translate3d(-220px,0,0)}100%{transform:translate3d(calc(100vw + 40px),0,0)}}
@keyframes nyx-santa-rtl{0%{transform:translate3d(calc(100vw + 40px),0,0) scaleX(-1)}100%{transform:translate3d(-220px,0,0) scaleX(-1)}}
@keyframes nyx-santa-bob{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-26px) rotate(2deg)}}
@keyframes nyx-trail{from{background-position:0 0,0 0}to{background-position:20px 0,0 0}}
.nyx-toast{position:fixed;left:auto;right:calc(var(--pbchat-dock-cur,0px) + 18px);bottom:150px;z-index:9995;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;width:320px;max-width:calc(100vw - 36px);padding:12px 14px 14px;overflow:hidden;border:1px solid rgba(255,210,122,.35);border-radius:16px;background:linear-gradient(135deg,#13254d 0%,#0c1834 60%,#091127 100%);color:#eef5ff;box-shadow:0 18px 40px -12px rgba(0,0,0,.75),0 0 24px -8px rgba(143,211,255,.45);cursor:pointer;animation:nyx-toast-in .35s cubic-bezier(.22,1,.36,1)}
.nyx-toast.is-out{animation:nyx-toast-out .25s ease forwards}
.nyx-toast__icon{grid-row:span 2;font-size:28px;line-height:1}
.nyx-toast__body{display:flex;flex-direction:column;gap:2px;min-width:0}
.nyx-toast__title{color:#ffd27a;font-size:13px;font-weight:800}
.nyx-toast__text{font-size:13px;line-height:1.4}
.nyx-toast__code:empty,.nyx-toast__actions:empty{display:none}
.nyx-toast__code{grid-column:1/-1;margin-top:6px;padding:8px 10px;border:1px dashed rgba(255,210,122,.6);border-radius:10px;background:rgba(255,210,122,.08);color:#ffe2a3;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:16px;font-weight:800;letter-spacing:.12em;text-align:center}
.nyx-toast__actions{grid-column:1/-1;display:flex;gap:6px;margin-top:6px}
.nyx-toast__btn{display:inline-flex;flex:1 1 0;align-items:center;justify-content:center;gap:6px;height:34px;margin:0;padding:0 10px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.06);color:#eef5ff;font-size:12.5px;font-weight:700;cursor:pointer}
.nyx-toast__btn--main{border-color:transparent;background:linear-gradient(135deg,#ff4d5e,#ffb347);color:#fff}
.nyx-toast__bar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,#ff4d5e,#ffd27a,#8fd3ff);transform-origin:0 50%;animation:nyx-toast-bar var(--nyx-life,5000ms) linear forwards}
.nyx-toast.is-win{border-color:rgba(255,210,122,.7);box-shadow:0 18px 40px -12px rgba(0,0,0,.75),0 0 34px -6px rgba(255,210,122,.75)}
@keyframes nyx-toast-in{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
@keyframes nyx-toast-out{to{opacity:0;transform:translateY(10px)}}
@keyframes nyx-toast-bar{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(max-width:1199.98px){
.nyx-gnome{bottom:92px;right:10px}
.nyx-gnome__btn{width:78px}
.nyx-toast{right:12px;bottom:190px}
.nyx-santa{width:120px}
}
@media(prefers-reduced-motion:reduce){
.nyx-deco__garland,.nyx-deco__branch,.nyx-gnome__btn,.nyx-gnome__shadow,.nyx-gnome__glow{animation:none}
}
.nyx-flake{position:fixed;z-index:9989;display:block;margin:-.5em 0 0 -.5em;color:#fff;font-size:var(--s,11px);font-style:normal;line-height:1;pointer-events:none;text-shadow:0 0 6px rgba(190,230,255,.95);animation:nyx-flake-fall var(--d,1.8s) cubic-bezier(.2,.6,.4,1) forwards;will-change:transform,opacity}
.nyx-flake.is-gold{color:#ffe3a0;text-shadow:0 0 6px rgba(255,210,122,.95)}
@keyframes nyx-flake-fall{0%{opacity:.95;transform:translate(0,0) rotate(0) scale(.7)}12%{opacity:1;transform:translate(calc(var(--dx) * .1),calc(var(--dy) * .05)) rotate(calc(var(--r) * .1)) scale(1)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--r)) scale(.5)}}
