@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Khmer:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#061522;--panel:#0b2132;--line:#21384a;--muted:#a0b4c4;--cyan:#41e1f2;--text:#f3f8fc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'Space Grotesk','Noto Sans Khmer',sans-serif;font-size:15px}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button{cursor:pointer;border:1px solid var(--line);border-radius:9px;background:#102b3f;color:var(--text);padding:12px 18px;font-weight:600}button:hover{border-color:var(--cyan);filter:brightness(1.12)}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--cyan);color:#032333;border-color:var(--cyan)}a{color:var(--cyan)}.testbar{background:#102a3b;text-align:center;padding:10px 16px;font-size:12px;color:#b7dce4;letter-spacing:.4px}.testbar b{color:#6ff0e6}header{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:700;letter-spacing:-.6px}.mark{background:var(--cyan);color:#052133;width:40px;height:40px;display:grid;place-items:center;transform:skew(-8deg);border-radius:8px;font-size:19px}.brand small{display:block;font-size:10px;letter-spacing:3px;color:var(--muted);margin-top:3px}nav{display:flex;gap:5px;align-items:center}nav button{background:transparent;border-color:transparent;font-size:13px}nav button.active{color:var(--cyan)}main{max-width:1240px;margin:auto;padding:36px 24px 70px}.hero{display:grid;grid-template-columns:1.3fr 1fr;min-height:295px;align-items:center;background:linear-gradient(105deg,#12334b,#10273d 60%,#12354a);border:1px solid #234a61;border-radius:20px;overflow:hidden;padding:38px 44px;position:relative}.hero h1{font-size:46px;line-height:1.13;letter-spacing:-2px;max-width:550px;margin:0 0 15px}.hero h1 span{color:var(--cyan)}p{color:var(--muted);line-height:1.75}.hero p{max-width:440px;margin:0 0 22px}.hero-art{height:220px;display:grid;place-items:center;position:relative}.diamond{width:130px;height:130px;background:conic-gradient(from 45deg,#8df9ff,#1594d1,#b5fbff,#1571bb,#8df9ff);transform:rotate(45deg);border:1px solid #a9f9ff;border-radius:17px;box-shadow:0 0 85px #00c8ec44,inset 0 0 30px #fff5;position:relative}.diamond:after{content:'';position:absolute;inset:22px;border:2px solid #d3ffff88}.orbit{position:absolute;width:270px;height:150px;border:1px solid #51bed44a;border-radius:50%;transform:rotate(-25deg)}.hero-art small{position:absolute;bottom:0;color:#77bfd2;font-size:10px;letter-spacing:3px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:34px 0 18px}h2{font-size:25px;margin:0;letter-spacing:-.6px}.muted{color:var(--muted);font-size:13px}.games{display:grid;grid-template-columns:1fr 1fr;gap:22px}.game{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--panel);text-align:left;padding:0}.game-art{height:145px;position:relative;padding:26px 28px;background:radial-gradient(ellipse at 100% 50%,#96502966,transparent 65%),#172b36;overflow:hidden}.game-art.blue{background:radial-gradient(ellipse at 100% 50%,#4154be88,transparent 65%),#172938}.game-art strong{font-size:31px;line-height:1.05;display:block;max-width:210px;position:relative;z-index:1;font-style:italic;letter-spacing:-1px}.game-art .symbol{position:absolute;right:35px;top:5px;font-size:125px;color:#f0ba5b;opacity:.8;text-shadow:0 0 35px #eb9e4555}.game-art.blue .symbol{color:#98b7ff}.game-art small{display:block;margin-top:12px;color:#c0d0dc;font-size:11px;letter-spacing:1px}.game-bottom{padding:20px 25px;display:flex;justify-content:space-between;align-items:center}.game-bottom b{display:block;font-size:17px;margin-bottom:6px}.pill{font-size:11px;border:1px solid #305465;border-radius:5px;padding:4px 7px;color:#92d5d4}.arrow{color:var(--cyan);font-size:24px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid var(--line);padding-top:26px;margin-top:35px}.step{display:flex;gap:16px}.step b{font-size:14px}.step p{margin:6px 0;font-size:12px}.step-number{font-size:12px;border:1px solid #315468;color:var(--cyan);width:30px;height:30px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:25px;margin-top:24px}.panel{background:var(--panel);border:1px solid var(--line);padding:26px;border-radius:14px;margin-bottom:22px}.panel h3{margin:0 0 18px;font-size:18px}.back{background:none;border:0;padding:0;color:var(--muted);margin-bottom:24px}.fields{display:flex;gap:16px}.fields>label{flex:1;min-width:0}label{display:block;font-size:13px;color:#c4d4e0;margin-bottom:16px}input,select{display:block;width:100%;padding:13px 14px;margin-top:8px;border-radius:8px;border:1px solid #355065;background:#071b2a;color:white}input:focus{border-color:var(--cyan)}.packages{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.package{padding:19px 8px;text-align:center;position:relative}.package b{display:block;margin:10px 0;font-size:13px}.package span{color:var(--cyan);font-size:24px}.package.selected{border-color:var(--cyan);background:#123c4b;box-shadow:0 0 0 1px var(--cyan)}.full{width:100%}.notice{padding:14px 17px;background:#183643;border-left:3px solid var(--cyan);font-size:12px;line-height:1.8;color:#bad4e1;border-radius:4px}.row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row p{margin:3px 0;font-size:12px}.money{font-weight:700;font-size:25px}.empty{text-align:center;padding:55px 20px}.empty h2{margin-bottom:12px}.status{color:#80e5bd;background:#153f39;border-radius:5px;padding:5px 8px;font-size:11px;white-space:nowrap}.status.declined,.status.cancelled{background:#482e34;color:#ffacba}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px}.metrics .panel{margin-bottom:0}.metrics strong{font-size:30px;display:block;margin-top:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{color:var(--muted);font-weight:500}td,th{padding:17px 12px;border-bottom:1px solid var(--line)}td select{min-width:150px;font-size:12px;padding:8px;margin:0}.history{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.history span{font-size:12px;color:var(--muted);padding:9px;border:1px solid var(--line);border-radius:6px}.history .done{color:var(--cyan);border-color:#39828b}.error{color:#ffacba;font-size:13px;margin:12px 0}.success-icon{font-size:36px;color:var(--cyan)}footer{border-top:1px solid var(--line);max-width:1192px;margin:auto;padding:25px 0;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#d8fff5;color:#062a2b;padding:14px 22px;border-radius:9px;box-shadow:0 8px 40px #0008;display:none;z-index:5}.link-btn{background:none;border:0;color:var(--cyan);padding:6px;font-size:12px}.order-id{overflow-wrap:anywhere}.toolbar{display:flex;gap:12px;align-items:end;margin-bottom:15px}.toolbar label{flex:1;margin:0}@media(max-width:760px){header{flex-wrap:wrap;padding:18px 16px;gap:16px}nav{width:100%;justify-content:space-between;flex-wrap:wrap}nav button{padding:9px;font-size:12px}main{padding:23px 16px 40px}.hero{padding:28px 23px;grid-template-columns:1fr}.hero h1{font-size:36px}.hero-art{display:none}.games,.layout{grid-template-columns:1fr}.game-art{height:130px}.steps{grid-template-columns:1fr;gap:14px}.packages{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:1fr;gap:12px}.metrics .panel{padding:18px}.fields{flex-direction:column;gap:0}.panel{padding:20px}.section-title{gap:10px}footer{margin:0 16px;flex-direction:column}.toolbar{flex-direction:column;align-items:stretch}.hero h1{letter-spacing:-1px}.game-bottom{padding:18px}.brand{font-size:16px}}@media(prefers-reduced-motion:no-preference){button{transition:border-color .15s,background .15s}.game:hover{transform:translateY(-2px)}}

/* Product layout inspired by the supplied Jury Store reference. */
:root{--bg:#00203b;--panel:#052e4b;--line:#104663;--cyan:#00cff2;--muted:#a7c3d5}body{background:var(--bg)}header{background:#001b30;border-bottom-color:#0c3b52}button{background:#073a60}.primary{background:var(--cyan);color:#00283a}.topup-page{display:grid;grid-template-columns:minmax(250px,1fr) minmax(0,2fr);gap:24px;align-items:start}.brand-sidebar{position:sticky;top:24px}.store-banner{min-height:220px;border:1px solid #24738c;border-radius:14px;padding:27px 24px;position:relative;overflow:hidden;background:linear-gradient(125deg,#10606d,#063d5d 55%,#123473)}.banner-brand{font-size:25px;font-weight:700;letter-spacing:-1px;position:relative;z-index:1;max-width:230px}.banner-brand span{display:block;font-size:52px;font-style:italic;letter-spacing:-2px;line-height:1.15;color:#7bf4ff}.store-banner p{font-size:10px;letter-spacing:1px;color:#b7f3f8;margin:18px 0 14px;position:relative;z-index:1}.banner-gem{position:absolute;right:3px;top:-42px;font-size:210px;line-height:1;color:#8defff24;transform:rotate(-15deg)}.banner-line{font-size:10px;letter-spacing:2px;border-top:1px solid #7feaff33;padding-top:12px;color:white}.sidebar-note{padding:20px 3px}.sidebar-note h3{font-size:16px;margin:5px 0}.sidebar-note p{font-size:13px;line-height:2.2}.game-heading{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(90deg,#063353,#00203b);border:1px solid #103a54;border-left:4px solid var(--cyan);border-radius:12px;margin-bottom:24px}.game-heading h1{font-size:27px;margin:0}.game-heading p{font-size:12px;margin:5px 0 0}.game-heading>.pill{margin-left:auto}.game-emblem{width:62px;height:62px;display:grid;place-items:center;flex-shrink:0;border-radius:12px;background:linear-gradient(140deg,#db9b34,#83482a);color:#fff0d5;font-size:23px;font-weight:700;font-style:italic}.game-emblem.blue{background:linear-gradient(135deg,#6285ea,#3e387a)}.numbered-panel{padding:0;border-radius:12px;margin-bottom:16px;overflow:hidden}.numbered-panel h3{padding:13px 17px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);margin:0;font-size:16px}.number{background:var(--cyan);color:#003b52;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:13px;flex-shrink:0}.panel-content{padding:18px}.numbered-panel input{background:#002440;border-color:#164764}.numbered-panel .fields label{margin-bottom:9px}.numbered-panel .muted{font-size:12px;line-height:1.7}.numbered-panel .packages{gap:13px;grid-template-columns:repeat(3,minmax(0,1fr))}.numbered-panel .package{min-height:88px;display:flex;align-items:center;gap:10px;padding:14px 10px;background:#073c64;border:1px solid #176289;border-radius:10px;text-align:left}.numbered-panel .package.selected{background:#075578;border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan)}.numbered-panel .package-gem{font-size:36px;color:#8eeaff;line-height:1;text-shadow:0 0 18px #05c8ff66}.numbered-panel .package-copy{font-size:14px;color:white}.numbered-panel .package b{margin:0 0 7px;font-size:12px;line-height:1.4}.numbered-panel .package strong{font-size:14px;font-weight:500}.numbered-panel .package-check{position:absolute;right:5px;top:1px;font-size:12px;color:#81ffff}.package-caption{font-size:11px;margin:15px 0 0}.payment-preview{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid #1d6686;border-radius:10px;background:#063a59}.payment-preview b{font-size:13px}.payment-preview p{font-size:11px;margin:6px 0 0}.payment-icon{font-size:29px;color:var(--cyan)}.payment-preview>.pill{margin-left:auto}.checkout-strip{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:22px}.checkout-strip .money{color:#fff;margin-top:6px}.checkout-strip small{font-size:12px;color:var(--muted);font-weight:400}.checkout-strip .primary{min-height:48px;padding:14px 23px}.brand-sidebar .notice{font-size:11px;background:#063149;border-color:#00cff2}@media(max-width:1000px){.numbered-panel .packages{grid-template-columns:repeat(2,minmax(0,1fr))}.topup-page{grid-template-columns:minmax(220px,.8fr) minmax(0,1.6fr)}.banner-brand{font-size:20px}.banner-brand span{font-size:44px}}@media(max-width:760px){.topup-page{grid-template-columns:1fr;gap:20px}.brand-sidebar{position:static}.store-banner{min-height:160px;padding:21px 23px}.banner-brand{font-size:20px}.banner-brand span{font-size:40px}.store-banner p{margin:9px 0}.sidebar-note,.brand-sidebar>.notice{display:none}.game-heading{margin-bottom:18px;padding:16px}.game-heading h1{font-size:23px}.game-emblem{width:49px;height:49px;font-size:19px}.panel-content{padding:15px}.numbered-panel h3{font-size:15px}.numbered-panel .package{padding:14px 9px;gap:8px}.numbered-panel .package-gem{font-size:29px}.checkout-strip{align-items:stretch;flex-direction:column}.checkout-strip .primary{width:100%}.payment-preview{gap:8px;padding:12px}.payment-preview>.pill{display:none}.game-heading>.pill{font-size:9px}}

/* User-supplied creator artwork, preserved as original image files. */
.hero{grid-template-columns:1fr 1.15fr;padding:0;min-height:330px}.hero>div:first-child{padding:32px}.hero h1{font-size:40px}.hero-art.creator-hero{height:100%;min-height:330px;display:block;align-self:stretch;overflow:hidden}.creator-hero>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:72% center}.art-caption{position:absolute;bottom:0;left:0;right:0;padding:12px 17px;background:#001a31df;color:#c6edff;font-size:10px;letter-spacing:1px}.creator-banner{border:1px solid #1e587d;border-radius:13px;overflow:hidden;background:#061d35}.creator-banner>img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}.creator-banner-caption{padding:17px 18px;background:linear-gradient(110deg,#08375a,#24224d)}.creator-banner-caption b{display:block;font-size:18px;color:#edfbff}.creator-banner-caption span{display:block;margin-top:7px;color:#a9d0e6;font-size:12px}.secondary-brand{display:none}.numbered-panel .package-gem-img{width:48px;height:43px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 8px #2177ff44)}.game-art{isolation:isolate}.game-art .game-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;z-index:-2}.game-art:has(.game-cover):after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#021a32f5,#021a3288 55%,#021a3222);z-index:-1}.game-art:has(.game-cover) .symbol{display:none}@media(max-width:1000px){.hero h1{font-size:34px}.numbered-panel .package-gem-img{width:40px;height:38px}}@media(max-width:760px){.hero{grid-template-columns:1fr}.hero>div:first-child{padding:27px 23px}.hero-art.creator-hero{display:block;min-height:0;height:auto;aspect-ratio:16/9}.creator-hero>img{position:static;display:block;height:auto;width:100%;object-fit:contain}.hero h1{font-size:34px}.creator-banner-caption{padding:13px 16px}.creator-banner-caption b{font-size:16px}.numbered-panel .package-gem-img{width:35px;height:35px}.numbered-panel .package{gap:6px}}

/* Eii Thy Store portrait branding. Original photo is preserved. */
.portrait-logo{width:48px;height:48px;object-fit:cover;object-position:50% 20%;border-radius:50%;border:2px solid var(--cyan);box-shadow:0 0 0 4px #05c8f019;flex-shrink:0}.brand{font-size:21px;letter-spacing:-.5px}.brand small{font-size:9px;letter-spacing:2px}.hero-art.creator-hero{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#205276,#17294b 60%,#112a40);padding:28px;min-height:340px}.creator-hero>img{position:static;width:230px;height:270px;border-radius:120px 120px 28px 28px;object-fit:cover;object-position:center 18%;border:4px solid #a0eaf640;box-shadow:0 18px 45px #0005}.art-caption{text-align:center;background:#031e32d9;font-size:14px;font-weight:600;letter-spacing:.5px}.creator-banner{padding-top:22px;background:radial-gradient(ellipse at top,#194f69,#092541 65%);text-align:center}.creator-banner>img{width:150px;height:150px;border-radius:50%;margin:0 auto 22px;object-fit:cover;object-position:center 18%;border:3px solid #59daed;aspect-ratio:1}.creator-banner-caption{background:#082940}.game-art .game-cover.diamond-cover{object-fit:contain;object-position:right center;padding:12px 20px;opacity:.85}.game-art:has(.diamond-cover):after{background:linear-gradient(90deg,#021a32e8,#021a3244 65%,transparent)}@media(max-width:760px){.brand{font-size:19px}.portrait-logo{width:44px;height:44px}.hero-art.creator-hero{aspect-ratio:auto;min-height:285px;padding:20px 20px 45px}.creator-hero>img{width:185px;height:220px;object-fit:cover;object-position:center 18%}.creator-banner{padding-top:18px}.creator-banner>img{width:120px;height:120px;margin-bottom:18px}}

.store-hero-banner{border:1px solid #14749f;border-radius:16px;overflow:hidden;background:#043968;box-shadow:0 10px 36px #0003;margin-bottom:22px}.store-hero-banner img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain}.hero.compact-intro{display:block;min-height:0;background:transparent;border:0;border-radius:0;margin:0}.compact-intro>div:first-child{padding:5px 0 10px}.compact-intro h1{font-size:29px;max-width:none;letter-spacing:-.7px;margin-bottom:10px}.compact-intro h1 br{display:none}.compact-intro h1 span:before{content:' '}.compact-intro p{max-width:none;margin-bottom:14px;font-size:14px}.compact-intro .hero-art{display:none}.creator-banner.graphic-banner{padding-top:0}.graphic-banner>img{width:100%;height:auto;aspect-ratio:3/1;object-fit:contain;border:0;border-radius:0;margin:0}.graphic-banner .creator-banner-caption{text-align:left}@media(max-width:760px){.store-hero-banner{border-radius:10px;margin-bottom:18px}.compact-intro h1{font-size:24px;line-height:1.5}.compact-intro>div:first-child{padding:0}.compact-intro p{font-size:13px}.graphic-banner>img{width:100%;height:auto;margin:0}.store-hero-banner img{min-height:0}}

/* Display only the supplied game icon and its existing Cambodia badge. */
.ff-kh-icon{display:block;position:relative;width:64px;height:64px;overflow:hidden;border-radius:12px;flex-shrink:0;background:#072b49}.ff-kh-icon img{position:absolute;width:324.655px;height:89.018px;max-width:none;left:-15.127px;top:-11.054px}.game-bottom>.ff-kh-icon{margin-right:13px}.game-bottom:has(.ff-kh-icon)>div{flex:1}.game-heading>.ff-kh-icon{width:64px;height:64px}@media(max-width:760px){.game-heading{gap:11px}.game-heading>.ff-kh-icon{width:64px;height:64px}.game-heading h1{font-size:22px}.game-bottom>.ff-kh-icon{margin-right:10px}}

/* User reference: display the artwork areas without the screenshot's controls. */
.illustrated-games{grid-template-columns:repeat(2,minmax(0,280px));justify-content:start;gap:26px}.illustrated-game{display:flex;flex-direction:column;align-items:stretch;padding:0 0 16px;border-radius:20px;background:#032e4b;overflow:hidden}.reference-art{display:block;width:100%;aspect-ratio:1;background-image:url('/assets/game-card-reference.png');background-repeat:no-repeat;background-size:224.638% 168.116%}.ml-art{background-position:5.814% 9.043%}.ff-art{background-position:94.767% 9.043%}.illustrated-game-name{display:block;text-align:center;font-size:21px;font-weight:700;padding:19px 8px 22px;letter-spacing:.5px}.topup-action{display:block;background:var(--cyan);color:#002c41;border-radius:10px;padding:15px 10px;margin:0 14px;font-size:17px;text-align:center;font-weight:700}.ml-kh-icon{width:64px;height:64px;display:block;flex-shrink:0;border-radius:12px;background-image:url('/assets/game-card-reference.png');background-repeat:no-repeat;background-size:224.638% 168.116%;background-position:5.814% 9.043%}@media(max-width:760px){.illustrated-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.illustrated-game{border-radius:14px;padding-bottom:12px}.illustrated-game-name{font-size:16px;padding:16px 5px}.topup-action{font-size:13px;padding:12px 6px;margin:0 9px}.ml-kh-icon{width:64px;height:64px}}

.official-mlbb-card-logo{display:block;width:88%;max-width:235px;height:auto;margin:0 auto 8px;object-fit:contain}.region-label{display:block;font-size:11px;letter-spacing:1.5px;color:#b8dcf0}.official-mlbb-heading-logo{display:block;width:210px;max-width:100%;height:auto;margin-bottom:7px}.game-heading h1.mlbb-title{font-size:16px}.game-heading:has(.official-mlbb-heading-logo)>div{min-width:0}.illustrated-game-name:has(.official-mlbb-card-logo){padding:14px 8px 15px}@media(max-width:760px){.official-mlbb-heading-logo{width:165px}.game-heading h1.mlbb-title{font-size:13px}.region-label{font-size:9px;letter-spacing:1px}.game-heading:has(.official-mlbb-heading-logo)>.pill{display:none}}

/* Expanded catalog */
.illustrated-games{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.extra-art{background-size:cover;background-position:center}.cod-art{background-image:url('/assets/cod-reference.png');background-size:116.3% 169.2%;background-position:68.9% 13.1%}.telegram-art{background-image:url('/assets/telegram-reference.png');background-size:113.36% 167.5%;background-position:56.8% 6.4%}.ffmax-art{background-image:url('/assets/ffmax-reference.png');background-size:111.9% 168.2%;background-position:42.4% 10.6%}.valorant-art{background-image:url('/assets/valorant-reference.png');background-size:113.4% 166.2%;background-position:56.8% 5.5%}.roblox-art{background-image:url('/assets/roblox.png')}.redline-art{background-image:url('/assets/redline-reference.png')}.game-heading>.reference-art{width:68px;flex-shrink:0;border-radius:14px}.coming-soon{opacity:.8;text-align:center}.coming-soon small{display:block;padding:0 12px 16px}.coming-soon .topup-action{background:#174e69;color:#c9dce5}.illustrated-game-name{font-size:18px;min-height:76px}.illustrated-game{min-width:0}.illustrated-game .topup-action{margin:12px}.game-heading h1{overflow-wrap:anywhere}@media(max-width:900px){.illustrated-games{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.illustrated-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.illustrated-game-name{font-size:15px}.illustrated-game .topup-action{font-size:14px;padding:12px 5px}}

/* Publisher logos and Cambodia badges */
.reference-art{position:relative;display:block}.kh-badge{position:absolute;top:10px;right:10px;width:40px;height:26px;object-fit:cover;border-radius:4px;box-shadow:0 1px 6px #001b35;border:2px solid #fff;z-index:1}.ff-art .kh-badge{right:auto;left:10px}.ml-art .kh-badge{width:46px;height:34px;top:9px;right:9px}.ff-art .kh-badge{width:46px;height:34px;top:9px;left:9px}.cod-art{background-image:url('/assets/cod-clean.webp');background-size:cover;background-position:56% center}.valorant-art{background-image:url('/assets/valorant-logo.png');background-color:#ff4655;background-size:82% auto;background-position:center;background-repeat:no-repeat}.illustrated-game-name{height:105px;min-height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px}.brand-logo-wrap{display:flex;align-items:center;justify-content:center;width:100%;height:68px;overflow:hidden}.game-wordmark{display:block;max-width:100%;width:210px;height:64px;object-fit:contain}.brand-roblox{background:#fff;border-radius:6px;max-width:210px;height:48px;position:relative}.brand-roblox .game-wordmark{width:100%;height:auto;max-width:none;flex-shrink:0}.brand-telegram{height:48px}.brand-telegram .game-wordmark{width:48px;height:48px}.telegram-label{font-size:14px;margin-top:5px}.game-heading .brand-logo-wrap{max-width:240px}.game-heading>.reference-art .kh-badge{width:24px;height:17px;top:3px;right:3px;left:auto}.illustrated-game{display:flex;flex-direction:column}.illustrated-game .topup-action{margin-top:auto;margin-bottom:18px;width:calc(100% - 24px)}@media(max-width:600px){.illustrated-game-name{height:90px;min-height:90px;padding:12px}.game-wordmark{height:54px}.brand-roblox{height:36px}.kh-badge,.ml-art .kh-badge,.ff-art .kh-badge{width:36px;height:27px;top:6px}.game-heading .brand-logo-wrap{max-width:180px}}

/* Existing Cambodia badges are already part of these two supplied artworks. */
.ff-art>.kh-badge,.ml-art>.kh-badge{display:none}


/* User-selected wordmarks, preserved as supplied. */
.brand-logo-wrap{height:76px;max-width:100%;background:none;border-radius:0}.brand-logo-wrap .game-wordmark{height:70px;width:210px;max-width:100%;object-fit:contain;flex-shrink:1}.brand-roblox .game-wordmark{height:70px;width:170px}.brand-telegram .game-wordmark{height:70px;width:100px}.brand-cod .game-wordmark{height:76px;width:110px}.brand-valorant .game-wordmark{height:72px;width:120px}@media(max-width:600px){.brand-logo-wrap{height:64px}.brand-logo-wrap .game-wordmark{max-height:62px}}

.brand-valorant .game-wordmark,.brand-roblox .game-wordmark{filter:brightness(0) invert(1)}
.brand-telegram .game-wordmark,.brand-cod .game-wordmark{filter:drop-shadow(0 0 1px white) drop-shadow(0 0 1px white)}

.cod-art{background-image:url('/assets/cod-selected-art.png');background-size:cover;background-position:center}

.lookup-panel{display:flex;gap:16px;padding:18px;margin:16px 0 8px;border:1px solid #16607a;border-radius:12px;background:#07344a;align-items:center}.lookup-panel b{font-size:14px}.lookup-panel p{margin:6px 0 0;font-size:14px;line-height:1.6}.lookup-symbol{font-size:27px;color:#00c8e8}.lookup-panel.found{border-color:#167853;background:#073e43}.found .lookup-symbol,.found b{color:#30d883}.lookup-panel.invalid,.lookup-panel.not-found{border-color:#9d6f3a}.searching .lookup-symbol{animation:lookup-spin 1s linear infinite}@keyframes lookup-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.searching .lookup-symbol{animation:none}}

#uid,#server{min-height:58px;font-size:18px}#uid:focus,#server:focus{outline:2px solid #00c9e9;box-shadow:0 0 0 6px #00c9e922}#use-demo-player{display:block;margin:8px 0 12px}


/* Hide screenshot overlays from catalog artwork. */
.redline-art{background-image:url('/assets/redline-clean.png')}.cod-art{background-size:100% 110%;background-position:center top}



.store-hero-banner{background:transparent;border:0}.store-hero-banner>img{width:100%;aspect-ratio:2.5/1;height:auto;object-fit:cover;object-position:center}
.store-hero-banner{position:relative}.banner-telegram-qr{position:absolute;left:4%;bottom:6%;width:17%;display:block;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px #18536c25}.banner-telegram-qr[hidden]{display:none}.banner-telegram-qr img{display:block;width:100%;height:auto}.banner-telegram-qr:focus-visible{outline:3px solid #002b45;outline-offset:4px}
.product-banner-gallery{position:relative;border:0;border-radius:14px;overflow:hidden;background:transparent}.product-banner-gallery>img{display:block;width:100%;height:auto;aspect-ratio:2.5/1;object-fit:cover;object-position:center}.product-banner-gallery .creator-banner-caption{display:none}
.banner-telegram-qr img{aspect-ratio:auto;object-fit:contain}
.home-telegram-banner{position:relative;overflow:hidden;border-radius:16px;margin-top:32px}.home-telegram-art{display:block;width:100%;height:auto;aspect-ratio:2.5/1;object-fit:cover}.home-telegram-link{display:block;text-align:center;color:#65e5ff;padding:14px;font-weight:700}.home-telegram-link:hover{text-decoration:underline}
.banner-telegram-qr{left:5%;bottom:7%;width:15%}
/* Product-specific package collections. */
.offer-catalog{--offer-accent:#39d4f3;--offer-glow:#21bded20}.theme-telegram{--offer-accent:#cfacff;--offer-glow:#b45bff24}.theme-cod,.theme-pubg{--offer-accent:#f4cc6b;--offer-glow:#e9af3020}.theme-valorant{--offer-accent:#ff7d91;--offer-glow:#ff506c20}.theme-roblox{--offer-accent:#a4bcff;--offer-glow:#637cff25}.offer-intro{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:20px;border-bottom:1px solid #1c4c64;font-size:15px;font-weight:700}.offer-intro small{font-size:10px;letter-spacing:.7px;color:#b8ced9;border:1px solid #32647d;border-radius:20px;padding:6px 10px;white-space:nowrap}.offer-group{margin-top:24px}.offer-group-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px}.offer-group-title h4{font-size:15px;margin:0;color:#f2f8ff}.offer-group-title>span{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#7faabc}.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.package.offer-card{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;text-align:left;align-items:center;background:linear-gradient(145deg,#073d5c,#082d47);border:1px solid #1a5875;border-radius:16px;padding:20px 14px 16px;min-height:145px;box-shadow:none;overflow:hidden}.package.offer-card:hover{border-color:var(--offer-accent);background:linear-gradient(145deg,#124b67,#0a3752);filter:none}.package.offer-card.selected{border-color:var(--offer-accent);background:radial-gradient(ellipse at top right,var(--offer-glow),transparent 70%),#093e59;box-shadow:inset 0 0 0 1px var(--offer-accent),0 6px 24px #0002}.offer-copy b{display:block;font-size:15px;line-height:1.4;overflow-wrap:anywhere;color:#f7fcff}.offer-copy small{display:block;margin-top:5px;font-size:10px;font-weight:400;color:#a0becd;line-height:1.4}.offer-price{grid-column:1/-1;display:flex;align-items:baseline;gap:6px;font-size:20px;color:#fff;padding-top:10px;border-top:1px solid #4e7e932b}.offer-price small{font-size:9px;font-weight:400;color:#8cb3c6}.offer-check{position:absolute;right:8px;top:7px;font-size:11px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;color:#6d9ab0;background:#0b293e}.selected .offer-check{background:var(--offer-accent);color:#042338}.offer-art{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 4px 8px #00c5ff25)}.offer-token{width:50px;height:50px;display:grid;place-items:center;font-size:39px;line-height:1;font-weight:800;filter:drop-shadow(0 5px 7px #0004)}.gold-star{color:#ffda49;text-shadow:0 3px #a86906,0 0 20px #ffd63a44}.premium-star{color:#c7a5ff;text-shadow:2px 3px #7e4dce,-2px -2px #f397ee}.coin-token,.silver-token{font-size:20px;border-radius:50%;border:3px double #ffe5a0;color:#654208;background:radial-gradient(circle at 30% 25%,#fff2b5,#e5b644 65%,#9e6e1a);box-shadow:2px 4px 0 #926322}.silver-token{border-color:#e6eef5;background:radial-gradient(circle at 30% 25%,#f4fbff,#9baeba);color:#344858;box-shadow:2px 4px #4d6375}.pass-token{border:1px solid #e4be6a55;background:linear-gradient(145deg,#dfb961,#5e491f);color:#fff1b7;border-radius:12px;font-size:31px}.valorant-token{border:1px solid #ff85996b;background:linear-gradient(145deg,#a64770,#402752);border-radius:50%;padding:8px}.valorant-token img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}.robux-token{font-size:54px;color:#b7caff;text-shadow:0 2px #5a70d2}.offer-list{grid-template-columns:1fr}.package.offer-list,.offer-list .package.offer-card{grid-template-columns:52px minmax(0,1fr) auto;min-height:90px;padding:16px 25px;gap:18px}.offer-list .offer-price{grid-column:auto;border:0;padding:10px 18px;border-radius:10px;background:#102a4b;min-width:110px;justify-content:center}.offer-list .selected .offer-price{background:#425cee}.pubg-art{background:radial-gradient(circle,#e9bf52,#5b4725 65%,#172a36)!important;display:grid!important;place-items:center}.pubg-art:before{content:'PUBG';font-size:clamp(30px,5vw,65px);font-weight:900;letter-spacing:-3px;border:4px solid #f6d77b;color:#f6d77b;padding:6px 12px;text-shadow:0 3px #56401a}.brand-pubg img{mix-blend-mode:screen}.fields input{min-height:60px;font-size:17px}.game-heading{border-left:4px solid #00d1ef}.offer-card:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(min-width:1500px){.offer-grid:not(.offer-list){grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1000px){.offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.package.offer-card{grid-template-columns:36px minmax(0,1fr);padding:20px 10px 12px;gap:8px;min-height:138px}.offer-art,.offer-token{width:36px;height:36px}.offer-token{font-size:31px}.coin-token,.silver-token{font-size:15px}.offer-copy b{font-size:13px}.offer-price{font-size:18px}.offer-intro{align-items:flex-start;font-size:13px}.offer-intro small{font-size:9px;padding:5px 7px}.offer-list .package.offer-card{grid-template-columns:32px minmax(0,1fr) auto;padding:16px 10px;gap:9px;min-height:88px}.offer-list .offer-price{font-size:16px;min-width:76px;padding:10px 6px}.offer-list .offer-price small{display:none}}
.offer-card .offer-token{font-size:39px}.offer-card .gold-star{color:#ffda49}.offer-card .premium-star{color:#c7a5ff}.offer-card .coin-token{font-size:20px;color:#654208}.offer-card .silver-token{font-size:20px;color:#344858}.offer-card .pass-token{font-size:31px;color:#fff1b7}.offer-card .robux-token{font-size:54px;color:#b7caff}.offer-card .offer-check{font-size:11px;color:#6d9ab0}.offer-card.selected .offer-check{color:#042338}.offer-card .offer-price{font-size:20px;font-weight:700}.offer-card .offer-copy b{margin:0;font-size:15px}.offer-card .offer-copy{font-size:15px;color:#fff}@media(max-width:480px){.offer-card .offer-token{font-size:31px}.offer-card .coin-token,.offer-card .silver-token{font-size:15px}.offer-card .offer-copy b{font-size:13px}.offer-card .offer-price{font-size:18px}.offer-list .offer-card .offer-price{font-size:16px}}
.offer-card .offer-ticket{width:50px;height:43px;display:grid;place-items:center;border:2px solid #d2a5ff;border-radius:5px;background:linear-gradient(135deg,#8544c9,#312067);transform:rotate(-12deg);box-shadow:3px 4px #25184c}.offer-ticket img{width:36px;height:32px;object-fit:contain}.offer-card .ticket-gold{border-color:#ffe49a;background:linear-gradient(135deg,#dca739,#725423)}.offer-card .ticket-rose{border-color:#ffacd7;background:linear-gradient(135deg,#b44485,#51235d)}@media(max-width:480px){.offer-card .offer-ticket{width:34px;height:34px}.offer-ticket img{width:27px;height:27px}}
/* Frame only the original QR inside the banner square; preserve its pixels. */
.banner-telegram-qr{left:4.1%;bottom:6.5%;width:19%;aspect-ratio:1;background:#fff;border-radius:6%;box-shadow:none}
.banner-telegram-qr img{position:absolute;left:-4.2553%;top:-24.8227%;width:111.3475%;max-width:none;height:auto;aspect-ratio:auto;object-fit:initial}

/* Social contacts belong only to the cream-and-teal banner. */
.banner-socials{position:absolute;inset:auto 3% 3%;display:flex;justify-content:space-between;gap:2%;z-index:2}
.banner-socials[hidden]{display:none}
.banner-socials>a,.banner-socials>span{display:flex;align-items:center;justify-content:center;gap:10px;background:#fffff3f2;border:1px solid #fff9;border-radius:999px;padding:10px 18px;color:#174f52;text-decoration:none;font-size:clamp(10px,1.5vw,21px);font-weight:800;box-shadow:0 3px 12px #123b3b18;white-space:nowrap}
.banner-socials img{width:30px;height:30px;aspect-ratio:1;object-fit:contain;border-radius:0;flex:none}
.banner-socials a:hover{background:#fff}.banner-socials a:focus-visible{outline:3px solid #00c5e7;outline-offset:3px}
.product-banner-gallery .banner-socials>a,.product-banner-gallery .banner-socials>span{font-size:9px;padding:5px 7px;gap:5px}
.product-banner-gallery .banner-socials img{width:16px;height:16px}
@media(max-width:600px){.banner-socials>a,.banner-socials>span{padding:5px 7px;gap:5px;font-size:9px}.banner-socials img{width:16px;height:16px}}
.manual-demo{margin-bottom:48px}.manual-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.manual-heading h1{font-size:clamp(28px,4vw,44px);margin:12px 0}.manual-eyebrow{color:#00c9e8;letter-spacing:2px;font-size:12px;font-weight:800}.manual-tag{background:#f9ca24;color:#08243b;border-radius:30px;padding:10px 18px;font-weight:900;white-space:nowrap}.manual-guide{background:linear-gradient(120deg,#073653,#16445a);border:1px solid #176480;border-radius:18px;padding:24px;margin:24px 0}.manual-guide ol{display:flex;flex-wrap:wrap;gap:12px 36px;padding-left:20px;line-height:1.8}.manual-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:14px 0}.manual-actions button{white-space:normal}.manual-actions label{display:grid;gap:8px}.manual-order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.manual-order{min-width:0}.manual-order .section-title{flex-wrap:wrap;gap:10px}.manual-order h3{margin:18px 0 8px}.manual-code{display:block;color:#8eb4c5;font-size:11px;overflow-wrap:anywhere}.manual-demo .metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.manual-demo details{margin-top:22px}.manual-demo summary{cursor:pointer;font-weight:700}.manual-history{line-height:1.8;padding-left:20px}.manual-history small{color:#8eb4c5}#practice-feedback{color:#7de7d4;min-height:24px}.manual-demo table{min-width:640px}@media(max-width:760px){.manual-order-grid{grid-template-columns:1fr}.manual-demo .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.manual-heading{align-items:start;flex-direction:column}.manual-guide ol{display:block}.manual-actions button{min-height:44px}}

/* Storefront refinement: preserve original artwork and blue branding. */
header{padding-top:18px;padding-bottom:18px;gap:18px}main{padding-top:28px}
.home-intro{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);gap:32px;align-items:center}
.home-intro .store-hero-banner{margin:0;min-width:0;box-shadow:none}
.home-intro .compact-intro h1{font-size:32px;line-height:1.25;letter-spacing:-.8px}
.home-intro .compact-intro h1 br{display:block}.home-intro .compact-intro h1 span:before{content:none}
.home-intro .compact-intro p{font-size:14px;line-height:1.7;margin-bottom:20px}
.illustrated-games{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.illustrated-game{min-width:0}.topup-action{font-size:14px;padding:12px;margin:0 12px}
.illustrated-game-name{padding:14px 10px 16px}.coming-soon small{line-height:1.6}
.topup-page{grid-template-columns:minmax(210px,.7fr) minmax(0,2fr)}
.purchase-column{min-width:0}.brand-sidebar{top:20px}.product-banner-gallery{margin-bottom:12px}
.game-heading{margin-bottom:18px}.game-heading h1{overflow-wrap:anywhere}
.footer-tools{display:flex;flex-wrap:wrap;gap:16px}.footer-tools button{min-height:44px}
button:focus-visible,a:focus-visible{outline:3px solid #a5f8ff;outline-offset:4px}
#toast{max-width:calc(100vw - 32px);width:max-content;text-align:center}
html[lang="km"] .compact-intro h1{line-height:1.65;font-size:27px;letter-spacing:0}
@media(max-width:1000px){.home-intro{grid-template-columns:minmax(0,1.2fr) minmax(240px,1fr);gap:24px}.home-intro .compact-intro h1{font-size:27px}.illustrated-games{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){header{padding:14px 16px;gap:12px}nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}nav button{padding:10px 5px;min-height:44px;line-height:1.5}nav button.active{background:#073a60;border-color:#104663}main{padding-top:20px}.home-intro{grid-template-columns:1fr;gap:18px}.home-intro .compact-intro h1{font-size:25px;line-height:1.35}.home-intro .compact-intro h1 br{display:none}.home-intro .compact-intro h1 span:before{content:' '}.home-intro .compact-intro p{font-size:13px;margin-bottom:14px}.home-intro .compact-intro .primary{min-height:44px}.illustrated-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.section-title{margin-top:26px}h2{font-size:22px}.topup-page{display:flex;flex-direction:column;gap:16px}.purchase-column{width:100%;order:0}.brand-sidebar{width:100%;order:1}.brand-sidebar .product-banner-gallery{max-width:460px;margin:auto}.game-heading h1{font-size:21px}.offer-list .package.offer-card{grid-template-columns:32px minmax(0,1fr) auto}.checkout-strip .primary{min-height:48px}.fields input{min-height:52px}.testbar{line-height:1.6;font-size:11px;padding:8px 12px}.footer-tools{gap:8px 20px}html[lang="km"] nav button{font-size:11px}html[lang="km"] .compact-intro h1{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Clear three-step shopping flow, retaining Eii Thy artwork and demo behavior. */
.purchase-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 22px}
.purchase-steps button{display:flex;align-items:center;gap:9px;min-height:52px;padding:10px 12px;text-align:left;background:#063452;border:1px solid #166080;border-radius:12px;font-size:13px;line-height:1.5}
.purchase-steps button span{display:grid;place-items:center;flex-shrink:0;width:27px;height:27px;border-radius:50%;background:#02c5e5;color:#002037;font-weight:800}
.numbered-panel{scroll-margin-top:20px}.numbered-panel>h3{font-size:20px;gap:12px}.numbered-panel .number{width:34px;height:34px;display:inline-grid;place-items:center;flex-shrink:0}
.offer-catalog .offer-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.offer-catalog .offer-grid .offer-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;min-height:180px;padding:20px 14px 16px;border:2px solid #1b5370;transition:border-color .15s,background .15s;isolation:isolate}
.offer-catalog .offer-card .offer-copy{width:100%;min-width:0;overflow-wrap:anywhere}.offer-catalog .offer-copy b{font-size:14px;line-height:1.5}.offer-catalog .offer-copy small{line-height:1.5}
.offer-catalog .offer-card .offer-price{margin-top:auto;font-size:19px;grid-column:auto}.offer-catalog .offer-price small{font-size:10px;margin-left:5px}
.offer-catalog .offer-card .offer-check{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#113e59;color:#80a9ba}
.offer-catalog .offer-card.selected{border-color:#03d3ee;background:linear-gradient(145deg,#075572,#073c59);box-shadow:0 0 0 1px #03d3ee,inset 0 0 28px #00c8e510}
.offer-catalog .offer-card.selected .offer-check{background:#03d3ee;color:#002238;font-weight:900}.offer-catalog .offer-card:hover{border-color:#72def0}
body.product-active{padding-bottom:140px}.persistent-summary{position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px 24px;padding:14px max(24px,calc((100vw - 1200px)/2));padding-bottom:max(12px,env(safe-area-inset-bottom));background:#052b44;border-top:2px solid #16789a;box-shadow:0 -8px 24px #00152277}
.summary-selection,.summary-price{display:flex;flex-direction:column;gap:4px;min-width:0}.summary-selection small,.summary-price>small{color:#a7c4d3;font-size:11px;line-height:1.5}.summary-selection strong{font-size:15px;overflow-wrap:anywhere}.summary-price strong{font-size:23px;white-space:nowrap}.summary-price strong small{font-size:10px;color:#b6d4e2}.persistent-summary .primary{min-height:48px;white-space:nowrap}.persistent-summary>p{grid-column:1/-1;margin:0;font-size:11px;color:#a2c3cf;line-height:1.5}
@media(max-width:1000px){.offer-catalog .offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.purchase-steps{gap:6px}.purchase-steps button{flex-direction:column;justify-content:center;gap:6px;text-align:center;padding:10px 4px;font-size:12px}.numbered-panel>h3{font-size:18px}.offer-catalog .offer-grid{gap:10px}.offer-catalog .offer-grid .offer-card{min-height:165px;padding:16px 12px 12px}.persistent-summary{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:10px 16px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.summary-selection{grid-column:1/-1}.summary-selection strong{font-size:13px}.summary-selection small{font-size:10px}.summary-price{gap:0}.summary-price strong{font-size:21px}.persistent-summary>p{font-size:10px}.persistent-summary .primary{font-size:13px;padding:12px 16px}body.product-active{padding-bottom:205px}html[lang="km"] .purchase-steps button{font-size:11px}html[lang="km"] .persistent-summary .primary{font-size:12px}}

/* Eii Thy mobile-visible effects, progressively enhanced and user-pausable. */
.home-intro{position:relative;isolation:isolate}.home-intro:before{content:'';position:absolute;inset:8% 7%;z-index:-1;pointer-events:none;border-radius:40%;background:radial-gradient(ellipse at 75% 55%,#00bde75c,transparent 65%),radial-gradient(ellipse at 25% 50%,#365ee53d,transparent 60%)}
.hero-diamond{width:80px;height:68px;margin:0 0 16px;pointer-events:none}.hero-diamond svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 12px #23cfff88)}.diamond-shimmer{opacity:.6}
.hero-motion-control{display:inline-flex;margin:10px 0 0 12px;min-height:44px;align-items:center;text-decoration:underline;text-underline-offset:4px}.motion-control:disabled{opacity:.8;cursor:default}
.illustrated-game,.purchase-steps button,.primary,.offer-card{transition:transform .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease}
@media(hover:hover) and (pointer:fine){.illustrated-game:hover{transform:translateY(-4px);box-shadow:0 12px 25px #00152166}.purchase-steps button:hover{transform:translateY(-2px);border-color:#36c9e4}.primary:hover{transform:translateY(-2px);box-shadow:0 5px 18px #00c9e529}}
.illustrated-game:active,.purchase-steps button:active,.primary:active{transform:scale(.97)}
@keyframes eii-arrive{from{opacity:.5;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes eii-glow-drift{from{transform:translate(-3%,-2%) scale(.96);opacity:.7}to{transform:translate(3%,2%) scale(1.04);opacity:1}}
@keyframes eii-diamond-float{from{transform:translateY(2px) rotate(-4deg)}to{transform:translateY(-7px) rotate(4deg)}}
@keyframes eii-diamond-shimmer{from{opacity:.35}to{opacity:.95}}
@keyframes eii-select{0%{transform:scale(.97)}60%{transform:scale(1.025)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:no-preference){
 .home-intro:before{animation:eii-glow-drift 3s ease-out 1 both}
 .hero-diamond svg{animation:eii-diamond-float 2s ease-in-out 2 alternate}
 .diamond-shimmer{animation:eii-diamond-shimmer 3s ease-out 1 both}
 .illustrated-game.motion-arrived{animation:eii-arrive .7s ease-out backwards}
 .offer-catalog .offer-card.selected{animation:eii-select .42s ease-out}
 .persistent-summary .summary-selection,.persistent-summary .summary-price{animation:eii-arrive .3s ease-out}
}
html.motion-paused *,html.motion-paused *:before,html.motion-paused *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.motion-paused .illustrated-game,html.motion-paused .purchase-steps button,html.motion-paused .primary,html.motion-paused .offer-card{transform:none!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.illustrated-game,.purchase-steps button,.primary,.offer-card{transform:none!important}}
@media(max-width:760px){.hero-diamond{width:64px;height:55px;margin-bottom:12px}.hero-motion-control{font-size:12px;margin-left:8px}.home-intro:before{inset:25% 7% 0}}

/* Owner-only loaded-order controls, stacked on narrow screens. */
.admin-order-fields{display:flex;flex-wrap:wrap;gap:16px}.admin-order-fields label{display:flex;flex:1 1 240px;flex-direction:column;gap:8px;min-width:0}.admin-order-fields input,.admin-order-fields select{box-sizing:border-box;width:100%;min-width:0;min-height:44px}.admin-order-tools p{overflow-wrap:anywhere}
/* The cart is the final guest checkout: reuse its card without nested panel chrome. */
.online-checkout-primary #guest-checkout>.panel{padding:0;border:0;background:transparent;box-shadow:none}.online-checkout-primary #guest-checkout button[type=submit]{width:100%;min-height:48px}#app a[aria-disabled=true]{opacity:.5;cursor:not-allowed}.checkout-layout .panel{min-width:0}
.practice-report{margin:24px 0}.practice-finances{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin:24px 0}.practice-finances>div{padding:16px;border:1px solid #176480;border-radius:12px;min-width:0}.practice-finances dt{color:#9fc0cf;font-size:14px}.practice-finances dd{margin:10px 0 0;font-size:24px;font-weight:800;color:#e7f8ff}
/* Practice room: compact navigation and reachable controls. */
.manual-demo{--practice-accent:#38d4e9;min-width:0}.manual-demo .manual-heading h1{font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.035em}.manual-demo .manual-guide{margin:18px 0;padding:18px 22px}.manual-demo summary{cursor:pointer;min-height:28px;font-weight:700}.practice-nav{position:sticky;top:0;z-index:20;display:flex;gap:8px;padding:12px;margin:20px 0;background:#082332f5;backdrop-filter:blur(12px);border:1px solid #215569;border-radius:16px;overflow-x:auto}.practice-nav a{white-space:nowrap;padding:12px 18px;border-radius:10px;color:#d9f4fa;text-decoration:none;font-size:14px;font-weight:700}.practice-nav a:hover,.practice-nav a:focus-visible{background:#15506a;color:#fff}.practice-toolbar{padding:8px 0 16px}.practice-toolbar button{min-height:48px}.practice-toolbar [data-practice=reset]{margin-left:auto;background:transparent;color:#b7c7d0;border:1px solid #3c5967}.manual-demo [id^=practice-]{scroll-margin-top:95px}.practice-report-fold{border:1px solid #24566b;border-radius:16px;margin:24px 0;background:#0b2a3d}.practice-report-fold>summary{padding:22px;font-size:18px}.practice-report-fold>summary span{display:inline-block;margin-left:14px;font-size:13px;font-weight:400;color:#9fc0cf}.practice-report-fold .practice-report{border:0;margin:0;background:transparent}.practice-filters{display:flex;align-items:end;gap:16px;margin:12px 0 22px;padding:18px;background:#0b293b;border-radius:14px;border:1px solid #20495c}.practice-filters label{display:grid;gap:8px;font-size:13px;color:#b8d2de;flex:1}.practice-filters input,.practice-filters select{width:100%;min-height:46px;margin:0}.practice-filters p{color:#9fc0cf;white-space:nowrap;font-size:13px}.manual-order[hidden]{display:none!important}.manual-demo .manual-order{border-top:3px solid #35c9db}.manual-demo .manual-order .status{font-size:12px;white-space:normal}.manual-demo .manual-order .manual-actions{align-items:end}.manual-demo .manual-order button{min-height:44px}.manual-demo .manual-order [data-practice=fail]{background:transparent;color:#c5aeb4;border:1px solid #66515b;font-size:12px}.manual-demo .section-title a{color:#69dded;font-size:13px}.manual-demo .table-wrap{max-width:100%;overscroll-behavior-x:contain}.manual-demo :focus-visible{outline:3px solid #8beaff;outline-offset:3px}
@media(max-width:640px){.practice-nav{border-radius:12px;gap:0;padding:6px;top:0}.practice-nav a{padding:12px}.practice-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:10px}.practice-toolbar button{width:100%;padding:12px;font-size:13px}.practice-toolbar [data-practice=reset]{grid-column:1/-1;margin:0}.practice-filters{flex-wrap:wrap;padding:14px;gap:12px}.practice-filters label:first-child{flex-basis:100%}.practice-filters p{margin:0 0 12px}.manual-demo .metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.manual-demo .metrics .panel{padding:16px}.manual-demo .metrics strong{font-size:26px}.practice-report-fold>summary span{display:block;margin:8px 0 0}.practice-finances{grid-template-columns:1fr 1fr;gap:10px}.practice-finances>div{padding:12px}.practice-finances dd{font-size:20px}.manual-demo .section-title{flex-wrap:wrap;gap:12px}.manual-demo .manual-order-grid{grid-template-columns:1fr}.manual-demo .manual-heading{align-items:start}.manual-tag{font-size:10px;padding:10px}.manual-demo h2{font-size:22px}}
.manual-demo tr[hidden]{display:none!important}.manual-demo .practice-filters label{min-width:0}.manual-demo #voucher-clear{min-height:46px}.manual-demo #voucher-count{font-size:13px;color:#9fc0cf}.manual-demo .manual-order{scroll-margin-top:90px}@media(max-width:640px){.manual-demo .practice-filters label{flex-basis:calc(50% - 12px)}.manual-demo #voucher-clear{width:100%}}