@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Sarabun:wght@300;400;600;700;800&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-300:#ffa3a3;--color-red-400:#ff6568;--color-red-950:#460809;--color-amber-400:#fcbb00;--color-amber-500:#f99c00;--color-emerald-200:#a4f4cf;--color-emerald-300:#5ee9b5;--color-emerald-950:#002c22;--color-sky-300:#77d4ff;--color-sky-950:#052f4a;--color-neutral-100:#f5f5f5;--color-neutral-200:#e5e5e5;--color-neutral-300:#d4d4d4;--color-neutral-400:#a1a1a1;--color-neutral-500:#737373;--color-neutral-700:#404040;--color-neutral-800:#262626;--color-neutral-900:#171717;--color-neutral-950:#0a0a0a;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-xl:36rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-semibold:600;--font-weight-bold:700;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-300:lab(76.5514% 36.422 15.5335);--color-red-400:lab(63.7053% 60.745 31.3109);--color-red-950:lab(13.003% 29.04 16.7519);--color-amber-400:lab(80.1641% 16.6016 99.2089);--color-amber-500:lab(72.7183% 31.8672 97.9407);--color-emerald-200:lab(90.2247% -31.039 9.47084);--color-emerald-300:lab(83.9203% -48.7124 13.8849);--color-emerald-950:lab(15.0582% -17.9507 2.38369);--color-sky-300:lab(80.3307% -20.2945 -31.385);--color-sky-950:lab(17.8299% -5.31271 -21.1584);--color-neutral-100:lab(96.52% -.0000298023 .0000119209);--color-neutral-200:lab(90.952% 0 -.0000119209);--color-neutral-300:lab(84.92% 0 -.0000119209);--color-neutral-400:lab(66.128% -.0000298023 .0000119209);--color-neutral-500:lab(48.496% 0 0);--color-neutral-700:lab(27.036% 0 0);--color-neutral-800:lab(15.204% 0 -.00000596046);--color-neutral-900:lab(7.78201% -.0000149012 0);--color-neutral-950:lab(2.75381% 0 0)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.h-full{height:100%}.min-h-\[70vh\]{min-height:70vh}.min-h-\[80vh\]{min-height:80vh}.min-h-full{min-height:100%}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-40{max-width:calc(var(--spacing) * 40)}.max-w-48{max-width:calc(var(--spacing) * 48)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.flex-1{flex:1}.cursor-pointer{cursor:pointer}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-neutral-700{border-color:var(--color-neutral-700)}.border-neutral-800{border-color:var(--color-neutral-800)}.bg-emerald-950{background-color:var(--color-emerald-950)}.bg-neutral-800{background-color:var(--color-neutral-800)}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-neutral-950{background-color:var(--color-neutral-950)}.bg-red-950{background-color:var(--color-red-950)}.bg-sky-950{background-color:var(--color-sky-950)}.bg-white{background-color:var(--color-white)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-3{padding-top:calc(var(--spacing) * 3)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-amber-400{color:var(--color-amber-400)}.text-amber-500{color:var(--color-amber-500)}.text-emerald-200{color:var(--color-emerald-200)}.text-emerald-300{color:var(--color-emerald-300)}.text-neutral-100{color:var(--color-neutral-100)}.text-neutral-200{color:var(--color-neutral-200)}.text-neutral-300{color:var(--color-neutral-300)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-900{color:var(--color-neutral-900)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-sky-300{color:var(--color-sky-300)}.line-through{text-decoration-line:line-through}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:bg-neutral-200:hover{background-color:var(--color-neutral-200)}.hover\:bg-neutral-800:hover{background-color:var(--color-neutral-800)}.hover\:text-white:hover{color:var(--color-white)}}.focus\:border-neutral-500:focus{border-color:var(--color-neutral-500)}}:root{--accent:#22c55e;--accent-light:#4ade80;--accent-bright:#86efac;--accent-10:#22c55e1a;--accent-15:#22c55e26;--accent-20:#22c55e33;--accent-25:#22c55e40;--accent-30:#22c55e4d;--accent-35:#22c55e59;--bg-body:#071810;--bg-grid:#22c55e0d;--bg-card:#0a1f14;--bg-header:#0d3320;--bg-header-alt:#091a10;--bg-game-footer:#0d2318;--bg-game-bar:#0a1a10;--bg-fade:#0a1f14;--border-card:#1e5c30;--own-msg:linear-gradient(135deg, #166534, #15803d);--own-glow:#22c55e40;--incoming-bdr:#4ade8033;--username-color:#86efac;--send-btn:linear-gradient(135deg, #22c55e, #16a34a);--glow-low:#22c55e80;--glow-mid:#4ade8040;--glow-max:#22c55ee6;--glow-bloom:#4ade8080;--flash-start:#22c55e59;--flash-end:#22c55e0d;--conic-hot:conic-gradient(from 0deg, transparent 0%, #4ade80 12%, #86efac 22%, transparent 40%, transparent 78%, #22c55e 90%, transparent 100%);--conic-bonus:conic-gradient(from 0deg, transparent 0%, #4ade80 20%, #86efac 30%, transparent 50%, transparent 80%, #4ade80 90%, transparent 100%);--hot-radial:radial-gradient(ellipse at 50% 100%, #4ade80, transparent 60%);--bar-gradient:linear-gradient(90deg, #16a34a, #4ade80);--amount-color:#4ade80}[data-theme=red]{--accent:#ef4444;--accent-light:#f87171;--accent-bright:#fca5a5;--accent-10:#ef44441a;--accent-15:#ef444426;--accent-20:#ef444433;--accent-25:#ef444440;--accent-30:#ef44444d;--accent-35:#ef444459;--bg-body:#1a0505;--bg-grid:#ef44440d;--bg-card:#1f0a0a;--bg-header:#3d0d0d;--bg-header-alt:#1a0909;--bg-game-footer:#230d0d;--bg-game-bar:#1a0a0a;--bg-fade:#1f0a0a;--border-card:#5c1e1e;--own-msg:linear-gradient(135deg, #7f1d1d, #991b1b);--own-glow:#ef444440;--incoming-bdr:#f8717133;--username-color:#fca5a5;--send-btn:linear-gradient(135deg, #ef4444, #dc2626);--glow-low:#ef444480;--glow-mid:#f8717140;--glow-max:#ef4444e6;--glow-bloom:#f8717180;--flash-start:#ef444459;--flash-end:#ef44440d;--conic-hot:conic-gradient(from 0deg, transparent 0%, #f87171 12%, #fca5a5 22%, transparent 40%, transparent 78%, #ef4444 90%, transparent 100%);--conic-bonus:conic-gradient(from 0deg, transparent 0%, #f87171 20%, #fca5a5 30%, transparent 50%, transparent 80%, #f87171 90%, transparent 100%);--hot-radial:radial-gradient(ellipse at 50% 100%, #f87171, transparent 60%);--bar-gradient:linear-gradient(90deg, #dc2626, #f87171);--amount-color:#f87171}body{background-color:var(--bg-body);background-image:repeating-linear-gradient(45deg, var(--bg-grid) 0px, var(--bg-grid) 1px, transparent 1px, transparent 40px), repeating-linear-gradient(-45deg, var(--bg-grid) 0px, var(--bg-grid) 1px, transparent 1px, transparent 40px);min-height:100vh;font-family:Sarabun,sans-serif}.no-scrollbar::-webkit-scrollbar{display:none}@keyframes rainFall{0%{opacity:0;transform:translateY(0)rotate(0)}8%{opacity:1}92%{opacity:.8}to{opacity:0;transform:translateY(110vh)rotate(200deg)}}@keyframes fireGlow{0%,to{box-shadow:0 0 8px var(--glow-low), 0 0 18px var(--glow-mid)}50%{box-shadow:0 0 20px var(--glow-max), 0 0 40px var(--glow-bloom)}}@keyframes hotBounce{0%,to{transform:scale(1)translateY(0)}25%{transform:scale(1.01)translateY(-1.5px)}50%{transform:scale(1)translateY(0)}75%{transform:scale(1.006)translateY(-1px)}}.fire-hot{animation:1.5s ease-in-out infinite fireGlow,2.5s ease-in-out infinite hotBounce}@keyframes cfOuter{0%,to{transform:scaleX(1)scaleY(1)rotate(-2deg)}30%{transform:scaleX(.87)scaleY(1.1)rotate(3deg)}65%{transform:scaleX(1.06)scaleY(.93)rotate(-1deg)}}@keyframes cfMid{0%,to{transform:scaleX(1)scaleY(1)rotate(1deg)}35%{transform:scaleX(.82)scaleY(1.15)rotate(-3deg)}70%{transform:scaleX(1.1)scaleY(.88)rotate(2deg)}}@keyframes cfCore{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.75;transform:scaleY(1.18)}}.css-fire{vertical-align:middle;flex-shrink:0;width:10px;height:13px;display:inline-block;position:relative}.cf-outer,.cf-mid,.cf-core{transform-origin:bottom;border-radius:50% 50% 20% 20%/60% 60% 40% 40%;position:absolute;bottom:0;left:50%}.cf-outer{background:linear-gradient(#dc2626,#ea580c);width:10px;height:12px;margin-left:-5px;animation:.55s ease-in-out infinite cfOuter}.cf-mid{background:linear-gradient(#f97316,#fb923c);width:7px;height:9px;margin-left:-3.5px;animation:.45s ease-in-out 70ms infinite cfMid}.cf-core{background:linear-gradient(#fbbf24,#fef08a);width:4px;height:6px;margin-left:-2px;animation:.35s ease-in-out .12s infinite cfCore}.hot-border-track{animation:3s linear infinite rotateBorder}@keyframes rotateBorder{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bonus-border-track{animation:3s linear infinite rotateBorder}@keyframes winnerFlash{0%{background:var(--flash-start)}to{background:var(--flash-end)}}.winner-new{animation:2s ease-out forwards winnerFlash}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track{animation:35s linear infinite marquee}.marquee-track:hover{animation-play-state:paused}.promo-aspect{aspect-ratio:1}@supports not (aspect-ratio:1/1){.promo-aspect{height:340px}}.game-img-aspect{aspect-ratio:3/4}@supports not (aspect-ratio:3/4){.game-img-aspect{height:160px}}@keyframes buttonShimmer{0%{transform:translate(-150%)skew(-20deg)}35%{transform:translate(400%)skew(-20deg)}to{transform:translate(400%)skew(-20deg)}}@keyframes ctaBob{0%,to{transform:translateY(0)scale(1)}28%{transform:translateY(-3px)scale(1.025)}50%{transform:translateY(0)scale(1)}70%{transform:translateY(-1.5px)scale(1.012)}}.cta-bob{will-change:transform;animation:1.8s ease-in-out infinite ctaBob}.cta-bob:active{animation-play-state:paused}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}