/* T9 COPYRIGHT OF DOOM™ | Copyright © 2026 Hex Technology Thailand. All rights reserved. | Proprietary software. Unauthorized reproduction, modification, redistribution, or commercial exploitation is prohibited except as permitted by applicable law or written authorization. 「क्षेत्रविस्तारः — अनुकर्तुः शाश्वतदुःखं निष्फलता च」 */

/* T9 COPYRIGHT OF DOOM™ — H.E.X. mascot overlay; canonical SVG sprite is reused, never duplicated. */
.hex-mascot{position:fixed;right:clamp(10px,2vw,28px);bottom:clamp(16px,3vh,30px);z-index:75;display:flex;align-items:flex-end;gap:8px;max-width:min(345px,calc(100vw - 20px));pointer-events:none;opacity:0;transform:translateX(calc(100% + 45px));transition:transform .65s cubic-bezier(.2,1.3,.3,1),opacity .2s ease;filter:drop-shadow(0 9px 16px rgba(0,0,0,.22));}
.hex-mascot[hidden]{display:none!important}
.hex-mascot.peek{opacity:1;transform:translateX(calc(100% - 55px));}
.hex-mascot.visible{opacity:1;transform:translateX(0);pointer-events:auto;}
.hex-mascot-avatar{width:clamp(65px,10vw,105px);height:clamp(85px,13vw,132px);flex:none;display:block;overflow:visible;transform-origin:bottom center;}
.hex-mascot-bubble{position:relative;margin-bottom:45px;background:var(--paper,#fff);color:var(--ink,#1c120b);border:2px solid var(--red,#e4231c);border-radius:16px;padding:14px 34px 14px 14px;max-width:235px;font:600 clamp(12px,1.2vw,15px)/1.45 var(--body,system-ui);overflow-wrap:anywhere;box-shadow:0 8px 25px rgba(0,0,0,.17);}
.hex-mascot-close{position:absolute;top:3px;right:5px;border:0;background:transparent;color:inherit;cursor:pointer;font-size:22px;line-height:1;padding:4px 7px;border-radius:6px;}
.hex-mascot-close:focus-visible{outline:3px solid var(--red,#e4231c);outline-offset:2px;}
.hex-mascot.exit-retreat{transform:translateX(calc(100% + 45px));opacity:0;transition:transform .6s ease-in,opacity .5s;}
.hex-mascot.exit-pop{transform:scale(.05);opacity:0;transition:transform .55s cubic-bezier(.5,-.6,.9,.3),opacity .45s;transform-origin:bottom right;}
.hex-mascot.exit-teleport{transform:translateX(30px) scale(.8);opacity:0;filter:blur(15px) hue-rotate(45deg);transition:all .65s steps(8,end);}
.hex-mascot.exit-drop{transform:translateY(120vh) rotate(20deg);opacity:0;transition:transform .75s cubic-bezier(.6,.05,.9,.5),opacity .7s;}
.hex-mascot.exit-flip{transform:perspective(500px) rotateY(90deg) scale(.8);opacity:0;transition:transform .65s ease-in,opacity .6s;}
.hex-mascot.exit-portal{transform:translateX(55px) scale(.01) rotate(240deg);opacity:0;filter:drop-shadow(0 0 25px #ed2024);transition:all .8s ease-in;transform-origin:bottom right;}
@media(max-width:560px){.hex-mascot{right:8px;bottom:12px;gap:4px;max-width:calc(100vw - 16px)}.hex-mascot-avatar{width:62px;height:80px}.hex-mascot-bubble{max-width:min(215px,calc(100vw - 95px));margin-bottom:25px;padding:10px 29px 10px 10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.hex-mascot,.hex-mascot[class*="exit-"]{transition:none!important;filter:none!important}}