@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800;900&display=swap";
:root{--hh-bg:#0b0b12;--hh-surface:#1c1c22;--hh-surface-2:#383842;--hh-line:#6a6a7c;--hh-orange:#fa7436;--hh-orange-deep:#f05b2f;--hh-orange-hot:#f70;--hh-orange-dark:#d8481f;--hh-orange-soft:#fa9a6a;--hh-orange-pale:#ffb98a;--hh-cream:#fff3ec;--hh-purple:#ad8bff;--hh-text:#fff;--hh-text-dim:#a5a5b6;--hh-text-mute:#838395;--hh-grad-hero:linear-gradient(-76deg, #ad8bff 2.8%, #f70 43.7%, #fff 63.5%);--hh-grad-rule:linear-gradient(90deg, #fa7436 0%, #fa7436 40%, #fff 55%, #ad8bff 100%);--hh-font:"Poppins", "Noto Sans Thai", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow-x:hidden}body{font-family:var(--hh-font);background:var(--hh-bg);color:var(--hh-text);-webkit-font-smoothing:antialiased}#root{width:100%;min-height:100vh}button{font-family:var(--hh-font);cursor:pointer}input,textarea,select{font-family:var(--hh-font)}body:has(.signage){overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#12121a}::-webkit-scrollbar-thumb{background:#1a1a28;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--hh-orange)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);color:#e5e7eb;white-space:pre-line;text-align:center;pointer-events:none;opacity:0;z-index:9999;letter-spacing:0;text-transform:none;max-width:220px;font-size:.75rem;font-weight:500;line-height:1.45;font-family:var(--hh-font);background:#1c1c2e;border:1px solid #ffffff1a;border-radius:7px;padding:6px 10px;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 6px 20px #00000080}[data-tooltip]:before{content:"";pointer-events:none;opacity:0;z-index:9999;border:5px solid #0000;border-top-color:#ffffff1a;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)translateY(4px)}[data-tooltip]:hover:after,[data-tooltip]:hover:before{opacity:1;transform:translate(-50%)translateY(0)}[data-tooltip-pos=bottom]:after{top:calc(100% + 8px);bottom:auto;transform:translate(-50%)translateY(-4px)}[data-tooltip-pos=bottom]:before{border-top-color:#0000;border-bottom-color:#ffffff1a;top:calc(100% + 2px);bottom:auto;transform:translate(-50%)translateY(-4px)}[data-tooltip-pos=bottom]:hover:after,[data-tooltip-pos=bottom]:hover:before{transform:translate(-50%)translateY(0)}