@import "https://fonts.googleapis.com/css2?family=Mitr:wght@300;400;500;600;700&family=Noto+Sans+Thai:wght@300;400;500;600;700;800;900&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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, 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;--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,ui-sans-serif, system-ui, 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{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{.invisible{visibility:hidden}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.contents{display:contents}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.uppercase{text-transform:uppercase}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.store-selector .store-selector-title>span{background:radial-gradient(circle,#5cffb12e,#0000 68%),linear-gradient(145deg,#173324,#0d1b13);overflow:hidden}.store-selector .store-selector-title>span>img{object-fit:contain;filter:drop-shadow(0 7px 10px #0000006b)drop-shadow(0 0 8px #5cffb12e);width:52px;max-width:calc(100% - 8px);height:52px;max-height:calc(100% - 8px);transition:transform .25s,filter .25s;display:block}.store-selector-title:hover>span>img{filter:drop-shadow(0 9px 12px #0000007a)drop-shadow(0 0 12px #5cffb147);transform:scale(1.06)}.store-selector{min-height:720px;padding-top:58px}.store-selector-title{align-items:center;gap:16px;margin-bottom:28px;display:flex}.store-selector-title>span{width:62px;height:62px;color:var(--green);background:linear-gradient(145deg,#173324,#0d1b13);border:1px solid #356049;border-radius:18px;place-items:center;font-size:29px;display:grid;box-shadow:inset 0 1px #ffffff14,0 12px 30px #00000040}.store-selector-title small{color:var(--green);letter-spacing:2px;font-size:9px;font-weight:900}.store-selector-title h1{margin:1px 0;font-family:Mitr,sans-serif;font-size:36px;line-height:1.1}.store-selector-title p{color:#829087;margin:3px 0 0;font-size:13px}.store-server-card{color:#fff;text-align:left;background:#090d0a;border:1px solid #2b4536;border-radius:24px;width:min(530px,100%);padding:0;transition:transform .25s,border-color .25s,box-shadow .25s;overflow:hidden;box-shadow:0 25px 70px #00000052}.store-server-card:hover{border-color:#5cffb1;transform:translateY(-6px);box-shadow:0 30px 80px #0000006b,0 0 35px #5cffb11f}.store-server-visual{background:radial-gradient(circle at 50% 42%,#5cffb12b,#0000 43%),linear-gradient(145deg,#101a14,#080b09);flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:32px;display:flex;position:relative}.store-server-visual:before{content:"";background-image:linear-gradient(#5cffb106 1px,#0000 1px),linear-gradient(90deg,#5cffb106 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.store-server-visual>i{background:var(--green);width:9px;height:9px;box-shadow:0 0 17px var(--green);border-radius:50%;position:absolute;top:20px;right:22px}.store-server-visual>img{object-fit:contain;filter:drop-shadow(0 18px 28px #0000008c);width:280px;max-width:82%;height:210px;transition:transform .3s,filter .3s;position:relative}.store-server-card:hover .store-server-visual>img{filter:drop-shadow(0 20px 34px #2effa438);transform:scale(1.045)}.store-server-visual>strong{color:#dfffee;text-align:center;background:#060a07b8;border:1px solid #2c4235;border-radius:11px;width:100%;margin-top:17px;padding:13px;font-size:13px;position:relative}.store-server-card>footer{background:linear-gradient(90deg,#0d1510,#090c0a);border-top:1px solid #25342c;grid-template-columns:54px 1fr 50px;align-items:center;gap:14px;min-height:96px;padding:18px 22px;display:grid}.store-server-card>footer>img{object-fit:contain;background:#122119;border:1px solid #31503e;border-radius:14px;width:54px;height:54px;padding:4px}.store-server-card>footer>span{flex-direction:column;min-width:0;display:flex}.store-server-card>footer b{color:var(--green);font-family:Mitr,sans-serif;font-size:16px}.store-server-card>footer small{color:#7c8b82;margin-top:3px;font-size:10px}.store-server-card>footer em{width:50px;height:50px;color:var(--green);background:#112219;border:1px solid #355642;border-radius:14px;place-items:center;font-size:22px;font-style:normal;transition:all .22s;display:grid}.store-server-card:hover>footer em{border-color:var(--green);background:#183a28;transform:translate(3px)}@media (width<=720px){.store-selector{min-height:600px;padding-top:30px}.store-selector-title>span{border-radius:15px;width:52px;height:52px}.store-selector-title h1{font-size:30px}.store-server-visual{min-height:270px;padding:23px}.store-server-visual>img{height:175px}.store-server-card>footer{grid-template-columns:46px 1fr 44px;padding:15px}.store-server-card>footer>img{width:46px;height:46px}.store-server-card>footer em{width:44px;height:44px}.store-server-card>footer b{font-size:14px}}.milestone-grid article.unlocked.unlocked{background:radial-gradient(circle at 50% 18%,#5cffb140,#0000 48%),linear-gradient(155deg,#193d2a,#0d2016);border-color:#5cffb1;box-shadow:inset 0 1px #daffec29,0 0 0 2px #5cffb114,0 14px 34px #1cd67e2e}.milestone-grid article.unlocked.unlocked:hover{border-color:#a8ffd5;box-shadow:inset 0 1px #ffffff38,0 0 0 3px #5cffb11c,0 18px 42px #1cd67e47}.milestone-grid article.unlocked.unlocked .milestone-icon{filter:saturate(1.25)brightness(1.18);opacity:1;transform:scale(1.05)}.milestone-grid article.unlocked.unlocked>b{color:#baffdc;text-shadow:0 0 14px #5cffb1a6}.milestone-grid article.unlocked.unlocked>strong{color:#fff}.milestone-grid article.unlocked.unlocked>small{color:#9ad9b8}.milestone-grid article.unlocked.unlocked>button{color:#aaffd3;opacity:1;background:#183b28;border-color:#4dcf8d}.milestone-grid article.unlocked.claimed.claimed>button{color:#68786e;opacity:1;background:#0a100c;border-color:#26372e;box-shadow:inset 0 1px #ffffff08}.guide-page{min-height:900px;padding-bottom:90px}.guide-hero{text-align:center;background-color:#0000;background-image:radial-gradient(circle at 50% 30%,#1eb88030,#0000 42%),linear-gradient(#050a07a6,#050a07f2);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;justify-content:center;align-items:center;min-height:270px;padding:70px 24px 56px;display:flex}.guide-hero>span{color:var(--green);letter-spacing:2.5px;font-size:10px;font-weight:900}.guide-hero h1{margin:10px 0 4px;font-family:Mitr,sans-serif;font-size:clamp(42px,6vw,70px);line-height:1}.guide-hero p{color:#95a49b;margin:10px 0}.guide-layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:22px;width:calc(100% - 56px);max-width:1120px;margin:-28px auto 0;display:grid;position:relative}.guide-sidebar,.guide-article{background:#070a08f7;border:1px solid #27372f;border-radius:18px;overflow:hidden;box-shadow:0 20px 60px #00000052}.guide-sidebar{position:sticky;top:96px}.guide-sidebar>label,.guide-sidebar>div{padding:17px;display:block}.guide-sidebar>label{border-bottom:1px solid #1c2721}.guide-sidebar small{color:#69786f;letter-spacing:1.5px;margin-bottom:9px;font-size:9px;font-weight:800;display:block}.guide-sidebar label>span{background:#080b09;border:1px solid #26342d;border-radius:10px;align-items:center;display:flex}.guide-sidebar label b{color:#66756c;padding-left:12px}.guide-sidebar input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:12px 10px}.guide-sidebar nav{flex-direction:column;gap:5px;display:flex}.guide-sidebar nav button{color:#919f97;text-align:left;background:0 0;border:0;border-radius:9px;padding:12px}.guide-sidebar nav button:hover,.guide-sidebar nav button.active{color:var(--green);background:#13251b}.guide-article>header{border-bottom:1px solid #202b25;padding:30px 34px}.guide-article>header span{color:var(--green);letter-spacing:2px;font-size:9px;font-weight:900}.guide-article>header h2{margin:7px 0 2px;font-size:32px}.guide-article>header p{color:#7e8c84;margin:0;font-size:12px}.guide-blocks{padding:28px}.guide-content-block{white-space:normal;background:linear-gradient(145deg,#101713c7,#080b09b8);border-width:1px;border-radius:14px;margin-bottom:18px}.guide-content-block.border-solid{border-style:solid}.guide-content-block.border-dashed{border-style:dashed}.guide-content-block.border-none{border-style:solid;border-color:#0000!important}.guide-content-block img{object-fit:contain;border-radius:12px;max-width:100%;max-height:440px;margin:0 auto 22px;display:block}.guide-content-block h2{margin:0 0 12px;font-size:24px}.guide-content-block p{color:inherit;white-space:normal;margin:0 0 14px;line-height:1.85}.guide-content-block p:last-child{margin-bottom:0}@media (width<=720px){.guide-page{padding-bottom:45px}.guide-hero{min-height:220px;padding:55px 18px 45px}.guide-layout{grid-template-columns:1fr;width:calc(100% - 30px);margin-top:-20px}.guide-sidebar{position:static}.guide-sidebar nav{flex-direction:row;display:flex;overflow:auto}.guide-sidebar nav button{min-width:max-content}.guide-article>header{padding:24px 20px}.guide-blocks{padding:15px}.guide-content-block{padding:20px!important}}:root{--green:#5cffb1;--green2:#22d982;--black:#060807;--panel:#0d110f;--panel2:#121814;--line:#1d2922;--muted:#8b9a91;--white:#f4fff9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--black);color:var(--white);caret-color:#0000;margin:0;font-family:Noto Sans Thai,Leelawadee UI,Tahoma,sans-serif}input,textarea,[contenteditable=true]{caret-color:auto}button,input{font:inherit}button{cursor:pointer}main{background:radial-gradient(circle at 72% 18%,#5cffb114,transparent 26%),var(--black);min-height:100vh}.nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:50;background:#060807eb;border-bottom:1px solid #142019;align-items:center;gap:52px;height:76px;padding:0 max(28px,50vw - 640px);display:flex;position:sticky;top:0}.brand{color:#fff;letter-spacing:-.5px;background:0 0;border:0;align-items:center;gap:11px;font-size:18px;font-weight:900;display:flex}.brand>span:last-child span{color:var(--green)}.brand-mark{border:1px solid var(--green);background:var(--green);clip-path:polygon(12% 0,100% 0,100% 78%,77% 100%,0 100%,0 12%);place-items:center;width:39px;height:39px;color:#06120c!important;display:grid!important}.nav nav{flex:1;gap:8px;display:flex}.nav nav button{color:#849087;background:0 0;border:0;border-radius:8px;padding:13px 18px;font-weight:700}.nav nav button:hover,.nav nav button.active{color:var(--green);background:#111a15}.nav-actions{align-items:center;gap:13px;display:flex}.icon-button{border:1px solid var(--line);color:#fff;background:#0d120f;border-radius:9px;width:44px;height:44px;position:relative}.icon-button b{background:var(--green);color:#06120c;border-radius:20px;min-width:20px;padding:2px 5px;font-size:11px;position:absolute;top:-7px;right:-7px}.primary,.secondary,.danger{border:0;border-radius:9px;padding:15px 22px;font-weight:900;transition:all .2s}.primary{background:var(--green);color:#05110b;box-shadow:0 0 #5cffb100}.primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #5cffb133}.primary.small{padding:11px 18px}.primary.full,.secondary.full,.danger.full{width:100%}.secondary{color:var(--green);background:#102219;border:1px solid #24553b}.danger{color:#ff999d;background:#241112;border:1px solid #59282b}.profile{align-items:center;gap:9px;padding:8px;display:flex;position:relative}.profile>div:nth-child(2){flex-direction:column;display:flex}.profile small{color:var(--green);font-size:11px}.profile-menu{border:1px solid var(--line);background:#101511;border-radius:12px;width:190px;padding:7px;display:none;position:absolute;top:56px;right:0;box-shadow:0 18px 50px #000}.profile:hover .profile-menu{flex-direction:column;display:flex}.profile-menu button{color:#cbd7d0;text-align:left;background:0 0;border:0;border-radius:7px;padding:11px}.profile-menu button:hover{color:var(--green);background:#172019}.mc-head{image-rendering:pixelated;background:#151d18;border-radius:8px}.hero{flex-direction:column;justify-content:center;min-height:690px;padding:90px max(28px,50vw - 640px);display:flex;position:relative;overflow:hidden}.grid-glow{background-image:linear-gradient(#5cffb109 1px,#0000 1px),linear-gradient(90deg,#5cffb109 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 82%);mask-image:linear-gradient(90deg,#000,#0000 82%)}.hero>:not(.grid-glow){z-index:1;position:relative}.eyebrow,.page-title>span,.section-head>span{color:var(--green);letter-spacing:2.4px;font-size:12px;font-weight:900}.hero h1{letter-spacing:-7px;max-width:900px;margin:20px 0 28px;font-size:clamp(62px,8vw,112px);line-height:.9}.hero h1 span{color:#0000;-webkit-text-stroke:1px var(--green);text-shadow:0 0 50px #5cffb11f}.hero>p{color:#a1aea6;max-width:650px;font-size:18px;line-height:1.8}.hero-actions{align-items:center;gap:15px;margin-top:25px;display:flex}.server-pill{border:1px solid var(--line);color:#fff;background:#0c100e;border-radius:10px;align-items:center;gap:11px;padding:10px 15px;display:flex}.server-pill i,.admin-status i,.health i{background:var(--green);width:8px;height:8px;box-shadow:0 0 13px var(--green);border-radius:50%}.server-pill span{text-align:left;flex-direction:column;font-weight:800;display:flex}.server-pill small{color:#728078;letter-spacing:1.5px;font-size:9px}.server-pill b{color:var(--green);margin-left:12px;font-size:11px}.hero-stats{gap:55px;margin-top:70px;display:flex}.hero-stats div{flex-direction:column;display:flex}.hero-stats b{color:var(--green);font-size:25px}.hero-stats span{color:#718077;font-size:12px}.section{max-width:1280px;margin:auto;padding:100px 28px}.section-head{justify-content:space-between;align-items:end;margin-bottom:40px;display:flex}.section h2,.page-title h1{letter-spacing:-2.5px;margin:13px 0;font-size:clamp(36px,5vw,64px);line-height:1.05}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature-grid article{border:1px solid var(--line);background:linear-gradient(145deg,#0e1310,#090c0a);border-radius:14px;min-height:290px;padding:34px;position:relative}.feature-grid em{color:#314239;font-style:normal;font-weight:900;position:absolute;top:22px;right:25px}.feature-icon{width:58px;height:58px;color:var(--green);background:#102218;border:1px solid #28533c;border-radius:12px;place-items:center;font-size:25px;display:grid}.feature-grid h3{margin-top:35px;font-size:22px}.feature-grid p{color:var(--muted);line-height:1.7}.cta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(circle at 80%,#5cffb11a,#0000 28%);justify-content:space-between;align-items:end;display:flex}.cta span{color:var(--green);font-weight:800}.cta h2{margin-bottom:0}.page-shell{max-width:1280px;min-height:800px;margin:auto;padding:75px 28px 120px}.page-title{margin-bottom:45px}.page-title p,.section-title p{color:var(--muted);font-size:16px}.server-card{color:#fff;text-align:left;background:linear-gradient(145deg,#14221a,#090c0a);border:1px solid #294636;border-radius:18px;width:min(640px,100%);min-height:390px;padding:38px;position:relative;overflow:hidden}.server-card>span{color:var(--green);letter-spacing:2px;font-size:12px;font-weight:900}.server-art{opacity:.16;font-size:190px;position:absolute;top:10px;right:30px}.server-card h2{margin:170px 0 5px;font-size:42px}.server-card p{color:var(--muted)}.server-card b{color:var(--green)}.shop-layout{grid-template-columns:210px 1fr;gap:24px;display:grid}.categories{border:1px solid var(--line);background:#0c100e;border-radius:14px;height:max-content;padding:14px;position:sticky;top:96px}.categories>small{color:#66746b;padding:10px;font-weight:800;display:block}.categories button{color:#9caaa1;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;width:100%;padding:13px;display:flex}.categories button.selected{color:var(--green);background:#14261c;font-weight:900}.categories button span{opacity:.5}.catalog-title{align-items:center;gap:10px;display:flex}.catalog-title h2{font-size:30px}.catalog-title span{color:var(--muted)}.product-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.product{border:1px solid var(--line);background:#0c100e;border-radius:14px;overflow:hidden}.product-visual{background:radial-gradient(circle,#5cffb11f,#0000 60%),#101612;place-items:center;height:205px;display:grid;position:relative}.product-visual>span{filter:drop-shadow(0 10px 20px #000);font-size:83px}.product-visual small{color:var(--green);font-weight:800;position:absolute;top:14px;left:15px}.product-info{padding:18px}.product-info h3{margin:0}.product-info p{color:var(--muted);min-height:40px;font-size:13px;line-height:1.55}.product-info strong{color:var(--green);margin:16px 0;display:block}.product-info>div{gap:8px;display:flex}.product-info .primary{flex:1}.gift{background:#14241b;border:1px solid #395848;border-radius:8px;width:42px}.info-cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.info-cards article,.account-grid article{border:1px solid var(--line);background:#0c100e;border-radius:13px;flex-direction:column;gap:15px;padding:24px;display:flex}.info-cards small,.account-grid span{color:var(--muted);letter-spacing:1.5px;font-size:11px}.green{color:var(--green)}.section-title{margin-top:45px}.section-title h2{margin-bottom:4px}.payment-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.payment-card{text-align:left;border:1px solid var(--line);color:#fff;background:#0b0f0d;border-radius:16px;min-height:280px;padding:30px;position:relative}.payment-card:hover{border-color:#3d7456}.payment-logo{background:#214c7a;border-radius:15px;place-items:center;width:75px;height:75px;font-size:28px;font-weight:900;display:grid}.payment-logo.wallet{background:#ef7d25}.payment-card h3{margin-top:35px;font-size:25px}.payment-card p{color:var(--muted)}.payment-card b{color:var(--green);position:absolute;bottom:28px;right:28px}.history-box{border:1px solid var(--line);background:#0b0e0c;border-radius:14px;margin-top:22px;padding:27px}.history-box p{color:var(--muted);text-align:center;padding:35px}.overlay,.cart-backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);z-index:100;background:#000c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#080a09;border:1px solid #26352c;border-radius:18px;width:min(600px,100%);max-height:94vh;padding:30px;position:relative;overflow:auto}.modal .close{color:#fff;background:0 0;border:0;font-size:28px;position:absolute;top:16px;right:20px}.modal h2{margin-bottom:8px;font-size:31px}.modal>p{color:var(--muted);line-height:1.6}.tag{color:var(--green);letter-spacing:1.5px;background:#10261a;border:1px solid #28553d;border-radius:20px;padding:6px 12px;font-size:10px;font-weight:900;display:inline-block}.points-preview,.howto{background:#0c1d14;border:1px solid #25583e;border-radius:12px;flex-direction:column;gap:12px;margin:22px 0;padding:20px;display:flex}.modal label{flex-direction:column;gap:8px;margin:18px 0;font-weight:800;display:flex}.modal input,.redeem-card input,.cart input,.config-row input{color:#fff;background:#060806;border:1px solid #26342c;border-radius:10px;outline:none;padding:16px}.modal input:focus,.redeem-card input:focus{border-color:var(--green)}.howto ol{color:#aebbb3;line-height:2}.qr-summary,.transaction{justify-content:space-between;align-items:center;padding:13px 0;display:flex}.qr-summary span{flex-direction:column;display:flex}.qr-summary b{font-size:28px}.qr-summary i{color:var(--green);font-size:11px;font-style:normal}.qr-demo{background:#fff;border-radius:15px;place-items:center;height:280px;margin:10px 0;display:grid}.qr-demo>div{color:#000;text-align:center;border:12px dotted #000;padding:60px;font-family:monospace;font-size:23px}.qr-demo strong{font-size:60px}.notice{color:#e4d783;background:#1f1b09;border:1px solid #6a5e1b;border-radius:9px;padding:13px;font-size:12px}.transaction{border-bottom:1px solid var(--line);color:#9eaca3}.transaction button{border:1px solid var(--line);color:#fff;background:#121813;border-radius:6px;padding:6px}.payment-modal>.full{margin-top:10px}.podium{border:1px solid var(--line);background:radial-gradient(circle at 50% 40%,#5cffb11a,#0000 36%),#0b0e0c;border-radius:20px;justify-content:center;align-items:end;gap:20px;padding:45px 20px;display:flex}.rank-card{background:#0e1712;border:1px solid #29543c;border-radius:20px;flex-direction:column;align-items:center;width:250px;height:400px;padding:22px;display:flex}.rank-card.top-1{border-color:var(--green);background:linear-gradient(#183425,#0c120e);height:470px;box-shadow:0 0 50px #5cffb114}.rank-card>span{color:var(--green);align-self:start;font-weight:900}.rank-card>b{color:#b5c2ba;align-self:end;font-size:12px}.skin-figure{flex:1;place-items:center;display:grid}.skin-figure .mc-head{width:128px;height:128px;transform:scale(1.25);box-shadow:0 30px 45px #000}.rank-card h3{font-size:22px}.rank-list,.supporters{border:1px solid var(--line);background:#0b0e0c;border-radius:18px;margin-top:30px;padding:30px}.rank-list h2{margin:4px 0 25px}.rank-list small{color:var(--muted)}.rank-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.rank-grid article{border:1px solid var(--line);background:#101511;border-radius:12px;align-items:center;gap:13px;padding:14px;display:flex}.rank-grid article>strong{color:var(--green);width:34px}.rank-grid article>span{flex-direction:column;flex:1;display:flex}.rank-grid em{font-style:normal;font-weight:900}.supporters{align-items:center;gap:16px;display:flex;overflow:auto}.supporters>div{min-width:240px}.supporters article{background:#101511;border-radius:12px;align-items:center;gap:12px;min-width:235px;padding:15px;display:flex}.supporters article span{flex-direction:column;display:flex}.supporters small{color:var(--green)}.redeem-card{border:1px solid var(--line);background:#0c100e;border-radius:18px;max-width:620px;padding:45px}.redeem-icon{color:var(--green);font-size:45px}.redeem-card h2{font-size:34px}.redeem-card p{color:var(--muted);line-height:1.6}.redeem-card input{letter-spacing:2px;text-align:center;width:100%;margin:20px 0;font-size:19px}.account-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.account-grid b{color:var(--green);font-size:35px}.cart-backdrop{place-items:stretch end;padding:0}.cart{border-left:1px solid var(--line);background:#0a0d0b;flex-direction:column;width:min(330px,100%);height:100%;display:flex;box-shadow:-20px 0 70px #000}.cart header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;padding:21px;display:flex}.cart header small{color:var(--green)}.cart header h2{margin:5px 0;font-size:21px}.cart header h2 span{color:var(--green);font-size:11px}.cart header button{color:#fff;background:0 0;border:0;font-size:27px}.cart-items{flex:1;padding:12px;overflow:auto}.cart-items article{border-bottom:1px solid var(--line);gap:11px;padding:14px 0;display:flex}.cart-icon{background:#131b16;border-radius:9px;place-items:center;width:55px;height:55px;font-size:26px;display:grid}.cart-detail{flex:1}.cart-detail h3{margin:0 0 6px;font-size:14px}.cart-detail p{border-radius:5px;margin:4px 0;padding:5px 7px;font-size:10px}.gift-label{color:#ffc8ea;background:#33172a}.self-label{color:var(--green);background:#10271a}.cart-detail>small{color:var(--muted);font-size:10px}.quantity{justify-content:end;align-items:center;gap:5px;margin-top:10px;display:flex}.quantity button{color:#fff;background:#141b16;border:1px solid #26322b;border-radius:5px;padding:5px 8px}.quantity button:first-child{color:#ff8f94;margin-right:auto}.cart footer{border-top:1px solid var(--line);background:#0d110e;padding:16px}.cart footer label{display:flex}.cart footer input{flex:1;min-width:0;padding:11px}.cart footer label button{color:var(--green);background:#15231a;border:1px solid #274334}.cart footer>div{justify-content:space-between;margin:18px 0;display:flex}.cart footer>small{text-align:center;color:var(--muted);margin-top:10px;font-size:9px;display:block}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;padding:70px 10px;display:flex}.empty span{font-size:45px}.empty b{color:#fff;margin-top:15px}.login{text-align:center}.login-logo{background:var(--green);color:#06120c;clip-path:polygon(10% 0,100% 0,100% 80%,80% 100%,0 100%,0 10%);place-items:center;width:70px;height:70px;margin:5px auto 15px;font-size:36px;font-weight:900;display:grid}.login label{text-align:left}.login>small{color:var(--muted);margin-top:17px;display:block}.form-error{color:#ff9fa4;background:#291113;border-radius:8px;padding:10px}.demo-note{color:#bfae72;background:#201c0c;border:1px solid #4c431b;border-radius:7px;margin-top:12px;padding:9px;font-size:10px}.admin-shell{background:#080a09;grid-template-columns:255px 1fr;min-height:calc(100vh - 76px);display:grid}.admin-nav{border-right:1px solid var(--line);background:#0b0f0c;padding:28px 16px}.admin-nav>.brand{margin-bottom:30px}.admin-nav>small{color:#59665e;padding:12px;display:block}.admin-nav>button{color:#91a097;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;width:100%;padding:12px;display:flex}.admin-nav>button.selected{color:var(--green);background:#15251b;font-weight:900}.admin-status{border:1px solid var(--line);border-radius:9px;align-items:center;gap:10px;margin-top:30px;padding:13px;display:flex}.admin-status span{flex-direction:column;font-size:11px;display:flex}.admin-status small{color:var(--muted);margin-top:3px;font-size:8px}.admin-main{min-width:0;padding:34px}.admin-main>header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.admin-main>header small{color:var(--green);letter-spacing:1.5px}.admin-main>header h1{margin:4px 0;font-size:40px}.metrics{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.metrics article{border:1px solid var(--line);background:#0e130f;border-radius:12px;flex-direction:column;gap:10px;padding:20px;display:flex}.metrics small{color:var(--muted)}.metrics b{font-size:28px}.metrics span{color:var(--green);font-size:10px}.metrics .warning{color:#ffd876}.admin-panels{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.admin-panels>article{border:1px solid var(--line);background:#0e130f;border-radius:13px;padding:20px}.health,.activity{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 0;display:flex}.health span,.activity span{flex:1}.health b{color:var(--green);font-size:11px}.activity small{color:var(--muted)}.config-banner{background:linear-gradient(100deg,#13291c,#0d130f);border:1px solid #2c523b;border-radius:14px;justify-content:space-between;align-items:center;padding:27px;display:flex}.config-banner span{color:var(--green);letter-spacing:1.5px;font-size:11px}.config-banner h2{margin:7px 0}.config-banner p{color:var(--muted);margin:0}.toggle{color:#9caaa1;background:#111713;border:1px solid #32443a;border-radius:30px;align-items:center;gap:8px;padding:10px 15px;display:flex}.toggle i{background:#5a665f;border-radius:50%;width:12px;height:12px}.toggle.on i{background:var(--green);box-shadow:0 0 10px var(--green)}.config-card{border:1px solid var(--line);background:#0d110e;border-radius:14px;margin-top:15px;padding:24px}.config-card>header{justify-content:space-between;display:flex}.config-card h3{margin:0}.config-card p{color:var(--muted);margin:5px 0 20px}.config-row{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:25px;padding:16px 0;display:grid}.config-row>span{flex-direction:column;display:flex}.config-row small{color:var(--muted);margin-top:5px}.config-actions{justify-content:end;gap:8px;margin-top:20px;display:flex}.security-note{color:#e9dfa9;background:#1c190c;border:1px solid #4c4321;border-radius:12px;margin-top:15px;padding:18px}.security-note p{color:#aaa17d;font-size:12px}.toast{background:var(--green);color:#041009;z-index:200;border-radius:9px;padding:13px 20px;font-weight:900;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 15px 50px #000}.site-footer{border-top:1px solid var(--line);color:#647169;justify-content:space-between;align-items:center;max-width:1280px;margin:auto;padding:38px 28px;font-size:11px;display:flex}@media (width<=1000px){.nav{gap:15px}.nav nav button{padding:11px}.product-grid{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:1fr 1fr}.admin-shell{grid-template-columns:200px 1fr}.podium{gap:8px}.rank-card{width:30%}.info-cards{grid-template-columns:1fr}.hero{min-height:620px}.feature-grid{grid-template-columns:1fr}}@media (width<=720px){.nav{flex-wrap:wrap;height:auto;min-height:68px;padding:12px 16px}.nav .brand{flex:1}.nav nav{order:3;width:100%;overflow:auto}.nav nav button{white-space:nowrap}.profile>div:nth-child(2){display:none}.hero{padding:70px 20px}.hero h1{letter-spacing:-4px}.hero-actions,.hero-stats,.cta,.site-footer{flex-direction:column;align-items:stretch}.hero-stats{gap:18px}.section,.page-shell{padding:65px 18px}.shop-layout{grid-template-columns:1fr}.categories{display:flex;position:static;overflow:auto}.categories>small{display:none}.categories button{gap:20px;min-width:max-content}.product-grid,.payment-grid,.rank-grid,.account-grid,.admin-panels{grid-template-columns:1fr}.podium{grid-template-columns:1fr;display:grid}.rank-card,.rank-card.top-1{width:100%;height:250px}.podium .top-1{order:-1}.admin-shell{display:block}.admin-nav{z-index:20;padding:10px;display:flex;position:sticky;top:117px;overflow:auto}.admin-nav>.brand,.admin-nav>small,.admin-status{display:none}.admin-nav>button{min-width:max-content}.admin-main{padding:18px}.metrics{grid-template-columns:1fr}.config-banner,.config-row{flex-direction:column;align-items:stretch;display:flex}.config-row{gap:10px}.site-footer{gap:15px}.server-pill{max-width:320px}.cart{width:92vw}.supporters{padding:20px}.hero h1{font-size:59px}}.cart-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;padding:0;display:block}.cart{pointer-events:auto;background:#0a0d0bf7;border:1px solid #284233;border-radius:16px;width:min(310px,100vw - 32px);height:min(560px,100vh - 118px);position:fixed;top:96px;right:22px;overflow:hidden;box-shadow:0 22px 70px #000000b8,0 0 30px #5cffb10f}.cart header{padding:14px 16px}.cart header h2{font-size:18px}.cart-items{padding:7px 12px}.cart-items article{gap:8px;padding:9px 0}.cart-icon{flex:0 0 43px;width:43px;height:43px;font-size:20px}.cart-detail{min-width:0}.cart-detail h3{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.cart-detail p{white-space:nowrap;text-overflow:ellipsis;padding:4px 6px;font-size:9px;overflow:hidden}.quantity{gap:3px;margin-top:6px}.quantity button{padding:3px 6px;font-size:10px}.cart footer{padding:10px 12px}.cart footer>div{margin:12px 0}.cart footer .primary{padding:12px}@media (width<=720px){.cart{width:min(310px,100vw - 24px);height:min(520px,100vh - 142px);top:126px;right:12px}}.supporters{padding:28px;display:block;overflow:hidden}.supporters>header{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.supporters>header h2{margin:10px 0 0}.supporters>header>small{color:var(--muted)}.supporter-viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.supporter-track{gap:14px;width:max-content;animation:32s linear infinite supporter-marquee;display:flex}.supporter-track:hover{animation-play-state:paused}.supporter-track article{border:1px solid var(--line);background:#101511;border-radius:12px;align-items:center;gap:12px;min-width:260px;padding:15px;display:flex}.supporter-track article span{flex-direction:column;flex:1;min-width:0;display:flex}.supporter-track article b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.supporter-track article small{color:var(--green)}.supporter-track article i{width:34px;height:34px;color:var(--green);border:1px solid #52713c;border-radius:50%;place-items:center;font-style:normal;display:grid}@keyframes supporter-marquee{to{transform:translate(calc(-50% - 7px))}}@media (prefers-reduced-motion:reduce){.supporter-track{animation:none}.supporter-viewport{overflow:auto}}@media (width<=720px){.supporters>header{flex-direction:column;align-items:start;gap:7px}.supporter-track article{min-width:230px}}h1,h2,h3,.brand,.primary,.secondary,.danger,.tag,.rank-card>span,.rank-grid article>strong{font-family:Mitr,Noto Sans Thai,sans-serif}body{font-weight:400;line-height:1.55}h1,h2,h3{font-weight:600}html[lang=th] .hero h1,html[lang=th] .page-title h1,html[lang=th] .section h2{letter-spacing:-1.8px;line-height:1.18}.page-title{background:linear-gradient(110deg,#5cffb121,#0b0f0df0 48%,#0c120fdb);border:1px solid #24352c;border-radius:22px;margin-bottom:34px;padding:32px 38px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09,0 22px 70px #00000038}.page-title:after{content:"";pointer-events:none;background-image:linear-gradient(#5cffb109 1px,#0000 1px),linear-gradient(90deg,#5cffb109 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 82%);mask-image:linear-gradient(90deg,#000,#0000 82%)}.page-title>*{z-index:1;position:relative}.page-title h1{margin:10px 0 4px;font-size:clamp(34px,5vw,56px)}.page-title p{color:#a6b4ac;margin:0}.podium{background-image:radial-gradient(circle at 50% 30%,#5cffb129,#0000 32%),linear-gradient(#5cffb106 1px,#0000 1px),linear-gradient(90deg,#5cffb106 1px,#0000 1px);background-size:auto,42px 42px,42px 42px;border-color:#2b4034;border-radius:26px;gap:24px;min-height:530px;padding:52px 42px 34px;box-shadow:inset 0 1px #ffffff0a,0 28px 80px #00000047}.rank-card{background:linear-gradient(160deg,#142019,#0a0e0c);border:1px solid #304c3c;border-radius:24px;width:270px;height:390px;padding:24px;transition:transform .25s,border-color .25s;box-shadow:inset 0 1px #ffffff0a,0 18px 45px #0000004d}.rank-card:hover{border-color:#4a7c60;transform:translateY(-6px)}.rank-card.top-1{border:2px solid var(--green);background:radial-gradient(circle at 50% 40%,#5cffb133,#0000 48%),linear-gradient(160deg,#173a28,#0b110d);height:455px;box-shadow:0 0 0 6px #5cffb109,0 24px 65px #0006}.rank-card>span{color:var(--green);background:#14241b;border:1px solid #3c6b50;border-radius:12px;align-self:center;margin-top:-43px;padding:9px 18px;font-size:18px;font-weight:700;box-shadow:0 8px 25px #000}.rank-card.top-1>span{background:var(--green);color:#06120c;border-color:#b8ffda;font-size:22px}.rank-card>b{color:#dce8e1;background:#0a0e0c;border-radius:999px;align-self:center;margin-top:18px;padding:6px 13px;font-size:13px}.rank-card h3{margin:12px 0 0;font-size:22px}.skin-figure .mc-head{border-radius:14px;box-shadow:0 28px 45px #000000a6}.rank-list,.supporters{background:linear-gradient(145deg,#0e1310,#090c0a);border-color:#293a31;border-radius:22px;margin-top:24px;padding:30px;box-shadow:inset 0 1px #ffffff06}.rank-list h2,.supporters h2{letter-spacing:-.7px;font-size:27px}.rank-grid{gap:14px}.rank-grid article{background:linear-gradient(130deg,#121914,#0d110f);border-color:#26372e;border-radius:16px;min-height:84px;padding:15px 17px;transition:transform .2s,border-color .2s}.rank-grid article:hover{border-color:#3b654e;transform:translateY(-2px)}.rank-grid article>strong{background:#162219;border:1px solid #34513f;border-radius:13px;place-items:center;width:46px;height:46px;font-size:15px;display:grid}.rank-grid article>span b{font-size:15px}.rank-grid article>span small{font-size:11px}.rank-grid em{color:#eaf7ef;background:#0a0e0c;border:1px solid #24382d;border-radius:10px;padding:9px 12px;font-size:14px}.supporter-track article{background:linear-gradient(135deg,#131b16,#0c100e);border-color:#293b31;border-radius:16px;min-width:280px;padding:17px;box-shadow:0 10px 30px #0000002e}.supporter-track article i{background:#14271b;border-color:#3b7554;box-shadow:inset 0 0 14px #5cffb112}.supporter-track:not(:has(article:nth-child(4))){width:100%;animation:none}@media (width<=720px){.page-title{border-radius:18px;padding:25px 22px}.podium{padding:42px 18px 20px}.rank-card,.rank-card.top-1{height:270px}.rank-card>span{margin-top:-39px}.rank-grid em{font-size:12px}.rank-list{padding:20px}}.info-cards{background:linear-gradient(135deg,#121f18f5,#080b09fa);border:1px solid #2a4034;border-radius:22px;gap:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 24px 70px #00000040}.info-cards article{background:0 0;border:0;border-radius:0;justify-content:center;gap:9px;min-height:128px;padding:25px 28px;position:relative}.info-cards article+article:before{content:"";background:#293a31;width:1px;position:absolute;top:25px;bottom:25px;left:0}.info-cards article:after{width:34px;height:34px;color:var(--green);background:#132219;border:1px solid #315141;border-radius:11px;place-items:center;font-family:Mitr,sans-serif;font-weight:600;display:grid;position:absolute;top:22px;right:24px}.info-cards article:first-child:after{content:"P"}.info-cards article:nth-child(2):after{content:"●"}.info-cards article:nth-child(3):after{content:"↗"}.info-cards small{letter-spacing:1.6px;text-transform:uppercase;color:#89988f;font-size:11px}.info-cards b{font-family:Mitr,Noto Sans Thai,sans-serif;font-size:20px;font-weight:600}.info-cards .green{color:var(--green)}.info-cards+.section-title{justify-content:space-between;align-items:end;margin:42px 0 18px;padding:0 4px;display:flex}.info-cards+.section-title h2{letter-spacing:-.8px;margin:0 0 3px;font-family:Mitr,Noto Sans Thai,sans-serif;font-size:30px}.payment-grid{gap:18px}.payment-card{background:radial-gradient(circle at 18% 45%,#5cffb11a,#0000 25%),linear-gradient(140deg,#111914,#080b09);border-color:#293c32;border-radius:20px;grid-template-rows:1fr auto auto;grid-template-columns:88px 1fr auto;align-items:center;column-gap:24px;min-height:220px;padding:26px 28px 24px;transition:transform .25s,border-color .25s,box-shadow .25s;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff09,0 18px 50px #0003}.payment-card:after{content:"↗";color:#96a49c;background:#121814;border:1px solid #33483d;border-radius:13px;grid-area:1/3;align-self:start;place-items:center;width:40px;height:40px;font-size:17px;display:grid}.payment-card:hover{border-color:#4b8b67;transform:translateY(-5px);box-shadow:0 24px 60px #00000054,0 0 35px #5cffb10d}.payment-logo{background:linear-gradient(145deg,#28588b,#18375c);border:1px solid #3970a9;border-radius:20px;grid-area:1/1/4;width:82px;height:82px;font-family:Mitr,sans-serif;font-size:21px;box-shadow:0 15px 35px #0000004d}.payment-logo.wallet{background:linear-gradient(145deg,#fa932f,#b84919);border-color:#b96628}.payment-card h3{letter-spacing:-.5px;grid-area:1/2;align-self:end;margin:0;font-size:24px}.payment-card p{grid-area:2/2/auto/4;margin:7px 0 0;font-size:13px;line-height:1.6}.payment-card>b{background:#12271a;border:1px solid #356548;border-radius:10px;grid-area:3/2/auto/4;justify-self:start;margin-top:15px;padding:8px 14px;font-size:12px;position:static}.payment-card.disabled{filter:saturate(.75)}.payment-grid+.history-box{background:linear-gradient(145deg,#0e1310,#080b09);border-color:#293a31;border-radius:20px;margin-top:24px;padding:0;overflow:hidden;box-shadow:inset 0 1px #ffffff06}.payment-grid+.history-box h3{border-bottom:1px solid #223028;margin:0;padding:21px 26px;font-size:19px}.payment-grid+.history-box p{color:#75837b;background:radial-gradient(circle at 50% 100%,#5cffb10d,#0000 34%);min-height:130px;margin:0;padding:48px 25px}@media (width<=900px){.payment-card{grid-template-columns:72px 1fr auto}.payment-logo{width:68px;height:68px;font-size:17px}}@media (width<=720px){.info-cards{grid-template-columns:1fr}.info-cards article{min-height:105px}.info-cards article+article:before{width:auto;height:1px;inset:0 22px auto}.info-cards+.section-title{display:block}.payment-card{grid-template-columns:64px 1fr auto;column-gap:16px;min-height:210px;padding:22px}.payment-logo{border-radius:15px;width:62px;height:62px;font-size:15px}.payment-card h3{font-size:20px}.payment-card p,.payment-card>b{grid-column:1/4}}.gift-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020503d1}.gift-modal{background:radial-gradient(circle at 15% 5%,#5cffb11c,#0000 28%),linear-gradient(145deg,#111813,#080b09);border-color:#31513f;border-radius:24px;width:min(520px,100%);padding:32px;box-shadow:0 35px 100px #000000b8,0 0 50px #5cffb10f}.gift-product-preview{background:linear-gradient(130deg,#142219,#0b100d);border:1px solid #2b4135;border-radius:18px;align-items:center;gap:20px;margin:24px 0 28px;padding:20px;display:flex}.gift-product-icon{filter:drop-shadow(0 12px 15px #00000073);background:radial-gradient(circle,#5cffb12e,#0000 65%),#101713;border:1px solid #3a634c;border-radius:18px;flex:0 0 92px;place-items:center;width:92px;height:92px;font-size:46px;display:grid}.gift-product-preview small{color:#829188;letter-spacing:1.2px;font-size:11px}.gift-product-preview h2{margin:4px 0 5px;font-size:25px}.gift-product-preview b{color:var(--green);font-family:Mitr,sans-serif;font-size:14px}.gift-modal label{margin-bottom:10px}.gift-modal input{font-size:16px}.gift-hint{border-left:3px solid var(--green);background:#101a14;border-radius:0 9px 9px 0;padding:12px 14px;font-size:12px;color:#93a299!important;margin:8px 0 18px!important;line-height:1.7!important}.gift-actions{grid-template-columns:120px 1fr;gap:10px;margin-top:20px;display:grid}.gift-actions button{min-width:0}.gift-modal>label{color:#f4f7f5;font-size:13px;font-weight:800;display:block}.gift-modal>label em{color:#ff82bf;font-style:normal}.platform-picker{background:#090c0a;border:1px solid #28332d;border-radius:9px;width:max-content;margin:8px 0 10px;padding:3px;display:flex}.platform-picker button{color:#89958e;background:0 0;border:0;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:800}.platform-picker button.active{color:#101512;background:#e9f1ed}.platform-picker button.active.bedrock{color:#071522;background:#62aafa}.gift-name-field{background:#090d0b;border:1px solid #31513f;border-radius:12px;align-items:center;gap:8px;height:52px;padding:0 13px;display:flex;box-shadow:inset 0 0 18px #5cffb106}.gift-name-field:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #5cffb114}.gift-name-field>span{color:#708078}.gift-name-field>b{color:#67adff;font-size:17px}.gift-name-field input{outline:0;width:100%;padding:0;box-shadow:none!important;background:0 0!important;border:0!important}.gift-platform-hint{color:#91a098!important;margin:9px 0 15px!important;font-size:11px!important}.gift-platform-hint.bedrock{color:#7fbaff!important}.gift-platform-hint strong{color:#fff;background:#247bc8;border-radius:50%;place-items:center;width:15px;height:15px;display:inline-grid}.resolved-recipient,.gift-price{color:#829188;border-top:1px solid #243129;justify-content:space-between;align-items:center;padding:11px 0;font-size:12px;display:flex}.resolved-recipient b{color:#fff}.gift-price{margin-top:2px;font-size:14px}.gift-price b{color:#ff8fc9;font-size:18px}.gift-actions .primary:disabled{cursor:not-allowed;opacity:.42;filter:saturate(.35)}.confirm-actions.has-topup{grid-template-columns:1fr 1.25fr}.confirm-actions.has-topup .topup-from-confirm{color:#06120c;background:linear-gradient(135deg,#5cffb1,#43dfa0);grid-column:1/-1;box-shadow:0 10px 30px #5cffb124}.cart footer label{grid-template-columns:minmax(0,1fr) 78px;gap:7px;display:grid}.cart footer label input{border-radius:9px;width:100%;min-width:0}.cart footer label button{white-space:nowrap;border-radius:9px;width:78px;min-width:78px;padding:0 8px;font-family:Noto Sans Thai,sans-serif;font-size:12px;font-weight:700;line-height:1}@media (width<=520px){.gift-modal{padding:25px 20px}.gift-product-icon{flex-basis:72px;width:72px;height:72px;font-size:36px}.gift-product-preview h2{font-size:20px}.gift-actions{grid-template-columns:1fr}.gift-actions .secondary{order:2}}.cart footer>.primary{font-size:0}.cart footer>.primary:before{content:"ชำระเงิน →";font-size:16px}.cart header>div>small{display:none}.cart header h2{align-items:baseline;gap:7px;margin:0;font-size:18px;display:flex}.cart header h2 span{font:inherit;color:var(--green)}.nav{gap:28px}.nav-actions{gap:9px}.nav-server{color:#fff;background:#0d120f;border:1px solid #26382e;border-radius:11px;align-items:center;gap:9px;height:46px;padding:6px 10px;display:flex}.nav-server i{background:var(--green);width:8px;height:8px;box-shadow:0 0 12px var(--green);border-radius:50%}.nav-server span{flex-direction:column;align-items:start;font-size:11px;font-weight:700;line-height:1.2;display:flex}.nav-server small{color:#69786f;letter-spacing:1px;font-size:8px}.nav-server b{color:var(--green);background:#15261b;border-radius:7px;padding:6px 8px;font-size:9px}.discord-button{color:#fff;background:#5865f2;border:1px solid #5361ff;border-radius:10px;place-items:center;min-width:44px;height:44px;padding:0 13px;font-family:Mitr,sans-serif;font-size:11px;font-weight:600;text-decoration:none;display:grid;box-shadow:0 8px 25px #5865f22e}.notification-wrap{position:relative}.notification-button{color:var(--green);font-size:22px}.notification-button.active{background:#142219;border-color:#447357}.notification-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:100;background:#090c0afa;border:1px solid #2c3c33;border-radius:18px;width:390px;max-height:min(520px,100vh - 90px);position:absolute;top:55px;right:0;overflow:hidden;box-shadow:0 25px 80px #000000b3}.notification-panel>header{border-bottom:1px solid #202c25;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.notification-panel>header>div{align-items:center;gap:9px;display:flex}.notification-panel h3{margin:0;font-size:18px}.notification-panel>header b{min-width:24px;height:24px;color:var(--green);background:#17291d;border:1px solid #3b664c;border-radius:999px;place-items:center;font-size:11px;display:grid}.notification-panel>header button{color:#7f8d84;background:0 0;border:0;font-size:11px}.notification-list{max-height:380px;overflow:auto}.notification-list article{border-bottom:1px solid #1d2821;align-items:flex-start;gap:12px;padding:17px 19px;transition:background .2s;display:flex}.notification-list article:hover{background:#101712}.notification-list article>i{background:#142219;border:1px solid #31513f;border-radius:11px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-style:normal;display:grid}.notification-list article>div{flex:1;min-width:0}.notification-list strong{font-family:Mitr,sans-serif;font-size:14px}.notification-list p{color:#91a097;margin:3px 0;font-size:12px;line-height:1.5}.notification-list small{color:#617067;font-size:10px}.notification-list article>span{color:#5e6b63}.notification-panel>footer{color:#5f6d65;text-align:center;padding:12px 18px;font-size:9px}@media (width<=1180px){.nav-server span,.nav-server b,.discord-button span{display:none}.nav-server{justify-content:center;width:44px}.discord-button{padding:0}.nav{gap:14px}}@media (width<=820px){.nav-server,.discord-button{display:none}.notification-panel{width:auto;position:fixed;top:78px;left:12px;right:12px}.nav-actions{margin-left:auto}}.home-new{background:#060807}.home-stage{text-align:center;background:radial-gradient(circle at 50% 34%,#5cffb121,#0000 28%),linear-gradient(#060807,#070a08);flex-direction:column;justify-content:center;align-items:center;min-height:720px;padding:75px 20px 55px;display:flex;position:relative;overflow:hidden}.home-grid{background-image:linear-gradient(#5cffb109 1px,#0000 1px),linear-gradient(90deg,#5cffb109 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 74%);mask-image:radial-gradient(circle,#000,#0000 74%)}.home-stage>:not(.home-grid,.home-orb){z-index:2;position:relative}.home-orb{filter:blur(2px);background:var(--green);box-shadow:0 0 40px var(--green);border-radius:50%;position:absolute}.orb-one{width:4px;height:4px;top:28%;left:20%}.orb-two{width:3px;height:3px;top:41%;right:17%}.home-wordmark{filter:drop-shadow(0 22px 35px #0000008c);flex-direction:column;align-items:center;display:flex}.home-emblem{color:#06120c;clip-path:polygon(13% 0,100% 0,100% 76%,76% 100%,0 100%,0 13%);background:linear-gradient(145deg,#72ffc0,#2ecb82);border:2px solid #a9ffd1;place-items:center;width:90px;height:90px;margin-bottom:18px;font-family:Mitr,sans-serif;font-size:54px;font-weight:700;display:grid;box-shadow:inset 0 0 0 8px #0000001a}.home-wordmark>div:nth-child(2){letter-spacing:-5px;align-items:baseline;font-family:Mitr,sans-serif;font-size:clamp(48px,7vw,84px);font-weight:700;line-height:.9;display:flex}.home-wordmark b{color:#f4fff9}.home-wordmark strong{color:var(--green)}.home-wordmark>small{color:#829188;letter-spacing:4px;margin-top:14px;font-size:10px;font-weight:800}.home-stage>p{color:#9baaa1;max-width:600px;margin:30px 0 20px;font-size:17px}.home-ip{color:#fff;background:#0d1410e6;border:1px solid #33533f;border-radius:14px;align-items:center;gap:12px;padding:10px 12px 10px 15px;display:flex;box-shadow:0 15px 45px #00000052}.home-ip i{background:var(--green);width:9px;height:9px;box-shadow:0 0 14px var(--green);border-radius:50%}.home-ip span{flex-direction:column;align-items:start;font-weight:700;display:flex}.home-ip small{color:#738178;font-size:9px}.home-ip b{color:var(--green);background:#173021;border-radius:8px;margin-left:16px;padding:8px 10px;font-size:10px}.home-actions{gap:10px;margin-top:16px;display:flex}.home-actions>a,.home-community>a{color:#dce8e1;background:#111713;border:1px solid #35463c;border-radius:9px;place-items:center;padding:13px 20px;font-family:Mitr,sans-serif;font-size:12px;font-weight:600;text-decoration:none;display:grid}.home-scroll{color:#56645b;letter-spacing:1px;font-size:9px;bottom:25px;position:absolute!important}.home-scroll span{color:var(--green);margin-top:5px;font-size:16px;display:block}.home-content{max-width:1120px;margin:auto;padding:45px 28px 110px}.home-promo{background:radial-gradient(circle at 80%,#5cffb126,#0000 28%),linear-gradient(135deg,#111914,#080b09);border:1px solid #2b4135;border-radius:26px;grid-template-columns:1.2fr .8fr;align-items:center;gap:30px;min-height:360px;padding:45px;display:grid;overflow:hidden}.home-promo span,.home-community span{color:var(--green);letter-spacing:2px;font-size:10px;font-weight:800}.home-promo h2,.home-community h2{letter-spacing:-1.5px;margin:11px 0;font-size:clamp(30px,4vw,48px)}.home-promo p,.home-community p{color:#92a098;max-width:590px;line-height:1.8}.promo-art{place-items:center;height:260px;display:grid;position:relative}.promo-art:before,.promo-art:after{content:"";border:1px solid #33543f;border-radius:24px;position:absolute;transform:rotate(45deg)}.promo-art:before{background:#5cffb10a;width:190px;height:190px}.promo-art:after{width:145px;height:145px}.promo-art b{z-index:1;color:var(--green);text-shadow:0 0 45px #5cffb14d;font-family:Mitr,sans-serif;font-size:105px}.promo-art i{color:#718077;letter-spacing:3px;font-size:9px;font-style:normal;position:absolute;bottom:10px}.home-community{background:#0b0f0c;border:1px solid #24352c;border-radius:20px;grid-template-columns:75px 1fr auto;align-items:center;gap:25px;margin-top:22px;padding:30px 35px;display:grid}.community-mark{width:64px;height:64px;color:var(--green);background:#142219;border:1px solid #386149;border-radius:18px;place-items:center;font-size:26px;display:grid}.home-community h2{font-size:25px}.home-community p{margin-bottom:0;font-size:13px}.home-community>a{color:#fff;white-space:nowrap;background:#5865f2;border-color:#6e79ff}.home-tagline{font-weight:600;color:#dce8e1!important;margin-bottom:8px!important}.home-slogan{color:var(--green);letter-spacing:3.2px;margin:0 0 20px;font-family:Mitr,sans-serif;font-size:12px}.home-wordmark,.home-tagline,.home-slogan,.home-ip,.home-actions,.home-scroll{animation:.78s cubic-bezier(.2,.78,.2,1) backwards home-reveal}.home-wordmark{animation-name:home-logo-reveal;animation-delay:80ms}.home-tagline{animation-delay:.3s}.home-slogan{animation-delay:.48s}.home-ip{animation-delay:.65s}.home-actions{animation-delay:.8s}.home-scroll{animation-delay:1.05s}.home-grid{animation:1.4s backwards home-grid-reveal}.home-ip{transition:transform .16s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .2s,background-color .2s}.home-ip:hover{border-color:#4d8a67;transform:translateY(-3px);box-shadow:0 18px 50px #0006,0 0 24px #5cffb11c}.home-ip:active{border-color:var(--green);background:#12251a;transition-duration:70ms;transform:translateY(1px)scale(.95);box-shadow:0 5px 16px #0006,0 0 30px #5cffb147}.home-ip:active i{box-shadow:0 0 24px var(--green);transform:scale(1.7)}.home-ip i{transition:transform .1s,box-shadow .1s}.home-ip:focus-visible{outline:2px solid var(--green);outline-offset:4px}.home-services{margin-bottom:30px}.home-services-heading{margin-bottom:24px}.home-services-heading>span{color:var(--green);letter-spacing:2.5px;font-size:10px;font-weight:900}.home-services-heading h2{letter-spacing:-1.3px;margin:9px 0 0;font-size:clamp(28px,4vw,46px);line-height:1.18}.home-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.home-service-grid>button{color:#fff;text-align:left;background:linear-gradient(145deg,#101512,#090c0a);border:1px solid #26362e;border-radius:20px;min-height:230px;padding:31px 190px 28px 31px;position:relative;overflow:hidden}.home-service-grid>button:after{content:"";background:radial-gradient(circle,#5cffb129,#5cffb105 48%,#0000 70%);border-radius:50%;width:230px;height:230px;transition:transform .3s;position:absolute;bottom:-75px;right:-50px}.home-service-grid>button:hover{border-color:#447057;box-shadow:0 22px 60px #00000057}.home-service-grid>button:hover:after{transform:scale(1.18)}.home-service-grid span{letter-spacing:.5px;font-family:Mitr,sans-serif;font-size:27px;font-weight:700;display:block}.home-service-grid p{color:#98a69e;margin:13px 0 26px;font-size:13px;line-height:1.75}.home-service-grid b{z-index:1;color:var(--green);text-shadow:0 0 35px #5cffb138;font-family:Mitr,sans-serif;font-size:92px;font-weight:400;line-height:1;position:absolute;bottom:29px;right:34px;transform:rotate(-8deg)}.home-service-grid i{color:var(--green);letter-spacing:.7px;font-size:10px;font-style:normal;font-weight:800;position:absolute;bottom:25px;left:31px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.guide-grid article{background:linear-gradient(145deg,#111713,#0a0e0c);border:1px solid #293b31;border-radius:19px;min-height:220px;padding:28px}.guide-grid article>span{color:var(--green);letter-spacing:2px;font-family:Mitr,sans-serif;font-size:12px}.guide-grid h2{margin:22px 0 9px;font-size:24px}.guide-grid p{color:#89988f;font-size:13px;line-height:1.75}.guide-grid b{color:var(--green);background:#122119;border:1px solid #31513f;border-radius:99px;margin-top:14px;padding:6px 10px;font-size:9px;display:inline-block}@keyframes home-reveal{0%{opacity:0;filter:blur(8px);transform:translateY(22px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes home-logo-reveal{0%{opacity:0;filter:blur(12px)drop-shadow(0 22px 35px #0000008c);transform:translateY(26px)scale(.94)}to{opacity:1;filter:blur()drop-shadow(0 22px 35px #0000008c);transform:translateY(0)scale(1)}}@keyframes home-grid-reveal{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.home-wordmark,.home-tagline,.home-slogan,.home-ip,.home-actions,.home-scroll,.home-grid{animation:none}}@media (width<=720px){.home-stage{min-height:680px}.home-emblem{width:76px;height:76px;font-size:45px}.home-wordmark>div:nth-child(2){letter-spacing:-3px;font-size:47px}.home-wordmark>small{letter-spacing:2px;font-size:8px}.home-promo{grid-template-columns:1fr;padding:30px 24px}.promo-art{height:210px}.home-community{grid-template-columns:55px 1fr;padding:24px}.community-mark{width:50px;height:50px}.home-community>a{grid-column:1/3}.home-actions{flex-direction:column;width:min(360px,100%)}.home-actions>*{width:100%}.home-services-heading h2{font-size:28px}.home-service-grid,.guide-grid{grid-template-columns:1fr}.home-service-grid>button{min-height:205px;padding:25px 125px 25px 23px}.home-service-grid span{font-size:23px}.home-service-grid p{font-size:12px}.home-service-grid b{font-size:68px;right:22px}.home-service-grid i{left:23px}.guide-grid article{min-height:190px;padding:23px}}button,a,.product,.payment-card,.rank-grid article{transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s,background-color .22s,color .22s}button:not(:disabled):hover,a:hover{transform:translateY(-3px)}button:not(:disabled):active,a:active{transition-duration:80ms;transform:translateY(0)scale(.96)}.nav nav button:hover,.profile-menu button:hover,.notification-panel button:hover{transform:translateY(-1px)}.toast{color:#fff;white-space:normal;overflow-wrap:anywhere;word-break:normal;background:#15170d;border:1px solid #51602d;border-radius:11px;align-items:flex-start;gap:10px;width:max-content;max-width:min(560px,100vw - 32px);min-height:48px;padding:11px 16px;line-height:1.45;animation:.46s cubic-bezier(.18,.89,.32,1.18) both toast-side;display:flex;inset:92px 24px auto auto;transform:none;box-shadow:0 18px 48px #0000009e,0 0 24px #5cffb112}.toast:before{content:"✓";color:#fff;background:#69dc42;border-radius:50%;flex:0 0 25px;place-items:center;width:25px;height:25px;margin-top:1px;font-family:Arial,sans-serif;font-size:16px;font-weight:900;display:grid}.toast{font-family:Mitr,Noto Sans Thai,sans-serif;font-size:13px;font-weight:500}.toast.error{background:#211012;border-color:#7e3b42;box-shadow:0 18px 48px #0000009e,0 0 24px #ff5b6717}.toast.error:before{content:"×";color:#fff;background:#f05260;font-size:20px;line-height:1}@keyframes toast-side{0%{opacity:0;transform:translate(28px)scale(.94)}70%{opacity:1;transform:translate(-4px)scale(1.01)}to{opacity:1;transform:translate(0)scale(1)}}@media (prefers-reduced-motion:reduce){button,a,.product,.payment-card,.rank-grid article,.toast{transition:none!important;animation:none!important}}@media (width>=1001px){.nav{grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);column-gap:24px;display:grid}.nav>.brand{justify-self:start}.nav>nav{flex:none;justify-self:center}.nav>.nav-actions{justify-self:end}.nav{gap:34px;padding-left:max(42px,50vw - 770px);padding-right:max(42px,50vw - 770px);display:flex}.nav>.brand,.nav>nav{flex:none}.nav>.nav-actions{flex:none;margin-left:auto}}@media (width>=821px){.nav{grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);justify-content:stretch;gap:clamp(20px,3vw,52px);padding-left:clamp(24px,4vw,64px);padding-right:clamp(24px,4vw,64px);display:grid}.nav>.brand{justify-self:end;margin-right:clamp(32px,4vw,80px)}.nav>.brand.has-image-logo{width:auto;min-width:0}.nav>nav{background:#080b09;border:1px solid #1d2822;border-radius:12px;flex:none;justify-content:center;align-items:center;gap:4px;width:max-content;height:50px;padding:4px;display:flex;box-shadow:inset 0 1px #ffffff06}.nav>nav button{white-space:nowrap;text-align:center;flex:0 0 clamp(72px,7vw,92px);width:clamp(72px,7vw,92px);min-width:clamp(72px,7vw,92px);padding:11px 7px;line-height:1}.nav>.nav-actions{justify-content:flex-start;justify-self:start;width:100%;margin-left:clamp(32px,4vw,80px)}.nav>.nav-actions>.primary.small{white-space:nowrap}}.cumulative-card{background:radial-gradient(circle at 8% 0,#5cffb121,#0000 25%),linear-gradient(135deg,#111a15,#080b09);border:1px solid #31503e;border-radius:24px;margin-top:24px;padding:32px;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 25px 75px #00000040}.cumulative-card>header{justify-content:space-between;align-items:start;gap:30px;display:flex}.cumulative-card h2{letter-spacing:-.8px;margin:11px 0 3px;font-size:30px}.cumulative-card header p{color:#8f9e95;margin:0;font-size:13px}.cumulative-total{background:#0c120e;border:1px solid #2b4636;border-radius:14px;flex-direction:column;align-items:end;min-width:205px;padding:15px 17px;display:flex}.cumulative-total small{color:#78877e;font-size:10px}.cumulative-total b{color:var(--green);margin:3px 0;font-family:Mitr,sans-serif;font-size:22px}.cumulative-total span{color:#59675f;font-size:9px}.progress-meta,.progress-range{justify-content:space-between;align-items:center;display:flex}.progress-meta{margin-top:27px;font-size:12px}.progress-meta b{color:var(--green)}.cumulative-progress{background:#07100b;border:1px solid #34503f;border-radius:999px;height:11px;margin:9px 0;overflow:hidden}.cumulative-progress i{background:linear-gradient(90deg,#33d885,var(--green));border-radius:999px;min-width:4px;height:100%;display:block;box-shadow:0 0 18px #5cffb180}.progress-range{color:#75847b;font-size:10px}.milestone-grid{grid-template-columns:repeat(6,1fr);gap:11px;margin-top:24px;display:grid}.milestone-grid article{text-align:center;background:linear-gradient(145deg,#111713,#0a0d0b);border:1px solid #293b31;border-radius:16px;flex-direction:column;align-items:center;min-width:0;padding:17px 10px 15px;transition:transform .22s,border-color .22s;display:flex;position:relative}.milestone-grid article:hover{border-color:#466d55;transform:translateY(-4px)}.milestone-status{color:#68766e;border:1px solid #3a4a41;border-radius:50%;place-items:center;width:23px;height:23px;font-size:11px;display:grid;position:absolute;top:8px;right:8px}.milestone-icon{filter:grayscale(.45);opacity:.72;place-items:center;height:58px;font-size:34px;display:grid}.milestone-grid article>b{color:var(--green);font-family:Mitr,sans-serif;font-size:13px}.milestone-grid article>strong{min-height:37px;margin-top:5px;font-size:11px}.milestone-grid article>small{color:#68776e;font-size:9px}.milestone-grid article.unlocked{border-color:var(--green);background:#102219}.milestone-grid article.unlocked .milestone-icon{filter:none;opacity:1}.cumulative-card>footer{color:#6d7a72;text-align:center;border-top:1px solid #233129;margin-top:20px;padding-top:17px;font-size:9px}@media (width<=1000px){.milestone-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=620px){.cumulative-card{padding:24px 18px}.cumulative-card>header{flex-direction:column}.cumulative-total{align-items:start;width:100%}.milestone-grid{grid-template-columns:repeat(2,1fr)}}.milestone-grid article>button{width:100%;color:var(--green);background:#14261b;border:1px solid #31513f;border-radius:9px;margin-top:12px;padding:8px 6px;font-family:Noto Sans Thai,sans-serif;font-size:10px;font-weight:700}.milestone-grid article>button:not(:disabled):hover{border-color:var(--green);background:#193524}.milestone-grid article>button:disabled{cursor:not-allowed;color:#58665e;opacity:.8;background:#0b0f0c;border-color:#27332c}.milestone-grid article.claimed>button{color:#a9ffd1;background:#173020;border-color:#345d44}.milestone-grid article.claimed .milestone-status{border-color:var(--green);background:var(--green);color:#06120c}.milestone-grid article.mock{border-style:dashed}.milestone-icon img{object-fit:contain;filter:drop-shadow(0 8px 12px #00000059);width:62px;height:62px}.milestone-status i{border:2px solid;border-radius:2px;width:10px;height:8px;margin-top:4px;position:relative}.milestone-status i:before{content:"";transform-origin:0 100%;border:2px solid;border-bottom:0;border-radius:7px 7px 0 0;width:7px;height:7px;transition:transform .2s;position:absolute;top:-8px;left:0}.milestone-status.open{border-color:var(--green);color:var(--green);background:#5cffb121;box-shadow:0 0 15px #5cffb12e}.milestone-status.open i:before{transform:translate(3px,-1px)rotate(32deg)}.cumulative-summary{background:#0a100c;border:1px solid #2b4636;border-radius:16px;grid-template-columns:58px max-content auto;align-items:center;gap:9px;padding:12px;display:grid}.cumulative-summary>.mc-head{border:1px solid #355441;border-radius:13px;width:58px;height:58px;box-shadow:0 10px 25px #00000059}.cumulative-summary .cumulative-total{background:0 0;border:0;border-radius:0;align-items:start;min-width:0;padding:0 18px 0 0}.reward-countdown{border-left:1px solid #26372e;min-width:300px;padding-left:18px}.reward-countdown>small{color:#7e8d84;margin-bottom:5px;font-size:9px;display:block}.reward-countdown>div{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.reward-countdown span{background:#101813;border-radius:9px;flex-direction:column;align-items:center;padding:5px 7px;display:flex}.reward-countdown b{color:var(--green);font-family:Mitr,sans-serif;font-size:18px;line-height:1.2}.reward-countdown span small{color:#74837a;font-size:8px}@media (width<=900px){.cumulative-card>header{flex-direction:column}.cumulative-summary{grid-template-columns:58px 1fr;width:100%}.reward-countdown{border-top:1px solid #26372e;border-left:0;grid-column:1/3;min-width:0;padding:10px 0 0}}@media (width<=480px){.reward-countdown b{font-size:15px}.reward-countdown span{padding:5px 3px}}.payment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:780px;margin:0 auto}.payment-card{text-align:center;background:radial-gradient(circle at 50% 24%,#5cffb11c,#0000 25%),linear-gradient(155deg,#121914,#090c0a);border-radius:22px;flex-direction:column;justify-content:flex-start;align-items:center;min-height:310px;padding:26px 22px 20px;display:flex}.payment-card:after{content:"↗";color:#84938a;background:#101612;border:1px solid #344a3d;border-radius:11px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:17px;right:17px}.payment-logo{border-radius:20px;flex:0 0 86px;width:86px;height:86px;margin:10px 0 18px;font-size:21px}.payment-card h3{margin:0;font-size:24px}.payment-card p{color:#87968d;min-height:43px;margin:8px 0 18px;font-size:12px;line-height:1.65}.payment-card>b{background:var(--green);color:#06120c;text-align:center;border:1px solid #397653;border-radius:11px;width:100%;margin-top:auto;padding:12px 14px;font-family:Mitr,Noto Sans Thai,sans-serif;font-size:12px;position:static}.payment-card.disabled{opacity:.78}.payment-card.disabled>b{color:#efb06f;background:#2a1d12;border-color:#74502e}.payment-card:hover{transform:translateY(-5px)}@media (width<=720px){.payment-grid{grid-template-columns:1fr;max-width:390px}.payment-card{min-height:285px}.payment-card p{min-height:0}}.info-cards+.section-title{text-align:center;max-width:780px;margin:42px auto 18px;display:block}.info-cards+.section-title h2{margin-bottom:5px}.info-cards+.section-title p{margin:0}.info-cards+.section-title h2,.payment-card h3,.payment-card>b{letter-spacing:-.35px;text-shadow:none;font-family:Noto Sans Thai,Leelawadee UI,sans-serif;font-style:normal}.payment-card h3,.payment-card>b{font-weight:800}.payment-grid .payment-card:first-child:hover{background:radial-gradient(circle at 50% 24%,#3299ff33,#0000 29%),linear-gradient(155deg,#101a23,#080c0f);border-color:#3c92df;box-shadow:0 24px 65px #0000005c,0 0 34px #3097ff38,inset 0 0 32px #3097ff09}.payment-grid .payment-card:nth-child(2):hover{background:radial-gradient(circle at 50% 24%,#ff7c2033,#0000 29%),linear-gradient(155deg,#21160f,#0d0a08);border-color:#ef812f;box-shadow:0 24px 65px #0000005c,0 0 34px #ff761a38,inset 0 0 32px #ff761a09}.payment-grid .payment-card:first-child:hover .payment-logo{box-shadow:0 12px 35px #2689ee6b,0 0 25px #379dff3d}.payment-grid .payment-card:nth-child(2):hover .payment-logo{box-shadow:0 12px 35px #e769166b,0 0 25px #ff7e2640}.payment-card h3,.payment-card p{text-align:center;place-self:center;width:100%}.account-page{max-width:900px;min-height:720px;margin:0 auto;padding:62px 28px 110px}.wide-account{max-width:1380px}.account-page-title{align-items:center;gap:14px;margin-bottom:30px;display:flex}.account-page-title>span{width:48px;height:48px;color:var(--green);background:#132219;border:1px solid #31513f;border-radius:13px;place-items:center;font-size:22px;display:grid}.account-page-title h1{margin:0;font-size:34px}.account-page-title p{color:#78877e;margin:3px 0 0}.account-page-title>button{color:#718078;background:0 0;border:0;margin-left:auto;font-size:20px}.profile-hero{background:linear-gradient(135deg,#121914,#0c100e);border:1px solid #2b3c33;border-radius:20px;align-items:center;gap:28px;padding:30px;display:flex}.profile-hero>.mc-head{border-radius:18px;width:104px;height:104px}.profile-hero h2{margin:0;font-size:34px}.profile-hero span{color:var(--green);font-size:12px;display:block}.profile-hero b{color:var(--green);background:#15291c;border:1px solid #366348;border-radius:12px;margin-top:17px;padding:10px 15px;display:inline-block}.profile-shortcuts{grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0;display:grid}.profile-shortcuts button{color:var(--green);background:#111612;border:1px solid #2b3931;border-radius:14px;align-items:center;gap:13px;padding:18px;font-size:20px;display:flex}.profile-shortcuts button span{color:#fff;font-size:14px;font-weight:700}.profile-discord{color:#fff;background:linear-gradient(110deg,#5865f2,#4550c7);border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:22px;text-decoration:none;display:grid}.profile-discord b{font-size:18px}.profile-discord span{opacity:.75;font-size:11px}.profile-security{background:#101511;border:1px solid #29372f;border-radius:16px;align-items:center;gap:15px;margin-top:18px;padding:22px;display:flex}.profile-security>span{color:var(--green);font-size:27px}.profile-security>div{flex:1}.profile-security h3,.profile-security p{margin:0}.profile-security p{color:#75847b;font-size:11px}.profile-security button{color:#a9b5ae;background:#141b16;border:1px solid #33473b;border-radius:9px;padding:9px 14px}.transaction-page{font-variant-numeric:tabular-nums}.transaction-stats article{background:radial-gradient(circle at 100% 0,#5cffb112,#0000 40%),linear-gradient(145deg,#111713,#0a0e0c);border:1px solid #2b4034;border-radius:18px;padding:25px 26px;position:relative}.transaction-stats article>i{color:#4d725e;font-style:normal;position:absolute;top:20px;right:22px}.transaction-stats small{color:#899990;font-size:12px}.transaction-stats b{color:#f5fff9;margin-top:13px;font-family:Noto Sans Thai,sans-serif;font-size:31px;font-weight:800;line-height:1;display:block}.transaction-stats b span{color:#718078;font-size:11px;font-weight:500}.transaction-toolbar{justify-content:space-between;align-items:end;margin-top:27px;display:flex}.transaction-toolbar>span{color:#6f7e75;padding-bottom:11px;font-size:11px}.transaction-tabs{background:#0b100d;border:1px solid #2b3a32;border-radius:14px;gap:5px;width:max-content;padding:5px;display:flex}.transaction-tabs button{color:#8d9a92;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;min-height:45px;padding:10px 15px;font-weight:600;display:flex}.transaction-tabs button i{color:#6e7d74;font-style:normal}.transaction-tabs button b{color:#89968e;background:#1b251f;border-radius:999px;place-items:center;min-width:22px;height:22px;font-size:9px;display:grid}.transaction-tabs button.active{background:var(--green);color:#06120c;font-weight:800;box-shadow:0 8px 24px #5cffb121}.transaction-tabs button.active i{color:#06120c}.transaction-tabs button.active b{color:var(--green);background:#123322}.transaction-search>span{color:var(--green)}.transaction-search input::placeholder{color:#617068}.transaction-list article{background:linear-gradient(120deg,#111814,#0d120f);border:1px solid #2c4034;border-radius:16px;align-items:center;gap:16px;padding:19px 21px;transition:border-color .2s,transform .2s;display:flex}.transaction-list article:hover{border-color:#3c604b;transform:translateY(-2px)}.transaction-kind{color:#fff;background:#197fb6;border-radius:14px;flex:0 0 52px;place-items:center;width:52px;height:52px;font-family:Mitr,sans-serif;font-weight:700;display:grid}.transaction-list article>div{flex:1;min-width:0}.transaction-list h3{color:#f4fff8;font-size:15px}.transaction-list article>div small{color:#74847b;font-size:10px}.transaction-list article>strong{color:#f5fff9;flex-direction:column;align-items:end;font-family:Noto Sans Thai,sans-serif;font-size:17px;font-weight:800;display:flex}.transaction-list article>strong small{color:var(--green);font-size:10px}.transaction-empty{text-align:center;background:#0b0f0da6;border:1px dashed #2b3b32;border-radius:17px;padding:65px 20px}.transaction-empty>span{width:52px;height:52px;color:var(--green);background:#122119;border:1px solid #30513e;border-radius:15px;place-items:center;margin:0 auto 14px;font-size:21px;display:grid}.transaction-empty h3{color:#edf8f1;margin:0;font-size:18px}.transaction-empty p{color:#718078;margin:7px 0 0;font-size:11px}.transaction-stats article:nth-child(n){background:radial-gradient(circle at 100% 0,#5cffb111,#0000 43%),linear-gradient(145deg,#0f1813,#090e0b);border-color:#294638}.transaction-stats article:nth-child(n)>i{width:34px;height:34px;color:var(--green);background:#112219;border:1px solid #315542;border-radius:10px;place-items:center;display:grid;top:17px;right:18px}.transaction-stats article:nth-child(n)>small{color:#83968b;letter-spacing:.35px}.transaction-stats article:nth-child(n)>b{color:var(--green)}.transaction-stats{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.transaction-stats article{background:linear-gradient(135deg,#141611,#0b0e0c);border:1px solid #293a31;border-radius:16px;padding:24px}.transaction-stats small{color:#849188}.transaction-stats b{margin-top:10px;font-size:28px;display:block}.transaction-stats b span{color:#748078;font-size:11px}.transaction-stats p{color:#68756d;margin:4px 0 0;font-size:11px}.transaction-tabs{background:#0d110e;border:1px solid #29352e;border-radius:13px;gap:5px;width:max-content;margin-top:28px;padding:5px;display:flex}.transaction-tabs button{color:#8e9b93;background:0 0;border:0;border-radius:9px;padding:11px 16px}.transaction-tabs button b{background:#202922;border-radius:999px;margin-left:9px;padding:2px 7px;font-size:9px}.transaction-tabs button.active{background:var(--green);color:#06120c;font-weight:800}.transaction-search{background:#0b0e0c;border:1px solid #2b3931;border-radius:13px;align-items:center;gap:10px;margin-top:18px;padding:0 16px;display:flex}.transaction-search input{color:#fff;background:0 0;border:0;outline:0;flex:1;padding:15px 0}.transaction-search small{color:#68756d}.transaction-list{margin-top:14px}.transaction-list article{background:#121613;border:1px solid #2c3a32;border-radius:15px;align-items:center;gap:15px;padding:18px;display:flex}.transaction-kind{color:#fff;background:#187fb6;border-radius:12px;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.transaction-list article>div{flex:1}.transaction-list h3,.transaction-list small{margin:0}.transaction-list h3 b{color:#eed36b;background:#211d0c;border:1px solid #685a1c;border-radius:6px;margin-left:8px;padding:4px 8px;font-size:9px}.transaction-list article>div small{color:#748078}.transaction-list article>strong{flex-direction:column;align-items:end;display:flex}.transaction-list article>strong small{color:var(--green)}.full-cart-layout{grid-template-columns:1fr 400px;gap:24px;display:grid}.full-cart-list article{background:#121613;border:1px solid #2a3931;border-radius:16px;grid-template-columns:80px 1fr auto 30px;align-items:center;gap:18px;padding:20px;display:grid}.full-cart-image{background:#0c100e;border-radius:13px;place-items:center;width:80px;height:80px;font-size:38px;display:grid}.full-cart-list h3,.full-cart-list p{margin:0}.full-cart-list p{color:var(--green);font-size:11px}.full-cart-list small{color:#748078}.full-quantity{align-items:center;gap:8px;margin-top:10px;display:flex}.full-quantity button,.remove-line{color:#fff;background:#151c17;border:1px solid #304137;border-radius:7px}.full-quantity button{width:28px;height:28px}.remove-line{color:#ff989c;width:28px;height:28px}.full-cart-list article>strong{color:var(--green)}.cart-checkout{flex-direction:column;gap:14px;display:flex}.cart-checkout>section{background:#121613;border:1px solid #2b3931;border-radius:16px;padding:22px}.cart-checkout h3{margin-top:0}.cart-checkout label{gap:8px;display:flex}.cart-checkout input{color:#fff;background:#090c0a;border:1px solid #2c3932;border-radius:10px;flex:1;min-width:0;padding:13px}.cart-checkout label button{color:#89968e;background:#171e19;border:1px solid #34473b;border-radius:10px;width:55px}.cart-checkout section>div{justify-content:space-between;padding:13px 0;display:flex}.checkout-total{border-top:1px solid #2a3730;margin-top:14px}.checkout-total>b{color:var(--green);font-size:25px}.checkout-total small{font-size:10px}.cart-checkout>footer{justify-content:center;gap:16px;display:flex}.cart-checkout>footer button{color:#748078;background:0 0;border:0}.full-empty{text-align:center;color:#77857c;border:1px dashed #2b3931;border-radius:16px;padding:90px 20px}.full-empty>span{font-size:45px}.redeem-dialog{width:min(480px,100%);padding:0 26px 26px}.redeem-dialog>header{border-bottom:1px solid #28352e;align-items:center;gap:13px;margin:0 -26px 24px;padding:20px 26px;display:flex}.redeem-dialog>header>span{width:42px;height:42px;color:var(--green);background:#18271d;border-radius:11px;place-items:center;font-size:20px;display:grid}.redeem-dialog h2,.redeem-dialog p{margin:0}.redeem-dialog h2{font-size:19px}.redeem-dialog p{color:#748078;font-size:11px}.redeem-dialog input{text-align:center;letter-spacing:2px;font-family:monospace;font-size:17px}.redeem-dialog .primary{margin-top:8px}@media (width<=850px){.full-cart-layout,.transaction-stats,.profile-shortcuts,.profile-discord{grid-template-columns:1fr}.full-cart-list article{grid-template-columns:65px 1fr;position:relative}.full-cart-list article>strong{grid-column:2}.remove-line{position:absolute;top:12px;right:12px}.account-page{padding:45px 18px}}.profile.open>.account-menu{flex-direction:column;align-items:stretch;display:flex}.nav .account-menu>nav{flex-direction:column;flex:none;gap:3px;width:100%;padding:9px;display:flex}.nav .account-menu>nav button{color:#9aa79f;text-align:left;white-space:normal;background:0 0;border:0;border-radius:9px;width:100%;min-width:0;padding:12px;font-family:Noto Sans Thai,Leelawadee UI,sans-serif;font-size:13px;font-weight:600;line-height:1.45}.nav .account-menu>nav button:hover{color:#fff;background:#182019;transform:none}.nav .account-menu>nav button.redeem-link{color:var(--green)}.nav .account-menu>footer{width:100%}.nav .account-menu>footer button{font-family:Noto Sans Thai,Leelawadee UI,sans-serif;font-size:13px;font-weight:600}.mobile-nav-toggle,.mobile-nav-panel,.mobile-category-trigger{display:none}.category-sheet-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:120;background:#000000c2;align-items:end;display:grid;position:fixed;inset:0}.category-sheet{background:#0a0c0b;border:1px solid #2a352f;border-radius:24px 24px 0 0;width:100%;padding:10px 14px 20px;box-shadow:0 -24px 70px #0009}.sheet-handle{background:#343936;border-radius:9px;width:42px;height:4px;margin:0 auto 12px;display:block}.category-sheet header{justify-content:space-between;align-items:center;padding:2px 2px 12px;display:flex}.category-sheet h2{margin:0;font-size:20px}.category-sheet header button{color:#89938d;background:0 0;border:0;font-size:27px}.category-sheet>div{flex-direction:column;gap:5px;display:flex}.category-sheet>div>button{color:#9ca59f;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:13px;height:56px;padding:8px 10px;display:flex}.category-sheet>div>button.selected{color:#fff;background:#141716}.category-sheet-icon{color:#b9c1bc;background:#181b19;border:1px solid #29322d;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.category-sheet>div>button.selected .category-sheet-icon{color:var(--green);border-color:#315140}.category-sheet>div>button b{flex:1}.category-sheet>div>button small{color:#727b75}.category-sheet>div>button>i{width:20px;color:var(--green);text-align:center;font-style:normal}@media (width<=720px){.milestone-grid,.transaction-stats,.transaction-tabs,.admin-nav{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;cursor:grab;overscroll-behavior-x:contain;overflow-x:auto!important}.milestone-grid.drag-scrolling,.transaction-stats.drag-scrolling,.transaction-tabs.drag-scrolling,.admin-nav.drag-scrolling{cursor:grabbing;-webkit-user-select:none;user-select:none;scroll-snap-type:none!important}.milestone-grid::-webkit-scrollbar{width:0;height:0;display:none}.transaction-stats::-webkit-scrollbar{width:0;height:0;display:none}.transaction-tabs::-webkit-scrollbar{width:0;height:0;display:none}.admin-nav::-webkit-scrollbar{width:0;height:0;display:none}.milestone-grid:after,.transaction-stats:after,.transaction-tabs:after,.admin-nav:after{content:"→";width:30px;height:30px;color:var(--green);pointer-events:none;background:#0c1410f0;border:1px solid #365343;border-radius:50%;flex:0 0 30px;align-self:center;place-items:center;font-size:15px;display:grid;position:sticky;right:3px;box-shadow:0 0 18px #000000a6}.nav{flex-wrap:nowrap;justify-content:space-between;gap:12px;height:68px;min-height:68px;padding:0 18px;display:flex}.nav>.brand,.nav>nav,.nav-actions>.nav-server,.nav-actions>.discord-button,.nav-actions>.notification-wrap,.nav-actions>.icon-button{display:none}.mobile-nav-toggle{background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;padding:9px;display:flex}.mobile-nav-toggle i{background:#a3afa8;border-radius:3px;width:23px;height:2px;transition:transform .2s,opacity .2s;display:block}.mobile-nav-toggle.open i:first-child{transform:translateY(7px)rotate(45deg)}.mobile-nav-toggle.open i:nth-child(2){opacity:0}.mobile-nav-toggle.open i:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-actions{gap:0;margin-left:auto}.profile{border:0;padding:5px 7px;background:0 0!important}.profile>div:nth-child(2){display:flex}.profile-chevron{display:none}.profile .mc-head{width:42px!important;height:42px!important}.account-menu{width:min(290px,100vw - 20px);max-height:calc(100vh - 80px);position:fixed;top:68px;left:auto;right:10px;overflow:auto}.mobile-nav-panel{width:100vw;height:100dvh;max-height:100dvh;box-shadow:none;z-index:80;overscroll-behavior:none;background:#070908;border:0;border-radius:0;flex-direction:column;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}.mobile-nav-panel>header{border-bottom:1px solid #1c251f;justify-content:space-between;align-items:center;height:72px;min-height:72px;padding:0 18px;display:flex}.mobile-drawer-brand{color:#fff;background:0 0;border:0;align-items:center;gap:9px;display:flex}.mobile-drawer-brand .brand-mark{width:34px;height:34px}.mobile-drawer-brand b{font-size:15px}.mobile-drawer-brand b span{color:var(--green)}.mobile-drawer-actions{align-items:center;gap:7px;display:flex}.drawer-icon,.drawer-avatar,.drawer-close{color:#d9e5de;background:#0d110f;border:1px solid #253129;border-radius:10px;height:42px;position:relative}.drawer-icon{width:42px}.drawer-icon>b{background:var(--green);color:#06120c;border-radius:20px;min-width:20px;padding:2px 5px;font-size:10px;position:absolute;top:-7px;right:-5px}.drawer-avatar{align-items:center;gap:7px;padding:3px 8px;display:flex}.drawer-avatar .mc-head{width:34px!important;height:34px!important}.drawer-avatar span{color:#77847c}.drawer-close{color:#8e9992;background:0 0;border:0;width:38px;font-size:29px}.nav .mobile-nav-panel>nav{flex-direction:column;flex:1;order:initial;justify-content:space-evenly;gap:0;width:100%;min-height:0;padding:10px 18px 12px;display:flex;overflow:hidden}.nav .mobile-nav-panel>nav button{text-align:left;white-space:normal;color:#929d96;background:0 0;border-radius:9px;align-items:center;gap:16px;width:100%;height:clamp(42px,6.5dvh,54px);min-height:0;padding:8px 12px;display:flex}.nav .mobile-nav-panel>nav button:hover,.nav .mobile-nav-panel>nav button.active{color:#fff;background:#111813}.nav .mobile-nav-panel>nav button i{color:#849088;text-align:center;width:25px;font-style:normal}.nav .mobile-nav-panel>nav button span{flex:1}.nav .mobile-nav-panel>nav button>b{min-width:25px;height:25px;color:var(--green);border:1px solid #45664f;border-radius:50%;place-items:center;font-size:10px;display:grid}.nav .mobile-nav-panel>nav button.redeem-link,.nav .mobile-nav-panel>nav button.redeem-link i{color:var(--green)}.mobile-nav-panel>footer{display:none}.notification-wrap:has(.notification-panel){display:block}.notification-wrap:has(.notification-panel)>.notification-button{display:none}}.realm-selector{max-width:1100px;padding-top:68px}.realm-intro{justify-content:space-between;align-items:end;width:100%;max-width:1100px;margin:0 auto 28px;display:flex}.realm-intro small{color:var(--green);letter-spacing:2.8px;font-size:10px;font-weight:900}.realm-intro h1{letter-spacing:-1.5px;margin:8px 0 4px;font-family:Mitr,sans-serif;font-size:clamp(34px,4vw,54px);line-height:1.08}.realm-intro p{color:#7f8e85;max-width:560px;margin:0;font-size:13px}.realm-intro>span{color:#7b9d8a;letter-spacing:1.4px;border:1px solid #2b4938;border-radius:999px;margin-bottom:5px;padding:8px 11px;font-size:8px;font-weight:800}.realm-card{color:#fff;text-align:left;background:#090e0b;border:1px solid #2a4b38;border-radius:28px;grid-template-columns:45% 55%;width:min(920px,100%);min-height:490px;margin:0 auto;padding:0;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s;display:grid;overflow:hidden;box-shadow:0 30px 90px #00000061}.realm-card:hover{border-color:#5cffb1;transform:translateY(-7px);box-shadow:0 35px 100px #0000007a,0 0 42px #43ffac1a}.realm-art{background:radial-gradient(circle at 50% 46%,#44ffaf38,#0000 27%),radial-gradient(circle,#8444ff1a,#0000 52%),linear-gradient(145deg,#0c1711,#07100b);border-right:1px solid #21372b;place-items:center;min-height:490px;display:grid;position:relative;overflow:hidden}.realm-art:before{content:"";background-image:linear-gradient(#5cffb10b 1px,#0000 1px),linear-gradient(90deg,#5cffb10b 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 86%);mask-image:linear-gradient(#000,#0000 86%)}.realm-art:after{content:"";border:1px solid #5cffb129;border-radius:42% 58% 47% 53%;width:310px;height:310px;animation:12s linear infinite realm-ring;position:absolute;transform:rotate(24deg);box-shadow:0 0 70px #5cffb10e}.realm-art>img{z-index:2;object-fit:contain;filter:drop-shadow(0 24px 30px #00000094);width:300px;max-width:76%;max-height:300px;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s;position:relative}.realm-card:hover .realm-art>img{filter:drop-shadow(0 29px 38px #0000009e)drop-shadow(0 0 20px #53ffb938);transform:translateY(-7px)scale(1.055)}.realm-number{z-index:3;color:#628071;letter-spacing:2px;font-size:9px;font-weight:900;position:absolute;top:22px;left:24px}.realm-status{z-index:3;color:#a7b9ae;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08110bc7;border:1px solid #31513f;border-radius:999px;align-items:center;gap:8px;padding:8px 11px;font-size:9px;display:flex;position:absolute;bottom:22px;left:24px}.realm-status i{background:var(--green);width:7px;height:7px;box-shadow:0 0 12px var(--green);border-radius:50%}.realm-orbit{z-index:3;background:#a66bff;border-radius:50%;width:9px;height:9px;position:absolute;top:24px;right:24px;box-shadow:0 0 15px #a66bff}.realm-content{background:radial-gradient(circle at 100% 0,#5cffb112,#0000 31%);flex-direction:column;min-width:0;padding:54px 48px 38px;display:flex}.realm-kicker{color:var(--green);letter-spacing:1.8px;align-items:center;gap:10px;font-size:9px;font-weight:900;display:flex}.realm-kicker img{object-fit:contain;background:#102119;border:1px solid #31513f;border-radius:10px;width:34px;height:34px;padding:3px}.realm-content h2{letter-spacing:-3px;text-transform:uppercase;margin:25px 0 13px;font-family:Mitr,sans-serif;font-size:clamp(43px,5vw,68px);font-weight:500;line-height:.84}.realm-content h2 b{color:#0000;-webkit-text-stroke:1px var(--green);text-shadow:0 0 30px #5cffb117;font-weight:600}.realm-content>p{color:#8d9b92;max-width:430px;margin:9px 0 20px;font-size:13px;line-height:1.75}.realm-content ul{flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;display:flex}.realm-content li{color:#9bada2;background:#0e1712;border:1px solid #263c30;border-radius:999px;padding:7px 10px;font-size:9px}.realm-enter{border-top:1px solid #203027;justify-content:space-between;align-items:center;margin-top:auto;padding-top:24px;display:flex}.realm-enter span{flex-direction:column;display:flex}.realm-enter small{color:#697a70;font-size:9px}.realm-enter strong{color:var(--green);letter-spacing:.5px;margin-top:3px;font-family:Mitr,sans-serif;font-size:13px}.realm-enter em{width:54px;height:54px;color:var(--green);background:#11291b;border:1px solid #3a6a4d;border-radius:17px;place-items:center;font-size:22px;font-style:normal;transition:transform .3s,background .3s;display:grid}.realm-card:hover .realm-enter em{background:var(--green);color:#06120c;transform:rotate(45deg)}@keyframes realm-ring{to{transform:rotate(384deg)}}@media (width<=760px){.realm-selector{padding-top:38px}.realm-intro{flex-direction:column;align-items:flex-start}.realm-intro>span{margin-top:15px}.realm-card{grid-template-columns:1fr}.realm-art{border-bottom:1px solid #21372b;border-right:0;min-height:330px}.realm-art:after{width:250px;height:250px}.realm-art>img{width:235px;max-height:235px}.realm-content{min-height:390px;padding:34px 27px 27px}.realm-content h2{font-size:48px}.realm-enter{margin-top:28px}}@media (prefers-reduced-motion:reduce){.realm-art:after{animation:none}.realm-card:hover .realm-art>img{transform:none}}.legend-board{grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:16px;display:grid}.legend-champion{background:radial-gradient(circle at 24% 46%,#5cffb130,#0000 25%),radial-gradient(circle at 90% 0,#8d4aff1f,#0000 35%),linear-gradient(145deg,#102018,#090d0b);border:1px solid #315840;border-radius:26px;grid-template-rows:1fr auto;grid-template-columns:250px 1fr;align-items:center;min-height:430px;padding:42px;display:grid;position:relative;overflow:hidden}.legend-champion:before{content:"";background-image:linear-gradient(#5cffb109 1px,#0000 1px),linear-gradient(90deg,#5cffb109 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 80%);mask-image:linear-gradient(90deg,#000,#0000 80%)}.legend-season{color:var(--green);letter-spacing:2px;font-size:9px;font-weight:900;position:absolute;top:22px;left:25px}.legend-sigil{color:#0000;-webkit-text-stroke:1px #5cffb138;font-family:Mitr,sans-serif;font-size:74px;font-weight:700;line-height:1;position:absolute;top:18px;right:29px}.legend-avatar{z-index:1;place-items:center;width:210px;height:210px;display:grid;position:relative}.legend-avatar:before,.legend-avatar:after{content:"";border:1px solid #5cffb13d;border-radius:43% 57% 55% 45%;animation:11s linear infinite legend-orbit;position:absolute}.legend-avatar:before{inset:8px}.legend-avatar:after{border-color:#a565ff3d;animation-duration:8s;animation-direction:reverse;inset:27px}.legend-avatar>i{filter:blur(18px);background:#5cffb11f;border-radius:50%;position:absolute;inset:48px}.legend-avatar .mc-head{z-index:2;border:1px solid #78ffc0;border-radius:24px;position:relative;box-shadow:0 22px 42px #00000073,0 0 30px #5cffb129;width:128px!important;height:128px!important}.legend-name{z-index:1;align-self:end;position:relative}.legend-name small,.legend-score small,.legend-path header small{color:#71887a;letter-spacing:1.5px;font-size:9px;font-weight:800}.legend-name h2{margin:5px 0 7px;font-family:Mitr,sans-serif;font-size:clamp(35px,4vw,56px);line-height:1}.legend-name p{color:#87958c;max-width:360px;margin:0;font-size:12px;line-height:1.65}.legend-score{z-index:1;border-top:1px solid #294235;grid-column:1/-1;align-items:end;gap:8px;margin-top:28px;padding-top:22px;display:flex;position:relative}.legend-score small{align-self:center;margin-right:auto}.legend-score b{color:var(--green);font-family:Mitr,sans-serif;font-size:35px;line-height:1}.legend-score span{color:#84948a;font-size:11px}.legend-rivals{grid-template-rows:1fr 1fr;gap:16px;display:grid}.legend-rivals article{background:linear-gradient(145deg,#0e1712,#090d0b);border:1px solid #283c31;border-radius:23px;align-items:center;gap:17px;padding:27px;display:flex;position:relative;overflow:hidden}.legend-rivals article:after{content:"";border:1px solid #5cffb11a;border-radius:50%;width:130px;height:130px;position:absolute;bottom:-50px;right:-36px}.legend-rivals article>span{color:#273b30;font-family:Mitr,sans-serif;font-size:50px;font-weight:700;position:absolute;top:8px;right:17px}.legend-rivals .mc-head{z-index:1;border:1px solid #365746;border-radius:16px;position:relative;box-shadow:0 14px 25px #00000061;width:74px!important;height:74px!important}.legend-rivals article>div{z-index:1;min-width:0;position:relative}.legend-rivals small{color:#65776d;letter-spacing:1.1px;font-size:8px;font-weight:800}.legend-rivals h3{text-overflow:ellipsis;white-space:nowrap;margin:4px 0;font-size:21px;overflow:hidden}.legend-rivals b{color:var(--green);font-size:12px}.legend-path{background:#0a0f0c;border:1px solid #263a2f;border-radius:24px;margin-top:18px;padding:31px}.legend-path>header{justify-content:space-between;align-items:end;margin-bottom:23px;display:flex}.legend-path h2{margin:4px 0 0;font-family:Mitr,sans-serif;font-size:28px}.legend-path header>span{color:#526359;letter-spacing:1.4px;font-size:9px}.legend-list{flex-direction:column;display:flex}.legend-list article{border-top:1px solid #1e2b24;grid-template-columns:48px 52px minmax(145px,1fr) minmax(110px,1.2fr) 120px;align-items:center;gap:15px;min-height:78px;padding:12px 8px;transition:background .22s,padding .22s;display:grid}.legend-list article:hover{background:#0f1712;padding-left:15px}.legend-list article>strong{color:#45594d;font-family:Mitr,sans-serif;font-size:17px}.legend-list .mc-head{border:1px solid #2e4638;border-radius:12px;width:52px!important;height:52px!important}.legend-list article>span{flex-direction:column;min-width:0;display:flex}.legend-list article>span b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.legend-list article>span small{color:#627068;font-size:9px}.legend-progress{background:#17251d;border-radius:5px;height:3px;overflow:hidden}.legend-progress i{background:linear-gradient(90deg,#6553cf,var(--green));height:100%;box-shadow:0 0 9px var(--green);border-radius:5px;display:block}.legend-list em{color:#d9e8df;text-align:right;font-size:13px;font-style:normal;font-weight:800}.legend-list em small{color:#67776d;font-size:9px}.legend-supporters{border-radius:24px;margin-top:18px}@keyframes legend-orbit{to{transform:rotate(360deg)}}@media (width<=900px){.legend-board{grid-template-columns:1fr}.legend-rivals{grid-template-rows:auto;grid-template-columns:1fr 1fr}.legend-rivals article{min-height:165px}.legend-list article{grid-template-columns:40px 48px 1fr 100px}.legend-progress{display:none}}@media (width<=620px){.legend-champion{text-align:center;grid-template-rows:250px auto auto;grid-template-columns:1fr;min-height:610px;padding:42px 24px 25px}.legend-avatar{margin:auto}.legend-name{align-self:center}.legend-name p{margin:auto}.legend-score{grid-column:auto}.legend-rivals{grid-template-columns:1fr}.legend-rivals article{min-height:135px}.legend-path{padding:22px 15px}.legend-path>header{flex-direction:column;align-items:flex-start}.legend-path header>span{margin-top:8px}.legend-list article{grid-template-columns:34px 44px 1fr 78px;gap:9px}.legend-list .mc-head{width:44px!important;height:44px!important}.legend-list article>span small{display:none}.legend-list em{font-size:11px}.legend-supporters{padding:19px}}@media (prefers-reduced-motion:reduce){.legend-avatar:before,.legend-avatar:after{animation:none}}.supporter-honor .legend-champion{background:radial-gradient(circle at 24% 46%,#5cffb12b,#0000 27%),radial-gradient(circle at 88% 4%,#b26eff1c,#0000 38%),linear-gradient(145deg,#122018,#0a0e0b)}.supporter-honor .legend-sigil{color:#5cffb130;-webkit-text-stroke:0;font-size:60px}.supporter-honor .legend-rivals article{background:radial-gradient(circle at 0,#5cffb114,#0000 40%),linear-gradient(145deg,#111914,#0a0e0b)}.supporter-honor .legend-rivals article>span{color:#32483b;opacity:.55}.supporter-wall{background:radial-gradient(circle at 50% 0,#5cffb10e,#0000 35%),#0a0f0c}.supporter-wall .legend-list article>strong{color:var(--green);text-align:center;text-shadow:0 0 12px #5cffb18c;font-size:14px}.supporter-thanks{color:#778a7f;text-align:center;font-size:10px}.supporter-wall .legend-list article:hover{background:#101813;padding-left:8px}.supporter-wall .legend-list article:hover .supporter-thanks{color:#a9d7bd}.legend-supporters .supporter-track article>i{color:#81eaae}@media (width<=900px){.supporter-thanks{display:none}}@media (width<=620px){.supporter-wall .legend-list article{grid-template-columns:34px 44px 1fr 78px}}.energy-account{background:linear-gradient(90deg,#101c15,#0a0e0b);border:1px solid #2b4938;border-radius:18px;align-items:center;gap:14px;min-height:76px;padding:12px 18px;display:flex}.energy-account>.mc-head{border:1px solid #42644f;border-radius:12px;width:52px!important;height:52px!important}.energy-account>div{flex-direction:column;display:flex}.energy-account small{color:#718078;font-size:9px}.energy-account>div b{font-size:15px}.energy-account>span{border-left:1px solid #26372e;flex-direction:column;margin-left:auto;padding-left:25px;display:flex}.energy-account>span strong{color:var(--green);font-family:Mitr,sans-serif;font-size:16px}.energy-account>i{color:#8ecdaa;background:#102219;border:1px solid #31513f;border-radius:999px;margin-left:18px;padding:7px 10px;font-size:9px;font-style:normal}.energy-layout{grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);gap:16px;margin-top:18px;display:grid}.energy-portal{background:radial-gradient(circle at 22% 42%,#5cffb133,#0000 22%),radial-gradient(circle at 90% 5%,#9850ff1a,#0000 31%),linear-gradient(145deg,#102019,#080c0a);border:1px solid #31573f;border-radius:26px;grid-template-rows:1fr auto;grid-template-columns:43% 57%;align-items:center;min-height:510px;padding:42px;display:grid;position:relative;overflow:hidden}.energy-portal:before{content:"";background-image:linear-gradient(#5cffb10a 1px,#0000 1px),linear-gradient(90deg,#5cffb10a 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 82%);mask-image:linear-gradient(90deg,#000,#0000 82%)}.energy-code{color:#628071;letter-spacing:2px;font-size:9px;font-weight:900;position:absolute;top:21px;left:25px}.energy-orb{z-index:1;place-items:center;width:210px;height:210px;display:grid;position:relative}.energy-orb:before,.energy-orb:after{content:"";border:1px solid #5cffb140;border-radius:50%;animation:9s linear infinite energy-spin;position:absolute}.energy-orb:before{border-left-color:#0000;border-right-color:#a35eff;inset:5px}.energy-orb:after{border-color:#0000 #5cffb129 #5cffb129;animation-duration:6s;animation-direction:reverse;inset:27px}.energy-orb>i{filter:blur(18px);background:#5cffb129;border-radius:50%;animation:2.5s ease-in-out infinite energy-pulse;position:absolute;inset:48px}.energy-orb img{z-index:2;object-fit:contain;filter:drop-shadow(0 20px 26px #0000008c)drop-shadow(0 0 12px #5cffb12b);width:155px;height:155px;position:relative}.energy-copy{z-index:1;padding-left:15px;position:relative}.energy-copy>small{color:var(--green);letter-spacing:1.5px;font-size:8px;font-weight:900}.energy-copy h2{letter-spacing:-3px;text-transform:uppercase;margin:12px 0 15px;font-family:Mitr,sans-serif;font-size:clamp(40px,4vw,61px);font-weight:500;line-height:.84}.energy-copy h2 b{color:#0000;-webkit-text-stroke:1px var(--green)}.energy-copy p{color:#89978e;max-width:350px;margin:0;font-size:12px;line-height:1.7}.energy-start{z-index:2;color:#fff;text-align:left;background:#122a1c;border:1px solid #3e7454;border-radius:16px;grid-column:1/-1;justify-content:space-between;align-items:center;padding:17px 19px;display:flex;position:relative}.energy-start span{flex-direction:column;display:flex}.energy-start small{color:#72a186;font-size:9px}.energy-start b{color:var(--green);margin-top:2px;font-family:Mitr,sans-serif;font-size:15px}.energy-start em{background:var(--green);color:#06120c;border-radius:12px;place-items:center;width:42px;height:42px;font-size:20px;font-style:normal;transition:transform .3s;display:grid}.energy-console{background:linear-gradient(145deg,#0d1510,#080b09);border:1px solid #283d31;border-radius:26px;padding:30px}.energy-console header>span{color:var(--green);letter-spacing:2px;font-size:9px;font-weight:900}.energy-console h3{margin:6px 0 2px;font-family:Mitr,sans-serif;font-size:25px}.energy-console header p{color:#75847b;margin:0;font-size:11px}.energy-presets{grid-template-columns:1fr 1fr;gap:9px;margin-top:24px;display:grid}.energy-presets button{color:#fff;text-align:left;background:#0f1812;border:1px solid #293e32;border-radius:14px;flex-direction:column;align-items:flex-start;min-height:90px;padding:14px;transition:border-color .22s,background .22s;display:flex}.energy-presets button:hover{border-color:var(--green);background:#14261b}.energy-presets b{color:var(--green);font-family:Mitr,sans-serif;font-size:20px;line-height:1}.energy-presets span{color:#829188;font-size:9px}.energy-presets small{color:#66756c;margin-top:auto;font-size:8px}.energy-custom{color:#9eb0a5;background:0 0;border:1px dashed #345442;border-radius:12px;justify-content:space-between;width:100%;margin-top:9px;padding:13px 15px;font-size:11px;display:flex}.energy-custom b{color:var(--green)}.energy-wallet-off{cursor:pointer;opacity:.58;border-top:1px solid #233129;align-items:center;gap:11px;margin-top:21px;padding-top:19px;display:flex}.energy-wallet-off>span{color:#d1ad48;background:#211c0c;border:1px solid #494127;border-radius:10px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.energy-wallet-off>div{flex-direction:column;flex:1;display:flex}.energy-wallet-off b{font-size:11px}.energy-wallet-off small{color:#6c756f;font-size:8px}.energy-wallet-off>i{color:#ae9450;border:1px solid #4a4124;border-radius:999px;padding:5px 7px;font-size:7px;font-style:normal}.energy-history{background:#0a0e0c;border:1px solid #24352c;border-radius:18px;justify-content:space-between;align-items:center;min-height:84px;margin-top:16px;padding:18px 22px;display:flex}.energy-history>div{align-items:center;gap:13px;display:flex}.energy-history>div>span{width:42px;height:42px;color:var(--green);border:1px solid #304a3a;border-radius:12px;place-items:center;display:grid}.energy-history h3{margin:0;font-size:14px}.energy-history p{color:#6c7b72;margin:2px 0 0;font-size:9px}.energy-history>small{color:#59675f;font-size:9px}@keyframes energy-spin{to{transform:rotate(360deg)}}@keyframes energy-pulse{50%{opacity:.62;transform:scale(1.18)}}@media (width<=920px){.energy-layout{grid-template-columns:1fr}.energy-portal{min-height:480px}.energy-console{min-height:380px}}@media (width<=650px){.energy-account{flex-wrap:wrap;align-items:flex-start}.energy-account>span{border-left:0;margin-left:0;padding-left:0}.energy-account>i{margin:0 0 0 auto}.energy-portal{text-align:center;grid-template-rows:250px auto auto;grid-template-columns:1fr;min-height:650px;padding:42px 22px 24px}.energy-orb{margin:auto}.energy-copy{padding:0}.energy-copy p{margin:auto}.energy-start{text-align:left;margin-top:25px}.energy-console{padding:23px 18px}.energy-history{flex-direction:column;align-items:flex-start;gap:12px}.energy-presets button{min-height:84px}}@media (prefers-reduced-motion:reduce){.energy-orb:before,.energy-orb:after,.energy-orb>i{animation:none}}.realm-card:hover .realm-enter em{transform:translate(3px)}.energy-wallet-off{color:#fff;text-align:left;opacity:.88;background:#151309;border:1px solid #4d4325;border-radius:13px;width:100%;margin-top:18px;padding:14px}.energy-wallet-off:hover{background:#1b180b;border-color:#7a6832;transform:none}.energy-start:hover em{transform:translate(3px)}.subserver-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1100px;margin:0 auto;display:grid}.subserver-grid .realm-card{border-radius:22px;grid-template-columns:45% 55%;width:100%;min-height:370px;margin:0}.subserver-grid .realm-art{min-height:370px}.subserver-grid .realm-art:after{width:235px;height:235px}.subserver-grid .realm-art>img{width:215px;max-height:220px}.subserver-grid .realm-content{padding:36px 30px 28px}.subserver-grid .realm-content h2{margin:22px 0 12px;font-size:52px;line-height:1}.subserver-grid .realm-content>p{margin-bottom:16px}.subserver-grid .realm-enter{padding-top:18px}.subserver-grid .realm-enter em{border-radius:14px;width:46px;height:46px}@media (width<=920px){.subserver-grid{grid-template-columns:1fr}.subserver-grid .realm-card{max-width:720px}}@media (width<=760px){.subserver-grid .realm-card{grid-template-columns:1fr}.subserver-grid .realm-art{min-height:280px}.subserver-grid .realm-content{min-height:330px}.subserver-grid .realm-content h2{font-size:48px}}.supporter-top{background:radial-gradient(circle at 50% 0,#5cffb112,#0000 38%),#0a0f0c;border:1px solid #2d4938;border-radius:24px;padding:30px}.supporter-top>header,.supporter-directory>header{justify-content:space-between;align-items:end;margin-bottom:24px;display:flex}.supporter-top header small,.supporter-directory header small{color:var(--green);letter-spacing:1.5px;font-size:9px;font-weight:800}.supporter-top h2,.supporter-directory h2{margin:4px 0 0;font-size:27px}.supporter-top header>span,.supporter-directory header>span{color:#6e7c73;font-size:9px}.supporter-top-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.supporter-top-grid article{text-align:center;background:linear-gradient(145deg,#111914,#0a0e0b);border:1px solid #293d32;border-radius:19px;flex-direction:column;align-items:center;min-height:300px;padding:27px 20px 22px;display:flex;position:relative}.supporter-top-grid article.first{background:radial-gradient(circle at 50% 26%,#5cffb12b,#0000 35%),linear-gradient(145deg,#14251b,#0b100d);border-color:#4a8a61;box-shadow:0 15px 38px #00000040}.supporter-place{color:#53665a;font-family:Mitr,sans-serif;font-size:14px;position:absolute;top:13px;left:15px}.supporter-top-grid .first .supporter-place{color:var(--green)}.supporter-head{place-items:center;width:126px;height:126px;display:grid;position:relative}.supporter-head>i{filter:blur(16px);background:#5cffb121;border-radius:50%;position:absolute;inset:20px}.supporter-head .mc-head{z-index:1;border:1px solid #3d604b;border-radius:19px;position:relative;box-shadow:0 15px 28px #00000059}.supporter-top-grid article>small{color:#728078;margin-top:4px;font-size:8px}.supporter-top-grid h3{margin:5px 0 7px;font-size:21px}.supporter-top-grid article>b{color:var(--green);font-family:Mitr,sans-serif;font-size:20px}.supporter-top-grid article>b em{color:#819087;font-size:9px;font-style:normal}.supporter-top-grid article>p{color:#69776e;margin:9px 0 0;font-size:9px}.supporter-directory{background:#0a0e0c;border:1px solid #273a30;border-radius:23px;margin-top:17px;padding:29px}.supporter-directory>div{grid-template-columns:1fr 1fr;gap:9px;display:grid}.supporter-directory article{background:#0e1511;border:1px solid #23342b;border-radius:13px;grid-template-columns:38px 50px 1fr auto 32px;align-items:center;gap:12px;min-height:74px;padding:11px 14px;display:grid}.supporter-directory article>strong{color:#506158;font-size:11px}.supporter-directory .mc-head{border:1px solid #31483b;border-radius:11px;width:50px!important;height:50px!important}.supporter-directory article>span{flex-direction:column;min-width:0;display:flex}.supporter-directory article>span b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.supporter-directory article>span small{color:#65736b;font-size:8px}.supporter-directory article>em{color:#cbd9d0;font-size:11px;font-style:normal;font-weight:800}.supporter-directory article>em small{color:#65736b;font-size:8px}.supporter-directory article>i{color:var(--green);text-align:center;font-size:12px;font-style:normal}.supporter-recent{border-radius:23px;margin-top:17px}@media (width<=800px){.supporter-top-grid{grid-template-columns:1fr}.supporter-top-grid article{min-height:265px}.supporter-directory>div{grid-template-columns:1fr}}@media (width<=520px){.supporter-top,.supporter-directory{padding:20px 15px}.supporter-top>header,.supporter-directory>header{flex-direction:column;align-items:flex-start}.supporter-top header>span,.supporter-directory header>span{margin-top:6px}.supporter-directory article{grid-template-columns:30px 44px 1fr auto;gap:8px}.supporter-directory .mc-head{width:44px!important;height:44px!important}.supporter-directory article>i{display:none}.supporter-directory article>em{font-size:10px}}.catalog-title{min-height:48px;margin-bottom:15px}.catalog-title h2{margin:0;font-size:29px}.catalog-title span{color:#839188;background:#0d1511;border:1px solid #293e32;border-radius:999px;padding:5px 9px;font-size:9px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.product{background:linear-gradient(155deg,#111914,#090d0b);border:1px solid #263a2f;border-radius:20px;flex-direction:column;min-width:0;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s,box-shadow .28s;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 35px #0000002e}.product:hover{border-color:#478462;transform:translateY(-6px);box-shadow:0 22px 50px #00000057,0 0 25px #5cffb10f}.product-visual{background:radial-gradient(circle at 50% 58%,#5cffb129,#0000 27%),linear-gradient(#101b15,#0c130f);place-items:center;height:190px;display:grid;position:relative;overflow:hidden}.product-visual:before{content:"";filter:blur(10px);background:#00000073;border-radius:50%;height:18px;position:absolute;bottom:28px;left:20%;right:20%}.product-visual:after{content:"";background-image:linear-gradient(#5cffb106 1px,#0000 1px),linear-gradient(90deg,#5cffb106 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.product-visual>span{z-index:2;filter:drop-shadow(0 15px 18px #0000008c);font-size:76px;transition:transform .3s cubic-bezier(.2,.8,.2,1);position:relative}.product-visual>.product-image{z-index:2;filter:drop-shadow(0 15px 20px #0000008c);width:68%;height:68%;transition:transform .3s cubic-bezier(.2,.8,.2,1),filter .3s;position:relative}.product:hover .product-visual>span,.product:hover .product-visual>.product-image{transform:translateY(-5px)scale(1.055)}.product-visual small{z-index:3;color:#9bdbb5;letter-spacing:1px;background:#0a140ed1;border:1px solid #335442;border-radius:999px;padding:5px 8px;font-size:8px;top:13px;left:14px}.product-info{background:#080c09a3;border-top:1px solid #203028;flex-direction:column;flex:1;padding:20px;display:flex}.product-info h3{margin:0;font-family:Mitr,sans-serif;font-size:18px;font-weight:600;line-height:1.35}.product-info p{color:#7f8d84;min-height:42px;margin:6px 0 15px;font-size:11px;line-height:1.6}.product-info strong{color:var(--green);margin:auto 0 15px;font-family:Mitr,sans-serif;font-size:17px}.product-info>div{grid-template-columns:105px 1fr;gap:8px;display:grid}.product-info .primary{border-radius:11px;min-height:45px;padding:10px 13px;font-size:12px}.gift{color:#9dc8ae;background:#101b15;border:1px solid #355442;border-radius:11px;width:auto;min-height:45px;padding:9px 11px;font-size:0}.gift:after{content:"ของขวัญ";font-size:10px;font-weight:700}.gift:hover{color:#c9f4da;background:#17281e;border-color:#64c58b}@media (width<=1050px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.product-grid{grid-template-columns:1fr}.product-visual{height:175px}.product-info>div{grid-template-columns:100px 1fr}}.topup-methods{margin-top:24px}.topup-methods>header,.topup-amounts>header{margin-bottom:14px}.topup-methods h2,.topup-amounts h2{margin:0;font-size:25px}.topup-methods header p,.topup-amounts header p{color:#75837b;margin:3px 0 0;font-size:11px}.topup-method-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.topup-method{color:#fff;text-align:left;background:#0c120e;border:1px solid #2a4034;border-radius:20px;align-items:center;gap:22px;min-height:190px;padding:26px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex}.topup-method:hover{transform:translateY(-4px)}.topup-method.promptpay{background:radial-gradient(circle at 0,#5cffb121,#0000 39%),linear-gradient(145deg,#111d16,#0b100d);border-color:#37694d}.topup-method.promptpay:hover{border-color:var(--green);box-shadow:0 18px 40px #0000004d,0 0 24px #5cffb114}.topup-method.truemoney{background:radial-gradient(circle at 0,#ffa3371a,#0000 39%),linear-gradient(145deg,#18150e,#0d0c09);border-color:#574525}.topup-method.truemoney:hover{border-color:#8d6d30}.method-icon{border-radius:19px;flex:0 0 82px;place-items:center;width:82px;height:82px;font-family:Mitr,sans-serif;font-size:27px;font-weight:800;display:grid}.promptpay .method-icon{color:var(--green);background:#153924;border:1px solid #4e9770;box-shadow:0 0 25px #5cffb117}.truemoney .method-icon{color:#ffae45;background:#3b270e;border:1px solid #76572a}.topup-method>div{flex-direction:column;min-width:0;display:flex}.topup-method>div>small{font-size:9px;font-weight:700}.promptpay>div>small{color:var(--green)}.truemoney>div>small{color:#d39d50}.topup-method h3{margin:5px 0 4px;font-size:22px}.topup-method p{color:#819087;margin:0;font-size:11px}.topup-method>div>b{color:var(--green);margin-top:18px;font-size:11px}.topup-method>div>b i{margin-left:5px;font-style:normal}.truemoney>div>b{color:#bd8d4b}.topup-amounts{background:#0a0f0c;border:1px solid #27392f;border-radius:19px;margin-top:22px;padding:22px}.topup-amounts>div{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.topup-amounts button{color:#fff;text-align:left;background:#101813;border:1px solid #293f33;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:72px;padding:12px 14px;display:flex}.topup-amounts button:hover{border-color:var(--green);background:#14241a}.topup-amounts button b{color:var(--green);font-size:12px}.topup-amounts button small{color:#6d7c73;margin-top:3px;font-size:8px}.topup-amounts button.custom{border-style:dashed}.topup-amounts button.custom b{color:#c4d2c9}@media (width<=850px){.topup-method-grid{grid-template-columns:1fr}.topup-amounts>div{grid-template-columns:repeat(3,1fr)}}@media (width<=560px){.topup-method{gap:15px;min-height:160px;padding:20px 16px}.method-icon{border-radius:15px;flex-basis:64px;width:64px;height:64px;font-size:21px}.topup-method h3{font-size:18px}.topup-amounts{padding:18px 14px}.topup-amounts>div{grid-template-columns:1fr 1fr}.topup-amounts button{min-height:66px}}.page-shell{width:calc(100% - 56px);max-width:1120px;padding-left:0!important;padding-right:0!important}@media (width<=720px){.page-shell{width:calc(100% - 30px)}}.product-image{object-fit:contain;image-rendering:auto;width:100%;height:100%;display:block}.product-visual>.product-image{filter:drop-shadow(0 14px 24px #00000080);width:76%;height:76%}.cart-icon .product-image,.full-cart-image .product-image,.gift-product-icon .product-image,.confirm-lines .product-image{object-fit:contain}.asset-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.image-asset{background:#0b100d;border:1px solid #293a31;border-radius:14px;grid-template-columns:86px 1fr;gap:14px;padding:15px;display:grid}.asset-preview{width:86px;height:86px;color:var(--green);background:radial-gradient(circle,#5cffb121,#0000 65%),#101713;border:1px dashed #35513f;border-radius:12px;place-items:center;font-size:31px;font-weight:900;display:grid;overflow:hidden}.asset-info{flex-direction:column;min-width:0;display:flex}.asset-info>small{color:#718078;font-size:9px}.asset-info>label{color:#89978f;margin-top:9px;font-size:9px}.asset-info input[type=url]{color:#fff;background:#080b09;border:1px solid #2b3a32;border-radius:8px;width:100%;margin-top:4px;padding:10px;font-size:11px}.asset-upload{align-items:center;gap:8px;margin-top:8px;display:flex}.asset-upload label{color:var(--green);cursor:pointer;background:#14251b;border:1px solid #356249;border-radius:8px;padding:7px 10px;font-size:10px;position:relative;overflow:hidden}.asset-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.asset-upload>small{color:#718078;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;overflow:hidden}.purchase-confirm{width:min(590px,100%)}.confirm-mark{width:48px;height:48px;color:var(--green);background:#14291c;border:1px solid #38704f;border-radius:14px;place-items:center;font-size:24px;display:grid}.purchase-confirm>h2{margin:15px 0 3px}.purchase-confirm>p{color:#7c8b82;margin:0}.confirm-lines{border-top:1px solid #26362d;max-height:245px;margin-top:20px;overflow:auto}.confirm-lines article{border-bottom:1px solid #26362d;align-items:center;gap:11px;padding:12px 0;display:flex}.confirm-lines article>.product-image,.confirm-lines article>span:first-child{background:#111a15;border-radius:9px;flex:0 0 45px;width:45px;height:45px;padding:5px;font-size:22px}.confirm-lines article>span{flex-direction:column;flex:1;min-width:0;display:flex}.confirm-lines article small{color:#75847b;font-size:10px}.confirm-lines article>strong{color:var(--green);font-size:12px}.confirm-balance{background:#0b100d;border:1px solid #293a31;border-radius:12px;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px;margin-top:17px;padding:13px;display:grid}.confirm-balance span{color:#718078;flex-direction:column;font-size:9px;display:flex}.confirm-balance b{color:var(--green);margin-top:3px;font-size:14px}.confirm-balance i{color:#58665e;font-style:normal}.confirm-balance .insufficient{color:#ff8f95}.insufficient-note{color:#ff9a9f;text-align:center;background:#251214;border:1px solid #633135;border-radius:9px;margin-top:10px;padding:10px;font-size:11px}.confirm-total{justify-content:space-between;margin:16px 0;font-weight:700;display:flex}.confirm-total b{color:var(--green);font-size:19px}.confirm-actions{grid-template-columns:1fr 1.5fr;gap:9px;display:grid}.confirm-actions button:disabled{cursor:not-allowed;color:#68756e;box-shadow:none;background:#243029;transform:none}@media (width<=850px){.asset-grid{grid-template-columns:1fr}}@media (width<=720px){.image-asset{grid-template-columns:62px 1fr;padding:12px}.asset-preview{width:62px;height:62px}.confirm-balance{grid-template-columns:1fr}.confirm-balance>i{display:none}.confirm-actions{grid-template-columns:1fr}.purchase-confirm{padding-bottom:20px}}.transaction-page,.transaction-page button,.transaction-page input,.transaction-page .account-page-title h1,.transaction-page .account-page-title p,.transaction-page .transaction-stats small,.transaction-page .transaction-stats p,.transaction-page .transaction-tabs button,.transaction-page .transaction-search input,.transaction-page .transaction-list h3,.transaction-page .transaction-list small,.transaction-page .transaction-empty{font-family:Noto Sans Thai,Leelawadee UI,sans-serif;font-style:normal}.transaction-page .transaction-stats b,.transaction-page .transaction-list article>strong,.transaction-page .transaction-tabs button b{font-variant-numeric:tabular-nums;font-family:Mitr,Noto Sans Thai,sans-serif;font-style:normal}.transaction-page .transaction-stats b{letter-spacing:-.35px;font-weight:600}.transaction-page .transaction-stats b span{letter-spacing:0;font-family:Noto Sans Thai,Leelawadee UI,sans-serif;font-weight:500}.transaction-page .transaction-list article>strong{letter-spacing:-.2px;font-weight:600}.account-page{background-image:linear-gradient(#5cffb105 1px,#0000 1px),linear-gradient(90deg,#5cffb105 1px,#0000 1px);background-size:42px 42px;font-family:Noto Sans Thai,Leelawadee UI,sans-serif}.account-page h1,.account-page h2,.account-page h3{letter-spacing:-.6px;font-family:Noto Sans Thai,Leelawadee UI,sans-serif;font-style:normal}.account-page-title h1{color:#f5fff9;font-weight:800}.account-page-title p{color:#8b9a91;font-size:13px}.profile-hero h2{color:#f5fff9;font-weight:800}.profile-shortcuts button span,.transaction-list h3,.full-cart-list h3,.cart-checkout h3{font-family:Noto Sans Thai,Leelawadee UI,sans-serif;font-weight:700}.transaction-stats article,.profile-hero,.full-cart-list article,.cart-checkout>section{box-shadow:inset 0 1px #ffffff06}.profile{cursor:pointer;border:1px solid #0000;border-radius:12px;transition:background .2s,border-color .2s}.profile:hover,.profile.open{background:#0e1410;border-color:#293a31}.profile-chevron{color:#6f7d75;margin-left:5px;font-size:14px;transition:transform .2s}.profile.open .profile-chevron{transform:rotate(180deg)}.profile:hover .profile-menu{display:none}.profile.open .profile-menu{display:flex}.account-menu{background:#111512;border-radius:17px;width:290px;padding:0;top:62px;overflow:hidden;box-shadow:0 25px 80px #000000b8}.account-menu>header{border-bottom:1px solid #263029;align-items:center;gap:12px;padding:18px;display:flex}.account-menu>header>div{flex-direction:column;align-items:start;min-width:0;display:flex}.account-menu>header strong{font-family:Mitr,sans-serif;font-size:17px}.account-menu>header span{color:#718077;font-size:10px}.account-menu>header b{color:var(--green);background:#15291c;border:1px solid #34644a;border-radius:999px;margin-top:8px;padding:5px 10px;font-size:10px}.account-menu>nav{flex-direction:column;padding:9px;display:flex}.account-menu>nav button,.account-menu>footer button{color:#9aa79f;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;padding:12px;display:flex}.account-menu button i{color:#738178;text-align:center;width:23px;font-style:normal}.account-menu button span{flex:1}.account-menu button>b{min-width:23px;height:23px;color:var(--green);border:1px solid #3e6a50;border-radius:50%;place-items:center;font-size:9px;display:grid}.account-menu>nav button:hover{color:#fff;background:#182019}.account-menu>nav .redeem-link,.account-menu>nav .redeem-link i{color:var(--green)}.account-menu>footer{border-top:1px solid #263029;padding:9px}.account-menu>footer button{color:#78857d}.account-menu>footer button:hover{color:#ff9ca0;background:#211314}@media (width<=720px){body{overflow-x:hidden}.page-shell{min-height:calc(100vh - 68px);padding:28px 15px 72px}.section{padding:54px 16px}.site-footer{padding:28px 18px}.page-title{border-radius:17px;margin-bottom:22px;padding:23px 20px}.page-title h1{letter-spacing:-1px;font-size:32px}.page-title p{font-size:13px;line-height:1.6}.page-title>span{font-size:10px}.home-stage{min-height:calc(100svh - 68px);padding:45px 18px}.home-wordmark{transform:scale(.82)}.home-stage>p{text-align:center;max-width:330px;font-size:13px}.home-ip{width:max-content;max-width:100%;padding:10px 12px 10px 15px}.home-ip span{white-space:nowrap}.home-ip b{white-space:nowrap;margin-left:16px}.home-content{padding:48px 15px}.home-promo,.home-community{border-radius:18px}.home-promo h2,.home-community h2{font-size:26px}.promo-art{min-height:190px}.server-card{border-radius:17px;min-height:280px;padding:24px}.server-card h2{margin-top:125px;font-size:32px}.server-art{font-size:130px}.shop-layout{flex-direction:column;gap:16px;display:flex}.categories{display:none}.mobile-category-trigger{color:#fff;text-align:left;background:#0d1511;border:1px solid #2c4437;border-radius:13px;justify-content:space-between;align-items:center;width:100%;margin:0 0 16px;padding:13px 16px;display:flex}.mobile-category-trigger span{flex-direction:column;gap:2px;display:flex}.mobile-category-trigger small{color:#7f8e85;font-size:9px}.mobile-category-trigger b{color:var(--green);font-size:15px}.mobile-category-trigger i{color:var(--green);font-size:20px}.catalog-title h2{font-size:25px}.product-grid{grid-template-columns:1fr;gap:13px}.product{border-radius:17px}.product-visual{height:180px}.product-visual>span{font-size:70px}.product-info{padding:17px}.product-info p{min-height:0}.product-info .primary,.gift{min-height:48px}.info-cards{border-radius:17px;grid-template-columns:1fr;display:grid;overflow:visible}.info-cards article{width:100%;min-width:0}.info-cards article+article:before{display:block}.info-cards+.section-title{margin:31px auto 15px}.info-cards+.section-title h2{font-size:25px}.payment-grid{gap:13px;width:100%}.payment-card{border-radius:18px;min-height:245px;padding:22px 18px}.payment-logo{flex-basis:72px;width:72px;height:72px;margin:4px 0 15px}.payment-card h3{font-size:21px}.payment-card>b{min-height:45px}.history-box{padding:18px}.cumulative-card{border-radius:19px;margin-top:17px;padding:21px 15px}.cumulative-card h2{font-size:25px}.cumulative-summary{grid-template-columns:50px 1fr;padding:10px}.cumulative-summary>.mc-head{width:50px;height:50px}.cumulative-summary .cumulative-total{padding-right:0}.cumulative-total b{font-size:18px}.reward-countdown{grid-column:1/3}.milestone-grid{scroll-snap-type:x mandatory;gap:10px;margin:19px -15px 0;padding:0 15px 6px;display:flex;overflow-x:auto}.milestone-grid article{scroll-snap-align:start;min-width:145px}.progress-meta{margin-top:21px}.podium{flex-direction:column;gap:36px;min-height:0;padding:42px 15px 16px;display:flex}.rank-card,.rank-card.top-1{flex:none;width:100%;height:275px}.rank-card.top-1{order:-1}.rank-grid{grid-template-columns:1fr}.rank-list,.supporters{border-radius:17px;padding:19px}.rank-list h2,.supporters h2{font-size:23px}.supporter-track article{min-width:225px}.account-page{background-size:30px 30px;min-height:calc(100vh - 68px);padding:28px 15px 70px}.account-page-title{align-items:flex-start;margin-bottom:20px}.account-page-title>span{width:42px;height:42px}.account-page-title h1{font-size:27px}.account-page-title p{font-size:11px}.profile-hero{border-radius:17px;align-items:flex-start;gap:16px;padding:20px}.profile-hero>.mc-head{border-radius:14px;width:72px;height:72px}.profile-hero h2{font-size:24px}.profile-hero b{margin-top:10px;padding:7px 10px}.profile-shortcuts{gap:9px;margin:13px 0}.profile-shortcuts button{min-height:54px;padding:14px}.profile-discord,.profile-security{border-radius:14px;padding:17px}.profile-security{flex-wrap:wrap;align-items:flex-start}.profile-security button{width:100%}.transaction-stats{scroll-snap-type:x mandatory;gap:10px;padding-bottom:3px;display:flex;overflow-x:auto}.transaction-stats article{scroll-snap-align:center;min-width:76vw;padding:19px}.transaction-stats b{font-size:26px}.transaction-toolbar{margin-top:20px;display:block}.transaction-toolbar>span{display:none}.transaction-tabs{width:100%;overflow-x:auto}.transaction-tabs button{min-width:max-content}.transaction-search{padding:0 12px}.transaction-search small{display:none}.transaction-list article{align-items:flex-start;padding:15px}.transaction-kind{flex:0 0 42px;width:42px;height:42px}.transaction-list article>strong{font-size:12px}.transaction-list h3 b{width:max-content;margin:5px 0 0;display:block}.transaction-empty{padding:50px 15px}.full-cart-layout{gap:14px}.full-cart-list article{grid-template-columns:58px 1fr;gap:12px;padding:14px}.full-cart-image{width:58px;height:58px;font-size:28px}.full-cart-list article>strong{font-size:13px}.cart-checkout{gap:10px}.cart-checkout>section{padding:17px}.cart-checkout .primary{min-height:52px}.cart-checkout>footer{flex-direction:column;gap:6px}.full-empty{padding:60px 15px}.overlay{align-items:end;padding:0}.modal{border-radius:22px 22px 0 0;width:100%;max-height:92svh;padding:25px 18px}.modal h2{font-size:25px}.gift-actions{grid-template-columns:1fr;display:grid}.gift-actions button{width:100%}.redeem-dialog{padding:0 18px 22px}.redeem-dialog>header{margin:0 -18px 20px;padding:18px}.cart{border-width:1px 0 0;border-radius:22px 22px 0 0;width:100%;height:min(78svh,620px);inset:auto 0 0}.cart-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;background:#000000a3}.cart-items{overscroll-behavior:contain}button,a,input{touch-action:manipulation}.primary,.secondary,.danger{min-height:46px}}.guide-nav-group>button{width:100%}.guide-subnav{border-left:1px solid #294336;margin:4px 0 8px 13px;padding-left:10px}.guide-sidebar .guide-subnav button{color:#718078;border-radius:7px;width:100%;padding:8px 9px;font-size:10px;line-height:1.45}.guide-sidebar .guide-subnav button:hover{color:#b9d2c4;background:#0e1813}.guide-sidebar .guide-subnav button.active{color:var(--green);background:#102219}.guide-rules-content{color:#c2cec7;border-color:#294638;padding:28px}.guide-rules-content h2{color:var(--green)}.guide-rules-intro{border-left:3px solid var(--green);background:#102219;border-radius:0 10px 10px 0;padding:15px 17px;color:#dce8e1!important;margin-bottom:24px!important}.guide-rule-emphasis{color:#effaf4;font-weight:700}@media (width<=720px){.guide-sidebar nav{align-items:flex-start}.guide-nav-group{min-width:max-content}.guide-subnav{max-height:245px;overflow:auto}.guide-sidebar .guide-subnav button{white-space:normal;min-width:230px}.guide-rules-content{padding:20px}}.supporter-top-grid{align-items:end;padding-top:18px}.supporter-top-grid article{isolation:isolate;transition:transform .35s cubic-bezier(.2,.75,.25,1),border-color .35s,box-shadow .35s;overflow:hidden}.supporter-top-grid article:before{content:"";z-index:-1;opacity:0;background:conic-gradient(from 180deg,#0000,#5cffb11f,#0000 28%);transition:opacity .3s;position:absolute;inset:-45% -20%;transform:rotate(-18deg)}.supporter-top-grid article:hover{border-color:#4c7a60;transform:translateY(-8px);box-shadow:0 24px 60px #00000061}.supporter-top-grid article:hover:before{opacity:1;animation:3.2s linear infinite supporter-shine}.supporter-top-grid .rank-1{order:2;min-height:332px;transform:translateY(-14px)}.supporter-top-grid .rank-1:hover{transform:translateY(-23px)}.supporter-top-grid .rank-2{order:1}.supporter-top-grid .rank-3{order:3}.supporter-rank-mark{color:#7a8b81;text-shadow:0 0 18px;font-size:20px;position:absolute;top:12px;right:17px}.rank-1 .supporter-rank-mark{color:#5cffb1;font-size:27px;animation:2.8s ease-in-out infinite supporter-crown}.rank-2 .supporter-rank-mark{color:#aab8b0}.rank-3 .supporter-rank-mark{color:#b98c65}.supporter-head:before,.supporter-head:after{content:"";border:1px solid #5cffb133;border-radius:28px;transition:transform .45s,border-color .45s;position:absolute;inset:7px;transform:rotate(45deg)}.supporter-head:after{opacity:.55;border-style:dashed;inset:17px;transform:rotate(-45deg)}.supporter-top-grid article:hover .supporter-head:before{border-color:#5cffb199;transform:rotate(68deg)}.supporter-top-grid article:hover .supporter-head:after{transform:rotate(-68deg)}.supporter-head .mc-head{transition:transform .38s cubic-bezier(.2,.8,.2,1),filter .38s}.supporter-top-grid article:hover .supporter-head .mc-head{filter:brightness(1.1);transform:translateY(-5px)scale(1.05)rotate(-2deg)}.supporter-pedestal{color:#5f7468;align-items:center;gap:8px;width:86%;height:23px;margin-top:17px;display:flex}.supporter-pedestal i{background:linear-gradient(90deg,#0000,currentColor);flex:1;height:1px}.supporter-pedestal i:last-child{background:linear-gradient(90deg,currentColor,#0000)}.supporter-pedestal span{border:1px solid;border-radius:50%;place-items:center;width:25px;height:25px;font-family:Mitr,sans-serif;font-size:10px;display:grid}.rank-1 .supporter-pedestal{color:var(--green)}.rank-2 .supporter-pedestal{color:#92a69b}.rank-3 .supporter-pedestal{color:#a37857}.supporter-directory article{transition:transform .25s,border-color .25s,background .25s}.supporter-directory article:hover{background:#101b15;border-color:#3b604b;transform:translate(4px)}.supporter-directory article:hover>i{filter:drop-shadow(0 0 8px var(--green));transform:scale(1.15)}@keyframes supporter-shine{to{transform:rotate(342deg)}}@keyframes supporter-crown{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-4px)rotate(3deg)}}@media (width<=800px){.supporter-top-grid{padding-top:0}.supporter-top-grid .rank-1,.supporter-top-grid .rank-2,.supporter-top-grid .rank-3{order:initial;transform:none}.supporter-top-grid .rank-1:hover,.supporter-top-grid article:hover{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.supporter-top-grid article,.supporter-head .mc-head,.supporter-rank-mark,.supporter-directory article{transition:none!important;animation:none!important}}.product-info>div{grid-template-columns:48px minmax(0,1fr);gap:10px}.gift{width:48px;min-width:48px;font-size:inherit;background:linear-gradient(145deg,#132219,#0d1711);border-color:#31513f;border-radius:13px;place-items:center;padding:0;display:grid}.gift:after{content:none}.gift>span{filter:grayscale(.25);font-size:19px;transition:transform .25s,filter .25s}.gift:hover{background:#172a1f;border-color:#6adf9a;box-shadow:0 8px 24px #5cffb11a}.gift:hover>span{filter:grayscale(0);transform:translateY(-2px)rotate(-7deg)scale(1.12)}.product-info .add-cart{background:linear-gradient(135deg,#61fcb5,#45df9a);border:1px solid #6dffc0;justify-content:center;align-items:center;gap:8px;min-width:0;transition:transform .25s,box-shadow .25s,filter .25s;display:flex;box-shadow:inset 0 1px #ffffff4d,0 8px 22px #23dc8b1c}.product-info .add-cart span{font-size:15px;transition:transform .25s}.product-info .add-cart b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:900;overflow:hidden}.product-info .add-cart:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff59,0 12px 30px #23dc8b33}.product-info .add-cart:hover span{transform:translate(2px)rotate(-5deg)}.product-info .add-cart:active{transform:translateY(0)scale(.98)}@media (width<=520px){.product-info>div{grid-template-columns:52px minmax(0,1fr)}.gift{width:52px;min-width:52px}.product-info .add-cart b{font-size:12px}}.topup-overview{background:radial-gradient(circle at 10% 5%,#5cffb124,#0000 34%),linear-gradient(120deg,#101c15,#0a0f0c 58%,#0c1510);border:1px solid #2b4938;border-radius:24px;padding:34px 38px 0;position:relative;overflow:hidden;box-shadow:0 22px 65px #00000038}.topup-overview:before{content:"";pointer-events:none;background-image:linear-gradient(#5cffb109 1px,#0000 1px),linear-gradient(90deg,#5cffb109 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 82%);mask-image:linear-gradient(90deg,#000,#0000 82%)}.topup-overview>header,.topup-account-row{z-index:1;position:relative}.topup-overview>header>span{color:var(--green);letter-spacing:2.4px;font-size:10px;font-weight:900}.topup-overview>header h1{margin:8px 0 2px;font-family:Mitr,sans-serif;font-size:clamp(38px,5vw,56px);line-height:1.12}.topup-overview>header p{color:#a4b2aa;margin:0;font-size:13px}.topup-account-row{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070c099e;border-top:1px solid #294336;align-items:center;gap:14px;min-height:92px;margin:30px -38px 0;padding:18px 28px 18px 38px;display:flex}.topup-account-row>.mc-head{border:1px solid #456c55;border-radius:13px;width:54px!important;height:54px!important}.topup-account-name{flex-direction:column;min-width:145px;display:flex}.topup-account-row small{color:#75867c;font-size:9px}.topup-account-name b{font-size:16px}.topup-balance{border-left:1px solid #2a3c32;grid-template-columns:auto auto;align-items:center;margin-left:auto;padding-left:26px;display:grid}.topup-balance small{grid-column:1/-1}.topup-balance strong{color:var(--green);font-family:Mitr,sans-serif;font-size:18px}.topup-balance i{color:#8ecdaa;border:1px solid #31513f;border-radius:999px;margin-left:12px;padding:6px 9px;font-size:8px;font-style:normal}.topup-history-link{color:#fff;text-align:left;background:linear-gradient(145deg,#14231a,#0d1711);border:1px solid #31513f;border-radius:14px;align-items:center;gap:11px;min-width:235px;margin-left:18px;padding:12px 14px;transition:transform .25s,border-color .25s,background .25s;display:flex}.topup-history-link>span{width:35px;height:35px;color:var(--green);border:1px solid #3b664d;border-radius:10px;place-items:center;font-size:17px;display:grid}.topup-history-link>div{flex-direction:column;flex:1;min-width:0;display:flex}.topup-history-link b{font-size:11px}.topup-history-link small{margin-top:2px;font-size:8px}.topup-history-link>i{color:var(--green);font-style:normal}.topup-history-link:hover{border-color:var(--green);background:#17281e;transform:translate(3px)}.topup-page>.topup-methods{margin-top:28px}@media (width<=800px){.topup-account-row{flex-wrap:wrap;align-items:flex-start}.topup-balance{margin-left:0}.topup-history-link{min-width:0;margin-left:auto}}@media (width<=580px){.topup-overview{border-radius:19px;padding:26px 20px 0}.topup-account-row{margin:24px -20px 0;padding:17px 20px}.topup-account-name{min-width:0}.topup-balance{border-top:1px solid #26382e;border-left:0;width:calc(100% - 68px);margin-left:68px;padding:12px 0 0}.topup-history-link{width:100%;margin:0}.topup-overview>header h1{font-size:36px}}.guide-rules-content .guide-rule-note{color:#eef8f2;margin-bottom:5px;font-weight:700}.guide-rule-emphasis{font-weight:800}.account-page.wide-account{width:calc(100% - 56px);max-width:1120px;padding-left:0;padding-right:0}@media (width<=720px){.account-page.wide-account{width:calc(100% - 30px);padding-left:0;padding-right:0}}.product-info .gift>span{filter:none;border:1.5px solid #71f4ac;border-radius:2px;width:18px;height:15px;font-size:0;display:block;position:relative}.product-info .gift>span:before{content:"";background:#14231a;border:1.5px solid #71f4ac;border-radius:2px;height:4px;position:absolute;top:-5px;left:-3px;right:-3px}.product-info .gift>span:after{content:"";background:#71f4ac;width:2px;height:18px;position:absolute;top:-5px;left:7px;box-shadow:-8px 7px 0 -.25px #71f4acc7}.product-info .gift:hover>span{filter:drop-shadow(0 0 6px #5cffb173);transform:translateY(-2px)rotate(-3deg)scale(1.08)}.product-info .add-cart>span{border-bottom:1.7px solid #07150d;border-left:1.7px solid #07150d;border-radius:0 0 3px 3px;width:19px;height:12px;font-size:0;display:block;position:relative;transform:skew(-8deg)}.product-info .add-cart>span:before{content:"";border-top:1.7px solid #07150d;width:5px;height:5px;position:absolute;top:-5px;left:-4px;transform:skew(8deg)}.product-info .add-cart>span:after{content:"";background:#07150d;border-radius:50%;width:3px;height:3px;position:absolute;bottom:-6px;left:2px;box-shadow:11px 0 #07150d}.topup-page>.topup-methods{background:radial-gradient(circle at 15% 18%,#5cffb112,#0000 30%),linear-gradient(145deg,#0d1510,#090e0b);border:1px solid #2d4938;border-bottom:0;border-radius:24px 24px 0 0;margin-top:28px;padding:28px 28px 18px}.topup-page>.topup-methods>header{margin-bottom:18px}.topup-page .topup-method-grid{grid-template-columns:minmax(0,1.45fr) minmax(245px,.55fr)}.topup-page .topup-method.promptpay{position:relative;box-shadow:inset 0 1px #ffffff06,0 0 0 1px #5cffb106}.topup-page .topup-method.promptpay:after{content:"ขั้นตอนที่ 1";color:#86d9a9;letter-spacing:.8px;border:1px solid #3a684e;border-radius:999px;padding:5px 8px;font-size:7px;font-weight:800;position:absolute;top:16px;right:18px}.topup-page .topup-method.truemoney{opacity:.68;gap:15px;min-height:190px;padding:22px}.topup-page .truemoney .method-icon{border-radius:15px;flex-basis:62px;width:62px;height:62px;font-size:21px}.topup-page .topup-method.truemoney h3{font-size:18px}.topup-page>.topup-amounts{background:linear-gradient(145deg,#0d1510,#090e0b);border:1px solid #2d4938;border-top:0;border-radius:0 0 24px 24px;margin-top:0;padding:24px 28px 29px;position:relative}.topup-page>.topup-amounts:before{content:"";background:linear-gradient(90deg,var(--green),#5cffb12e 58%,transparent);height:1px;position:absolute;top:0;left:28px;right:28px;box-shadow:0 0 12px #5cffb11f}.topup-page>.topup-amounts>header{justify-content:space-between;align-items:center;margin:0 0 15px;padding-top:3px;display:flex}.topup-page>.topup-amounts>header h2{align-items:center;gap:9px;font-size:20px;display:flex}.topup-page>.topup-amounts>header h2:before{content:"2";width:23px;height:23px;color:var(--green);background:#12251a;border:1px solid #4b825f;border-radius:50%;place-items:center;font-size:9px;display:grid}.topup-page>.topup-amounts>header p{color:#8ecdaa;background:#102219;border:1px solid #31513f;border-radius:999px;margin:0;padding:6px 9px;font-size:8px}.topup-page>.topup-amounts button{background:#0f1812}.topup-page>.topup-amounts button:hover{transform:translateY(-2px)}@media (width<=850px){.topup-page .topup-method-grid{grid-template-columns:1fr}.topup-page .topup-method.truemoney{min-height:130px}.topup-page>.topup-amounts>header{flex-direction:column;align-items:flex-start;gap:7px}}@media (width<=560px){.topup-page>.topup-methods{border-radius:19px 19px 0 0;padding:20px 15px 14px}.topup-page>.topup-amounts{border-radius:0 0 19px 19px;padding:20px 15px 23px}.topup-page>.topup-amounts:before{left:15px;right:15px}.topup-page .topup-method.promptpay:after{display:none}}.guide-rules-content>p{margin:0 0 13px!important;line-height:1.72!important}.guide-rules-content>p>span{display:block}.guide-rule-bullet{text-indent:-17px;margin-bottom:5px;padding-left:17px}.guide-rule-bullet:last-child{margin-bottom:0}.guide-rule-line+.guide-rule-line{margin-top:7px}.guide-rules-content .guide-rule-note{border-left:2px solid var(--green);background:#5cffb10b;border-radius:0 8px 8px 0;padding:11px 14px;margin:15px 0 11px!important;line-height:1.65!important}.guide-rules-content .guide-rule-note+.guide-rule-note{margin-top:-6px!important}.guide-rules-content>h2{margin-bottom:18px}@media (width<=720px){.guide-rules-content>p{font-size:13px;line-height:1.7!important}.guide-rule-bullet{text-indent:-15px;padding-left:15px}}.product-visual>span{filter:drop-shadow(0 15px 18px #00000094)}.product-info .gift>span{border:2px solid #72f4ad;border-radius:2px;width:19px;height:14px}.product-info .gift>span:before{background:#14231a;border:2px solid #72f4ad;border-radius:2px;height:4px;top:-6px;left:-3px;right:-3px}.product-info .gift>span:after{width:2px;height:20px;box-shadow:none;background:#72f4ad;top:-6px;left:7px}.product-info .add-cart>span{border-top:0;border-bottom:2px solid #07150d;border-left:2px solid #07150d;border-right:0;border-radius:0 0 3px 3px;width:19px;height:12px;transform:skew(-9deg)}.product-info .add-cart>span:before{border-top:2px solid #07150d;width:5px;height:5px;top:-5px;left:-5px;transform:skew(9deg)}.product-info .add-cart>span:after{width:3px;height:3px;bottom:-6px;left:2px;box-shadow:11px 0 #07150d}.product-info .add-cart:hover>span{transform:translate(2px)skew(-9deg)}.product-discount{z-index:4;color:#fff;background:linear-gradient(135deg,#f1545c,#d9303b);border:1px solid #ffffff29;border-radius:9px;padding:7px 9px;font-size:11px;line-height:1;position:absolute;top:13px;right:13px;box-shadow:0 8px 20px #d9303b47}.product.on-sale{border-color:#4b3657}.product.on-sale:hover{border-color:#8b5ca4}.product-info>.product-price-row{border-top:1px solid #60927526;justify-content:flex-start;align-items:center;gap:11px;margin:auto 0 16px;padding-top:13px;display:flex}.product-price-row strong{white-space:nowrap;align-items:baseline;gap:5px;margin:0;display:inline-flex}.product-price-row strong>b{color:var(--green);font-family:Mitr,sans-serif;font-size:22px;line-height:1}.product-price-row strong>small{color:#b6d5c3;letter-spacing:.35px;font-size:10px;font-weight:700}.product-price-row del{color:#68776e;white-space:nowrap;font-size:10px}.product-price-fields small{color:#73847a;margin-top:6px;font-size:10px;display:block}.product-info>.product-price-row{width:100%;min-height:48px;box-shadow:none;background:0 0;border:0;border-top:1px solid #60927521;border-radius:0;justify-content:center;gap:12px;margin:auto 0 14px;padding:12px 4px 2px}.product-price-row strong{justify-content:center;gap:6px}.product-price-row strong>b{font-size:24px}.product-price-row strong>small{color:#d7e9de;font-size:11px}.product-price-row del{color:#809087;border-left:0;padding-left:2px;font-size:11px}.product.on-sale .product-price-row{background:0 0;border-top-color:#b864cd33}.product.featured{background:linear-gradient(155deg,#17131d,#090d0b);border-color:#62447b;box-shadow:0 16px 40px #0000003b,inset 0 1px #d7a4ff0e}.product.featured:hover{border-color:#a36ad0;box-shadow:0 24px 55px #00000061,0 0 32px #a55cdc1c}.product.featured .product-visual{background:radial-gradient(circle at 50% 55%,#bd6df126,#0000 31%),radial-gradient(circle at 50% 60%,#5cffb121,#0000 50%),linear-gradient(#17131b,#0c130f)}.product-recommended{z-index:5;color:#fff;background:linear-gradient(135deg,#b35ee9,#8642ce);border:1px solid #ffffff29;border-radius:8px;padding:6px 9px;font-size:9px;line-height:1;position:absolute;top:12px;left:13px;box-shadow:0 7px 18px #9446d54d}.product.featured .product-visual>small{color:#d4b2ed;background:#1b1024db;border-color:#62487a;top:45px}.topup-page .topup-method.promptpay{pointer-events:none;cursor:default;background:radial-gradient(circle at 0,#5cffb12e,#0000 42%),linear-gradient(145deg,#132219,#0c1510);border-color:#4b9169;box-shadow:inset 0 0 0 1px #5cffb10f,0 0 26px #5cffb10b}.topup-page .promptpay>div>b{font-size:0}.topup-page .promptpay>div>b:after{content:"เลือกแล้ว  ✓";color:var(--green);font-size:11px;font-weight:800}.topup-page .promptpay>div>b i{display:none}.topup-page .topup-method.promptpay:hover{border-color:#4b9169;transform:none;box-shadow:inset 0 0 0 1px #5cffb10f,0 0 26px #5cffb10b}.topup-balance>i{display:none}.topup-page>.topup-methods{position:relative}.topup-page>.topup-methods:after{content:"1 บาท = 1 Point";color:#91d9af;background:#102219;border:1px solid #315b43;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:700;position:absolute;top:27px;right:28px;box-shadow:0 0 18px #5cffb10b}@media (width<=560px){.topup-page>.topup-methods:after{padding:6px 9px;font-size:8px;top:18px;right:15px}.topup-page>.topup-methods>header{padding-right:102px}}.guide-rules-content .guide-rule-warning{color:#ddd5bc;background:linear-gradient(90deg,#e2b84c1f,#e2b84c09);border:1px solid #5c4c23;border-left:3px solid #e2b84c;border-radius:10px;padding:13px 16px 13px 42px;position:relative;margin:18px 0 0!important;line-height:1.65!important}.guide-rules-content .guide-rule-warning:before{content:"!";color:#efc65c;border:1px solid #c99f39;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;font-weight:900;display:grid;position:absolute;top:13px;left:14px}.guide-rules-content .guide-rule-warning .guide-rule-emphasis{color:#ffd66e}.guide-rules-content .guide-rule-warning .guide-rule-line{display:inline}@media (width<=720px){.guide-rules-content .guide-rule-warning{padding:12px 13px 12px 38px}.guide-rules-content .guide-rule-warning:before{top:12px;left:12px}}.topup-page .topup-method-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.topup-page .topup-method-grid>.topup-method{width:100%;min-height:190px}@media (width<=850px){.topup-page .topup-method-grid{grid-template-columns:1fr}}.topup-checkout{background:radial-gradient(circle at 8% 0,#5cffb11f,#0000 30%),linear-gradient(145deg,#0e1711,#080d0a);border:1px solid #2a4636;border-radius:24px;overflow:hidden;box-shadow:0 25px 70px #0000003d}.topup-checkout>header{border-bottom:1px solid #253a2e;padding:34px 38px 25px}.topup-checkout>header>span{color:var(--green);letter-spacing:2.4px;font-size:12px;font-weight:900}.topup-checkout>header h1{margin:7px 0 3px;font-family:Mitr,sans-serif;font-size:clamp(38px,5vw,54px);line-height:1.1}.topup-checkout>header p{color:#a8b7af;margin:0;font-size:15px}.topup-checkout-grid{grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:20px;padding:25px;display:grid}.topup-selector,.topup-qr-panel{background:#0a100c;border:1px solid #293e32;border-radius:19px;min-height:470px}.topup-selector{padding:28px}.topup-provider-tabs{background:#070c09;border:1px solid #2b4335;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px;display:grid}.topup-provider-tabs button{color:#708078;background:0 0;border:0;border-radius:10px;width:100%;height:58px;padding:0 14px;font-size:14px;font-weight:800}.topup-provider-tabs button.active{background:var(--green);color:#06120c;box-shadow:0 7px 22px #5cffb126}.topup-provider-tabs button:disabled{cursor:not-allowed;opacity:.55}.topup-selector h2{margin:28px 0 15px;font-size:24px}.topup-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:64px;gap:10px;display:grid}.topup-preset-grid button{color:#e8f0eb;background:#0d1711;border:1px solid #2d4537;border-radius:12px;width:100%;height:64px;padding:0 10px;font-size:16px;font-weight:800}.topup-preset-grid button:hover,.topup-preset-grid button.active{border-color:var(--green);color:var(--green);background:#153222;transform:translateY(-1px);box-shadow:0 0 18px #5cffb112}.topup-custom-amount{margin:28px 0 0!important;display:block!important}.topup-custom-amount>span{color:#b1c0b8;font-size:14px}.topup-custom-amount>div{background:#070b08;border:1px solid #2d4738;border-radius:13px;align-items:center;height:58px;margin-top:9px;display:flex;overflow:hidden}.topup-custom-amount input{caret-color:#0000;appearance:textfield;flex:1;width:100%;min-width:0;height:100%;font-size:20px;font-weight:800;background:0 0!important;border:0!important;margin:0!important;padding:0 17px!important}.topup-custom-amount input::-webkit-outer-spin-button{appearance:none;margin:0}.topup-custom-amount input::-webkit-inner-spin-button{appearance:none;margin:0}.topup-custom-amount b{color:#92a39a;padding:0 18px;font-size:14px}.topup-points-preview{background:#0e2116;border:1px solid #31563f;border-radius:14px;grid-template-columns:1fr auto;align-items:center;margin-top:20px;padding:18px 20px;display:grid}.topup-points-preview span{color:#b4c2ba;font-size:13px}.topup-points-preview strong{color:var(--green);grid-area:1/2/3;font-size:22px}.topup-points-preview small{color:#82948a;margin-top:4px;font-size:11px}.topup-create-qr{color:#06120c;background:linear-gradient(135deg,#5cffb1,#36d991);border:0;border-radius:13px;width:100%;min-height:62px;margin-top:20px;padding:16px;font-size:16px;font-weight:900;box-shadow:0 12px 30px #5cffb124}.topup-create-qr:hover{transform:translateY(-2px);box-shadow:0 16px 36px #5cffb133}.topup-create-qr:disabled{cursor:wait;opacity:.65;transform:none}.topup-terms{background:0 0;border:0;justify-content:center;align-items:center;gap:7px;margin-top:15px;padding:12px;display:flex}.topup-terms input{accent-color:#48a9ff;flex:0 0 17px;width:17px;height:17px}.topup-terms label{color:#eef3f8;cursor:pointer;font-size:12px;font-weight:800}.topup-terms button{color:#24a8ff;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:800;text-decoration:none}.topup-terms button:hover{text-decoration:underline}.topup-create-qr:disabled{cursor:not-allowed;filter:saturate(.4)}.legal-modal-backdrop{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03080cd1;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.legal-modal{color:#f4f6f8;background:#20252b;border:1px solid #35404b;border-radius:14px;width:min(900px,100%);max-height:min(88vh,900px);overflow:hidden;box-shadow:0 30px 100px #00000094}.legal-modal>header{border-bottom:1px solid #343b43;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.legal-modal h2{margin:0;font-size:clamp(22px,3vw,32px)}.legal-modal>header button{color:#aab3bd;cursor:pointer;background:#292f36;border:0;border-radius:9px;width:48px;height:48px;font-size:36px;font-weight:800;line-height:1}.legal-modal-content{max-height:calc(88vh - 98px);padding:26px 58px 48px;font-size:16px;line-height:1.7;overflow:auto}.legal-modal-content p{white-space:pre-wrap;margin:0 0 8px}.legal-modal-content p:first-child{margin-bottom:20px;font-size:21px;font-weight:900}@media (width<=600px){.topup-terms{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.topup-terms button{margin-left:24px}.legal-modal-backdrop{padding:8px}.legal-modal-content{padding:22px 20px 40px;font-size:14px}.legal-modal>header{padding:18px}.legal-modal>header button{width:40px;height:40px}}.topup-qr-panel{background:radial-gradient(circle at 50% 43%,#5cffb114,#0000 38%),#09100c;flex-direction:column;align-items:center;padding:28px;display:flex}.topup-qr-status{color:#b9c6bf;background:#0d1711;border:1px solid #2d4437;border-radius:12px;justify-content:center;align-self:stretch;align-items:center;gap:10px;min-height:52px;padding:12px;font-size:14px;display:flex}.status-dot{background:#67766e;border-radius:50%;width:9px;height:9px}.topup-qr-panel.pending .status-dot{background:#ffd166;box-shadow:0 0 12px #ffd166}.topup-qr-panel.succeeded .status-dot{background:var(--green);box-shadow:0 0 12px var(--green)}.topup-qr-panel.succeeded .topup-qr-status{color:var(--green);border-color:#3b7552}.topup-qr-placeholder{color:#e9fff2;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(350px,100%);margin:auto;display:flex}.topup-scan-frame{background:radial-gradient(circle,#5cffb121,#0000 62%);border-radius:30px;place-items:center;width:245px;height:245px;display:grid;position:relative;box-shadow:0 0 70px #5cffb114}.topup-scan-frame>i{border-color:var(--green);border-style:solid;width:58px;height:58px;position:absolute}.topup-scan-frame>i:first-child{border-width:4px 0 0 4px;border-radius:16px 0 0;top:15px;left:15px}.topup-scan-frame>i:nth-child(2){border-width:4px 4px 0 0;border-radius:0 16px 0 0;top:15px;right:15px}.topup-scan-frame>i:nth-child(3){border-width:0 4px 4px 0;border-radius:0 0 16px;bottom:15px;right:15px}.topup-scan-frame>i:nth-child(4){border-width:0 0 4px 4px;border-radius:0 0 0 16px;bottom:15px;left:15px}.topup-pay-mark{background:linear-gradient(145deg,#183524,#0b1710);border:1px solid #3c7353;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;width:126px;height:126px;display:flex;box-shadow:0 18px 40px #00000052,inset 0 1px #ffffff0f}.topup-pay-mark span{background:var(--green);color:#07150d;border-radius:16px;place-items:center;width:50px;height:50px;font-family:Mitr,sans-serif;font-size:30px;font-weight:900;display:grid}.topup-pay-mark b{margin-top:11px;font-size:13px}.topup-scan-frame>em{background:linear-gradient(90deg,transparent,var(--green),transparent);width:174px;height:2px;box-shadow:0 0 13px var(--green);animation:2.6s ease-in-out infinite topup-scan;position:absolute;top:50%;left:36px}.topup-qr-placeholder>strong{margin-top:5px;font-size:19px}.topup-qr-placeholder>small{color:#879990;max-width:280px;margin-top:7px;font-size:13px;line-height:1.6}.topup-qr-placeholder>span{color:var(--green);letter-spacing:2px;margin-top:15px;font-size:9px;font-weight:800}@keyframes topup-scan{0%,to{opacity:.25;transform:translateY(-62px)}50%{opacity:1;transform:translateY(62px)}}.topup-qr-image{aspect-ratio:1;background:#fff;border-radius:16px;width:min(280px,100%);margin:20px auto 12px;padding:10px;box-shadow:0 20px 50px #00000047}.topup-qr-image img{object-fit:contain;width:100%;height:100%;display:block}.topup-qr-total{justify-content:space-between;align-items:center;width:100%;padding:11px 4px;display:flex}.topup-qr-total span,.topup-qr-meta span{color:#9baca2;font-size:13px}.topup-qr-total strong{color:var(--green);font-size:24px}.topup-qr-meta{border-top:1px solid #24372c;justify-content:space-between;align-items:center;width:100%;padding:14px 4px;display:flex}.topup-qr-meta b{color:#e5eee9;font-family:monospace;font-size:15px}.topup-qr-panel>button{width:100%;min-height:50px;color:var(--green);background:#102219;border:1px solid #315741;border-radius:11px;margin-top:8px;padding:12px;font-size:14px;font-weight:800}.topup-qr-panel>small{color:#87978e;text-align:center;margin-top:12px;font-size:11px}@media (width<=850px){.topup-checkout-grid{grid-template-columns:1fr}.topup-selector,.topup-qr-panel{min-height:auto}.topup-qr-panel{min-height:430px}}@media (width<=560px){.topup-checkout{border-radius:19px}.topup-checkout>header{padding:26px 20px 20px}.topup-checkout>header h1{font-size:36px}.topup-checkout-grid{gap:13px;padding:13px}.topup-selector,.topup-qr-panel{border-radius:15px;padding:17px}.topup-preset-grid{grid-template-columns:repeat(2,1fr)}.topup-qr-placeholder{width:100%;height:auto}.topup-scan-frame{width:220px;height:220px}}@media (prefers-reduced-motion:reduce){.topup-scan-frame>em{animation:none}}.topup-page .topup-custom-amount input,.topup-page .topup-custom-amount input:hover,.topup-page .topup-custom-amount input:focus,.topup-page .topup-custom-amount input:focus-visible,.topup-page .topup-custom-amount input:active{box-shadow:none!important;caret-color:#0000!important;outline:0!important}.topup-live-account{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.topup-live-account>span{background:#0c1510;border:1px solid #294235;border-radius:11px;flex-direction:column;padding:13px 15px;display:flex}.topup-live-account small{color:#82948a;font-size:11px}.topup-live-account b{color:#e6efe9;margin-top:3px;font-size:14px}.topup-live-account>span:last-child b{color:var(--green)}@media (width<=560px){.topup-live-account{grid-template-columns:1fr}}.topup-provider-tabs-main{margin:0 0 18px}.topup-amount-start{flex-direction:column;display:flex}.topup-amount-start .topup-custom-amount{margin-top:20px!important}.topup-payment-stage{grid-template-columns:minmax(280px,.88fr) minmax(300px,1.12fr);align-items:start;gap:24px;display:grid}.topup-payment-qr{background:#05292c99;border:1px solid #baffe338;border-radius:24px;justify-content:center;align-items:center;min-height:530px;padding:20px;display:flex;overflow:hidden}.topup-payment-qr img{object-fit:contain;background:#fff;border-radius:18px;width:100%;max-width:490px;height:auto;max-height:680px;display:block;box-shadow:0 18px 55px #00000047}.topup-payment-detail{flex-direction:column;align-items:stretch;padding:18px 8px;display:flex}.topup-payment-detail>h2{text-align:center;margin:0;font-size:clamp(27px,3vw,40px)}.topup-payment-detail>p{color:#d7e8e5;text-align:center;margin:7px 0 24px}.topup-receiver,.topup-payment-amount,.topup-payment-time{border-bottom:1px solid #dcfff529;justify-content:space-between;align-items:center;gap:18px;padding:18px 4px;display:flex}.topup-receiver span,.topup-payment-amount span,.topup-payment-time span{color:#d7e8e5;font-weight:700}.topup-receiver b{text-align:right;max-width:64%}.topup-payment-amount strong{color:#58efb6;font-size:30px}.topup-payment-time strong{color:#ff8589;font-size:25px}.topup-slip-inline{background:#072a2c75;border:1px solid #baffe338;border-radius:18px;margin-top:22px;padding:18px}.topup-slip-inline>span{margin-bottom:10px;font-weight:900;display:block}.topup-slip-inline input[type=file]{color:#fff;background:#011618b8;border:1px solid #baffe32e;border-radius:12px;width:100%;padding:12px}.topup-slip-inline button,.truemoney-simple-layout .topup-create-qr{color:#06201a;background:linear-gradient(135deg,#58efb6,#37d8a0);border:0;border-radius:14px;width:100%;min-height:60px;margin-top:14px;font-weight:1000;box-shadow:0 7px #0c6f5780}.topup-new-payment{align-self:center;margin-top:17px;text-decoration:underline;color:#d5e5e1!important;box-shadow:none!important;background:0 0!important;border:0!important;padding:8px 13px!important}.truemoney-simple-layout{grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);gap:24px;padding:24px;display:grid}.truemoney-visual,.truemoney-url-card{background:#05272aa3;border:1px solid #ffae7338;border-radius:24px;min-height:470px;padding:28px}.truemoney-visual{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.truemoney-phone{color:#ef5d16;background:linear-gradient(160deg,#fff4e9,#ff8a2d 65%,#f25a16);border:8px solid #f3f7f6;border-radius:31px;place-items:center;width:190px;height:310px;display:grid;position:relative;box-shadow:0 25px 50px #00000040}.truemoney-phone:before{content:"";background:#f3f7f6;border-radius:0 0 12px 12px;width:70px;height:13px;position:absolute;top:-2px}.truemoney-phone span{color:#ff641c;background:#fff;border-radius:26px;place-items:center;width:86px;height:86px;font-size:47px;font-weight:1000;display:grid}.truemoney-visual h2{margin:24px 0 7px}.truemoney-visual p{color:#d7e4e1;margin:0}.truemoney-url-card{flex-direction:column;justify-content:center;display:flex}.truemoney-url-card h2{margin:0 0 7px;font-size:28px}.truemoney-url-card>p{color:#d7e4e1;margin:0 0 24px}.truemoney-url-card>label>span{margin-bottom:9px;font-weight:900;display:block}.truemoney-url-card input[type=url]{color:#fff;background:#011618c2;border:1px solid #ffae734d;border-radius:13px;width:100%;height:62px;padding:0 18px;font-size:16px}.truemoney-url-card .topup-terms{justify-content:flex-start;padding-left:0}.truemoney-url-card .topup-create-qr{background:linear-gradient(135deg,#ff9a3d,#ff6b22);box-shadow:0 7px #96370f7a}@media (width<=850px){.topup-payment-stage,.truemoney-simple-layout{grid-template-columns:1fr}.topup-payment-qr,.truemoney-visual,.truemoney-url-card{min-height:auto}.truemoney-phone{width:150px;height:245px}.topup-payment-detail{padding:8px 0}}@media (width<=560px){.topup-payment-stage,.truemoney-simple-layout{gap:13px;padding:13px}.topup-payment-qr,.truemoney-visual,.truemoney-url-card{border-radius:16px;padding:17px}.topup-receiver,.topup-payment-amount,.topup-payment-time{flex-direction:column;align-items:flex-start}.topup-receiver b{text-align:left;max-width:100%}}.cumulative-card .milestone-grid{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#315a43 #0a100c;flex-wrap:nowrap;grid-template-columns:none;gap:11px;margin-top:24px;padding:0 2px 8px;display:flex;overflow:auto hidden}.cumulative-card .milestone-grid article{scroll-snap-align:start;flex:0 0 190px;min-width:190px}.cumulative-card .milestone-grid::-webkit-scrollbar{height:6px;display:block}.cumulative-card .milestone-grid::-webkit-scrollbar-track{background:#0a100c;border-radius:999px}.cumulative-card .milestone-grid::-webkit-scrollbar-thumb{background:#315a43;border-radius:999px}@media (width<=620px){.cumulative-card .milestone-grid{margin:19px -15px 0;padding:0 15px 8px}.cumulative-card .milestone-grid article{flex-basis:165px;min-width:165px}}.topup-page .topup-custom-amount input,.topup-page .topup-custom-amount input:hover,.topup-page .topup-custom-amount input:focus,.topup-page .topup-custom-amount input:focus-visible,.topup-page .topup-custom-amount input:active{caret-color:var(--green)!important}.topup-page .topup-custom-amount b{pointer-events:none;flex:none}.topup-final-status{color:var(--green);background:#102219;border:1px solid #2d4939;border-radius:14px;justify-content:center;align-items:center;margin-top:18px;padding:15px 18px;font-size:15px;font-weight:900;display:flex}.topup-final-status.pending_review{color:#ffd86b;background:#2a230d;border-color:#5f5424}.topup-final-status.failed,.topup-final-status.cancelled{color:#ff9aa4;background:#2b1115;border-color:#66323a}.topup-final-status.expired{color:#cde1de;background:#182b2c;border-color:#435b5a}.cart-page-title>span{width:70px;height:70px;box-shadow:none;background:0 0;border:0;position:relative;overflow:visible}.cart-page-title>span:before{content:"";filter:blur(8px);background:radial-gradient(#5cffb12b,#5cffb10b 45%,#0000 72%);border-radius:50%;width:70px;height:48px;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.cart-page-title>span img{z-index:1;object-fit:contain;filter:brightness(1.13)saturate(1.08)drop-shadow(0 10px 8px #00000094)drop-shadow(0 0 6px #5cffb133);width:86px;height:86px;display:block;position:relative;transform:translateY(-1px)}.cart-page-title{gap:12px}.full-empty-cart-art{object-fit:contain;opacity:.72;filter:drop-shadow(0 16px 18px #0000008c)drop-shadow(0 0 14px #5cffb11f);width:150px;height:150px;margin:0 auto -4px;display:block;transform:rotate(-2deg)}@media (width<=560px){.cart-page-title>span{width:58px;height:58px}.cart-page-title>span:before{width:58px}.cart-page-title>span img{width:72px;height:72px}.full-empty-cart-art{width:120px;height:120px}}.product-visual{position:relative}.product-sold-out{z-index:8;letter-spacing:1px;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #ff7d83;border-radius:10px;min-width:132px;padding:12px 20px;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-4deg);box-shadow:0 12px 35px #000b,0 0 22px #ff525225;color:#ff9da2!important;background:#260d10e8!important;font-size:18px!important;font-weight:1000!important;position:absolute!important;bottom:auto!important;right:auto!important}.product:has(.product-sold-out) .product-artwork{filter:grayscale(.75)brightness(.45)}.product-stock-left{z-index:7;color:#efd276;background:#211c0ddb;border:1px solid #75642f;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900;position:absolute;bottom:10px;left:12px}.product-info button:disabled{filter:grayscale(.7);cursor:not-allowed!important;opacity:.42!important;transform:none!important}.product-limited-badge{z-index:7;align-items:center;gap:7px;top:12px;left:12px;color:#ffda79!important;background:linear-gradient(135deg,#4a2d08e8,#241605ed)!important;border:1px solid #d8a93f!important;border-radius:8px!important;padding:6px 9px!important;line-height:1!important;display:flex!important;position:absolute!important;bottom:auto!important;right:auto!important;transform:none!important;box-shadow:0 7px 20px #0008,0 0 17px #f0b33d18!important}.product-limited-badge span{letter-spacing:1.1px;font-size:10px;font-weight:1000}.product-limited-badge small{color:#fff1c1;letter-spacing:.5px;border-left:1px solid #e0b55255;padding-left:7px;font-size:8px;font-weight:900}.product:has(.product-limited-badge){box-shadow:inset 0 1px #ffe29815,0 16px 38px #0005,0 0 20px #d8a93f0a;border-color:#725d32!important}.product:has(.product-sold-out) .product-limited-badge{opacity:.55}.product:has(.product-limited-badge) .product-recommended{z-index:6;top:48px}.product.featured:has(.product-limited-badge) .product-visual>small{top:80px}.quantity-dialog{width:min(470px,100%)}.quantity-product-preview{background:#0d1711;border:1px solid #2d4738;border-radius:15px;grid-template-columns:92px 1fr;align-items:center;gap:18px;margin:20px 0;padding:16px;display:grid}.quantity-product-preview>.product-artwork{width:92px;height:92px}.quantity-product-preview small{color:#819289}.quantity-product-preview h2{margin:2px 0 5px;font-size:24px}.quantity-product-preview b{color:var(--green);font-size:13px}.purchase-quantity-label{display:block!important}.purchase-quantity-control{background:#070b08;border:1px solid #315541;border-radius:13px;grid-template-columns:56px 1fr 56px;height:56px;margin-top:9px;display:grid;overflow:hidden}.purchase-quantity-control button{color:var(--green);background:#112219;border:0;font-size:25px}.purchase-quantity-control input{text-align:center;width:100%;height:100%;caret-color:var(--green);font-size:21px;font-weight:900;border-width:0 1px!important;border-color:#294536!important;border-radius:0!important;padding:0!important}.purchase-quantity-label>small{color:#83938a;margin-top:7px;font-size:11px;display:block}.quantity-total{background:#102219;border:1px solid #315541;border-radius:13px;justify-content:space-between;align-items:center;margin:18px 0;padding:16px 18px;display:flex}.quantity-total b{color:var(--green);font-size:20px}.product-name-color-field{grid-template-columns:54px 120px 1fr;align-items:center;gap:10px;display:grid}.product-name-color-field input[type=color]{width:54px;height:46px;padding:4px}.product-name-color-field b{background:#0b130e;border:1px solid #2b4636;border-radius:9px;padding:10px 12px}.guide-rules-content{counter-reset:safety-step}.guide-rules-content .guide-safety-step{color:#cbd8d0;background:linear-gradient(90deg,#5cffb111,#5cffb105);border:1px solid #294638;border-radius:10px;padding:13px 15px 13px 48px;position:relative;margin:0 0 8px!important;line-height:1.65!important}.guide-rules-content .guide-safety-step:before{counter-increment:safety-step;content:counter(safety-step);width:21px;height:21px;color:var(--green);background:#102219;border:1px solid #4c805f;border-radius:50%;place-items:center;font-size:9px;font-weight:900;display:grid;position:absolute;top:13px;left:14px}.guide-rules-content .guide-safety-step .guide-rule-emphasis{color:#f1faf5}.guide-rules-content .guide-safety-step:last-child{margin-bottom:0!important}@media (width<=720px){.guide-rules-content .guide-safety-step{padding:12px 13px 12px 43px}.guide-rules-content .guide-safety-step:before{top:12px;left:12px}.nav .account-menu>header{order:1}.nav .account-menu>nav{order:2}.nav .account-menu>footer{order:3}}.milestone-carousel{position:relative}.milestone-arrow{display:none}@media (width<=720px){.milestone-grid:after{display:none}.milestone-arrow{z-index:3;width:36px;height:36px;color:var(--green);background:#0a120df0;border:1px solid #3b604b;border-radius:50%;place-items:center;font-size:22px;line-height:1;transition:border-color .2s,background .2s,transform .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 24px #00000080}.milestone-arrow.previous{left:-5px}.milestone-arrow.next{right:-5px}.milestone-arrow:active{border-color:var(--green);background:#14271b;transform:translateY(-50%)scale(.92)}.guide-sidebar>div{padding:16px}.guide-sidebar nav{flex-direction:column;align-items:stretch;gap:5px;width:100%;display:flex;overflow:visible}.guide-nav-group,.guide-nav-group>button{width:100%;min-width:0}.guide-subnav{max-height:245px;margin:5px 0 7px 10px;padding-left:9px;overflow:hidden auto}.guide-sidebar .guide-subnav button{white-space:normal;text-align:left;width:100%;min-width:0;padding:9px 10px}}.transaction-scroll-row{min-width:0;position:relative}.transaction-row-arrow{display:none}@media (width<=720px){.transaction-toolbar>.transaction-scroll-row{width:100%}.transaction-stats:after,.transaction-tabs:after{display:none}.transaction-row-arrow{z-index:3;width:36px;height:36px;color:var(--green);background:#0a120df0;border:1px solid #3b604b;border-radius:50%;place-items:center;font-size:15px;transition:border-color .2s,background .2s,transform .2s;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%);box-shadow:0 8px 24px #00000085}.transaction-row-arrow:active{border-color:var(--green);background:#14271b;transform:translateY(-50%)scale(.92)}.transaction-row-arrow.previous{left:8px;right:auto}.transaction-row-arrow.next{left:auto;right:8px}}.player-view{isolation:isolate}.player-view .grid-glow{opacity:.28}.slime-atmosphere{z-index:0;pointer-events:none;position:fixed;inset:76px 0 0;overflow:hidden}.slime-atmosphere:before,.slime-atmosphere:after{content:"";filter:blur(2px);opacity:.72;background:radial-gradient(circle at 48% 45%,#5cffb11b,#1a815709 48%,#0000 70%);border-radius:44% 56% 68% 32%/58% 38% 62% 42%;width:370px;height:270px;animation:13s ease-in-out infinite slimePuddle;position:absolute}.slime-atmosphere:before{bottom:-90px;left:-185px}.slime-atmosphere:after{width:420px;height:330px;animation-delay:-6s;top:12%;right:-210px}.slime-atmosphere span{opacity:0;background:radial-gradient(circle at 35% 28%,#dcffed47 0 8%,#5cffb11f 12%,#33b07606 68%);border:1px solid #73ffbe38;border-radius:48% 52% 44% 56%;width:18px;height:18px;animation:17s linear infinite slimeBubble;position:absolute;bottom:-70px;box-shadow:inset 0 0 10px #5cffb117,0 0 14px #5cffb10b}.slime-atmosphere span:after{content:"";background:#ebfff44d;border-radius:50%;width:22%;height:15%;position:absolute;top:18%;left:27%;transform:rotate(-28deg)}.slime-atmosphere span:first-child{width:11px;height:11px;animation-duration:18s;animation-delay:-2s;left:4%}.slime-atmosphere span:nth-child(2){width:25px;height:25px;animation-duration:22s;animation-delay:-11s;left:13%}.slime-atmosphere span:nth-child(3){width:8px;height:8px;animation-duration:15s;animation-delay:-7s;left:22%}.slime-atmosphere span:nth-child(4){width:17px;height:17px;animation-duration:24s;animation-delay:-15s;left:34%}.slime-atmosphere span:nth-child(5){width:7px;height:7px;animation-duration:16s;animation-delay:-4s;left:43%}.slime-atmosphere span:nth-child(6){width:31px;height:31px;animation-duration:27s;animation-delay:-18s;left:51%}.slime-atmosphere span:nth-child(7){width:13px;height:13px;animation-duration:19s;animation-delay:-9s;left:61%}.slime-atmosphere span:nth-child(8){width:20px;height:20px;animation-duration:25s;animation-delay:-21s;left:69%}.slime-atmosphere span:nth-child(9){width:8px;height:8px;animation-duration:17s;animation-delay:-13s;left:77%}.slime-atmosphere span:nth-child(10){width:27px;height:27px;animation-duration:23s;animation-delay:-5s;left:84%}.slime-atmosphere span:nth-child(11){width:12px;height:12px;animation-duration:20s;animation-delay:-17s;left:91%}.slime-atmosphere span:nth-child(12){width:6px;height:6px;animation-duration:14s;animation-delay:-8s;left:96%}@keyframes slimeBubble{0%{opacity:0;transform:translate(0)scale(.72)rotate(0)}10%{opacity:.5}48%{transform:translate(22px,-48vh)scale(1)rotate(65deg)}82%{opacity:.34}to{opacity:0;transform:translate(-14px,-108vh)scale(1.18)rotate(145deg)}}@keyframes slimePuddle{0%,to{transform:translate(0)scale(1)rotate(-3deg)}50%{transform:translate(18px,-10px)scale(1.08,.94)rotate(4deg)}}@media (width<=720px){.slime-atmosphere{inset:68px 0 0}.slime-atmosphere span:nth-child(2n){display:none}.slime-atmosphere:before,.slime-atmosphere:after{opacity:.48;transform:scale(.7)}}@media (prefers-reduced-motion:reduce){.slime-atmosphere span,.slime-atmosphere:before,.slime-atmosphere:after{animation:none}.slime-atmosphere span{display:none}}.ranking-game-page{position:relative}.ranking-game-page:before,.ranking-game-page:after{content:"";z-index:-1;pointer-events:none;filter:blur(8px);background:radial-gradient(circle,#5cffb114,#0000 68%);width:220px;height:220px;position:absolute}.ranking-game-page:before{top:80px;left:-80px}.ranking-game-page:after{top:360px;right:-70px}.ranking-game-page .supporter-top{background:linear-gradient(#0b110dd6,#070b09f5),repeating-linear-gradient(0deg,#0000 0 39px,#5cffb10b 40px),repeating-linear-gradient(90deg,#0000 0 39px,#5cffb10b 40px);padding:34px;position:relative;overflow:hidden}.ranking-game-page .supporter-top:after{content:"ʚɞ";color:#5cffb109;font-family:Mitr,sans-serif;font-size:190px;line-height:1;position:absolute;bottom:-55px;right:32px;transform:rotate(-8deg)}.supporter-season{letter-spacing:1.4px;background:#101a14;border:1px solid #31513e;border-radius:999px;padding:9px 13px;font-weight:900;color:#86a191!important;font-size:8px!important}.ranking-game-page .supporter-top-grid{z-index:1;gap:18px;position:relative}.ranking-game-page .supporter-top-grid article{background:linear-gradient(145deg,#111a14,#080d0a);border-width:2px;box-shadow:inset 0 0 0 5px #0000002e,0 18px 45px #00000047}.ranking-game-page .supporter-top-grid .rank-1{background:radial-gradient(circle at 50% 29%,#5cffb133,#0000 32%),linear-gradient(145deg,#16281d,#09100c);border-color:#58d99b}.ranking-game-page .supporter-top-grid .rank-2{border-color:#65786e}.ranking-game-page .supporter-top-grid .rank-3{border-color:#795b43}.ranking-game-page .supporter-place{color:#8fa198;background:#0a100c;border:1px solid #2b4335;border-radius:7px;padding:5px 9px;font-size:9px;font-weight:900}.ranking-game-page .supporter-head{margin-top:12px}.supporter-medal{background:#102017;border:1px solid #2d4938;border-radius:999px;margin-top:7px;padding:5px 9px;font-weight:800;color:#7fdcab!important;font-size:8px!important}.supporter-score{border-top:1px solid #26372e;border-bottom:1px solid #26372e;align-items:center;gap:10px;margin-top:7px;padding:9px 14px;display:flex}.supporter-score>i{color:var(--green);filter:drop-shadow(0 0 8px #5cffb17a);font-size:18px;font-style:normal}.supporter-score>span{flex-direction:column;align-items:flex-start;display:flex}.supporter-score small{color:#65766d;font-size:7px}.supporter-score b{color:#eef8f2;font-size:13px}.ranking-game-page .supporter-directory{background:linear-gradient(145deg,#0c130f,#080c0a)}.ranking-game-page .supporter-directory article{background:linear-gradient(90deg,#101a14,#0b100d);border-left:3px solid #294a36}.ranking-game-page .supporter-directory article:hover{border-left-color:var(--green)}.ranking-game-page .supporter-directory article>strong{color:#87a091;background:#0a100c;border:1px solid #30493a;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.ranking-game-page .supporter-directory article>em{color:#dce9e1;background:0 0;border:0;flex-direction:column;align-items:flex-end;gap:1px;padding:0;display:flex}.ranking-game-page .supporter-directory article>em small{color:#607068;font-size:7px;font-weight:500}.ranking-game-page .supporter-recent{background:linear-gradient(145deg,#0d1410,#080c0a)}.ranking-game-page .supporter-track article{box-shadow:inset 3px 0 #294a36,0 10px 30px #0003}@media (width<=800px){.ranking-game-page .supporter-top{padding:25px 18px}.ranking-game-page .supporter-top-grid .rank-1{min-height:300px}}@media (width<=520px){.supporter-season,.ranking-game-page .supporter-directory article>em small{display:none}.ranking-game-page .supporter-directory article>em{font-size:9px}}.topup-provider-tabs button.truemoney-active{color:#fff;background:linear-gradient(135deg,#ff8a22,#ff5f19);box-shadow:0 7px 22px #ff6f1b33}.truemoney-gift-form{background:linear-gradient(145deg,#21150c,#120e0a);border:1px solid #714521;border-radius:16px;margin-top:24px;padding:22px}.truemoney-gift-form>span{color:#ff9c45;letter-spacing:1.5px;font-size:9px;font-weight:900}.truemoney-gift-form h2{margin:7px 0!important}.truemoney-gift-form p{color:#bba995;margin:0 0 18px;font-size:11px;line-height:1.65}.truemoney-gift-form label{color:#fff;flex-direction:column;gap:8px;font-size:12px;font-weight:800;display:flex}.truemoney-gift-form input{color:#fff;height:50px;font:inherit;background:#0e0b08;border:1px solid #70451f;border-radius:11px;outline:0;padding:0 14px}.truemoney-gift-form input:focus{border-color:#ff8a22;box-shadow:0 0 0 3px #ff8a221f}.topup-create-qr.truemoney-submit{color:#271006;background:linear-gradient(135deg,#ff9a31,#ff6b1f)}.truemoney-gift-guide{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:390px;padding:35px;display:flex}.truemoney-envelope{color:#fff;background:linear-gradient(145deg,#ff7b24,#e94b21);border:1px solid #ff9c45;border-radius:28px;place-items:center;width:108px;height:108px;margin-bottom:20px;font-size:48px;font-weight:900;display:grid;box-shadow:0 18px 45px #ff5b1c33}.topup-selector .truemoney-gift-form{display:none}.truemoney-easyslip-amount{margin-top:20px}.truemoney-easyslip-amount p{color:#b8c9c1;font-size:12px;line-height:1.6}.topup-slip-upload{background:#072724b8;border:1px solid #5cffb147;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin:0 25px 25px;padding:18px;display:grid}.topup-slip-upload label{color:#fff;gap:8px;font-weight:800;display:grid}.topup-slip-upload input{color:#fff;background:#082e2d;border:1px solid #5cffb140;border-radius:10px;padding:11px}.topup-slip-upload button{color:#06241b;background:#5cffb1;border:0;border-radius:11px;min-height:48px;padding:0 20px;font-weight:900}.topup-slip-upload button:disabled{opacity:.5}.topup-slip-upload small{color:#b8c9c1;grid-column:1/-1}@media (width<=700px){.topup-slip-upload{grid-template-columns:1fr}.topup-slip-upload small{grid-column:auto}}.truemoney-gift-guide strong{font-size:22px}.truemoney-gift-guide p{color:#c1b5a7;line-height:1.9}.truemoney-gift-guide small{color:#9a8978;max-width:330px;line-height:1.6}.player-view[data-page=ranking] .page-title h1 .supporter-title-label,.player-view[data-page=ranking] .page-title h1 .supporter-title-server{display:block}.player-view[data-page=ranking] .page-title h1 .supporter-title-server{white-space:nowrap;font-size:.78em}@media (width<=620px){.player-view[data-page=ranking] .page-title h1 .supporter-title-server{font-size:.62em}}.milestone-grid article.multiple-rewards{min-width:220px}.milestone-rewards{gap:7px;width:100%;margin:9px 0;display:grid}.milestone-rewards>div{text-align:left;background:#0a120d;border:1px solid #293f33;border-radius:10px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;padding:7px;display:grid}.milestone-rewards .milestone-icon{grid-row:1/span 2;place-items:center;width:42px;height:42px;display:grid}.milestone-rewards .milestone-icon img{width:40px;height:40px}.milestone-rewards strong{min-width:0;font-size:10px;line-height:1.25}.milestone-rewards small{color:var(--green);font-size:8px}.milestone-rewards.shared-image{justify-items:center}.milestone-stage-image{place-items:center;width:100%;height:105px;margin-bottom:2px;display:grid}.milestone-stage-image img{object-fit:contain;filter:drop-shadow(0 10px 16px #0006);max-width:150px;max-height:100px}.milestone-rewards.shared-image>div{text-align:center;grid-template-columns:1fr;width:100%}.milestone-rewards.shared-image strong{text-align:center}.topup-amount-start{-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%);background:linear-gradient(145deg,#125b5bb8,#08393ead);border:1px solid #e2fff73d;border-radius:26px;max-width:1060px;margin:0 auto;padding:26px;box-shadow:0 18px 48px #042b2d2e}.topup-amount-start>h2{margin:0 0 6px;font-size:clamp(24px,3vw,34px)}.topup-amount-start>p{color:#d9f0ec;margin:0 0 22px}.topup-amount-start .topup-preset-grid{grid-auto-rows:72px;gap:13px}.topup-amount-start .topup-preset-grid button{background:#042b30b8;border-color:#aeffe138;height:72px;box-shadow:inset 0 1px #ffffff0f}.topup-amount-start .topup-preset-grid button.active{background:#12644cb3;border-color:#63f3bf}.topup-receiver-card{background:#0430348f;border:1px solid #c4ffec38;border-radius:18px;grid-template-columns:1.15fr .9fr 1.25fr;gap:12px;margin:18px 0;padding:14px;display:grid}.topup-receiver-card>div{background:#0323279e;border:1px solid #c2ffed1f;border-radius:13px;min-width:0;padding:14px 16px}.topup-receiver-card small{color:#a9c9c3;margin-bottom:6px;font-size:12px;display:block}.topup-receiver-card strong{color:#fff;overflow-wrap:anywhere;font-size:16px;display:block}.topup-receiver-account{position:relative;padding-right:92px!important}.topup-receiver-account button{color:#73ffc7;background:#12684fb8;border:1px solid #64f4bf6b;border-radius:10px;min-height:38px;padding:0 13px;font-weight:900;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.topup-receiver-account button:hover{color:#06251d;background:#39dda3}@media (width<=760px){.topup-amount-start{border-radius:19px;padding:18px}.topup-receiver-card{grid-template-columns:1fr}}.reward-journey{background:linear-gradient(145deg,#091812f7,#040c09fa);border:1px solid #80ffc838;border-radius:30px;margin-top:30px;padding:0;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000052}.reward-journey:before{pointer-events:none;content:"";background-image:radial-gradient(circle at 15% 12%,#57ffad24,#0000 25%),linear-gradient(#6fffbc06 1px,#0000 1px),linear-gradient(90deg,#6fffbc06 1px,#0000 1px);background-size:auto,32px 32px,32px 32px;position:absolute;inset:0}.reward-journey>header{border-bottom:1px solid #76ffbd21;justify-content:space-between;align-items:center;gap:28px;padding:27px 30px;display:flex;position:relative}.journey-heading{max-width:560px}.reward-journey h2{margin:8px 0 3px;font-size:28px}.reward-journey header p{color:#86a394;margin:0}.reward-journey .tag{color:#67f5aa;letter-spacing:3px;background:0 0;border:0;padding:0}.reward-journey .reward-countdown{min-width:405px}.reward-journey .reward-countdown>small{color:#789387;text-align:right;margin-bottom:7px;display:block}.reward-journey .reward-countdown>div{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.reward-journey .reward-countdown span{text-align:center;background:#091812;border:1px solid #254a38;border-radius:12px;min-width:68px;padding:8px 10px}.reward-journey .reward-countdown b{color:#d7ffea;font-size:17px;display:block}.reward-journey .reward-countdown span small{color:#6f8d7e;font-size:8px}.journey-layout{grid-template-columns:250px minmax(0,1fr);min-height:360px;display:grid;position:relative}.reward-journey .cumulative-summary{background:#05110ca8;border-right:1px solid #76ffbd21;flex-direction:column;align-items:stretch;gap:17px;min-width:0;padding:27px;display:flex}.journey-profile{align-items:center;gap:12px;display:flex}.journey-profile>span{flex-direction:column;min-width:0;display:flex}.journey-profile small{color:#698476;font-size:9px}.journey-profile b{color:#effff6;text-overflow:ellipsis;overflow:hidden}.reward-journey .cumulative-total{background:0 0;border:0;align-items:flex-start;min-width:0;padding:0}.reward-journey .cumulative-total b{font-size:27px}.reward-journey .cumulative-total b em{color:#88ad9b;font-size:11px;font-style:normal}.reward-journey .cumulative-total span{font-size:8px}.journey-progress-ring{background:conic-gradient(#5cffb1 var(--journey-progress),#183126 0);border-radius:50%;place-items:center;width:112px;height:112px;margin:2px auto;display:grid;position:relative;box-shadow:0 0 30px #5cffb11f}.journey-progress-ring:before{content:"";background:#07140e;border:1px solid #274a39;border-radius:50%;width:88px;height:88px;position:absolute}.journey-progress-ring>div{z-index:1;flex-direction:column;align-items:center;display:flex}.journey-progress-ring b{font-size:23px}.journey-progress-ring small{color:#749384;font-size:8px}.journey-target{color:#799486;border-top:1px dashed #284638;justify-content:space-between;margin-top:auto;padding-top:13px;font-size:9px;display:flex}.journey-target b{color:#d8f9e8}.journey-route{min-width:0;padding:28px 25px 18px;overflow:hidden}.reward-journey .milestone-carousel{padding:13px 0 8px}.reward-journey .milestone-carousel:before{content:"";background:repeating-linear-gradient(90deg,#315e48 0 9px,#0000 9px 17px);height:2px;position:absolute;top:70px;left:18px;right:18px}.reward-journey .milestone-grid{gap:18px;margin:0;padding:0 2px 14px;position:relative}.reward-journey .milestone-grid article{text-align:left;background:linear-gradient(160deg,#10221a,#08110d);border:1px solid #284638;border-radius:17px;flex-basis:210px;align-items:stretch;min-width:210px;margin-top:33px;padding:55px 14px 14px}.reward-journey .milestone-grid article:nth-child(2n){margin-top:73px}.reward-journey .milestone-grid article:hover{transform:translateY(-5px)}.reward-journey .milestone-status{background:#13291f;border:5px solid #091711;width:34px;height:34px;top:-18px;left:18px;right:auto;box-shadow:0 0 0 1px #355a47}.reward-journey .milestone-status.open{color:#062115;background:#5cffb1;border-color:#0a1a12;box-shadow:0 0 0 1px #82ffc5,0 0 22px #5cffb166}.checkpoint-label{justify-content:space-between;align-items:flex-end;display:flex;position:absolute;top:14px;left:64px;right:13px}.checkpoint-label span{color:#668676;letter-spacing:1.5px;font-size:7px;font-weight:900}.checkpoint-label b{color:#d9ffeb!important;font-size:12px!important}.reward-journey .milestone-rewards{margin:0 0 9px}.reward-journey .milestone-rewards>div{background:#02090680;border:0}.reward-journey .milestone-grid article>small{color:#769283;min-height:18px}.reward-journey .milestone-grid article>button{color:#91bba5;background:#1a3829;border:0;border-radius:10px}.reward-journey .milestone-grid article.unlocked{background:linear-gradient(160deg,#163828,#0a1911);border-color:#4ecb88}.reward-journey .milestone-grid article.unlocked>button:not(:disabled){color:#062015;background:#5cffb1}.journey-route-note{color:#597367;justify-content:space-between;padding-top:10px;font-size:8px;display:flex}.journey-route-note span:first-child{color:#5cffb1}.reward-journey>footer{color:#688376;text-align:left;border-top:1px solid #76ffbd1a;margin:0;padding:15px 30px;position:relative}@media (width<=900px){.reward-journey>header{flex-direction:column;align-items:flex-start}.reward-journey .reward-countdown{width:100%;min-width:0}.reward-journey .reward-countdown>small{text-align:left}.journey-layout{grid-template-columns:1fr}.reward-journey .cumulative-summary{border-bottom:1px solid #76ffbd21;border-right:0;grid-template-columns:1fr 1fr;display:grid}.journey-progress-ring{grid-area:1/2/span 2}.journey-target{grid-column:1/-1}.reward-journey .milestone-grid article:nth-child(2n){margin-top:33px}}@media (width<=560px){.reward-journey{border-radius:20px}.reward-journey>header{padding:22px 18px}.reward-journey .reward-countdown span{min-width:0;padding:7px 3px}.reward-journey .cumulative-summary{grid-template-columns:1fr;padding:20px}.journey-progress-ring{grid-area:auto}.journey-route{padding:22px 16px 14px}.reward-journey>footer{padding:14px 18px}}.reward-journey-empty>header{border-bottom:1px solid #76ffbd1f}.journey-empty-state{background:#05110c9e;align-items:center;gap:15px;margin:0;padding:28px 30px;display:flex;position:relative}.journey-empty-state>.mc-head{border:1px solid #315744;border-radius:13px;flex:none}.journey-empty-state>div{flex-direction:column;min-width:0;display:flex}.journey-empty-state b{color:#effff6;font-size:17px}.journey-empty-state small{color:#87a394;font-size:11px;line-height:1.65}@media (width<=560px){.journey-empty-state{align-items:flex-start;padding:22px 18px}.journey-empty-state b{font-size:15px}}.topup-cumulative-board{background:radial-gradient(circle at 12% 0,#61f0bc29,#0000 34%),linear-gradient(145deg,#093436f0,#052027f7);border:1px solid #69ffc757;border-radius:28px;margin-top:28px;padding:28px 30px 30px;position:relative;overflow:hidden;box-shadow:0 28px 80px #001b1f47,inset 0 1px #ffffff0f}.topup-cumulative-board:before{pointer-events:none;content:"";background-image:linear-gradient(#7affd30a 1px,#0000 1px),linear-gradient(90deg,#7affd309 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 88%);mask-image:linear-gradient(90deg,#000,#0000 88%)}.topup-cumulative-board>*{z-index:1;position:relative}.topup-cumulative-board>header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.topup-cumulative-board>header span{color:#6affbd;letter-spacing:2.6px;font-size:10px;font-weight:950}.topup-cumulative-board h2{color:#fff;text-shadow:0 2px 14px #00000038;margin:8px 0 4px;font-size:30px;line-height:1.15}.topup-cumulative-board p{color:#c2ded9;margin:0;font-size:13px}.topup-cumulative-board>header strong{color:#bdd7d2;white-space:nowrap;background:#031e2294;border:1px solid #6affbd38;border-radius:999px;padding:8px 11px;font-size:13px}.topup-cumulative-board>header strong b{color:#72ffc2;font-size:19px}.topup-cumulative-meta{color:#c8ddd8;grid-template-columns:1fr auto auto;gap:10px;margin-top:24px;font-size:12px;display:grid}.topup-cumulative-meta span{background:#021b1f85;border:1px solid #94ffda24;border-radius:12px;min-width:0;padding:10px 12px}.topup-cumulative-meta b{color:#fff}.topup-cumulative-progress{background:#042b31;border:1px solid #89ffd942;border-radius:999px;height:15px;margin-top:17px;position:relative;overflow:hidden}.topup-cumulative-progress i{background:linear-gradient(90deg,#55f4b5,#2dd89b);border-radius:999px;min-width:5px;height:100%;display:block;box-shadow:0 0 22px #55f4b57a}.topup-cumulative-progress em{background:#ffeb94b8;width:2px;height:23px;position:absolute;top:-4px;transform:translate(-1px)}.topup-cumulative-range{color:#d4eee9;justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;display:flex}.topup-cumulative-range b{color:#ffdc5f;font-size:15px}.topup-cumulative-rewards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:28px;display:grid}.topup-cumulative-rewards article{text-align:center;background:linear-gradient(150deg,#052631e6,#061823f5);border:1px solid #5bcdf657;border-radius:19px;flex-direction:column;align-items:center;min-height:196px;padding:17px 13px 13px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0a}.topup-cumulative-rewards article.locked{filter:saturate(.78)}.topup-cumulative-rewards article.claimable{background:radial-gradient(circle at 50% 0,#67ffbd2e,#0000 46%),linear-gradient(150deg,#0f5a4a,#06313a);border-color:#67ffbd;box-shadow:0 0 0 1px #67ffbd1f,0 18px 36px #20e09a29}.topup-cumulative-rewards article.claimed{opacity:.82;background:linear-gradient(150deg,#07332bb8,#051e23eb);border-color:#6fffc842}.topup-reward-lock{color:#82ffd0;background:#03272d;border:1px solid #7effd540;border-radius:50%;place-items:center;width:25px;height:25px;font-size:12px;font-weight:900;display:grid;position:absolute;top:10px;right:10px}.topup-reward-image{background:#03282e;border:1px solid #6affc547;border-radius:18px;place-items:center;width:74px;height:74px;margin:1px auto 11px;display:grid;overflow:hidden}.topup-reward-image img{object-fit:contain;width:100%;height:100%;padding:7px}.topup-reward-image span{color:#5ff2b8;font-size:15px;font-weight:950}.topup-cumulative-rewards strong{color:#78dcff;font-size:14px}.topup-cumulative-rewards p{color:#effffb;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:34px;margin-top:6px;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.topup-cumulative-rewards small{color:#a8c4bf;margin-top:auto;font-size:11px;font-weight:800}.topup-cumulative-rewards button{color:#a6ffd9;background:#0b423d;border:1px solid #65ffbd52;border-radius:11px;width:100%;min-height:38px;margin-top:10px;font-weight:900}.topup-cumulative-rewards button:disabled{cursor:not-allowed;opacity:.65}.topup-cumulative-empty{min-height:190px}.topup-cumulative-placeholder{color:#b8d1cc;text-align:center;background:#031e2270;border:1px dashed #84ffd840;border-radius:17px;margin-top:22px;padding:20px;font-size:13px}@media (width<=900px){.topup-cumulative-board>header{flex-direction:column;align-items:flex-start}.topup-cumulative-meta{grid-template-columns:1fr}.topup-cumulative-board>header strong{white-space:normal}.topup-cumulative-rewards{scroll-snap-type:x proximity;padding-bottom:8px;display:flex;overflow-x:auto}.topup-cumulative-rewards article{scroll-snap-align:start;min-width:170px}}@media (width<=560px){.topup-cumulative-board{border-radius:20px;padding:22px 16px}.topup-cumulative-board h2{font-size:24px}.topup-cumulative-meta{margin-top:18px}.topup-cumulative-rewards{margin-top:22px}.topup-cumulative-rewards article{min-width:155px}}.topup-cumulative-board{background:radial-gradient(circle at 18% 0,#7bebcf1f,#0000 36%),linear-gradient(145deg,#125354c7,#062e35db);border-color:#b4efe23d;box-shadow:0 22px 54px #002d322e,inset 0 1px #ffffff12,inset 0 0 0 1px #bcf4e80b}.topup-cumulative-board>header{align-items:flex-start;padding-bottom:18px}.topup-cumulative-board>header strong{color:#d4e7e2;background:#28706c42;border-color:#b9efe340;align-self:flex-start;padding:12px 18px;font-weight:950;box-shadow:inset 0 1px #ffffff0e}.topup-cumulative-board>header strong b{color:#a3efd4;font-size:22px;line-height:1}.topup-cumulative-summary{background:#084042b8;border:1px solid #bef2e61a;border-radius:14px;grid-template-columns:150px minmax(170px,1fr);align-items:center;gap:12px;width:min(350px,42%);margin-left:auto;padding:9px 10px;display:grid;box-shadow:0 12px 26px #00212621,inset 0 1px #ffffff09}.topup-cumulative-player-card{background:0 0;border:0;border-radius:0;align-items:center;gap:9px;min-width:0;min-height:52px;padding:0;display:flex}.topup-cumulative-player-card .mc-head{width:44px;height:44px;image-rendering:pixelated;background:#1252546b;border:1px solid #c2f4e729;border-radius:9px;flex:none;box-shadow:0 5px 10px #0000001a}.topup-cumulative-player-card div{min-width:0}.topup-cumulative-player-card small,.topup-cumulative-countdown small{color:#c7ddd8;letter-spacing:0;text-transform:none;font-family:Noto Sans Thai,sans-serif;font-size:8.5px;font-weight:800;line-height:1.2;display:block}.topup-cumulative-player-card strong{box-shadow:none;color:#dffff7;letter-spacing:0;white-space:normal;background:0 0;border:0;border-radius:0;align-items:baseline;gap:4px;margin-top:1px;padding:0;font-family:Noto Sans Thai,sans-serif;font-size:10px;font-weight:850;line-height:1.08;display:flex}.topup-cumulative-board>header .topup-cumulative-player-card strong{box-shadow:none;white-space:normal;background:0 0;border:0;border-radius:0;padding:0}.topup-cumulative-player-card strong b{color:#69efb9;letter-spacing:-.2px;font-family:Mitr,Noto Sans Thai,sans-serif;font-size:19px;font-weight:700;line-height:1}.topup-cumulative-player-card span{display:none}.topup-cumulative-countdown{background:0 0;border:0;border-radius:0;justify-content:flex-end;align-items:center;gap:10px;min-width:0;min-height:52px;padding:0;display:flex}.topup-cumulative-countdown small{display:none}.topup-cumulative-countdown div{grid-template-columns:repeat(4,40px);gap:5px;min-width:175px;display:grid}.topup-cumulative-countdown span{background:#0532379e;border:1px solid #bef2e612;border-radius:9px;place-items:center;min-height:42px;padding:5px 4px;display:grid;box-shadow:inset 0 1px #ffffff05}.topup-cumulative-countdown b{color:#88f0cb;letter-spacing:-.2px;font-family:Mitr,Noto Sans Thai,sans-serif;font-size:17px;font-weight:700;line-height:1}.topup-cumulative-countdown em{color:#b6d0cc;letter-spacing:0;margin-top:3px;font-family:Noto Sans Thai,sans-serif;font-size:8px;font-style:normal;font-weight:750;line-height:1.08}.topup-slip-drop{cursor:pointer;min-height:154px;transition:border-color .18s,background .18s,box-shadow .18s;position:relative;color:#dfffee!important;text-align:center!important;background:#0422256b!important;border:2px dashed #5cffb175!important;border-radius:18px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:10px!important;margin:24px 0!important;padding:24px!important;display:flex!important}.topup-slip-drop:hover{box-shadow:0 0 0 3px #5cffb10d;background:#0a363380!important;border-color:#5cffb1c7!important}.topup-slip-drop[data-dragging=true]{box-shadow:0 0 0 4px #5cffb11a,0 18px 36px #0026272e;border-color:var(--green)!important;background:#5cffb11f!important}.topup-slip-drop:has(input:disabled){cursor:not-allowed;opacity:.68}.topup-slip-drop input{clip:rect(0 0 0 0)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.topup-slip-icon{color:#5cffb1;background:#5cffb11f;border:1px solid #5cffb16b;border-radius:14px;place-items:center;width:52px;height:52px;display:grid}.topup-slip-icon svg{stroke-linejoin:round;width:33px;height:33px;display:block}.topup-slip-icon svg rect{fill:none;stroke:#5cffb1;stroke-width:3px}.topup-slip-icon svg circle{fill:#5cffb1;stroke:none;opacity:.82}.topup-slip-icon svg path{fill:#5cffb1b8;stroke:#5cffb1;stroke-width:2px}.topup-slip-drop span:not(.topup-slip-icon){font-family:Noto Sans Thai,sans-serif;color:var(--green)!important;letter-spacing:0!important;font-size:15px!important;font-weight:900!important}.topup-slip-drop span:not(.topup-slip-icon):after{content:" หรือ ลากมาวาง";color:#dfffee8c;margin-left:6px;font-weight:800}.topup-slip-drop[data-has-file=true] span:not(.topup-slip-icon):after{content:""}.topup-slip-drop small{color:#dfffee94!important;letter-spacing:0!important;font-size:12px!important;font-weight:800!important}.topup-cumulative-meta{background:#0321265c;border:1px solid #82ffdd42;border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(150px,.28fr) minmax(210px,.34fr);gap:10px;margin-top:0;padding:10px;box-shadow:inset 0 1px #ffffff0a}.topup-cumulative-meta span{background:#0320259e;border-color:#8bffdb2e;border-radius:13px;align-items:center;min-height:44px;padding:0 15px;font-weight:850;display:flex}.topup-cumulative-meta span:first-child{justify-content:flex-start}.topup-cumulative-meta span:not(:first-child){text-align:center;justify-content:center}.topup-cumulative-meta b{font-weight:950}.topup-cumulative-progress,.topup-cumulative-range{display:none}.topup-cumulative-rewards{align-items:start;gap:22px;margin-top:32px;position:relative}.topup-cumulative-rewards:before{content:"";background:#062a30db;border-radius:999px;height:8px;position:absolute;top:42px;left:6%;right:6%;box-shadow:inset 0 1px #ffffff09,0 0 0 1px #0e404457}.topup-cumulative-rewards article{min-height:126px;box-shadow:none;background:0 0;border:0;justify-content:flex-start;padding:0 8px}.topup-cumulative-rewards article:hover{border-color:#0000;transform:translateY(-2px)}.topup-cumulative-rewards article.claimable{box-shadow:none;background:0 0}.topup-cumulative-rewards article.claimed{opacity:.74;background:0 0}.topup-cumulative-rewards article.claimable{cursor:default}.topup-cumulative-rewards article.claimable:focus-visible{outline-offset:3px;outline:2px solid #a6efd6cc}.topup-reward-lock{color:#0000;z-index:2;background:0 0;border:0;width:22px;height:22px;font-size:0;top:31px;left:50%;transform:translate(-50%)}.topup-cumulative-rewards article.unlocked .topup-reward-lock{display:none}.topup-reward-lock:before{content:"";filter:drop-shadow(0 1px 2px #0000008c);border:2px solid #ecf5f4d6;border-bottom:0;border-radius:8px 8px 0 0;width:9px;height:10px;position:absolute;top:1px;left:6px}.topup-reward-lock:after{content:"";background:#101c2047;border:2px solid #ecf5f4d6;border-radius:2px;width:14px;height:11px;position:absolute;top:10px;left:4px;box-shadow:inset 0 1px #fff3,0 1px 3px #00000073}.topup-cumulative-rewards article.claimed .topup-reward-lock{background:#62f2ad;border-radius:50%;width:24px;height:24px;display:block;box-shadow:0 0 0 2px #042d269e,0 4px 10px #1fd68947}.topup-cumulative-rewards article.claimed .topup-reward-lock:before{filter:none;border:3px solid #05382f;border-width:0 3px 3px 0;border-radius:0;width:7px;height:12px;top:4px;left:8px;transform:rotate(45deg)}.topup-cumulative-rewards article.claimed .topup-reward-lock:after{content:none}.topup-reward-image{background:linear-gradient(145deg,#0b2c33f5,#071c24f5);border:3px solid #0a212acc;border-radius:14px;width:84px;height:84px;margin:0 auto 16px;box-shadow:0 0 0 1px #bdf0e521,0 10px 20px #00191e2e}.topup-reward-image img{padding:8px}.topup-cumulative-rewards strong{color:#92e5f8;background:#19525370;border:1px solid #bef2e61f;border-radius:10px;min-width:96px;padding:8px 14px;font-size:15px;box-shadow:inset 0 -3px #ffffff0a}.topup-cumulative-rewards p,.topup-cumulative-rewards small{display:none}.topup-cumulative-rewards button{color:#d6eee6;background:#28706c52;border-color:#a6efd638;min-height:34px;margin-top:13px;display:block}.topup-cumulative-rewards button:not(:disabled){color:#06312b;background:linear-gradient(135deg,#85ebc4eb,#52cca6e6);box-shadow:0 8px 18px #43dea326}.topup-cumulative-rewards button:disabled{display:none}.ranking-period-toggle{background:linear-gradient(135deg,#25797452,#104b4e6b);border:1px solid #91ffe53d;border-radius:15px;gap:7px;width:max-content;margin:0 0 16px auto;padding:6px;display:flex;box-shadow:inset 0 1px #ffffff14,0 12px 26px #001c2029}.ranking-period-toggle button{color:#a9cec4;background:#0c424547;border:1px solid #91ffe51f;border-radius:12px;min-width:96px;min-height:42px;font-family:Noto Sans Thai,Leelawadee UI,sans-serif;font-size:13px;font-weight:900}.ranking-period-toggle button.active{color:#f4fffb;background:linear-gradient(135deg,#4fa697ad,#30827eb8);border-color:#e6fff9c7;box-shadow:inset 0 1px #ffffff3d,0 0 0 1px #5cffb114,0 0 18px #7affd91a}.ranking-period-toggle button:not(.active):hover{color:#e5fff6;background:#2b767061;border-color:#a5ffe84d}@media (width<=520px){.ranking-period-toggle{width:100%;margin:0 0 14px}.ranking-period-toggle button{flex:1;min-width:0}}@media (width<=900px){.topup-cumulative-board>header{padding-bottom:14px}.topup-cumulative-summary{grid-template-columns:1fr;width:100%;margin-left:0}.topup-cumulative-meta{grid-template-columns:1fr}.topup-cumulative-countdown{flex-direction:column;align-items:stretch}.topup-cumulative-countdown small{max-width:none}.topup-cumulative-countdown div{min-width:0}.topup-cumulative-meta span:not(:first-child){text-align:left;justify-content:flex-start}}@media (width<=560px){.topup-cumulative-summary{padding:8px}.topup-cumulative-player-card{gap:11px;padding:10px}.topup-cumulative-countdown div{grid-template-columns:repeat(2,1fr)}.topup-cumulative-countdown span{min-height:46px}.topup-cumulative-countdown b{font-size:18px}}.delivery-note{color:#8dffd1;text-align:center;background:#0d373094;border:1px solid #5cffb147;border-radius:9px;margin-top:10px;padding:10px;font-size:11px}.login-platform{text-align:left;border:0;margin:22px 0 4px;padding:0}.login-platform legend{color:#d9e8e0;margin-bottom:8px;font-size:12px;font-weight:800}.login-platform>div{background:#06272a;border:1px solid #24483c;border-radius:12px;grid-template-columns:1fr 1fr;gap:8px;padding:5px;display:grid}.login-platform button{color:#94aaa5;min-height:45px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;padding:0 12px;font-size:12px;font-weight:900;transition:all .18s}.login-platform button span{margin-right:5px}.login-platform button:hover{color:#dffbf1;background:#0a3837}.login-platform button.active{color:#052720;background:#5cecb7;border-color:#5cffb1;box-shadow:0 6px 20px #39e0a533}.login-username{background:#060806;border:1px solid #26342c;border-radius:10px;align-items:center;transition:border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.login-username:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #5cffb114}.login-username>span{color:#5cffb1;flex:none;padding-left:16px;font-size:19px;font-weight:900}.modal .login-username input{min-width:0;box-shadow:none;background:0 0;border:0;flex:1}.bedrock-note{color:#80b6d7;text-align:left;margin:-9px 0 4px;font-size:10px}.bedrock-note b{color:#62bff2}@media (width<=480px){.login-platform>div{grid-template-columns:1fr}.login-platform button{min-height:43px}.login-platform button.active{box-shadow:none}}.product .product-visual>.product-image-timers{z-index:9;box-sizing:border-box;background:linear-gradient(#030f13a6,#030f13f0);border:0;border-top:1px solid #ffffff18;border-radius:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;width:100%;margin:0;padding:7px 8px;display:flex;position:absolute;inset:auto 0 0;transform:none}.product-image-timers>.product-timer-value{color:#ffcf86;font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap;text-align:center;box-sizing:border-box;background:#231b10;border:1px solid #ffcf8640;border-radius:5px;flex:0 auto;min-width:0;max-width:100%;margin:0;padding:3px 7px;font-family:inherit;font-size:min(14px,4cqi);font-weight:700;line-height:1.6;display:block;position:static;transform:none}.product-image-timers>.product-timer-value.discount{color:#e6c1ff;background:#23172e;border-color:#ddb5ff40}.product-visual:has(>.product-image-timers)>.product-stock-left{top:112px;bottom:auto}.product .product-visual{container-type:inline-size}.notification-wrap>.notification-panel{flex-direction:column;max-width:calc(100vw - 24px);max-height:min(520px,100dvh - 100px);display:flex}.notification-panel>header,.notification-panel>footer{flex-shrink:0}.notification-panel>.notification-list{overscroll-behavior:contain;overflow-wrap:anywhere;flex:auto;min-height:0;max-height:none;overflow-y:auto}.notification-panel>.notification-pagination{border-top:1px solid #ffffff18;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.notification-pagination>span{color:#b8d9cf;font-variant-numeric:tabular-nums;font-size:13px}.notification-panel>.notification-pagination>button{color:#dbfff3;min-height:36px;font:inherit;cursor:pointer;background:#073735;border:1px solid #ffffff24;border-radius:8px;padding:6px 10px;font-size:13px}.notification-panel>.notification-pagination>button:disabled{opacity:.35;cursor:default;transform:none}.notification-panel>.notification-pagination>button:focus-visible{outline-offset:2px;outline:2px solid #5cffb1}@media (width<=820px){.notification-panel>.notification-pagination>button{min-height:44px}}.product .product-visual{aspect-ratio:1.45;flex-shrink:0;height:auto;min-height:210px}.product .product-visual>.product-image{object-fit:contain;align-self:end;width:76%;height:84%}.product .product-visual>.product-points-badge{z-index:10;box-sizing:border-box;color:#4affda;background:linear-gradient(135deg,#042b2df5,#02191df5);border:1.5px solid #36f3df;border-radius:22px;align-items:center;gap:8px;max-width:66%;padding:9px 12px;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 5px 18px #00141666}.product-points-badge>svg{flex-shrink:0;width:clamp(18px,8cqi,28px);height:26px}.product-points-badge>div{text-align:right;min-width:0}.product-points-badge strong{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:clamp(18px,8cqi,30px);font-weight:900;line-height:1.15;display:block}.product-points-badge strong>span{color:#d8e4e6;white-space:nowrap;font-size:clamp(10px,3.6cqi,14px);font-weight:700}.product-points-badge del{color:#bdc9cc;margin-bottom:4px;font-size:12px;display:block}.product.sale-ended{border-color:#a88337}.product.sale-ended .product-visual>.product-image{filter:brightness(.45)saturate(.65)}.product .product-visual>.product-expired-overlay{z-index:8;color:#e5e9e8;text-align:center;text-shadow:0 2px 8px #000;flex-direction:column;align-items:center;gap:9px;display:flex;position:absolute;top:54%;left:12%;right:12%;transform:translateY(-50%)}.product-expired-overlay:before,.product-expired-overlay:after{content:"";background:#d6dfda;width:34px;height:2px;margin:3px 0;display:block}.product-expired-overlay>svg{filter:drop-shadow(0 2px 5px #000);width:38px;height:38px}.product-expired-overlay>strong{font-size:clamp(18px,7cqi,26px);line-height:1.3}.product .product-info{flex-direction:column;flex:1;display:flex}.product .product-info>div:last-child{margin-top:auto;padding-top:16px}.product.purchase-unavailable .product-info .add-cart{box-shadow:none;color:#bfcfd1;background:linear-gradient(135deg,#173d40,#102f34);border-color:#469ba0;opacity:1!important;filter:none!important}.product.purchase-unavailable .product-info .add-cart>.expired-lock{width:20px;height:23px;font-size:inherit;border:0;display:block;transform:none}.product.purchase-unavailable .product-info .add-cart>.expired-lock:before,.product.purchase-unavailable .product-info .add-cart>.expired-lock:after{content:none}.product.purchase-unavailable .expired-lock>svg{width:100%;height:100%}@media (width<=380px){.product .product-visual>.product-points-badge{gap:5px;padding:7px 9px;top:10px;right:10px}.product-points-badge strong{font-size:7cqi}}.product .product-visual>.product-card-labels{z-index:10;pointer-events:none;grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;gap:10px;display:grid;position:absolute;top:12px;left:12px;right:12px}.product-label-stack,.product-price-stack{flex-direction:column;align-items:flex-start;gap:7px;min-width:0;display:flex}.product-price-stack{align-items:flex-end}.product .product-card-labels .product-limited-badge{box-sizing:border-box;opacity:1;flex-wrap:wrap;max-width:100%;gap:4px!important;display:flex!important;position:static!important;transform:none!important}.product .product-card-labels .product-limited-badge small{color:#fff1c1;overflow-wrap:anywhere;border:0;padding:0;font-size:10px;line-height:1.3;position:static}.product .product-card-labels .product-server-label{box-sizing:border-box;color:#b2ffe0;overflow-wrap:anywhere;background:#052a2bed;border:1px solid #51998380;border-radius:999px;max-width:100%;padding:5px 9px;font-size:12px;font-weight:800;line-height:1.4;display:block}.product .product-card-labels .product-recommended{box-sizing:border-box;max-width:100%;line-height:1.4;position:static}.product .product-card-labels .product-points-badge{box-sizing:border-box;color:#4affda;background:linear-gradient(135deg,#042b2df5,#02191df5);border:1.5px solid #36f3df;border-radius:18px;align-items:center;gap:6px;max-width:100%;padding:9px 10px;display:flex;position:static;box-shadow:0 5px 18px #00141666}.product .product-card-labels .product-discount{border-radius:7px;align-self:flex-end;padding:5px 9px;font-size:12px;line-height:1.2;display:block;position:static;box-shadow:0 4px 10px #0003}.product .product-card-labels .product-points-badge strong{font-size:clamp(18px,7cqi,28px)}@media (width<=380px){.product .product-visual>.product-card-labels{gap:7px;top:10px;left:10px;right:10px}.product .product-card-labels .product-points-badge{gap:4px;padding:7px}.product .product-card-labels .product-server-label{padding:4px 7px}}.product .product-card-labels .product-points-badge{border-radius:16px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:7px;padding:8px 10px;display:grid}.product .product-card-labels .product-points-badge>svg{width:18px;height:22px}.product .product-card-labels .product-points-badge>div{flex-direction:column;align-items:flex-end;gap:3px;min-width:0;display:flex}.product .product-card-labels .product-points-badge strong{white-space:nowrap;overflow-wrap:normal;justify-content:flex-end;align-items:baseline;gap:4px;line-height:1.2;display:flex}.product .product-card-labels .product-points-badge strong>span{white-space:nowrap;font-size:.48em;line-height:1}.product .product-card-labels .product-points-badge del{white-space:nowrap;margin:0;font-size:clamp(10px,3.2cqi,12px);line-height:1.2}.product .product-card-labels .product-limited-badge{flex-direction:column;align-items:flex-start;width:max-content;min-width:0;max-width:100%;border-radius:9px!important;gap:3px!important;padding:6px 8px!important;line-height:1.2!important}.product .product-card-labels .product-limited-badge>span{letter-spacing:.6px;font-size:10px}.product .product-card-labels .product-limited-badge>small{white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:10px}.product.purchase-unavailable .product-label-stack{gap:6px}.product .product-visual>.product-card-labels{grid-template-columns:minmax(64px,1fr) auto;gap:8px}.product .product-card-labels .product-points-badge{border-radius:17px;flex-direction:column;align-items:flex-end;gap:4px;padding:9px 11px;display:flex}.product .product-card-labels .product-points-badge>.product-current-price{flex-direction:row;justify-content:flex-end;align-items:center;gap:6px;display:flex}.product .product-card-labels .product-current-price>svg{flex:0 0 22px;width:22px;height:25px}.product .product-card-labels .product-current-price>strong{white-space:nowrap;font-size:clamp(22px,8cqi,30px);font-weight:900;line-height:1.15;display:block}.product .product-card-labels .product-current-price>span{color:#d8e4e6;white-space:nowrap;font-size:11px;font-weight:700}.product .product-card-labels .product-points-badge>del{color:#aebec2;margin:0;font-size:12px;line-height:1.2}.product .product-card-labels .discounted-price .product-current-price>svg{color:#ebbcff}@container (width<=280px){.product .product-card-labels .product-points-badge{padding:8px}.product .product-card-labels .product-current-price>strong{font-size:22px}.product .product-card-labels .product-current-price>svg{flex-basis:18px;width:18px}.product .product-card-labels .product-current-price>span{font-size:10px}.product .product-card-labels .product-points-badge>.product-current-price{gap:4px}}.product .product-card-labels .product-points-badge.discounted-price{background:linear-gradient(135deg,#3c1b25f5,#251319f5);border-color:#ff7d89;box-shadow:0 4px 14px #ff536022}.product .product-card-labels .product-points-badge.featured-price{background:linear-gradient(135deg,#38203ef5,#201329f5);border-color:#e5a2ff;box-shadow:0 4px 14px #a548ba22}.product .product-card-labels .product-points-badge>.product-current-price{color:#4affda;align-items:center;font-size:clamp(22px,8cqi,30px)}.product .product-card-labels .product-points-badge .product-current-price>strong{font-size:inherit;color:inherit;line-height:1}.product .product-card-labels .product-points-badge .product-current-price>svg{width:.9em;height:.9em;color:inherit;flex:0 0 .9em;transform:translateY(-.04em)}.product.purchase-unavailable .product-visual>.product-image{filter:brightness(.65)saturate(.9);opacity:1}@container (width<=280px){.product .product-card-labels .product-points-badge>.product-current-price{font-size:22px}}@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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}