@font-face{font-family:Kanit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/d598b2fbe51cc254-s.p.0i_3uaypf58iu.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/7e531266682ee0b2-s.2pxhf1saehsvg.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/4bc62d0d5f9ae771-s.0avywe9_hvuer.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/fdbfb7080a87a334-s.p.0hwi9_9hwu_ow.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/577b8067601e9847-s.p.17uyqh1z65ij2.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5d1ea58cfb9c551d-s.1q140kewwut-u.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d1bdedfd2fe13894-s.0m229dhbrkwlu.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1e23e5114abf0db3-s.p.3vomj4ys718n3.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/34da6f6f5d0d57a5-s.p.3j785ygmx2sxp.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/c5ef4f45c466146b-s.2ziap8r8vixmb.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e9c5fb40545fcd2-s.3zvdh294vpi9c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/89d4f80f11029d6d-s.p.3y48j16vw3ns0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/876b05e81fb36bf6-s.p.3-cnw-vwwbh1_.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5128e7653d6f3744-s.1858_xfzcanvy.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/07bc3d3e69c8b6e8-s.0h71b1gd0-8_7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/118b6ed7ac256a99-s.p.3btzg3pbxiu1o.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/a244653d74e7372f-s.p.3zj8sbbtpwle6.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/7ff43f20b4a94066-s.2oiv5hw7w39w8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d5ac005905e340fc-s.24ikpou2wpz2l.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/c750adf2ddf22b70-s.p.1j3epi4sx1jkp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit Fallback;src:local(Arial);ascent-override:108.49%;descent-override:38.96%;line-gap-override:0.0%;size-adjust:101.39%}.kanit_348e6712-module__C7wqgG__className{font-family:Kanit,Kanit Fallback;font-style:normal}.kanit_348e6712-module__C7wqgG__variable{--font-kanit:"Kanit", "Kanit Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--shimmer-angle:20deg}*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill: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;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md), 10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md), 12px)}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-border{border-color:var(--border)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--background)}.bg-clip-padding{background-clip:padding-box}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.running{animation-play-state:running}@media (hover:hover){.hover\:text-foreground:hover{color:var(--foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:var(--radius-lg)}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.aria-expanded\:text-foreground[aria-expanded=true]{color:var(--foreground)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}:root{--ink:#12212b;--muted:#687781;--line:#e4eaec;--paper:#f6f8f8;--lime:#c9f36c;--lime-dark:#8daf30;--blue:#3275ee;--white:#fff;color:#12212b;background:var(--paper);font-family:Arial,Noto Sans Thai,sans-serif}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.55}.loading-screen{background:var(--ink);place-items:center;min-height:100vh;display:grid}.loading-screen .brand-mark{position:absolute}.loading-bar{background:var(--lime);border-radius:8px;width:130px;height:3px;margin-top:70px;animation:1.2s infinite load;position:absolute}@keyframes load{0%{opacity:.4;transform:scaleX(.2)}50%{opacity:1;transform:scaleX(1)}to{opacity:.4;transform:scaleX(.2)}}.brand{letter-spacing:-.8px;color:var(--white);align-items:center;gap:10px;font-size:21px;font-weight:800;display:flex}.brand>span span{color:var(--lime)}.brand-mark{background:var(--lime);width:35px;height:35px;color:var(--ink);border-radius:11px;place-items:center;font-size:19px;font-weight:900;display:grid}.login-page{background:var(--ink);grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid;overflow:hidden}.login-decoration{background:radial-gradient(circle at 30% 35%,#253d4a 0,#142832 37%,var(--ink) 70%);place-items:center;display:grid;position:relative}.orbit{border:1px solid #c9f36c2e;border-radius:50%;width:530px;height:530px;position:absolute}.orbit-one{transform:rotate(35deg)scaleY(.45)}.orbit-two{width:690px;height:690px;transform:rotate(-35deg)scaleY(.45)}.decoration-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;z-index:1;background:#ffffff0f;border:1px solid #ffffff29;border-radius:18px;align-items:center;gap:16px;padding:20px 25px;display:flex}.decoration-card svg{color:var(--lime);width:28px;height:28px}.decoration-card span{line-height:1.55}.decoration-card b{color:var(--lime)}.login-panel{background:#fff;flex-direction:column;justify-content:center;padding:8vw 7vw;display:flex}.login-brand{color:var(--ink);margin-bottom:100px}.login-copy .eyebrow,.eyebrow{letter-spacing:1.7px;color:var(--lime-dark);font-size:11px;font-weight:800}.login-copy h1{letter-spacing:-3px;margin:15px 0 20px;font-size:clamp(42px,5vw,74px);line-height:1.05}.login-copy h1 em{color:#93b840;font-style:normal}.login-copy p{color:var(--muted);margin:0 0 42px;font-size:17px;line-height:1.8}.google-button,.lime-button,.dark-button,.outline-button{border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:15px 18px;font-weight:700;transition:all .2s;display:flex}.google-button{background:var(--ink);color:#fff;width:100%;max-width:380px}.google-button:hover,.dark-button:hover{background:#263e4a;transform:translateY(-2px)}.google-g{color:#4285f4;background:#fff;border-radius:50%;place-items:center;width:23px;height:23px;font-weight:900;display:grid}.google-button svg,.lime-button svg,.dark-button svg,.outline-button svg{width:18px;height:18px}.login-note{color:#91a0a5;align-items:center;gap:7px;margin-top:18px;font-size:11px;display:flex}.login-note svg{color:#8daf30;width:15px}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--ink);color:#9badb4;flex-direction:column;flex-shrink:0;width:260px;padding:28px 18px 22px;display:flex}.sidebar .brand{padding:0 12px 55px}.workspace-label{letter-spacing:1.4px;color:#5c737d;padding:0 14px 13px;font-size:10px;font-weight:800}.sidebar nav{flex-direction:column;gap:5px;display:flex}.nav-item{color:#9badb4;text-align:left;background:0 0;border-radius:10px;align-items:center;gap:13px;width:100%;padding:14px;font-size:13px;display:flex}.nav-item svg{width:18px;height:18px}.nav-item:hover,.nav-item.active{color:#fff;background:#203742}.nav-item.active svg{color:var(--lime)}.nav-arrow{margin-left:auto;width:15px!important}.sidebar-bottom{flex-direction:column;gap:16px;margin-top:auto;display:flex}.help-card{border:1px solid #2b424c;border-radius:12px;align-items:center;gap:10px;padding:14px;font-size:11px;display:flex}.help-card svg{width:19px;color:var(--lime)}.help-card div{flex-direction:column;gap:3px;display:flex}.help-card small{color:#71868d}.main-content{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:83px;padding:0 5vw;display:flex}.breadcrumb{font-size:13px;font-weight:700}.top-actions{align-items:center;gap:22px;display:flex}.status-pill{color:#6c7d83;align-items:center;gap:7px;font-size:11px;display:flex}.status-dot{background:#7bc348;border-radius:50%;width:7px;height:7px}.avatar,.big-avatar{color:#3275ee;background:#dceaff;border-radius:50%;place-items:center;font-weight:800;display:grid}.avatar{width:34px;height:34px}.mobile-menu{background:0 0;display:none}.page-wrap{max-width:1180px;margin:auto;padding:52px 5vw 80px}.welcome-row,.subpage-head{justify-content:space-between;align-items:flex-end;margin-bottom:38px;display:flex}.welcome-row h1,.subpage-head h1{letter-spacing:-1.5px;margin:9px 0 6px;font-size:36px}.welcome-row p,.subpage-head p{color:var(--muted);margin:0}.wave{color:#a4cb42;font-size:30px}.outline-button{border:1px solid var(--line);color:var(--muted);background:#fff;font-size:12px}.outline-button:hover{color:var(--ink);border-color:#b9c9cd}.dashboard-grid{grid-template-columns:1.4fr 1fr;gap:18px;display:grid}.balance-card{background:var(--ink);color:#fff;border-radius:18px;min-height:275px;padding:27px 29px;position:relative;overflow:hidden}.balance-card:after{content:"";border:1px solid #c9f36c26;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-150px;right:-95px}.balance-top,.card-heading{justify-content:space-between;align-items:flex-start;display:flex}.balance-top{color:#9badb4;font-size:12px}.balance-top svg{color:var(--lime);width:22px}.balance-value{letter-spacing:-2px;margin:35px 0 14px;font-size:44px;font-weight:800}.balance-value small{color:var(--lime);margin-right:6px;font-size:22px}.balance-meta{color:#7f969d;z-index:1;justify-content:space-between;font-size:11px;display:flex;position:relative}.active-label{color:var(--lime);align-items:center;gap:5px;display:flex}.active-label i{background:var(--lime);border-radius:50%;width:6px;height:6px}.lime-button{background:var(--lime);color:var(--ink);font-size:12px}.lime-button:hover{background:#d8fa87;transform:translateY(-1px)}.balance-card .lime-button{z-index:1;position:absolute;bottom:27px;left:29px}.quick-card{background:#e8f4d2;border-radius:18px;min-height:275px;padding:27px 29px}.quick-card .card-heading svg{color:#769f26;width:34px;height:34px}.quick-card h2{margin:7px 0 0;font-size:25px}.quick-card p{color:#6b7b65;margin:22px 0;font-size:13px;line-height:1.7}.dark-button{background:var(--ink);color:#fff;font-size:12px}.section-heading{margin:45px 0 17px}.section-heading h2{margin:0 0 5px;font-size:20px}.section-heading p{color:var(--muted);margin:0;font-size:12px}.start-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.start-grid button{text-align:left;border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:38px 1fr 20px;align-items:center;column-gap:10px;padding:21px 22px;display:grid;position:relative;box-shadow:0 3px 16px #19313b08}.start-grid button:hover{border-color:#bfd09b}.start-grid svg{grid-column:1;width:18px}.start-grid strong{grid-column:2;font-size:13px}.start-grid small{color:var(--muted);grid-column:2;margin-top:5px;font-size:11px}.start-grid>button>svg:last-child{color:#8da0a5;grid-area:1/3/span 2}.step-number{color:#b6c1c3;font-size:10px;font-weight:800;position:absolute;top:13px;right:20px}.notice{color:#766b3a;background:#fff7dc;border-radius:12px;align-items:center;gap:13px;margin-top:18px;padding:15px 18px;font-size:12px;display:flex}.notice svg{color:#b99823;width:21px}.notice button{color:#806c1c;background:0 0;margin-left:auto;font-size:11px;font-weight:700;text-decoration:underline}.subpage-head{align-items:center}.back-link{color:var(--muted);background:0 0;align-items:center;gap:8px;font-size:12px;display:flex}.back-link svg{width:15px}.stepper{justify-content:center;gap:0;max-width:600px;margin:0 auto 35px;display:flex}.step{color:#9ca9ad;flex:1;align-items:center;gap:8px;font-size:11px;display:flex;position:relative}.step:after{content:"";background:var(--line);flex:1;height:1px;margin:0 12px}.step:last-child:after{display:none}.step span{border:1px solid #d4dfe1;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.step.current,.step.done{color:var(--ink);font-weight:700}.step.current span{border-color:var(--lime-dark);background:var(--lime);color:var(--ink)}.step.done span{color:#709c27;background:#eef8dc;border-color:#a4c852}.step.done svg{width:12px}.topup-layout,.qr-layout{grid-template-columns:minmax(0,690px) 1fr;align-items:start;gap:18px;display:grid}.form-card,.qr-card{border:1px solid var(--line);background:#fff;border-radius:17px;padding:29px}.card-heading h2,.form-card h2,.qr-card h2{letter-spacing:-.5px;margin:0 0 6px;font-size:21px}.card-heading p,.form-card>p{color:var(--muted);margin:0;font-size:12px}.card-heading>svg{color:#9aba44}.preset-grid{grid-template-columns:repeat(5,1fr);gap:9px;margin:28px 0;display:grid}.preset{border:1px solid var(--line);color:var(--muted);background:#f7f9f7;border-radius:9px;padding:12px 5px;font-size:12px}.preset.selected{background:var(--lime);color:var(--ink);border-color:var(--lime)}.field-label{margin:26px 0 8px;font-size:11px;font-weight:700;display:block}.money-input{border:1px solid #cedbdd;border-radius:10px;align-items:center;height:53px;padding:0 15px;display:flex}.money-input span{font-weight:800}.money-input input{background:0 0;border:0;outline:0;flex:1;padding:0 10px;font-size:22px;font-weight:800}.money-input small{color:var(--muted);font-size:11px}.tip{color:#657452;background:#f2f8e8;border-radius:9px;gap:9px;margin:17px 0 23px;padding:12px;font-size:11px;line-height:1.6;display:flex}.tip svg{color:#88af37;flex-shrink:0;width:16px}.full{width:100%}.side-info{color:var(--muted);padding:10px 20px;font-size:12px}.side-info h3{color:var(--ink);margin:0 0 20px;font-size:13px}.side-info>div{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:13px 0;display:flex}.side-info>div span{color:#9fbe48;font-size:11px;font-weight:800}.qr-card{text-align:center}.qr-title{text-align:left;justify-content:space-between;align-items:flex-start;display:flex}.timer{color:#8baf3a;background:#f0f8de;border-radius:20px;padding:7px 10px;font-size:11px}.timer.expired{color:#c87269;background:#fff0ef}.qr-image-wrap{border:1px solid var(--line);border-radius:12px;place-items:center;width:260px;min-height:240px;margin:26px auto 15px;padding:12px;display:grid}.qr-canvas{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:6px;width:100%;height:auto;display:block}.qr-placeholder{color:#d8dee0;font-size:44px;font-weight:900}.recipient{color:var(--muted);font-size:12px}.exact-amount{justify-content:center;align-items:center;gap:12px;margin:20px auto 9px;display:flex}.exact-amount small{color:var(--muted);font-size:11px}.exact-amount strong{letter-spacing:-1px;font-size:28px}.exact-amount button{color:var(--muted);background:#f1f5f4;border-radius:7px;padding:7px}.exact-amount button svg{width:15px}.warning-text{color:#b06d48;margin-bottom:22px;font-size:11px}.text-button{color:var(--muted);background:0 0;margin-top:13px;font-size:11px;text-decoration:underline}.transaction{text-align:left}.transaction p{margin:24px 0 6px;font-size:11px}.transaction b{color:var(--ink);word-break:break-all;font-size:12px}.error-box{color:#b46057;background:#fff0ef;border-radius:9px;margin-bottom:16px;padding:12px 15px;font-size:12px}.slip-card{max-width:650px;margin:auto}.upload-box{min-height:200px;color:var(--muted);cursor:pointer;border:1px dashed #c6d3d5;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:9px;margin:25px 0;display:flex}.upload-box input{display:none}.upload-icon{color:#86aa38;background:#f0f8de;border-radius:50%;place-items:center;width:39px;height:39px;font-size:24px;display:grid}.upload-box b{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:90%;font-size:13px;overflow:hidden}.upload-box small{font-size:10px}.slip-actions,.form-footer{justify-content:flex-end;gap:10px;display:flex}.privacy-note{justify-content:center;align-items:center;gap:6px;display:flex;color:#94a0a3!important;margin-top:24px!important;font-size:10px!important}.privacy-note svg{width:13px}.game-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.game-tile{text-align:left;border:1px solid var(--line);background:#fff;border-radius:15px;flex-direction:column;align-items:flex-start;gap:7px;padding:19px;display:flex;position:relative}.game-tile:hover,.game-tile.selected{border-color:#adc75f;box-shadow:0 6px 20px #2c433014}.game-logo{color:#fff;background:#253b48;border-radius:13px;place-items:center;width:47px;height:47px;margin-bottom:6px;font-size:21px;font-weight:900;display:grid}.game-val .game-logo{background:#d9615b}.game-free .game-logo{background:#eab745}.game-pubg .game-logo{background:#568a73}.game-tile strong{font-size:13px}.game-tile small{color:var(--muted);font-size:10px}.game-tile>svg{color:#9bacaf;width:16px;position:absolute;bottom:19px;right:15px}.game-form{max-width:570px;margin-top:22px}.game-form .simple-input{border:1px solid var(--line);border-radius:9px;outline-color:#abc55d;width:100%;height:47px;margin:22px 0;padding:0 13px;display:block}.profile-form{max-width:760px}.profile-hero{border-bottom:1px solid var(--line);align-items:center;gap:14px;margin-bottom:26px;padding-bottom:27px;display:flex}.big-avatar{width:60px;height:60px;font-size:25px}.profile-hero h2{margin:0 0 5px;font-size:18px}.profile-hero p{color:var(--muted);margin:0;font-size:12px}.field-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.field-grid label{flex-direction:column;gap:7px;font-size:11px;font-weight:700;display:flex}.field-grid label small{color:#a0aaad;font-weight:400;display:inline}.field-grid input,.field-grid textarea{border:1px solid var(--line);background:#fff;border-radius:9px;outline-color:#abc55d;height:44px;padding:0 12px;font-size:13px;font-weight:400}.field-grid textarea{resize:vertical;height:90px;padding-top:12px}.field-grid .wide{grid-column:1/-1}.form-footer{border-top:1px solid var(--line);align-items:center;margin-top:27px;padding-top:20px}.saved{color:#7ba52d;align-items:center;gap:5px;margin-right:auto;font-size:11px;display:flex}.saved svg{width:14px}.mobile-scrim{display:none}@media (max-width:850px){.login-page{grid-template-columns:1fr}.login-decoration{display:none}.login-panel{padding:35px 28px}.login-brand{margin-bottom:90px}.app-shell{display:block}.sidebar{z-index:3;transition:all .25s;position:fixed;top:0;bottom:0;left:-280px}.sidebar.is-open{left:0}.mobile-scrim{z-index:2;background:#0d1e2673;display:block;position:fixed;inset:0}.mobile-menu{place-items:center;padding:5px;display:grid}.topbar{height:67px;padding:0 21px}.top-actions{gap:12px}.status-pill{display:none}.page-wrap{padding:35px 20px 60px}.welcome-row,.subpage-head{align-items:flex-start;gap:15px}.welcome-row h1,.subpage-head h1{font-size:28px}.welcome-row .outline-button{padding:10px;font-size:0}.welcome-row .outline-button svg{margin:0}.dashboard-grid,.topup-layout,.qr-layout{grid-template-columns:1fr}.side-info{padding:10px 0}.start-grid{grid-template-columns:1fr}.game-grid{grid-template-columns:1fr 1fr}.preset-grid{grid-template-columns:repeat(3,1fr)}.field-grid{grid-template-columns:1fr}.field-grid .wide{grid-column:auto}.form-card,.qr-card{padding:22px}.subpage-head{margin-bottom:27px}.step{text-align:center;flex-direction:column;gap:5px}.step:after{z-index:-1;width:100%;margin:0;position:absolute;top:12px;left:50%}.step small{font-size:9px}.step span{background:var(--paper)}.step.current span,.step.done span{background:var(--lime)}.exact-amount strong{font-size:25px}}@media (max-width:480px){.login-copy h1{font-size:44px}.login-brand{margin-bottom:75px}.quick-card,.balance-card{min-height:255px}.game-grid{gap:9px}.game-tile{padding:14px}.game-tile strong{font-size:11px}.game-tile small{font-size:9px}}:root{--ink:#101828;--muted:#667085;--paper:#f7f8fc;--lime:#d8ff4f;--lime-dark:#9abf16;--blue:#6c5ce7;--pink:#ff6bb5}.login-page{background:linear-gradient(135deg,#111827 0%,#17142c 52%,#101828 100%)}.login-decoration{background:radial-gradient(circle at 45% 35%,#3a285d 0,#211b3d 36%,#111827 72%)}.orbit{border-style:dashed;border-color:#d8ff4f3d}.decoration-card{border-color:#d8ff4f4d;border-radius:24px;transform:rotate(-3deg);box-shadow:8px 12px #d8ff4f14}.login-panel{background:#f7f8fc}.login-copy h1{letter-spacing:-2.5px}.login-copy h1 em{color:var(--blue);font-style:normal;position:relative}.login-copy h1 em:after{content:"";background:var(--lime);z-index:-1;border-radius:99px;height:7px;position:absolute;bottom:-3px;left:2px;right:0;transform:rotate(-2deg)}.eyebrow{letter-spacing:1.8px;color:var(--blue);font-weight:900}.google-button{border-radius:16px;transition:transform .15s,box-shadow .15s;box-shadow:0 7px #dce3ef}.google-button:hover{transform:translateY(-2px);box-shadow:0 9px #dce3ef}.brand-mark{border-radius:13px;box-shadow:4px 4px #d8ff4f2e}.lime-button{box-shadow:0 4px 0 var(--lime-dark);border-radius:14px}.lime-button:active{box-shadow:0 2px 0 var(--lime-dark);transform:translateY(2px)}.balance-card,.quick-card,.form-card,.qr-card{border-radius:22px}.game-tile{border-radius:20px;transition:transform .15s,box-shadow .15s}.login-game-rail{z-index:2;width:300px;position:absolute;top:24%;left:50%;transform:translate(-50%)}.login-game-title{text-align:center;color:#d8ff4fc7;letter-spacing:2px;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:900;display:block}.login-game-rail .sidebar-games{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.login-game-rail .game-logo{color:#fff;background:#ffffff14;border:1px solid #d8ff4f40;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:78px;display:flex}.login-game-rail .game-badge{color:#fff;background:#ff4655;border-radius:10px;place-items:center;width:32px;height:32px;font-size:16px;font-weight:1000;display:grid;box-shadow:2px 2px #0000004d}.login-game-rail .garena-logo .game-badge{background:linear-gradient(145deg,#ff4f70,#bd183f);font-style:italic}.login-game-rail .game-logo>span:last-child{letter-spacing:-.4px;color:#fff;font-size:8px;font-weight:1000;display:block}.login-game-rail .garena-logo>span:last-child{color:#ff6b83}.login-game-rail .game-logo:nth-child(2) .game-badge{background:#d9344c}.login-game-rail .game-logo:nth-child(3) .game-badge{color:#1b1635;background:#f3a72f}.login-game-rail .game-logo:nth-child(4) .game-badge{background:#6c5ce7}.app-shell{background:radial-gradient(circle at 92% 4%,#6c5ce71f,#0000 24rem),linear-gradient(135deg,#f8f9ff 0%,#f4f6fb 55%,#eef1f8 100%)}.sidebar{background:#17152f;border-right:0;box-shadow:8px 0 #d8ff4f14}.sidebar-games{grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 18px;display:grid}.sidebar-games .game-logo{aspect-ratio:1;color:#fff;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;transition:transform .15s,background .15s;display:flex}.sidebar-games .game-logo:hover{background:#d8ff4f2e;transform:translateY(-3px)rotate(-3deg)}.sidebar-games .game-badge{color:#fff;background:#ff4655;border-radius:9px;place-items:center;width:28px;height:28px;font-size:15px;font-weight:1000;line-height:1;display:grid;box-shadow:2px 2px #00000038}.sidebar-games .game-logo>span:last-child{letter-spacing:-.3px;color:#fff;text-transform:uppercase;font-size:7px;font-weight:1000;line-height:1;display:block}.sidebar-games .garena-logo .game-badge{background:linear-gradient(145deg,#ff4f70,#bd183f);font-style:italic}.sidebar-games .garena-logo>span:last-child{color:#ff6b83}.sidebar-games .game-logo:nth-child(2) .game-badge{background:#d9344c}.sidebar-games .game-logo:nth-child(3) .game-badge{color:#1b1635;background:#f3a72f}.sidebar-games .game-logo:nth-child(4) .game-badge{background:#6c5ce7}.sidebar-games .game-logo:hover span{display:grid}.sidebar-games .game-logo:hover>span:last-child{display:block}.sidebar:before{content:"LEVEL UP";letter-spacing:3px;color:#d8ff4f59;font-size:9px;font-weight:900;display:block;position:absolute;top:160px;right:-20px;transform:rotate(-90deg)}.nav-item{border-radius:14px}.nav-item.active{background:var(--lime);color:#17152f;box-shadow:4px 4px #d8ff4f2e}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8f9ffc7}.balance-card{background:linear-gradient(135deg,#202040,#302567 68%,#44327a);position:relative;overflow:hidden;box-shadow:8px 8px #6c5ce729}.balance-card:after{content:"★  ★  ★";color:#d8ff4f38;letter-spacing:8px;font-size:17px;position:absolute;top:20px;right:24px;transform:rotate(8deg)}.quick-card{background:linear-gradient(135deg,#d8ff4f,#bdf04b);position:relative;overflow:hidden;box-shadow:8px 8px #9abf162e}.quick-card:after{content:"PLAY";color:#10182814;font-size:80px;font-style:italic;font-weight:1000;position:absolute;bottom:-20px;right:-18px;transform:rotate(-10deg)}.start-grid button{background:#fff;border:2px solid #e0e5f1;border-radius:18px;transition:transform .15s,box-shadow .15s;box-shadow:4px 4px #e7eaf3}.start-grid button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px #d8ff4f}.game-grid{gap:18px}.game-tile{border:3px solid #ffffff73;min-height:190px;position:relative;overflow:hidden;box-shadow:7px 7px #10182829}.game-tile:after{content:"PLAY NOW";letter-spacing:1.5px;color:#ffffffa6;font-size:9px;font-weight:1000;position:absolute;bottom:10px;right:12px}.game-tile:before{content:"";pointer-events:none;background:repeating-linear-gradient(135deg,#0000 0 12px,#ffffff12 12px 14px);position:absolute;inset:0}.game-tile:hover{transform:translate(-3px,-6px)rotate(-1deg);box-shadow:10px 13px #1018282e}.game-logo{border:3px solid #fffc;border-radius:18px;place-items:center;width:62px;height:62px;font-size:29px;font-weight:1000;display:grid;transform:rotate(-5deg);box-shadow:5px 5px #10182833}.game-tile strong{letter-spacing:.5px;text-shadow:2px 2px #1018282e;font-size:16px}.game-form{border:3px solid var(--lime);box-shadow:7px 7px #d8ff4f40}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
:root{--navy:#121d2b;--navy-2:#1b2a3d;--green:#8ccf45;--green-2:#5ea52c;--lime:#d3f56f;--lime-dark:#9cc23a;--paper:#f2f5f0;--font-th:var(--font-kanit),"Noto Sans Thai",Arial,sans-serif;font-family:var(--font-th)}body,button,input,textarea{font-family:var(--font-th)}body{background:var(--paper)}.app-shell{min-height:100vh;display:block;position:relative}.app-shell.is-home:before{content:"";background:radial-gradient(circle at 15% 30%,#ffffff47,transparent 40%),radial-gradient(circle at 85% 20%,#fff3,transparent 38%),linear-gradient(180deg,var(--green) 0,var(--green-2) 100%);z-index:0;height:560px;position:absolute;inset:0 0 auto}.app-shell>*{z-index:1;position:relative}.utility-bar{background:#fff;border-bottom:1px solid #e3e9e0}.utility-inner{justify-content:space-between;align-items:center;gap:12px;max-width:1240px;margin:auto;padding:8px 24px;display:flex}.credit-chip{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.credit-chip b{background:var(--navy);color:#fff;text-align:right;border-radius:10px;min-width:110px;padding:7px 14px;font-size:14px}.chip-plus{background:var(--lime);width:30px;height:30px;color:var(--navy);box-shadow:0 2px 0 var(--lime-dark);border-radius:50%;place-items:center;transition:transform .15s;display:grid}.chip-plus:hover{transform:scale(1.1)}.chip-plus svg{width:16px;height:16px}.utility-right{align-items:center;gap:14px;display:flex}.wallet-id{color:var(--muted);font-size:12px}.user-chip{color:var(--ink);background:0 0;border-radius:99px;align-items:center;gap:8px;padding:3px 8px 3px 3px;font-size:13px;font-weight:600;display:flex}.user-chip:hover{background:#eef3ea}.icon-btn{width:34px;height:34px;color:var(--muted);background:#eef3ea;border-radius:50%;place-items:center;display:grid}.icon-btn:hover{color:var(--ink);background:#e1e9dc}.icon-btn svg{width:17px;height:17px}.site-nav{z-index:20;max-width:1240px;margin:0 auto}.site-nav-inner{background:var(--navy);border-radius:0 0 28px 28px;justify-content:space-between;align-items:center;height:76px;padding:0 32px;display:flex;position:relative;box-shadow:0 10px 30px #0a141e2e}.brand-btn{background:0 0;padding:0}.nav-links{align-items:center;gap:6px;display:flex}.nav-link{color:#c5d1dc;background:0 0;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:15px;transition:color .15s,background .15s;display:flex;position:relative}.nav-link svg{width:17px;height:17px}.nav-link:hover{color:#fff;background:#ffffff12}.nav-link.active{color:#fff}.nav-link.active:after{content:"";background:var(--lime);border-radius:3px;height:3px;position:absolute;bottom:2px;left:16px;right:16px}.nav-link.active svg{color:var(--lime)}.mobile-menu{color:#fff;background:0 0;place-items:center;width:42px;height:42px;display:none}.main-content{min-width:0}.page-wrap{max-width:1240px;margin:auto;padding:36px 24px 80px}.hero{text-align:center;color:#fff;padding:28px 0 8px}.hero-pill{color:#7ff5e1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#121d2b8c;border-radius:99px;padding:8px 22px;font-size:13px;display:inline-block}.hero h1{letter-spacing:-1px;text-shadow:0 3px #143c0a59;margin:22px 0 6px;font-size:clamp(34px,5vw,58px)}.hero p{opacity:.95;margin:0;font-size:18px}.hero-badges{justify-content:center;gap:22px;margin:20px 0 30px;font-weight:600;display:flex}.hero-badges span{align-items:center;gap:7px;display:flex}.hero-badges svg{background:var(--navy);width:22px;height:22px;color:var(--lime);border-radius:50%;padding:4px}.hero-balance{background:var(--navy);text-align:left;border:1px solid #ffffff14;border-radius:24px;justify-content:space-between;align-items:center;gap:20px;max-width:760px;margin:0 auto;padding:24px 30px;display:flex;box-shadow:0 18px 40px #0c280a47}.hero-balance small{color:#9badb4;font-size:13px}.hero-balance strong{letter-spacing:-1.5px;font-size:44px;line-height:1.15;display:block}.hero-balance strong i{color:var(--lime);margin-right:6px;font-size:24px;font-style:normal}.hero-balance em{color:#9badb4;align-items:center;gap:7px;font-size:12px;font-style:normal;display:flex}.hero-actions{flex-direction:column;gap:10px;min-width:170px;display:flex}.hero-actions .lime-button{position:static}.ghost-button{color:#c5d1dc;background:#ffffff14;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;display:flex}.ghost-button:hover{color:#fff;background:#ffffff24}.ghost-button svg{width:16px}.lime-button{font-size:14px}.section-heading{margin:44px 0 18px}.section-heading h2{margin:0 0 4px;font-size:24px}.section-heading p{color:var(--muted);margin:0}.tile-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.feature-tile{text-align:left;background:var(--navy);color:#fff;border:1px solid #223247;border-radius:22px;flex-direction:column;gap:6px;min-height:200px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.feature-tile:after{content:"";background:radial-gradient(circle,#8ccf4559,#0000 70%);border-radius:50%;width:190px;height:190px;position:absolute;top:-70px;right:-60px}.feature-tile:hover{transform:translateY(-5px);box-shadow:0 16px 34px #121d2b40}.tile-tag{color:var(--lime);letter-spacing:.5px;font-size:11px}.tile-icon{width:40px;height:40px;color:var(--lime);background:#d3f56f24;border-radius:12px;margin:8px 0;padding:9px}.feature-tile strong{font-size:20px}.feature-tile small{color:#9badb4;font-size:13px;line-height:1.55}.tile-go{color:var(--lime);align-items:center;gap:6px;margin-top:auto;padding-top:12px;font-size:13px;display:flex}.tile-go svg{width:16px;transition:transform .15s}.feature-tile:hover .tile-go svg{transform:translate(4px)}.notice{margin-top:22px}.subpage-head h1{font-size:32px}.game-tile{background:var(--navy);color:#fff;border:1px solid #223247;border-radius:20px}.game-tile small{color:#9badb4}.game-tile:hover,.game-tile.selected{border-color:var(--lime);box-shadow:0 10px 26px #121d2b38}.game-tile>svg{color:var(--lime)}.login-page{background:var(--navy)}.orbit{border-color:#ffffff59}.decoration-card{background:#121d2b99}@media (max-width:850px){.utility-inner{padding:8px 16px}.wallet-id,.user-name{display:none}.site-nav-inner{border-radius:0 0 20px 20px;height:64px;padding:0 18px}.mobile-menu{display:grid}.nav-links{background:var(--navy);z-index:5;border-radius:20px;flex-direction:column;align-items:stretch;margin-top:8px;padding:10px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 16px 34px #0a141e4d}.nav-links.is-open{display:flex}.nav-link{padding:14px 16px;font-size:16px}.nav-link.active:after{display:none}.nav-link.active{background:#ffffff17}.page-wrap{padding:26px 16px 60px}.hero-balance{flex-direction:column;align-items:stretch;padding:22px}.hero-balance strong{font-size:38px}.hero-actions{min-width:0}.hero-badges{gap:14px;font-size:14px}.tile-grid{grid-template-columns:1fr}.feature-tile{min-height:0}.app-shell.is-home:before{height:620px}}.admin-tabs{border-bottom:1px solid var(--line);gap:6px;margin:0 0 18px;display:flex;overflow-x:auto}.admin-tabs button{color:var(--muted);white-space:nowrap;background:0 0;border-bottom:3px solid #0000;padding:11px 16px;font-size:14px}.admin-tabs button.on{color:var(--ink);border-bottom-color:var(--green-2);font-weight:600}.admin-filters{grid-template-columns:1fr 1fr 200px auto;align-items:end;gap:14px;margin-bottom:16px;padding:20px;display:grid}.admin-filters label,.admin-form label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.admin-filters input,.admin-filters select,.admin-form input,.admin-form select,.admin-form textarea{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:12px;width:100%;padding:11px 13px;font-size:14px}.admin-filters input:focus,.admin-filters select:focus,.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{outline:2px solid var(--green);border-color:#0000}.admin-form input:disabled{color:#93a09a;background:#f1f4f1}.filter-actions{gap:8px;display:flex}.filter-actions .outline-button{padding:12px}.table-card{padding:8px 8px 4px}.table-scroll{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 14px;font-size:12px;font-weight:500}.admin-table td{white-space:nowrap;border-bottom:1px solid #eef2ee;padding:13px 14px}.admin-table tbody tr{cursor:pointer;transition:background .12s}.admin-table tbody tr:hover,.admin-table tbody tr:focus-visible{background:#f3f8ee;outline:none}.admin-table .empty{text-align:center;color:var(--muted);cursor:default;padding:36px}.badge{color:#4b5c55;background:#eef2ee;border-radius:99px;padding:3px 10px;font-size:12px;display:inline-block}.badge.status-active{color:#3c7a12;background:#e2f6cf}.badge.status-suspended{color:#9a6200;background:#fff0d1}.badge.status-inactive{color:#5b6a73;background:#e9edf0}.badge.status-closed{color:#b3261e;background:#fde2e0}.badge.role-admin{color:#2456b8;background:#dfeaff}.badge.role-superadmin{color:#5b2fb0;background:#ece0ff}.pager{color:var(--muted);justify-content:space-between;align-items:center;padding:14px;font-size:13px;display:flex}.pager>div{align-items:center;gap:12px;display:flex}.pager .outline-button{padding:8px 10px}.pager b{color:var(--ink)}.modal-scrim{z-index:50;background:#0a141e8c;justify-content:center;align-items:flex-start;padding:140px 16px 32px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:#fff;border-radius:24px;width:100%;max-width:1000px;padding:26px;box-shadow:0 30px 70px #00000059}.modal-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.modal-head h2{margin:4px 0 2px;font-size:24px}.modal-head p{color:var(--muted);margin:0}.stat-row{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px;display:grid}.stat-row>div{background:var(--navy);color:#fff;border-radius:16px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.stat-row small{color:#9badb4;font-size:12px}.stat-row b{font-size:17px}.stat-row span{flex-wrap:wrap;gap:4px;display:flex}.admin-form .field-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.admin-form .wide{grid-column:1/-1}.admin-form label small{color:#93a09a;font-weight:400}.admin-form textarea{resize:vertical;min-height:70px}.admin-form .form-footer{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.admin-form .form-footer .lime-button,.admin-form .form-footer .dark-button,.admin-form .form-footer .danger-button{position:static}.hint{color:var(--muted);margin:0 0 14px;font-size:13px}.segmented{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.segmented button{color:var(--muted);background:#eef2ee;border-radius:12px;padding:12px;font-weight:600}.segmented button.on.credit{background:var(--lime);color:var(--navy)}.segmented button.on.debit{color:#b3261e;background:#fde2e0}.danger-button{color:#fff;background:#c9362d;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:15px 18px;font-size:14px;font-weight:700;display:flex}.ok-box{color:#2f6a0d;background:#e6f7d4;border-radius:12px;margin-bottom:14px;padding:12px 14px;font-size:14px}.audit-list{flex-direction:column;gap:10px;display:flex}.audit-item{border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:5px;padding:12px 14px;display:flex}.audit-top{justify-content:space-between;gap:10px;font-size:14px;display:flex}.audit-top span{color:var(--muted);font-size:12px}.audit-item small{color:var(--muted)}.audit-item code{overflow-wrap:anywhere;color:#41524a;background:#f3f6f3;border-radius:8px;padding:6px 8px;font-size:11px}@media (max-width:850px){.admin-filters{grid-template-columns:1fr}.stat-row{grid-template-columns:1fr 1fr}.admin-form .field-grid{grid-template-columns:1fr}.modal{border-radius:20px;padding:20px}}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.topup-page{max-width:680px;margin:0 auto}.topup-page .subpage-head{margin-bottom:24px}.topup-page .stepper{margin-bottom:26px}.topup-page .step small{font-size:12px}.topup-card{flex-direction:column;gap:16px;padding:28px;display:flex}.topup-card .field-label{margin:0;font-size:15px;font-weight:600}.topup-card .preset-grid,.topup-card .money-input{margin:0}.topup-note{color:var(--muted);align-items:flex-start;gap:10px;margin:0;font-size:13px;line-height:1.6;display:flex}.topup-note svg{width:18px;height:18px;color:var(--green-2);flex:none;margin-top:2px}.topup-card .lime-button{margin-top:4px;position:static}.topup-page .qr-layout{grid-template-columns:1fr}.topup-page .side-info.transaction{padding:6px 4px}.topup-page .qr-layout{display:block}.txn-details{background:#f4f7f2;border-radius:14px;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 4px;padding:14px 18px;display:grid}.txn-details>div{text-align:left;flex-direction:column;gap:3px;display:flex}.txn-details dt{color:var(--muted);font-size:12px}.txn-details dd{word-break:break-all;margin:0;font-size:14px;font-weight:600}@media (max-width:480px){.txn-details{grid-template-columns:1fr}}.dialog-scrim{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a141e8c;justify-content:center;align-items:center;padding:16px;animation:.15s ease-out dlg-fade;display:flex;position:fixed;inset:0}.dialog{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:400px;padding:28px 24px 22px;animation:.18s cubic-bezier(.2,.9,.3,1.2) dlg-pop;box-shadow:0 30px 70px #00000059}.dialog-icon{width:56px;height:56px;color:var(--green-2);background:#eaf6d8;border-radius:50%;place-items:center;margin:0 auto 14px;display:grid}.dialog-icon svg{width:28px;height:28px}.dialog.tone-danger .dialog-icon{color:#c9362d;background:#fde2e0}.dialog.tone-info .dialog-icon{color:#2456b8;background:#e0ecff}.dialog.tone-success .dialog-icon{color:#3c7a12;background:#e2f6cf}.dialog h3{margin:0 0 6px;font-size:20px}.dialog p{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.dialog-actions{gap:10px;margin-top:22px;display:flex}.dialog-actions>button{border-radius:14px;flex:1;justify-content:center;padding:13px 16px;font-size:15px}.dialog-actions .outline-button{background:#fff}@keyframes dlg-fade{0%{opacity:0}}@keyframes dlg-pop{0%{opacity:0;transform:translateY(8px)scale(.96)}}.txn-filters{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.txn-filters label{color:var(--muted);flex-direction:column;flex:1;gap:6px;min-width:140px;max-width:220px;font-size:13px;display:flex}.txn-filters select,.txn-filters input{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:12px;padding:10px 12px;font-family:inherit;font-size:14px}.txn-filters select:disabled{opacity:.55;cursor:not-allowed}.txn-filters .outline-button{padding:11px}.txn-list{flex-direction:column;gap:10px;display:flex}.txn-item{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;display:flex}.txn-icon{color:#5b6a73;background:#eef2ee;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid}.txn-icon svg{width:20px;height:20px}.txn-success .txn-icon{color:#3c7a12;background:#e2f6cf}.txn-pending .txn-icon{color:#9a6200;background:#fff0d1}.txn-fail .txn-icon{color:#b3261e;background:#fde2e0}.txn-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.txn-main b{font-size:15px}.txn-main small{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.txn-extra{color:#7b8b85!important}.txn-side{flex-direction:column;flex:none;align-items:flex-end;gap:6px;display:flex}.txn-side strong{white-space:nowrap;font-size:17px}.amt-in{color:#3c7a12}.amt-out{color:#b3261e}.amt-muted{color:#93a09a}.txn-badge-success{color:#3c7a12;background:#e2f6cf}.txn-badge-pending{color:#9a6200;background:#fff0d1}.txn-badge-fail{color:#b3261e;background:#fde2e0}.txn-empty{text-align:center;border:1px dashed var(--line);background:#fff;border-radius:16px;flex-direction:column;gap:4px;padding:44px 16px;display:flex}.txn-empty small{color:var(--muted)}.modal .txn-item{padding:12px 14px}@media (max-width:600px){.txn-item{align-items:flex-start}.txn-side strong{font-size:15px}.txn-filters label{max-width:none}}.modal .admin-tabs{flex-wrap:wrap;gap:2px;overflow:visible}.modal .admin-tabs button{padding:11px 14px}@media (max-width:850px){.modal-scrim{padding-top:120px}}.hero{color:var(--navy)}.hero h1{text-shadow:0 2px 14px #ffffffd9}.hero p{color:#1f3a4a;text-shadow:0 1px 8px #fffc}.hero .wave{color:var(--green-2)}.hero-badges{color:var(--navy)}@media (max-width:850px){.app-shell.is-home:before{background-position:top;height:640px}}:root{--hero-mint:#bbdcc1}.app-shell.is-home:before{background:linear-gradient(to bottom,transparent 75%,var(--paper) 100%),url(/hero-bg.webp) center top/cover no-repeat var(--hero-mint);height:clamp(520px,44vw,900px)}@media (max-width:850px){.app-shell.is-home:before{background:linear-gradient(to bottom,var(--hero-mint) 0,var(--hero-mint) 62%,var(--paper) 100%);height:900px}.hero{background:linear-gradient(to bottom,transparent 80%,var(--hero-mint) 100%) top/100% 58.9vw no-repeat,url(/hero-bg-mobile.webp) top/100% 58.9vw no-repeat;margin:0 -16px;padding:calc(58.9vw + 14px) 16px 8px}}.hero-balance{color:#fff}.login-decoration{background:#a9e6d2 url(/login-bg.webp) 50%/cover no-repeat}.orbit{display:none}.login-decoration .login-game-title{text-shadow:0 1px 8px #ffffffe6;color:var(--navy)!important}.login-decoration .game-logo{background:#121d2bb8;border-color:#ffffff47;box-shadow:0 6px 18px #0a1e1e40}.login-decoration .decoration-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--navy);background:#ffffff8c;border:1px solid #ffffffb3;border-radius:16px;gap:12px;padding:14px 22px;transform:none;box-shadow:0 8px 24px #14463c26}.login-decoration .decoration-card svg{color:var(--green-2);width:22px;height:22px}.login-decoration .decoration-card span{font-size:15px;line-height:1.5}.login-decoration .decoration-card b{color:var(--navy)}.lg-page{background:#f7f8fc;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;display:grid}.lg-art{background:#a9e6d2 url(/login-bg.webp) 50%/cover no-repeat;align-items:center;min-height:100vh;padding:0 12%;display:flex;position:relative}.lg-status{color:var(--navy);background:#ffffffe0;border-radius:99px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex;position:absolute;top:44px;left:48px;box-shadow:0 4px 14px #14463c1f}.lg-status i,.lg-chip i{background:#22b573;border-radius:50%;flex:none;width:8px;height:8px}.lg-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;background:#f0fcf7db;border:1px solid #ffffffbf;border-radius:28px;width:100%;max-width:390px;padding:28px 26px 30px;box-shadow:0 18px 44px #14463c2e}.lg-chip{color:#4d8f12;background:#eafbd7;border-radius:99px;align-items:center;gap:7px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.lg-chip svg{color:#e8a100;width:13px;height:13px}.lg-card h2{color:var(--navy);letter-spacing:-.5px;margin:16px 0 10px;font-size:34px;font-weight:700;line-height:1.15}.lg-card h2 em,.lg-panel h1 em{color:#6c5ce7;font-style:normal;display:block}.lg-card p{color:#34495a;margin:0;font-size:14px;line-height:1.7}.lg-panel{background:#f7f8fc;flex-direction:column;min-width:0;min-height:100vh;padding:56px 80px 28px;display:flex}.lg-brand{color:var(--navy);margin:0}.lg-brand .brand-mark{background:#8ee82b;border-radius:14px;width:44px;height:44px;font-size:22px}.lg-brand>span{font-size:26px}.lg-brand>span span{color:#78c418}.lg-main{max-width:520px;margin:auto 0;padding-left:16px}.lg-panel h1{letter-spacing:-1.5px;color:var(--navy);margin:18px 0 16px;font-size:clamp(38px,4.2vw,54px);font-weight:700;line-height:1.08}.lg-lead{color:#66788a;margin:0 0 30px;font-size:16px;line-height:1.85}.lg-google{background:var(--navy);color:#fff;border-radius:16px;align-items:center;width:100%;max-width:448px;padding:15px 18px;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 12px 28px #121d2b38}.lg-google:hover{transform:translateY(-2px);box-shadow:0 16px 32px #121d2b47}.lg-g{background:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.lg-g svg{width:17px;height:17px}.lg-google-text{text-align:center;flex:1}.lg-arrow{background:#ffffff1f;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.lg-arrow svg{width:16px;height:16px}.lg-note{color:#8896a5;align-items:center;gap:8px;margin:18px 0 0;font-size:12.5px;display:flex}.lg-note svg{color:#22b573;flex:none;width:15px;height:15px}.lg-foot{color:#8896a5;border-top:1px solid #e6e9f0;flex-wrap:wrap;align-items:center;gap:8px 0;padding-top:22px;font-size:12px;display:flex}.lg-foot span:first-child{margin-right:26px}.lg-foot span+span+span:before,.lg-foot span:nth-child(2)+span:before{content:"|";color:#cfd5de;margin:0 14px}@media (max-width:850px){.lg-page{grid-template-columns:minmax(0,1fr)}.lg-art{display:none}.lg-panel{padding:32px 24px 24px}.lg-main{padding-left:0}.lg-foot span:first-child{width:100%;margin:0 0 4px}.lg-games{margin-top:32px}.lg-games-grid li{width:80px;margin-right:10px}}.lg-games{border-top:1px solid #e6e9f0;margin-top:40px;padding:26px 0 30px}.lg-games-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 16px;margin-bottom:16px;display:flex}.lg-games-eyebrow{letter-spacing:1.6px;color:#6c5ce7;font-size:11px;font-weight:700}.lg-games h2{color:var(--navy);margin:4px 0 0;font-size:20px;font-weight:700}.lg-games-head p{color:#8896a5;margin:0;font-size:12px}.lg-games-head b{color:var(--navy)}.lg-games-track{min-width:0;max-width:100%;padding:4px 0 12px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.lg-games-grid{width:max-content;margin:0;padding:0;list-style:none;display:flex}.lg-games-grid.marquee{animation:lg-games-marquee calc(var(--n,8) * 2.8s) linear infinite}.lg-games-track:hover .marquee{animation-play-state:paused}@keyframes lg-games-marquee{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.lg-games-grid.marquee{animation-duration:calc(var(--n,8) * 8s)}}.lg-games-grid li{text-align:center;background:#fff;border:1px solid #e6e9f0;border-radius:14px;flex-direction:column;flex:none;gap:6px;width:88px;margin-right:12px;padding:6px 6px 8px;display:flex;box-shadow:0 3px 10px #121d2b0d}.lg-games-grid .game-cover{border-radius:10px;font-size:26px}.lg-games-grid li>span:last-child{min-height:2.6em;color:var(--ink);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:11px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.lg-games-grid .skeleton{animation:1.2s ease-in-out infinite shop-pulse}.lg-games-grid .skeleton .game-cover{background:#e8eeeb}.lg-games-grid .skeleton i{background:#e8eeeb;border-radius:5px;width:70%;height:10px;margin:4px auto 6px;display:block}@media (min-width:851px) and (max-width:1200px){.site-nav-inner{padding:0 20px}.nav-link{gap:6px;padding:10px;font-size:14px}}@media (min-width:851px) and (max-width:1020px){.nav-link svg{display:none}}.dialog p{white-space:pre-line}.game-logo.tone-a{background:#253b48}.game-logo.tone-b{background:#d9615b}.game-logo.tone-c{background:#eab745}.game-logo.tone-d{background:#568a73}.game-logo.has-image{background:#fff;padding:0;overflow:hidden}.game-logo img{object-fit:cover;width:100%;height:100%;display:block}@keyframes shop-pulse{50%{opacity:.55}}.game-cards{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;display:grid}.game-card{border:1px solid var(--line);color:var(--ink);text-align:center;background:#fff;border-radius:18px;flex-direction:column;align-items:stretch;gap:10px;padding:8px 8px 12px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;box-shadow:0 4px 14px #121d2b0f}.game-card:hover{border-color:var(--lime);transform:translateY(-3px);box-shadow:0 10px 24px #121d2b1f}.game-card:focus-visible{outline:2px solid var(--green-2);outline-offset:2px}.game-card strong{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-height:2.8em;font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.game-cover{aspect-ratio:1;color:#fff;border-radius:13px;place-items:center;width:100%;font-size:44px;font-weight:800;display:grid;overflow:hidden}.game-cover.has-image{background:linear-gradient(110deg,#e6ece9 30%,#f4f7f5 50%,#e6ece9 70%) 0 0/250% 100%;animation:1.3s linear infinite logo-shimmer}.game-cover img{object-fit:cover;width:100%;height:100%;display:block}.game-cover img,.game-logo.has-image img{opacity:0;transition:opacity .35s}.game-cover img.is-loaded,.game-logo.has-image img.is-loaded{opacity:1}.game-cover.has-image:has(img.is-loaded){animation:none}@keyframes logo-shimmer{to{background-position:-150% 0}}@media (prefers-reduced-motion:reduce){.game-cover.has-image{animation:none}.game-cover img,.game-logo.has-image img{transition:none}}.game-cover.tone-a{background:#253b48}.game-cover.tone-b{background:#d9615b}.game-cover.tone-c{background:#eab745}.game-cover.tone-d{background:#568a73}.game-card.skeleton{cursor:default;animation:1.2s ease-in-out infinite shop-pulse}.game-card.skeleton .game-cover{background:#e8eeeb}.game-card.skeleton i{background:#e8eeeb;border-radius:6px;width:70%;height:12px;margin:4px auto 0;display:block}@media (max-width:480px){.game-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.game-card{border-radius:14px;gap:7px;padding:6px 6px 9px}.game-cover{border-radius:10px;font-size:32px}.game-card strong{font-size:12px}}.shop-search{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:10px;max-width:380px;height:48px;margin-bottom:18px;padding:0 14px;display:flex}.shop-search:focus-within{border-color:var(--green-2)}.shop-search svg{width:18px;color:var(--muted)}.shop-search input{color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:15px}.shop-error{justify-content:space-between;align-items:center;gap:12px;display:flex}.shop-error .outline-button{padding:8px 12px}.shop-anchor{scroll-margin-top:16px}.shop-picked{border:1px solid var(--line);background:#fff;border-radius:18px;align-items:center;gap:14px;padding:14px 16px;display:flex}.shop-picked .game-logo{border-radius:14px;flex:none;width:48px;height:48px;margin:0;font-size:20px}.shop-picked>div{min-width:0}.shop-picked small{color:var(--muted);font-size:12px;display:block}.shop-picked strong{text-overflow:ellipsis;white-space:nowrap;font-size:18px;display:block;overflow:hidden}.shop-picked .outline-button{flex:none;gap:8px;margin-left:auto;padding:10px 14px;font-size:13px}.shop-picked+.shop-checkout,.shop-picked+.order-result{margin-top:16px}.shop-checkout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:20px;margin-top:26px;display:grid}.shop-steps{flex-direction:column;gap:18px;display:flex}.shop-step{padding:24px}.shop-step-head{align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.shop-step-head h2{margin:0 0 3px;font-size:19px}.shop-step-head p{color:var(--muted);margin:0;font-size:13px}.shop-step-no{background:var(--navy);width:34px;height:34px;color:var(--lime);border-radius:50%;flex:none;place-items:center;font-weight:700;transition:background .2s;display:grid}.shop-step-no.done{background:var(--lime);color:var(--navy)}.shop-step-no svg{width:18px;height:18px}.shop-step .field-grid label{font-size:13px;font-weight:600}.shop-step .field-grid input{border-radius:12px;height:48px;font-size:15px}.shop-step .field-grid input:focus{outline:2px solid var(--green);border-color:#0000}.shop-step .field-grid select{appearance:none;border:1px solid var(--line);height:48px;color:var(--ink);cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23687781' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E") right 14px center/16px no-repeat;border-radius:12px;padding:0 40px 0 12px;font-size:15px;font-weight:400}.shop-step .field-grid select:focus{outline:2px solid var(--green);border-color:#0000}.shop-step .field-grid select:invalid,.shop-step .field-grid select option[value=""]{color:#8a969c}.pack-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.pack-card{text-align:left;border:2px solid var(--line);background:#f7f9f6;border-radius:16px;flex-direction:column;gap:10px;min-height:96px;padding:16px 14px 14px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;position:relative}.pack-card:hover{border-color:#b9dc8a;transform:translateY(-2px)}.pack-card.selected{border-color:var(--green-2);background:#f1fae6;box-shadow:0 6px #5ea52c2e}.pack-card b{color:var(--ink);overflow-wrap:anywhere;padding-right:20px;font-size:15px;line-height:1.35}.pack-price{color:var(--green-2);margin-top:auto;font-size:16px;font-weight:700}.pack-check{background:var(--green-2);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:10px;right:10px}.pack-check svg{width:14px;height:14px}.shop-summary{background:var(--navy);color:#fff;border-radius:22px;flex-direction:column;gap:14px;padding:22px;display:flex;position:sticky;top:20px;box-shadow:0 18px 40px #121d2b38}.shop-summary-game{align-items:center;gap:14px;display:flex}.shop-summary-game .game-logo{border-radius:15px;width:52px;height:52px;margin:0;font-size:22px}.shop-summary-game small{color:#9badb4;font-size:12px}.shop-summary-game strong{font-size:19px;display:block}.shop-summary dl{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;flex-direction:column;gap:9px;margin:0;padding:14px 0;display:flex}.shop-summary dl>div{justify-content:space-between;gap:12px;font-size:13px;display:flex}.shop-summary dl>.sep{border-top:1px dashed #ffffff24;padding-top:9px}.shop-summary dt{color:#9badb4;flex:none}.shop-summary dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:600}.shop-summary dd.neg{color:#ff8a80}.shop-total{justify-content:space-between;align-items:baseline;display:flex}.shop-total span{color:#9badb4;font-size:13px}.shop-total strong{color:var(--lime);letter-spacing:-1px;font-size:30px}.shop-summary .lime-button{font-size:15px;position:static}.shop-alert{color:#ffb4ab;background:#ff6b6b1f;border-radius:12px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:13px;line-height:1.5;display:flex}.shop-alert svg{flex:none;width:16px;height:16px;margin-top:2px}.shop-note{color:#9badb4;gap:8px;margin:0;font-size:12px;line-height:1.5;display:flex}.shop-note svg{width:15px;height:15px;color:var(--lime);flex:none;margin-top:1px}.order-result{text-align:center;max-width:640px;margin:26px auto 0;padding:32px 28px}.order-result-icon{color:#3c7a12;background:#e2f6cf;border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 14px;display:grid}.order-result-icon svg{width:36px;height:36px}.result-pending .order-result-icon{color:#9a6200;background:#fff0d1}.result-fail .order-result-icon{color:#b3261e;background:#fde2e0}.order-result h2{margin:0 0 6px;font-size:24px}.order-result>p{color:var(--muted);max-width:460px;margin:0 auto;font-size:14px;line-height:1.7}.order-result .txn-details{margin:20px 0}.txn-details .wide{grid-column:1/-1}.txn-copy{align-items:center;gap:8px;display:flex}.txn-copy button{color:var(--muted);background:#e6ece3;border-radius:8px;padding:5px;display:grid}.txn-copy svg{width:14px;height:14px}.order-result-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.order-result-actions>button{font-size:14px;position:static}.badge.order-success,.order-chip.order-success{color:#3c7a12;background:#e2f6cf}.badge.order-pending,.order-chip.order-pending{color:#9a6200;background:#fff0d1}.badge.order-fail,.order-chip.order-fail{color:#b3261e;background:#fde2e0}.badge.order-refunded,.order-chip.order-refunded{color:#2456b8;background:#dfeaff}.order-chip{border-radius:99px;align-self:flex-start;margin:4px 0 2px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-flex}.order-search{flex-direction:column;gap:14px;margin-bottom:16px;padding:20px;display:flex}.order-search .segmented{max-width:460px;margin:0}.order-search-row{grid-template-columns:minmax(0,440px) auto auto;justify-content:start;align-items:end;gap:12px;display:grid}.order-search label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.order-search input{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:12px;padding:11px 13px;font-size:14px}.order-search input:focus{outline:2px solid var(--green);border-color:#0000}.order-search .dark-button{padding:12px 20px}.order-search .hint{margin:0;line-height:1.6}.order-empty{align-items:center;gap:6px}.order-empty svg{width:34px;height:34px;color:var(--green-2);margin-bottom:4px}.order-card{padding:22px}.order-card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.order-card-head small{color:var(--muted);font-size:12px}.order-card-head h2{margin:2px 0 0;font-size:22px}.order-card-head .outline-button{padding:10px}.txn-filters input[type=date]{cursor:pointer}.mono{font-variant-numeric:tabular-nums;letter-spacing:.2px}.order-counts{flex-wrap:wrap;align-self:center;gap:6px;margin-left:auto;display:flex}.order-table tbody tr{cursor:default}.order-table tbody tr:hover{background:#f7faf5}.order-table tbody tr.needs-action{background:#fffaf0}.order-table .num{text-align:right}.order-table .actions{text-align:right;width:1%}.cell-sub{color:var(--muted);margin-top:2px;font-size:11.5px;display:block}.cell-muted{color:#93a09a;font-size:13px}.refund-button{color:#b3261e;background:#fff;border:1.5px solid #e7b4ae;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.refund-button:hover{background:#fde2e0;border-color:#c9362d}.refund-button svg{width:15px;height:15px}.refund-button.lg{padding:12px 18px;font-size:14px}.lookup-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.lookup-grid>div{background:#f4f7f2;border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px;display:flex}.lookup-grid small{color:var(--muted);font-size:12px}.lookup-grid b{font-size:18px}.lookup-actions{border-top:0;margin-top:6px;padding-top:0}.refund-dialog{max-width:460px}.refund-dialog .txn-details{text-align:left;margin:16px 0 12px}.refund-warn{text-align:left;color:#8a5a00;background:#fff4e0;border-radius:12px;gap:10px;margin-bottom:12px;padding:11px 13px;font-size:13px;line-height:1.55;display:flex}.refund-warn svg{flex:none;width:18px;height:18px;margin-top:1px}.refund-reason{text-align:left;color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.refund-reason small{color:#93a09a}.refund-reason input{border:1px solid var(--line);color:var(--ink);border-radius:12px;padding:11px 13px;font-size:14px}.refund-reason input:focus{outline:2px solid var(--green);border-color:#0000}.refund-dialog .error-box{text-align:left;margin:12px 0 0}@media (max-width:850px){.shop-checkout{grid-template-columns:1fr}.shop-summary{position:static}.order-search-row,.lookup-grid{grid-template-columns:1fr}.order-counts{width:100%;margin-left:0}.order-result{padding:26px 18px}}@media (max-width:480px){.pack-grid{grid-template-columns:1fr 1fr;gap:9px}.pack-card{padding:13px 11px}.pack-card b{font-size:14px}.order-result-actions>button{flex:100%}}@media (max-width:700px){.order-table thead{display:none}.order-table,.order-table tbody,.order-table tr,.order-table td{width:100%;display:block}.order-table tbody tr{border:1px solid var(--line);background:#fff;border-radius:16px;margin-bottom:10px;padding:12px 14px}.order-table td{white-space:normal;text-align:right;border:0;justify-content:space-between;align-items:center;gap:12px;padding:5px 0;display:flex}.order-table td:before{content:attr(data-label);color:var(--muted);text-align:left;font-size:12px}.order-table td:first-child{text-align:left;border-bottom:1px solid #eef2ee;margin-bottom:4px;padding-bottom:8px;display:block}.order-table td:first-child:before,.order-table .actions:before{content:none}.order-table .actions{width:100%}.order-table .actions:empty{display:none}.order-table .refund-button{justify-content:center;width:100%;margin-top:6px}.order-table td.empty{text-align:center;border:0;padding:28px 0;display:block}.order-table tbody tr:has(td.empty){border-style:dashed}}.app-shell.has-art:before{content:"";z-index:0;background:linear-gradient(to bottom,transparent 75%,var(--paper) 100%),var(--art) center top/cover no-repeat var(--art-mint);height:clamp(520px,44vw,900px);position:absolute;inset:0 0 auto}.app-shell.art-topup,.app-shell.art-games{--art:url(/scene-bg.webp);--art-mobile:url(/scene-bg-mobile.webp);--art-mint:var(--hero-mint)}.has-art .subpage-head{color:var(--navy)}.has-art .subpage-head h1{text-shadow:0 2px 14px #ffffffd9}.has-art .subpage-head p{color:#1f3a4a;text-shadow:0 1px 8px #fffc}.has-art .subpage-head .eyebrow{color:var(--navy);text-shadow:0 1px 8px #fffc}.has-art .stepper{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffbf;border-radius:99px;padding:10px 18px;box-shadow:0 6px 20px #123c3c14}.has-art .step{color:#51626b}.has-art .form-card,.has-art .qr-card{box-shadow:0 10px 30px #123c3c1a}@media (max-width:850px){.app-shell.has-art:before{background:linear-gradient(to bottom,var(--art-mint) 0,var(--art-mint) 55%,var(--paper) 100%);height:760px}.has-art .subpage-head{background:linear-gradient(to bottom,transparent 80%,var(--art-mint) 100%) top/100% 58.9vw no-repeat,var(--art-mobile) top/100% 58.9vw no-repeat;margin:0 -16px 20px;padding:calc(58.9vw + 6px) 16px 0;display:block}.has-art .stepper{border-radius:18px;padding:10px 8px}}.loading-screen{min-height:100dvh}.loading-screen>*{grid-area:1/1}.loading-screen .brand-mark,.loading-bar{position:static}.loading-bar{margin:0;translate:0 52px}.settings-form section+section{border-top:1px solid var(--line);margin-top:26px;padding-top:22px}.settings-form h3{margin:0 0 12px;font-size:18px}.settings-form textarea[rows]{min-height:220px;line-height:1.6}.settings-form .form-footer{align-items:center}.settings-form .form-footer .hint{margin:0 auto 0 0}.promo-new{align-items:center;gap:6px;margin-left:auto;padding:11px 16px;display:flex}.promo-new svg{width:16px;height:16px}.promo-hint{margin:-4px 0 14px;line-height:1.6}.promo-table td b+.cell-sub,.promo-table td .cell-sub{white-space:normal}.promo-table .actions{justify-content:flex-end;gap:6px;display:flex}.promo-table .icon-btn:disabled{opacity:.35;cursor:not-allowed}.promo-table .icon-btn.danger:not(:disabled):hover{color:#b3261e;background:#fde2e0}.badge.promo-running{color:#3c7a12;background:#e2f6cf}.badge.promo-scheduled{color:#1d5fb3;background:#e3eefc}.badge.promo-ended,.badge.promo-inactive{color:#5b6a73;background:#e9edf0}.badge.promo-full{color:#9a6200;background:#fff0d1}.promo-modal{max-width:720px}.promo-summary{color:var(--ink);background:#f4f7f2;border-radius:14px;margin:16px 0 0;padding:14px 16px;font-size:14px;line-height:1.7}.promo-modal .error-box{margin-top:14px}.lg-foot-link{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.lg-foot-link:hover{color:var(--navy);text-decoration:underline}.info-scrim{padding-top:64px}.info-modal{max-width:720px}.info-body{white-space:pre-line;color:var(--ink);overflow-wrap:anywhere;max-height:60vh;font-size:15px;line-height:1.8;overflow-y:auto}.contact-list{gap:10px;margin:0;display:grid}.contact-list div{background:#f4f7f2;border-radius:12px;grid-template-columns:110px 1fr;gap:12px;padding:12px 14px;display:grid}.contact-list dt{color:var(--muted);font-size:13px}.contact-list dd{overflow-wrap:anywhere;margin:0;font-weight:600}.contact-list a{color:var(--green-2)}.contact-note{max-height:none;margin-top:14px}.nav-group{position:relative}.nav-caret{transition:transform .15s;width:15px!important;height:15px!important}.nav-group.open .nav-caret{transform:rotate(180deg)}.nav-menu{background:var(--navy);z-index:30;border-radius:16px;flex-direction:column;gap:2px;min-width:210px;padding:8px;display:none;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 16px 34px #0a141e4d}.nav-group.open .nav-menu{display:flex}.nav-menu .nav-link{white-space:nowrap;width:100%}.nav-menu .nav-link.active{background:#ffffff17}.nav-menu .nav-link.active:after{display:none}@media (max-width:850px){.nav-group-toggle{display:none}.nav-menu{min-width:0;box-shadow:none;background:0 0;border-top:1px solid #ffffff1a;border-radius:0;margin-top:6px;padding:6px 0 0;display:flex;position:static}}.promo-runs{margin-top:18px}.promo-runs-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.promo-runs-head h3{margin:0 0 4px;font-size:18px}.promo-runs-head .hint{margin:0}.promo-runs-head .outline-button{padding:10px}.promo-run-form{align-items:flex-end}.promo-run-form .check{cursor:pointer;flex-direction:row;flex:none;align-items:center;gap:8px;max-width:none;padding-bottom:12px}.promo-run-form .check input{width:16px;height:16px;padding:0}.promo-run-form .dark-button{padding:11px 18px}.promo-run-table tbody tr{cursor:default}.promo-run-table .run-detail{white-space:normal;min-width:220px}.run-error{color:#b3261e}.badge.run-done{color:#3c7a12;background:#e2f6cf}.badge.run-failed{color:#b3261e;background:#fde2e0}.badge.run-running{color:#9a6200;background:#fff0d1}.fin-overview,.fin-section{margin-bottom:18px}.fin-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.fin-head h3{margin:0 0 4px;font-size:18px}.fin-head .hint{margin:0;line-height:1.6}.fin-head .outline-button{padding:10px}.fin-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.fin-card{background:#f4f7f2;border-radius:16px;flex-direction:column;gap:4px;min-width:0;padding:16px;display:flex}.fin-card small{color:var(--muted);font-size:12px}.fin-card b{letter-spacing:-.5px;overflow-wrap:anywhere;font-size:22px}.fin-card span{color:var(--muted);align-items:center;gap:4px;font-size:12px;line-height:1.5;display:flex}.fin-card span svg{flex:none;width:14px;height:14px}.fin-card.warn{background:#fff6e0}.fin-card.warn span{color:#9a6200}.fin-bank{border-top:1px solid var(--line);flex-wrap:wrap;align-items:flex-end;gap:14px;margin-top:14px;padding-top:14px;display:flex}.fin-bank>div{flex-direction:column;gap:2px;display:flex}.fin-bank small{color:var(--muted);font-size:12px}.fin-bank b{font-size:18px}.fin-bank label{color:var(--muted);flex-direction:column;gap:6px;min-width:200px;font-size:13px;display:flex}.fin-bank input{border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-family:inherit;font-size:14px}.fin-diff span{color:var(--muted);max-width:320px;font-size:12px}.fin-diff.ok b{color:#3c7a12}.fin-diff.bad b{color:#b3261e}.fin-rows{gap:6px;margin:0 0 14px;display:grid}.fin-rows div{background:#f7f9f6;border-radius:12px;justify-content:space-between;gap:12px;padding:10px 14px;font-size:14px;display:flex}.fin-rows dt{color:var(--muted)}.fin-rows dd{text-align:right;margin:0}.fin-rows .main{background:#e8f6d9}.fin-rows .main dt{color:var(--ink);font-weight:600}.fin-rows .main b{font-size:17px}.fin-rows .bad{background:#fde2e0}.fin-rows .bad dt,.fin-rows .bad dd{color:#b3261e}.fin-unresolved{margin:8px 0 0;padding-left:18px;font-size:13px;line-height:1.7}.fin-form{margin-top:4px}.fin-fund-grid{grid-template-columns:1fr 1fr}.fin-sub{margin:22px 0 8px;font-size:15px}.fin-table tbody tr{cursor:default}.fin-daily td{vertical-align:top}.fin-cards.five{grid-template-columns:repeat(5,minmax(0,1fr))}.fin-card.good{background:#e8f6d9}.fin-card.good b{color:#3c7a12}.fin-card.loss{background:#fde2e0}.fin-card.loss b,.fin-card.loss span{color:#b3261e}.fin-presets{flex-wrap:wrap;align-self:flex-end;gap:6px;display:flex}.fin-presets .outline-button{padding:8px 12px;font-size:13px}.fin-note{color:var(--muted);background:#f4f7f2;border-radius:12px;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 12px;font-size:13px;line-height:1.6;display:flex}.fin-note svg{flex:none;width:16px;height:16px;margin-top:2px}.fin-note.warn{color:#9a6200;background:#fff6e0}.fin-table td.neg,.fin-table td.neg b{color:#b3261e}.cell-sub.warn{color:#9a6200}.fin-rows .split{background:0 0;padding:4px 14px 4px 28px;font-size:13px}.fin-rows .warn{background:#fff6e0}.fin-rows .warn dt,.fin-rows .warn dd{color:#9a6200}@media (max-width:1100px){.fin-cards.five{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:850px){.fin-cards,.fin-cards.five{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.fin-cards,.fin-cards.five{grid-template-columns:1fr}.fin-rows div{flex-direction:column;gap:2px}.fin-rows dd{text-align:left}}.txn-badge-expired,.txn-badge-cancelled,.txn-expired .txn-icon,.txn-cancelled .txn-icon{color:#5b6a73;background:#e9edf0}.slip-confirm{background:var(--navy);color:#fff;cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:6px;margin-top:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.slip-confirm:hover{background:var(--navy-2)}.slip-confirm input{display:none}.slip-confirm.busy{opacity:.6;cursor:progress}.qr-expired-note{color:#9a6200;background:#fff6e0;border-radius:12px;margin:12px 0 0;padding:10px 12px;font-size:13px;line-height:1.6}.legal-page{background:var(--paper);flex-direction:column;align-items:center;gap:24px;min-height:100vh;padding:32px 16px 40px;display:flex}.legal-brand{color:inherit;align-self:center;text-decoration:none}.legal-card{background:#fff;border:1px solid #e6e9f0;border-radius:20px;width:100%;max-width:760px;padding:32px}.legal-card h1{margin:6px 0 8px;font-size:28px}.legal-body{white-space:pre-line;color:var(--ink);overflow-wrap:anywhere;margin-top:18px;font-size:15px;line-height:1.8}.legal-foot{flex-wrap:wrap;justify-content:center;gap:8px 20px;font-size:13px;display:flex}.legal-foot a{color:#8896a5}.legal-foot a:hover{color:var(--navy);text-decoration:underline}@media (max-width:600px){.legal-card{padding:22px 18px}.legal-card h1{font-size:23px}}.topup-promos{background:#f7fbef;border:1px solid #e3ecd4;border-radius:16px;flex-direction:column;gap:10px;padding:14px 16px 10px;display:flex}.topup-promos-head{align-items:center;gap:8px;font-size:14px;display:flex}.topup-promos-head svg{width:18px;height:18px;color:var(--green-2)}.topup-promos-head span{color:var(--green-2);background:#e6f4cf;border-radius:999px;margin-left:auto;padding:2px 10px;font-size:12px;font-weight:600}.topup-promos ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.topup-promos li{background:#fff;border:1px solid #e6e9f0;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.topup-promos li.eligible{border-color:var(--green)}.topup-promos li div{flex-direction:column;gap:2px;min-width:0;display:flex}.topup-promos li b{font-size:14px;font-weight:600}.topup-promos li small{color:var(--muted);font-size:12px;line-height:1.5}.topup-promo-tag{color:var(--navy);background:var(--lime);border-radius:999px;flex:none;margin-left:auto;padding:3px 9px;font-size:11px;font-weight:600}.topup-promos-foot{text-align:right;color:var(--muted);margin:0;font-size:11px}.pricing-game{background:#fff;border:1px solid #e6e9f0;border-radius:14px;margin-top:10px}.pricing-game summary{cursor:pointer;align-items:center;gap:10px;padding:12px 16px;list-style:none;display:flex}.pricing-game summary::-webkit-details-marker{display:none}.pricing-game summary:before{content:"▸";color:var(--muted);transition:transform .15s}.pricing-game[open] summary:before{transform:rotate(90deg)}.pricing-game summary span{color:var(--muted);margin-left:auto;font-size:12px}.pricing-game summary em{color:var(--green-2);font-style:normal;font-weight:600}.pricing-game .table-scroll{border-top:1px solid #eef1f5}.pricing-table td,.pricing-table th{vertical-align:middle}.pricing-table tr.is-custom td:first-child b{color:var(--green-2)}.price-input{text-align:right;width:96px;font:inherit;border:1px solid #d9dee7;border-radius:8px;padding:6px 8px}.price-input.invalid{background:#fff5f5;border-color:#e5484d}.price-custom{color:var(--green-2);background:#e6f4cf;margin-left:6px}.pricing-table td.loss{color:#e5484d;font-weight:600}