:root{--accent:#f15a24;--ink:#292624;--muted:#8b827e;--line:#eee9e6}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px;background:#faf5f2 url('assets/background.png') center 64px/1920px auto no-repeat}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #f9a580;outline-offset:3px}input:focus{outline:2px solid #ff986c;border-color:transparent!important}.container{width:min(1160px,calc(100% - 48px));margin:auto}header{height:72px;background:#fff;box-shadow:0 2px 12px #3722190c;position:relative;z-index:2}nav{display:flex;align-items:center;height:100%;gap:26px}.brand img{width:214px;display:block}.search{display:flex;align-items:center;background:#f5f4f3;border-radius:7px;width:330px;padding:0 12px;gap:9px}.search span{font-size:28px;color:#8b827e}.search input{width:100%;border:0;background:transparent;padding:13px 0;font-size:13px;outline:none}.nav-right{display:flex;align-items:center;gap:20px;margin-left:auto}.demo{font-size:9px;letter-spacing:1.1px;color:#a59b96;border:1px solid #e8e3e0;padding:6px;border-radius:4px}.plain{font-size:24px;color:#8b827e}.locale{white-space:nowrap;color:#6a625e}.primary{background:linear-gradient(110deg,#ff702c,#ef461e);color:white;font-weight:600;border-radius:5px;padding:12px 20px;transition:filter .2s,transform .2s}.primary:hover{filter:brightness(1.06)}.primary:active{transform:translateY(1px)}.game{display:flex;align-items:center;gap:22px;padding:30px 0 28px}.game>img{width:104px;height:104px;border-radius:22px;border:3px solid white;box-shadow:0 4px 12px #6c3c3720}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#7d5d5d}h1{font-size:30px;margin:9px 0;font-weight:750;letter-spacing:-.6px}.game-caption{font-size:12px;color:#795e61}.layout{display:grid;grid-template-columns:minmax(0,720px) minmax(320px,1fr);gap:28px;align-items:start}.panel{background:#fff;border:1px solid #eee9e6;border-radius:10px;box-shadow:0 4px 18px #57332d09}.account,.packages{padding:22px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:23px}h2{font-size:17px;margin:0;display:flex;align-items:center;gap:9px}.step{display:inline-flex;justify-content:center;align-items:center;color:var(--accent);background:#fff0e9;border-radius:7px;width:27px;height:27px;font-size:15px;flex-shrink:0}.text-button{color:#3f84b2;font-size:12px;text-decoration:underline;white-space:nowrap;padding:0}#email,#password{width:100%;border:1px solid #e1dcd8;border-radius:5px;padding:13px 14px;background:#fdfcfb}input::placeholder{color:#aaa29d}.note{font-size:11px;line-height:1.85;color:#918680;margin:12px 0 0}.confirm{display:block;width:280px;margin:20px auto 25px}#account-status{font-size:12px;color:#d94d2c;margin:8px 0}#account-status:empty{display:none}.divider{display:flex;align-items:center;gap:15px;color:#a39790;font-size:12px;justify-content:center}.divider:before,.divider:after{content:'';height:1px;background:#f1eeec;flex:1}.socials{display:flex;justify-content:center;gap:27px;margin-top:16px}.socials button{font-size:11px;color:#8b827e;display:flex;flex-direction:column;align-items:center;gap:7px}.socials b{font-size:24px;line-height:29px;height:30px}.zing{color:#1ba5dc;font-style:italic}.facebook{color:#5274ec}.apple{color:#111}.guest{color:#ddbc23}.packages{margin-top:22px}.packages .section-title{margin-bottom:17px}.multi{display:flex;align-items:center;gap:7px;font-size:11px;cursor:pointer;background:#fff4ee;padding:7px;border-radius:5px;white-space:nowrap}.multi input{position:absolute;opacity:0}.switch{display:block;width:29px;height:17px;border-radius:20px;background:#c6bfbb;padding:3px}.switch:after{content:'';display:block;width:11px;height:11px;background:#fff;border-radius:50%;transition:transform .2s}.multi input:checked+.switch{background:var(--accent)}.multi input:checked+.switch:after{transform:translateX(12px)}.multi input:focus-visible+.switch{outline:2px solid var(--accent);outline-offset:2px}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:18px}.tabs button{padding:0 0 13px;font-size:12px;color:#9b8e87;border-bottom:2px solid transparent}.tabs .active{color:var(--accent);border-color:var(--accent);font-weight:600}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product{border:1px solid #eae4df;border-radius:7px;overflow:hidden;transition:box-shadow .2s,border-color .2s;background:white}.product:hover{box-shadow:0 5px 14px #7c4f331a;border-color:#f5b294}.product.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.product-visual{width:100%;padding:0;display:block;aspect-ratio:1.78;overflow:hidden;background:#fff4dc}.product img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.product:hover img{transform:scale(1.025)}.product-body{padding:12px 11px}.product h3{font-size:12px;font-weight:500;margin:0 0 12px;min-height:28px;line-height:1.4}.price-line{display:flex;justify-content:space-between;align-items:center;gap:4px}.price{color:var(--accent);font-size:16px;font-weight:600;white-space:nowrap}.add{background:var(--accent);color:white;border-radius:4px;width:27px;height:27px;font-size:21px;line-height:1}.quantity{display:flex;align-items:center;gap:7px}.quantity button{color:var(--accent);background:#fff0e8;border-radius:4px;width:24px;height:26px}.quantity span{font-size:12px}.order{padding:21px 20px;position:sticky;top:20px}.order .section-title{margin-bottom:0;padding-bottom:17px;border-bottom:1px solid var(--line)}.count{background:#fff0e9;color:var(--accent);border-radius:20px;font-size:11px;padding:4px 8px}.empty-cart{text-align:center;color:#a99b93;font-size:12px;padding:24px 0}.empty-cart img{width:33px;opacity:.5;display:block;margin:0 auto 9px}.order h3{font-size:13px;margin:19px 0 12px}.payments{display:grid;gap:8px;max-height:282px;overflow:auto;scrollbar-width:thin}.payment{display:flex;align-items:center;border:1px solid #e8e3df;padding:11px 12px;gap:13px;border-radius:5px;text-align:left;min-height:43px;font-size:12px}.pay-logo{width:57px;font-weight:800;font-size:12px;color:#457bc2}.payment[data-payment="ZaloPay"] .pay-logo{color:#14a8b5}.radio{margin-left:auto;width:15px;height:15px;border:1px solid #ddd5ce;border-radius:50%}.payment.selected{border-color:var(--accent);background:#fff9f5}.payment.selected .radio{border:4px solid var(--accent)}.subtotal{display:flex;justify-content:space-between;background:#f8f6f3;padding:15px 12px;font-size:12px;border-radius:5px}.total{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px dashed #eae3df;font-size:13px}.total strong{color:var(--accent);font-size:20px;font-weight:700}.terms{font-size:10px;color:#a09690;line-height:1.7;margin:13px 0}.checkout{width:100%;display:flex;justify-content:center;gap:16px}.checkout:disabled{background:#ddd7d3;color:white;cursor:not-allowed;filter:none}.secure{text-align:center;color:#a89b92;font-size:10px;margin-top:13px}.cart-row{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #f3eeeb}.cart-row img{width:48px;border-radius:4px}.cart-row .cart-name{flex:1;font-size:11px;line-height:1.5}.cart-name strong{display:block;color:var(--accent);margin-top:4px;font-size:14px}footer{margin-top:60px;background:#fff;border-top:1px solid #ece6e1;color:#8d827b;font-size:12px}.footer-top{display:flex;gap:110px;padding:35px 0}.footer-top>img{width:210px;height:auto;object-fit:contain;align-self:flex-start;margin-right:auto}.footer-top h3{font-size:13px;color:#4f4945;margin:0 0 16px}.footer-top a,.footer-top button{display:block;margin-bottom:12px;padding:0;font-size:12px}.footer-bottom{border-top:1px solid #f0ece9;padding:20px 0;display:flex;justify-content:space-between;font-size:10px}.footer-bottom div{display:flex;gap:20px}.footer-bottom button{font-size:10px;padding:0}.cookie-banner{position:fixed;z-index:5;bottom:0;background:#333b;width:100%;backdrop-filter:blur(15px);color:white;padding:18px 4%;display:flex;align-items:center;gap:20px}.cookie-banner[hidden]{display:none}.cookie-banner p{flex:1;font-size:12px}.cookie-banner button{white-space:nowrap}dialog{border:0;border-radius:15px;padding:32px;width:min(460px,calc(100% - 32px));box-shadow:0 20px 80px #0003;color:var(--ink)}dialog::backdrop{background:#251c2377;backdrop-filter:blur(3px)}dialog h2{font-size:21px;margin:4px 0 18px}dialog p{font-size:14px;line-height:1.8;color:#8b7c74}dialog input{border:1px solid #e0d8d2;border-radius:5px;padding:13px;width:100%;margin:8px 0 15px}.close{position:absolute;right:12px;top:10px;font-size:26px;color:#92857d}dialog img{max-width:100%;border-radius:8px}dialog .primary{width:100%;margin-top:12px}#toast{position:fixed;z-index:9;left:50%;bottom:30px;transform:translateX(-50%) translateY(100px);background:#332c29;color:#fff;padding:14px 24px;border-radius:8px;font-size:13px;transition:transform .25s;box-shadow:0 4px 20px #0002}#toast.show{transform:translateX(-50%) translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1600px){body{background-size:100% auto}}@media(max-width:1100px){.demo{display:none}.search{width:260px}.nav-right{gap:14px}.layout{gap:20px;grid-template-columns:minmax(0,1fr) 330px}.account,.packages{padding:18px}.section-title{flex-wrap:wrap}.products{gap:10px}.multi{font-size:10px}.price{font-size:14px}}@media(max-width:760px){body{background-size:auto 1000px;background-position:center 64px}header{height:auto;min-height:64px}nav{flex-wrap:wrap;padding:14px 0;gap:14px}.container{width:calc(100% - 28px)}.brand img{width:158px}.nav-right{gap:13px}.nav-right .plain{display:none}.nav-right .primary{padding:9px 12px;font-size:12px}.locale{font-size:12px}.search{order:3;width:100%}.search input{padding:10px 0}.game{padding:23px 0;gap:15px}.game>img{width:74px;height:74px;border-radius:16px}h1{font-size:23px}.game-caption{font-size:10px}.eyebrow{font-size:8px}.layout{display:block}.account,.packages{padding:18px 14px}h2{font-size:15px}.text-button{font-size:11px}.section-title{margin-bottom:18px}.confirm{max-width:100%}.socials{gap:24px}.products{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.price{font-size:14px}.order{position:static;margin-top:22px;padding:20px 17px}.payments{max-height:none;grid-template-columns:1fr 1fr}.payment{padding:10px 8px;gap:6px;font-size:11px}.pay-logo{width:41px;font-size:10px}.radio{width:13px;height:13px;flex-shrink:0}.footer-top{gap:30px;flex-wrap:wrap}.footer-top>img{width:170px;margin-right:100%}.footer-bottom{flex-direction:column;gap:15px}.footer-bottom div{gap:13px;flex-wrap:wrap}.cookie-banner{flex-wrap:wrap;gap:10px;padding:14px}.cookie-banner p{flex-basis:100%;margin:0}.cookie-banner button{font-size:12px}.tabs{gap:23px}.tabs button{font-size:11px}.product h3{font-size:12px}.multi{font-size:10px}.packages .section-title{gap:12px}footer{margin-top:30px}}
@media(min-width:761px){.order{max-height:calc(100dvh - 40px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e3d8d0 transparent}}

.subtotal b{font-size:16px;font-weight:600}.price-line{flex-wrap:wrap;row-gap:8px}

.login-methods{gap:14px;margin:0 0 22px}.login-methods button{flex:1;flex-direction:row;justify-content:center;gap:10px;padding:14px 10px;border:1px solid #e8e1dc;border-radius:7px;color:#5b514b;font-size:13px;background:#fff}.login-methods button:hover{border-color:#f4ad8f;background:#fffaf7}.login-methods button.active{border-color:var(--accent);background:#fff7f1;color:var(--accent)}.login-methods svg{width:24px;height:24px;flex-shrink:0}.login-label{display:block;font-size:12px;font-weight:600;margin:14px 0 8px}@media(max-width:400px){.login-methods{gap:8px}.login-methods button{padding:12px 7px;font-size:11px;gap:7px}.login-methods svg{width:22px;height:22px}}

.selected-label{color:var(--accent);font-size:11px;white-space:nowrap;background:#fff0e8;padding:6px 8px;border-radius:4px}

/* Typography measured from the reference site; local font subsets include Vietnamese. */
body{font-family:ShopVietnam,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.5}
h1{font-size:30px;font-weight:900;line-height:45px;letter-spacing:normal}
h2{font-size:18px;font-weight:700;line-height:27px}
.primary{font-size:14px;font-weight:700;line-height:1.2}
.product h3{font-size:14px;font-weight:400;line-height:21px;min-height:42px}
.price{font-size:14px;font-weight:500;line-height:21px}
.order h3{font-size:16px;font-weight:600;line-height:24px}
.payment{font-size:14px;font-weight:400;line-height:21px;min-height:54px}
.pay-logo{width:56px;flex:0 0 56px;display:flex;align-items:center;justify-content:center}
.pay-logo img{width:56px;height:32px;object-fit:contain;display:block}
.payment[data-payment="MoMo"] .pay-logo img{width:32px;height:32px}
.payments{max-height:none}
.subtotal,.subtotal b{font-size:14px;line-height:21px;font-weight:500}
.total,.total b{font-size:16px;line-height:24px;font-weight:500}
.total strong{font-size:18px;line-height:27px;font-weight:700}
.note,.terms{font-size:12px;font-weight:400;line-height:18px}
.login-label,.login-methods button,.search input{font-size:14px;line-height:21px}
.cart-name strong{font-weight:500}
@media(max-width:760px){h1{font-size:20px;line-height:30px}.payments{grid-template-columns:1fr}.payment{gap:14px}.login-methods button{font-size:12px}.product-body{padding:10px}.price-line{gap:6px}}

.forgot-password-row{display:flex;justify-content:flex-end;margin-top:10px}.forgot-password-row .text-button{font-size:12px;line-height:20px;color:var(--accent)}#reset-status{font-size:13px;line-height:1.6;color:#8b6250}

/* Unified sky-blue game theme. */
:root{--accent:#318be9;--ink:#24384f;--muted:#8093a8;--line:#e5edf6}
body{background-color:#f0f7ff;background-image:url('assets/game-background.svg'),radial-gradient(ellipse at 8% 0%,#d9f2ff 0%,transparent 50%),linear-gradient(135deg,#f2f9ff,#eaf2ff);background-size:640px 640px,100% 100vh,100% 100%;background-position:center top;background-repeat:repeat,no-repeat,no-repeat;padding-bottom:48px}
header{background:#ffffffed;border-bottom:1px solid #e3edf8;box-shadow:0 2px 16px #3f7bb008}
.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:700;color:#294361;letter-spacing:-.5px}.brand img{width:37px;height:37px;border-radius:10px}.brand small{font-size:10px;letter-spacing:1.5px;font-weight:600;color:#6e98bf;margin-left:5px}
.primary{background:linear-gradient(110deg,#4eb7f4,#368ceb);box-shadow:0 3px 9px #3899e51a}.primary:hover{background:linear-gradient(110deg,#3aacf0,#267ce0)}
button:focus-visible,a:focus-visible{outline-color:#8bcfff}input:focus{outline-color:#80c6f6}
.panel{border-color:#e1eaf5;box-shadow:0 6px 24px #5276a509}
.step,.count,.selected-label,.quantity button{background:#edf6ff;color:#318be9}
.login-methods button{border-color:#e1eaf5;color:#60748b}.login-methods button.active,.login-methods button:hover,.payment.selected{background:#f0f8ff;border-color:#62b2f2;color:#287ecb}
.payment{border-color:#e1eaf5}.payment:hover{background:#f6faff}.product{border-color:#e3ebf4}.product:hover{border-color:#8fc7f4;box-shadow:0 5px 14px #347fc914}.product.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
#email,#password,dialog input{border-color:#dce7f3;background:#fbfdff;color:var(--ink)}input::placeholder{color:#9aaabd}
.subtotal{background:#f3f7fc}.checkout:disabled{background:#c9d8e9;color:#fff;box-shadow:none}
.note,.terms,.secure,.empty-cart{color:#8999ac}.game>img{box-shadow:0 5px 15px #4c98d422}.total{border-color:#e0eaf5}
@media(max-width:760px){body{background-size:480px 480px,100% 100vh,100% 100%;background-position:center top}.brand{font-size:16px;gap:8px}.brand img{width:32px;height:32px}.brand small{font-size:8px;margin-left:3px}}
@media(max-width:400px){nav{flex-wrap:nowrap;gap:8px}.brand{font-size:13px;gap:6px;letter-spacing:-.3px}.brand img{width:28px;height:28px}.brand small{display:none}.nav-right .primary{padding:9px 10px;font-size:11px}.login-methods{gap:8px}.login-methods button{min-width:0;flex-direction:column;gap:6px;padding:10px 4px;font-size:11px}.login-methods svg{width:22px;height:22px}}
#character-picker{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}#character-picker h3{font-size:16px}#character-picker select{width:100%;padding:12px;border:1px solid #dce7f3;border-radius:6px;background:#fbfdff;font:inherit;color:var(--ink)}#character-confirm{margin-top:18px;width:100%}#character-confirm:disabled{background:#c9d8e9;cursor:not-allowed}#character-status{font-size:12px}#character-summary{color:#2b9570;font-size:14px}
[hidden]{display:none!important}.payment:disabled{opacity:.5;cursor:not-allowed}.channel-min{display:block;font-size:10px;line-height:16px;color:#8796a8}.login-methods button:disabled{opacity:.45;cursor:not-allowed}.account:has(#account-form[hidden]) #character-picker{border-top:0;margin-top:0;padding-top:0}.account:has(#account-form[hidden]) #character-picker h3{display:none}.brand span{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.order-review p{display:flex;justify-content:space-between;gap:20px;margin:0;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.order-review strong{text-align:right;color:var(--ink);overflow-wrap:anywhere}.order-review .review-total strong{color:var(--accent);font-size:18px}.review-cancel{display:block;width:100%;padding:12px;margin-top:8px;color:var(--muted)}#confirm-order:disabled{opacity:.6;cursor:wait}