.sixcode-mascot{--purple:#9b5cff;--purple-soft:#d9b9ff;--glow:#8b35ff;--mascot-scale:.82;z-index:40;pointer-events:none;-webkit-user-select:none;user-select:none;perspective:700px;transform-origin:100% 0;will-change:transform;visibility:hidden;width:120px;height:190px;transition:transform .18s ease-out;position:fixed;top:0;right:clamp(6px,1vw,16px)}.sixcode-mascot[data-state]{visibility:visible}.mascot-drop,.mascot-sway{position:absolute;inset:0}.mascot-sway{transform-origin:60px -100px}.mascot-robot{transform-style:preserve-3d;animation:3s ease-in-out infinite mascot-float;position:absolute;inset:0}.mascot-aura{background:radial-gradient(closest-side,#8b35ff57,#8b35ff1a 60%,#0000 100%);border-radius:50%;width:148px;height:160px;animation:3s ease-in-out infinite mascot-aura;position:absolute;top:8px;left:-14px}.mascot-shadow{filter:blur(6px);background:#8b35ff4d;border-radius:50%;width:76px;height:12px;animation:3s ease-in-out infinite mascot-shadow;position:absolute;bottom:2px;left:22px}.robot-head,.robot-body,.robot-neck,.robot-shoulder,.robot-upperarm,.robot-forearm,.robot-hand,.robot-thigh,.robot-shin,.robot-foot{background:linear-gradient(145deg,#4d4959 0%,#1d1b25 36%,#0a090e 72%,#1b1726 100%);border:1px solid #ffffff1f;position:absolute;box-shadow:inset 3px 3px 7px #ffffff24,inset -4px -5px 8px #000000b3,inset -1px 0 #9b5cff73,0 6px 14px #0000004d}.robot-antenna{background:linear-gradient(#5a5568,#1d1b25);border-radius:3px;width:3px;height:14px;position:absolute;top:0;left:58px}.robot-antenna:after{content:"";width:7px;height:7px;box-shadow:0 0 6px #fff, 0 0 14px var(--glow);background:#e8d6ff;border-radius:50%;animation:1.6s ease-in-out infinite mascot-pulse;position:absolute;top:-5px;left:-2px}.robot-head{z-index:3;width:88px;height:70px;transform:rotateY(calc(var(--lx,0) * 12deg)) rotateX(calc(var(--ly,0) * -6deg));border-radius:46% 46% 42% 42%/54% 54% 46% 46%;transition:transform .16s ease-out;top:10px;left:16px}.robot-head:before{content:"";filter:blur(.4px);background:linear-gradient(120deg,#ffffff8c,#ffffff0a 70%);border-radius:50%;width:38px;height:14px;position:absolute;top:4px;left:9px;transform:rotate(-14deg)}.robot-ear{background:linear-gradient(#2a2633,#121018);border:1px solid #9b5cff8c;border-radius:6px;width:8px;height:22px;position:absolute;top:25px;box-shadow:0 0 8px #8b35ff73}.robot-ear.left{left:-6px}.robot-ear.right{right:-6px}.robot-visor{background:radial-gradient(at 50% 20%,#15111f,#030206 70%);border:1px solid #9b5cff66;border-radius:16px;height:32px;position:absolute;top:21px;left:9px;right:9px;box-shadow:inset 0 3px 8px #000000e6,inset 0 -2px 6px #8b35ff38,0 0 10px #8b35ff40}.robot-eyes{transform:translate(calc(var(--lx,0) * 4px), calc(var(--ly,0) * 2.5px));justify-content:space-between;transition:transform .14s ease-out;display:flex;position:absolute;top:8px;left:11px;right:11px}.robot-eyes span{background:radial-gradient(circle at 50% 40%,#fff 0 30%,#e0c9ff 60%,#b98cff 100%);border-radius:50%;width:16px;height:10px;animation:5s infinite mascot-blink;display:block;box-shadow:0 0 4px #fff,0 0 10px #a95cff,0 0 20px #762cff}.robot-smile{border-bottom:2px solid var(--purple-soft);width:14px;height:6px;filter:drop-shadow(0 0 4px var(--glow));opacity:.9;border-radius:0 0 14px 14px;margin-left:-7px;position:absolute;bottom:4px;left:50%}.robot-neck{z-index:2;border-bottom:3px solid var(--purple);border-radius:5px;width:26px;height:14px;top:76px;left:47px;box-shadow:0 5px 10px #8b35ff66}.robot-body{z-index:2;background:repeating-linear-gradient(45deg,#ffffff0b 0 2px,#0000 2px 4px),linear-gradient(145deg,#4d4959 0%,#1d1b25 36%,#0a090e 72%,#1b1726 100%);border-radius:26px 26px 19px 19px;width:74px;height:58px;top:85px;left:23px}.robot-chest{color:#fff;text-shadow:0 0 6px #fff;width:22px;height:22px;box-shadow:0 0 10px var(--glow), 0 0 22px #8b35ff99, inset 0 -3px 5px #1e005080;background:radial-gradient(circle at 50% 40%,#b98cff,#6a22e6 70%,#3b0f8c);border:1px solid #e9d6ffb3;border-radius:50%;place-items:center;margin-left:-11px;font:700 11px/1 sans-serif;animation:1.8s ease-in-out infinite mascot-pulse;display:grid;position:absolute;top:12px;left:50%}.robot-belt{background:linear-gradient(90deg, transparent, var(--purple), transparent);height:3px;box-shadow:0 0 8px var(--glow);border-radius:3px;position:absolute;bottom:9px;left:10px;right:10px}.robot-arm{transform-origin:12px 11px;z-index:1;width:24px;height:66px;position:absolute;top:90px}.robot-arm.left{animation:1.1s ease-in-out infinite mascot-arm-left;left:6px}.robot-arm.right{animation:1.1s ease-in-out infinite mascot-arm-right;right:6px}.robot-shoulder{z-index:2;background:radial-gradient(circle at 32% 28%,#6a6578,#1d1b25 55%,#08070c);border-radius:50%;width:24px;height:24px;top:0;left:0}.robot-upperarm{border-radius:9px;width:16px;height:22px;top:16px;left:4px}.robot-elbow{transform-origin:8px 3px;width:16px;height:32px;position:absolute;top:34px;left:4px}.robot-arm.left .robot-elbow{animation:1.1s ease-in-out infinite mascot-elbow-left}.robot-arm.right .robot-elbow{animation:1.1s ease-in-out infinite mascot-elbow-right}.robot-forearm{border-radius:8px;width:14px;height:20px;top:0;left:1px}.robot-hand{border-bottom:2px solid var(--purple);border-radius:9px 9px 12px 12px;width:18px;height:14px;top:17px;left:-1px;box-shadow:inset 3px 3px 6px #ffffff1f,inset -3px -4px 6px #000000b3,0 3px 8px #8b35ff73}.robot-leg{z-index:1;transform-origin:11px 3px;width:22px;height:52px;position:absolute;top:136px}.robot-leg.left{animation:.55s ease-in-out infinite alternate mascot-leg-left;left:35px}.robot-leg.right{animation:.55s ease-in-out infinite alternate mascot-leg-right;right:35px}.robot-thigh{border-radius:8px 8px 9px 9px;width:18px;height:22px;top:0;left:2px}.robot-knee{transform-origin:11px 3px;width:22px;height:33px;position:absolute;top:19px;left:0}.robot-leg.left .robot-knee{animation:.55s ease-in-out infinite alternate mascot-knee-left}.robot-leg.right .robot-knee{animation:.55s ease-in-out infinite alternate mascot-knee-right}.robot-shin{border-radius:7px 7px 9px 9px;width:16px;height:20px;top:0;left:3px}.robot-foot{border-bottom:2px solid var(--purple);border-radius:10px 10px 5px 5px;width:30px;height:11px;top:18px;left:-3px;box-shadow:inset 3px 3px 6px #ffffff1a,inset -3px -3px 6px #000000b3,0 3px 8px #8b35ff80}.robot-jet{z-index:0;background:linear-gradient(90deg,#2a2633,#0d0c12 60%,#1b1726);border:1px solid #9b5cff80;border-radius:7px;width:13px;height:34px;position:absolute;top:92px;box-shadow:0 0 8px #8b35ff66}.robot-jet.left{left:14px}.robot-jet.right{right:14px}.robot-jet i{width:12px;height:0;box-shadow:0 0 12px var(--glow);opacity:0;transform-origin:top;background:linear-gradient(#fff,#d9b9ff 30%,#8b35ff 70%,#0000);border-radius:0 0 50% 50%;margin-left:-6px;transition:height .14s ease-out,opacity .14s ease-out;position:absolute;top:100%;left:50%}.sixcode-mascot.is-flying .robot-jet i{opacity:.95;height:46px;animation:.14s ease-in-out infinite alternate mascot-flame}.sixcode-mascot.is-flying .robot-leg,.sixcode-mascot.is-flying .robot-knee{animation:none;transform:rotate(0)}.sixcode-mascot.is-flying .robot-arm.left{animation:none;transform:rotate(28deg)}.sixcode-mascot.is-flying .robot-arm.right{animation:none;transform:rotate(-28deg)}@keyframes mascot-flame{0%{transform:scaleY(.82)scaleX(.9)}to{transform:scaleY(1.12)scaleX(1.05)}}.mascot-climb-rope{opacity:0;z-index:0;background:repeating-linear-gradient(#e6d5ff 0 5px,#8b5fd6 5px 9px);border-radius:2px;width:3px;height:calc(100vh + 100px);transition:opacity .16s ease-out;position:absolute;top:calc(-100vh - 40px);left:59px;box-shadow:0 0 8px #8b35ff99}.sixcode-mascot.is-climbing .mascot-climb-rope{opacity:1}.sixcode-mascot.is-climbing .robot-arm{z-index:4}.sixcode-mascot.is-climbing .robot-arm.left{animation:.5s ease-in-out infinite alternate mascot-climb-arm-left}.sixcode-mascot.is-climbing .robot-arm.right{animation:.5s ease-in-out infinite alternate mascot-climb-arm-right}.sixcode-mascot.is-climbing .robot-elbow{animation:none;transform:rotate(-12deg)}.sixcode-mascot.is-climbing .robot-arm.right .robot-elbow{transform:rotate(12deg)}.sixcode-mascot.is-climbing .robot-leg.left{animation:.5s ease-in-out infinite alternate mascot-climb-leg-left}.sixcode-mascot.is-climbing .robot-leg.right{animation:.5s ease-in-out infinite alternate mascot-climb-leg-right}.sixcode-mascot.is-climbing .robot-knee{animation:none;transform:rotate(48deg)}@keyframes mascot-climb-arm-left{0%{transform:rotate(-128deg)}to{transform:rotate(-158deg)}}@keyframes mascot-climb-arm-right{0%{transform:rotate(158deg)}to{transform:rotate(128deg)}}@keyframes mascot-climb-leg-left{0%{transform:rotate(-4deg)}to{transform:rotate(26deg)}}@keyframes mascot-climb-leg-right{0%{transform:rotate(26deg)}to{transform:rotate(-4deg)}}.sixcode-mascot:not(.is-walking):not([data-state=enter]) .robot-arm,.sixcode-mascot:not(.is-walking):not([data-state=enter]) .robot-elbow,.sixcode-mascot:not(.is-walking):not([data-state=enter]) .robot-leg,.sixcode-mascot:not(.is-walking):not([data-state=enter]) .robot-knee{animation-play-state:paused}.sixcode-mascot.is-walking .mascot-robot,.sixcode-mascot.is-flying .mascot-robot,.sixcode-mascot.is-climbing .mascot-robot{animation-duration:.75s}.mascot-balloon,.mascot-rope,.mascot-confetti{display:none;position:absolute}.sixcode-mascot[data-state=enter] .mascot-balloon,.sixcode-mascot[data-state=enter] .mascot-rope,.sixcode-mascot[data-state=land] .mascot-balloon,.sixcode-mascot[data-state=land] .mascot-rope,.sixcode-mascot[data-state=land] .mascot-confetti{display:block}.mascot-balloon{z-index:4;background:radial-gradient(circle at 36% 30%,#c9a2ff 0%,#8b35ff 46%,#3b0f8c 100%);border-radius:50% 50% 48% 48%/56% 56% 44% 44%;width:76px;height:94px;top:-116px;left:22px;box-shadow:inset -9px -12px 18px #1e005099,inset 5px 6px 12px #ffffff38,0 0 28px #8b35ff99}.balloon-shine{filter:blur(.6px);background:linear-gradient(160deg,#ffffffd9,#fff0);border-radius:50%;width:15px;height:26px;position:absolute;top:12px;left:15px;transform:rotate(18deg)}.balloon-knot{clip-path:polygon(50% 0,100% 100%,0 100%);background:#5a1fc4;width:11px;height:9px;margin-left:-5px;position:absolute;bottom:-7px;left:50%}.mascot-rope{transform-origin:50% 0;z-index:0;background:linear-gradient(#e6d5ff,#d9b9ff80);width:1.5px;height:180px;top:-22px;left:60px}.mascot-rope.left{transform:rotate(13.6deg)}.mascot-rope.right{transform:rotate(-13.6deg)}.mascot-confetti{width:0;height:0;top:30px;left:60px}.mascot-confetti span{width:6px;height:6px;box-shadow:0 0 8px var(--glow);opacity:0;background:#d9b9ff;border-radius:50%;position:absolute;top:-3px;left:-3px}.mascot-confetti span:nth-child(2n){background:#fff;border-radius:2px;width:4px;height:9px}.sixcode-mascot[data-state=land] .mascot-confetti span{animation:mascot-spark 1.1s cubic-bezier(.2, .7, .3, 1) var(--d) forwards}.sixcode-mascot[data-state=wait]{opacity:0;visibility:hidden}.sixcode-mascot[data-state=enter] .mascot-drop{animation:2.5s cubic-bezier(.22,.7,.25,1) both mascot-drop}.sixcode-mascot[data-state=enter] .mascot-sway,.sixcode-mascot[data-state=land] .mascot-sway{animation:1.7s ease-in-out infinite mascot-sway}.sixcode-mascot[data-state=land] .mascot-balloon,.sixcode-mascot[data-state=land] .mascot-rope{animation:1.8s cubic-bezier(.4,0,.9,.6) forwards mascot-balloon-away}.sixcode-mascot[data-state=land] .robot-arm.right{animation:1.3s ease-in-out 2 mascot-wave}.sixcode-mascot[data-state=land] .robot-arm.right .robot-elbow{animation:.65s ease-in-out 4 mascot-wave-elbow}@keyframes mascot-drop{0%{transform:translate3d(0, var(--drop-from,-400px), 0)}to{transform:translate(0,0)}}@keyframes mascot-sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes mascot-balloon-away{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-70vh)}}@keyframes mascot-spark{0%{opacity:1;transform:translate(0)scale(.4)}to{transform:translate(var(--dx), var(--dy)) scale(1) rotate(160deg);opacity:0}}@keyframes mascot-wave{0%,to{transform:rotate(18deg)}25%,75%{transform:rotate(-150deg)}50%{transform:rotate(-125deg)}}@keyframes mascot-wave-elbow{0%,to{transform:rotate(0)}50%{transform:rotate(-30deg)}}@keyframes mascot-float{0%,to{transform:translateY(0)rotateY(-5deg)}50%{transform:translateY(-6px)rotateY(5deg)}}@keyframes mascot-aura{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes mascot-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.35)}}@keyframes mascot-arm-left{0%,to{transform:rotate(20deg)}50%{transform:rotate(-24deg)}}@keyframes mascot-arm-right{0%,to{transform:rotate(-20deg)}50%{transform:rotate(24deg)}}@keyframes mascot-elbow-left{0%,to{transform:rotate(-6deg)}50%{transform:rotate(-34deg)}}@keyframes mascot-elbow-right{0%,to{transform:rotate(-34deg)}50%{transform:rotate(-6deg)}}@keyframes mascot-leg-left{0%{transform:rotate(-14deg)}to{transform:rotate(14deg)}}@keyframes mascot-leg-right{0%{transform:rotate(14deg)}to{transform:rotate(-14deg)}}@keyframes mascot-knee-left{0%{transform:rotate(2deg)}to{transform:rotate(26deg)}}@keyframes mascot-knee-right{0%{transform:rotate(26deg)}to{transform:rotate(2deg)}}@keyframes mascot-blink{0%,44%,48%,to{transform:scaleY(1)}46%{transform:scaleY(.12)}}@keyframes mascot-shadow{0%,to{opacity:.8;transform:scaleX(1)}50%{opacity:.45;transform:scaleX(.8)}}@media (max-width:600px){.sixcode-mascot{--mascot-scale:.52;opacity:.95;right:4px}}@media (prefers-reduced-motion:reduce){.mascot-robot,.mascot-shadow,.mascot-aura,.robot-arm,.robot-elbow,.robot-leg,.robot-knee,.robot-eyes span,.robot-chest,.robot-jet i,.robot-antenna:after{animation:none!important}.mascot-climb-rope{display:none}.sixcode-mascot,.robot-head,.robot-eyes{transition:none}}.mascot-bubble{color:#f1e9ff;width:max-content;max-width:210px;font:500 13px/1.35 var(--font-dm-sans), system-ui, sans-serif;text-align:left;transform-origin:100% 0;transform:translateX(8px) scale(calc(.94 / var(--mascot-scale,1)));opacity:0;z-index:5;background:#0e0c16f0;border:1px solid #9b5cff80;border-radius:14px 14px 4px;padding:10px 14px;transition:opacity .22s ease-out,transform .26s cubic-bezier(.2,.8,.3,1);position:absolute;top:2px;right:104px;box-shadow:0 8px 28px #00000073,0 0 18px #8b35ff47}.mascot-bubble.show{opacity:1;transform:translateX(0) scale(calc(1 / var(--mascot-scale,1)))}.mascot-bubble:after{content:"";background:#0e0c16f0;border-bottom:1px solid #9b5cff80;border-right:1px solid #9b5cff80;border-radius:0 0 3px;width:12px;height:12px;position:absolute;bottom:8px;right:-7px;transform:rotate(-45deg)}@media (max-width:600px){.mascot-bubble{max-width:180px;font-size:12px;right:96px}}