@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');

:root{--nv-ink:#2d2342;--nv-muted:#817990;--nv-purple:#7654d8;--nv-purple-dark:#5939b8;--nv-lilac:#eee8ff;--nv-pink:#ffecf3;--nv-bg:#fff;--nv-soft:#f8f6fc;--nv-border:#ece8f3;--nv-shadow:0 16px 44px rgba(67,43,111,.09);--nv-radius:22px;--nv-width:1160px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--nv-bg);color:var(--nv-ink);font-family:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:inherit}
.nv-shell{width:min(var(--nv-width),calc(100% - 40px));margin-inline:auto}
.nv-skip-link{position:absolute;top:-60px;left:16px;z-index:1000;padding:10px 14px;background:#fff;border-radius:10px;box-shadow:var(--nv-shadow)}.nv-skip-link:focus{top:12px}
.nv-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(236,232,243,.85)}
.nv-header-inner{min-height:78px;display:flex;align-items:center;gap:36px}
.nv-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none!important;flex:none}
.nv-brand-image{display:block;width:auto;height:43px;max-width:190px;object-fit:contain}
.nv-brand-mark{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#a991ff,#7654d8);color:#fff;font-weight:800;font-size:22px;box-shadow:0 8px 18px rgba(118,84,216,.22)}.nv-brand-mark span{position:absolute;right:5px;top:1px;color:#ffe99c;font-size:12px}
.nv-brand-word{font-weight:800;font-size:19px;line-height:1.05;letter-spacing:-.6px;color:var(--nv-ink)}.nv-brand-word>span{color:var(--nv-purple)}.nv-brand-word small{display:block;margin-top:5px;color:var(--nv-muted);font-size:10px;font-weight:500;letter-spacing:0}
.nv-nav{display:flex;align-items:center;justify-content:center;gap:34px;flex:1}.nv-nav a,.nv-header-help{font-size:13px;font-weight:600;color:#5e566e;text-decoration:none;transition:color .18s}.nv-nav a:hover,.nv-header-help:hover{color:var(--nv-purple)}
.nv-header-help{border:1px solid var(--nv-border);border-radius:999px;padding:10px 17px;white-space:nowrap}.nv-header-help span{color:var(--nv-purple);margin-right:4px}
.nv-menu-toggle,.nv-mobile-nav{display:none}
.nv-hero{overflow:hidden;background:radial-gradient(ellipse at 82% 48%,rgba(213,201,255,.8),transparent 30%),linear-gradient(115deg,#faf8ff 0%,#f3efff 55%,#fff3f7 100%);border-bottom:1px solid #f1ecfa}
.nv-hero-inner{min-height:410px;padding-block:54px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:34px}
.nv-eyebrow,.nv-kicker{font-size:11px;font-weight:800;letter-spacing:1.15px;color:var(--nv-purple);text-transform:uppercase}.nv-eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #ede7ff;border-radius:999px;padding:8px 13px;letter-spacing:.3px;text-transform:none}.nv-eyebrow-dot{width:8px;height:8px;background:#8ecbb3;border-radius:50%;box-shadow:0 0 0 4px #e5f5ee}
.nv-hero h1{max-width:620px;margin:18px 0 12px;font-size:clamp(34px,5vw,57px);font-weight:800;letter-spacing:-2px;line-height:1.15}.nv-hero h1 span{color:var(--nv-purple)}.nv-hero-copy>p{max-width:500px;margin:0 0 24px;color:#716980;font-size:16px}
.nv-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 22px;border:0;border-radius:14px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none!important;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s}.nv-button:hover{transform:translateY(-2px)}.nv-button-primary{color:#fff!important;background:linear-gradient(135deg,#8664e6,#6947cb);box-shadow:0 10px 22px rgba(105,71,203,.24)}.nv-button-soft{color:var(--nv-purple)!important;background:var(--nv-lilac)}
.nv-hero-note{margin-top:19px;color:#827b8e;font-size:11px}.nv-hero-note span{color:#f1a6c2;margin-right:5px}
.nv-hero-art{position:relative;min-height:290px;display:grid;place-items:center}.nv-orbit{position:absolute;border:1px solid rgba(132,106,204,.19);border-radius:50%;transform:rotate(-18deg)}.nv-orbit-one{width:340px;height:230px}.nv-orbit-two{width:270px;height:330px;transform:rotate(35deg)}.nv-hero-controller{position:relative;width:190px;height:150px;border-radius:54px 54px 48px 48px;background:linear-gradient(145deg,#a68bff,#7654d8);display:grid;place-items:center;transform:rotate(-9deg);box-shadow:0 26px 48px rgba(105,71,203,.28);border:8px solid rgba(255,255,255,.55)}.nv-hero-controller:before,.nv-hero-controller:after{content:'';position:absolute;width:48px;height:48px;border-radius:50%;background:#fff;opacity:.94;bottom:18px}.nv-hero-controller:before{left:22px}.nv-hero-controller:after{right:22px}.nv-hero-controller span{font-size:64px;color:#fff;text-shadow:0 5px 12px rgba(76,47,142,.22);z-index:1}.nv-hero-spark{position:absolute;color:#f3adca;font-size:28px}.nv-spark-one{top:40px;right:13%}.nv-spark-two{bottom:42px;left:15%;color:#886ce3}.nv-float-card{position:absolute;z-index:2;background:#fff;padding:11px 15px;border:1px solid rgba(255,255,255,.85);border-radius:16px;box-shadow:var(--nv-shadow);font-size:17px}.nv-float-card span{font-size:11px;font-weight:700;color:#514763;margin-left:6px}.nv-float-card-one{top:44px;left:2%;transform:rotate(-6deg)}.nv-float-card-two{right:1%;bottom:38px;transform:rotate(5deg)}
.nv-game-section{padding-block:70px 76px}.nv-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}.nv-section-heading h2{margin:8px 0 5px;font-size:clamp(24px,3vw,34px);font-weight:800;letter-spacing:-1px;line-height:1.25}.nv-section-heading p{margin:0;color:var(--nv-muted);font-size:13px}.nv-text-link{display:inline-flex;align-items:center;gap:8px;color:var(--nv-purple);font-size:12px;font-weight:700;text-decoration:none!important;white-space:nowrap}.nv-text-link:hover{color:var(--nv-purple-dark)}
.nv-game-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.nv-search{min-height:46px;max-width:390px;flex:1;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--nv-border);border-radius:14px;background:#fff;color:#8b8298}.nv-search>span{font-size:24px;line-height:1}.nv-search input{width:100%;border:0;outline:0;color:var(--nv-ink);font-family:inherit;font-size:13px;font-weight:500;background:transparent}.nv-search:focus-within{border-color:#b5a2ed;box-shadow:0 0 0 3px #f0ebff}.nv-filter-tabs{display:flex;gap:6px;padding:4px;border:1px solid var(--nv-border);border-radius:13px;background:#fbfaff}.nv-filter{border:0;border-radius:10px;background:transparent;padding:8px 14px;color:#777083;font-family:inherit;font-size:11px;font-weight:600;cursor:pointer}.nv-filter.active{background:#fff;color:var(--nv-purple);box-shadow:0 2px 8px rgba(50,35,76,.08)}
.nv-game-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}.nv-game-item[hidden]{display:none!important}.nv-game-card{height:100%;display:block;overflow:hidden;background:#fff;border:1px solid var(--nv-border);border-radius:19px;text-decoration:none!important;transition:transform .2s,border-color .2s,box-shadow .2s}.nv-game-card:hover{transform:translateY(-4px);border-color:#d7cbf5;box-shadow:var(--nv-shadow)}.nv-game-image{aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#f1edff,#fff1f6)}.nv-game-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.nv-game-card:hover .nv-game-image img{transform:scale(1.04)}.nv-game-placeholder{font-size:45px}.nv-game-card-footer{min-height:53px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px}.nv-game-name{font-size:12px;line-height:1.35;font-weight:700}.nv-game-arrow{color:#a79bb9;font-size:16px}
.nv-empty{padding:35px 18px;text-align:center;background:var(--nv-soft);border:1px dashed #ddd4ed;border-radius:20px}.nv-empty>span{font-size:30px}.nv-empty h3{margin:8px 0 3px;font-size:17px;font-weight:700}.nv-empty p{margin:0 0 14px;color:var(--nv-muted);font-size:13px}.nv-empty-wide{grid-column:1/-1}
.nv-how-section{padding:68px 0 76px;background:#faf9fd;border-block:1px solid #f0edf5}.nv-centered{justify-content:center;text-align:center}.nv-centered>div{max-width:590px}.nv-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:30px}.nv-step-card{position:relative;min-height:190px;padding:25px 24px;background:#fff;border:1px solid var(--nv-border);border-radius:20px;box-shadow:0 5px 20px rgba(67,43,111,.035)}.nv-step-number{position:absolute;top:17px;right:20px;color:#e3dcf2;font-size:22px;font-weight:800}.nv-step-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:var(--nv-lilac);font-size:22px}.nv-step-card:nth-child(2) .nv-step-icon{background:var(--nv-pink)}.nv-step-card h3{margin:16px 0 4px;font-size:15px;font-weight:800}.nv-step-card p{margin:0;color:var(--nv-muted);font-size:12px}
.nv-news-section{padding-block:70px 80px}.nv-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.nv-news-card{overflow:hidden;border:1px solid var(--nv-border);border-radius:20px;background:#fff;transition:box-shadow .2s,transform .2s}.nv-news-card:hover{transform:translateY(-3px);box-shadow:var(--nv-shadow)}.nv-news-image{height:175px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#eee9ff,#fff0f5);text-decoration:none;font-size:36px}.nv-news-image img{width:100%;height:100%;object-fit:cover}.nv-news-body{padding:17px}.nv-news-body time{color:#9991a5;font-size:10px}.nv-news-body h3{min-height:48px;margin:7px 0 12px;font-size:14px;font-weight:700;line-height:1.55}.nv-news-body h3 a{text-decoration:none}.nv-news-body h3 a:hover{color:var(--nv-purple)}
.nv-footer{background:#2f2740;color:#f7f4fc}.nv-footer-main{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:50px;padding-block:45px}.nv-footer .nv-brand-word{color:#fff}.nv-footer .nv-brand-word small{color:#beb6cb}.nv-footer-brand p{max-width:300px;margin:16px 0 0;color:#bdb5c9;font-size:12px}.nv-footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.nv-footer-links h2{margin:2px 0 6px;color:#fff;font-size:12px;font-weight:800}.nv-footer-links a{color:#c7bfd2;font-size:11px;text-decoration:none}.nv-footer-links a:hover{color:#fff}.nv-footer-bottom{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.12);color:#a9a1b5;font-size:10px}
.nv-footer .nv-brand-image{height:38px;padding:2px 6px;border-radius:5px;background:#fff}
/* Existing transactional screens share these brand tokens and controls. */
#main-content .box-container{width:min(var(--nv-width),calc(100% - 40px));margin-inline:auto}.payment-section,.game-content,.additional-info,.game-directory-page,.news-section{padding-block:42px!important}.payment-form-wrapper,.content-wrapper,.recharge-info-card,.news-item,.post-detail,.transaction-card{border:1px solid var(--nv-border)!important;border-radius:var(--nv-radius)!important;box-shadow:0 8px 30px rgba(67,43,111,.05)}.header-game h1,.game-content h3,.news-title{color:var(--nv-ink)!important;font-family:inherit;font-weight:800}.form-control{min-height:46px;border:1px solid #e5dfef!important;border-radius:12px!important;box-shadow:none!important}.form-control:focus{border-color:#a68fe6!important;box-shadow:0 0 0 3px #f0ebff!important}.package-list{gap:10px}.package-item input:checked+label,.package-label:hover{border-color:#9275e2!important;background:#f7f3ff!important}.recharge-submit-btn,.btn-primary{border:0!important;border-radius:13px!important;background:linear-gradient(135deg,#8664e6,#6947cb)!important;color:#fff!important;font-weight:700!important;box-shadow:0 8px 18px rgba(105,71,203,.18)}.game-card-link,.game-card-link:hover{border-radius:19px!important}.news-thumbnail,.news-image img{border-radius:14px 14px 0 0}.alert{border-radius:13px!important}.game-banner img{border-radius:20px}.status-success{color:#247c59}.status-failed{color:#b84363}
.game-directory-page .game-catalog-header{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.game-directory-page .game-catalog-header h1{flex:1 0 100%;margin:0 0 4px;font-size:30px;font-weight:800}.nv-directory-search{max-width:360px}.nv-support-page{min-height:55vh;padding-block:55px}.nv-support-card{max-width:680px;margin:0 auto 70px;padding:34px;text-align:center;border:1px solid var(--nv-border);border-radius:24px;background:var(--nv-soft)}.nv-support-icon{font-size:40px}.nv-support-card h2{margin:12px 0 8px;font-size:22px;font-weight:800}.nv-support-card p{max-width:510px;margin:0 auto 20px;color:var(--nv-muted);font-size:13px}
.nv-checkout-step{margin:18px 0;padding:20px;border:1px solid var(--nv-border);border-radius:18px;background:linear-gradient(150deg,#fff,#fcfaff)}.nv-checkout-heading{display:flex;align-items:flex-start;gap:12px;margin:0 0 17px}.nv-checkout-heading>span{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:11px;background:var(--nv-lilac);color:var(--nv-purple);font-size:13px;font-weight:800}.nv-checkout-heading h2{margin:1px 0 3px;color:var(--nv-ink);font-size:16px;font-weight:800}.nv-checkout-heading p{margin:0;color:var(--nv-muted);font-size:11px}.nv-checkout-step .form-group:last-child{margin-bottom:0}.nv-checkout-step .payment-method-label{border-radius:13px!important}.nv-checkout-step .package-label{border-radius:13px!important}.nv-checkout-step .package-list{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.nv-game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.nv-header-inner{gap:20px}.nv-nav{gap:19px}.nv-hero-inner{min-height:370px}.nv-footer-main{gap:25px}}
@media(max-width:680px){.nv-shell{width:min(100% - 30px,var(--nv-width))}.nv-header-inner{min-height:68px;justify-content:space-between}.nv-brand-mark{width:39px;height:39px;border-radius:13px;font-size:19px}.nv-brand-word{font-size:17px}.nv-nav,.nv-header-help{display:none}.nv-menu-toggle{width:42px;height:42px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border:1px solid var(--nv-border);border-radius:13px;background:#fff}.nv-menu-toggle span{width:17px;height:2px;background:var(--nv-ink);border-radius:2px}.nv-mobile-nav:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 15px 14px}.nv-mobile-nav a{padding:11px 12px;border-radius:11px;background:var(--nv-soft);font-size:12px;font-weight:600;text-decoration:none}.nv-hero-inner{grid-template-columns:1fr;gap:0;padding-block:36px 18px}.nv-hero h1{font-size:39px;letter-spacing:-1.5px}.nv-hero-copy>p{font-size:14px}.nv-hero-art{min-height:215px}.nv-hero-controller{width:145px;height:115px;border-radius:42px}.nv-hero-controller:before,.nv-hero-controller:after{width:36px;height:36px;bottom:12px}.nv-hero-controller span{font-size:46px}.nv-orbit-one{width:265px;height:180px}.nv-orbit-two{width:220px;height:260px}.nv-float-card-one{top:28px;left:3%}.nv-float-card-two{right:0;bottom:18px}.nv-game-section,.nv-news-section{padding-block:48px}.nv-section-heading{align-items:flex-start;margin-bottom:19px}.nv-section-heading h2{font-size:25px}.nv-section-heading p{font-size:11px}.nv-section-heading>.nv-text-link{padding-top:23px}.nv-game-toolbar{align-items:stretch;flex-direction:column}.nv-search{max-width:none;min-height:44px}.nv-filter-tabs{align-self:flex-start}.nv-filter{padding:8px 13px}.nv-game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.nv-game-card{border-radius:15px}.nv-game-card-footer{min-height:48px;padding:8px}.nv-game-name{font-size:10px}.nv-game-arrow{font-size:13px}.nv-how-section{padding:49px 0}.nv-steps{grid-template-columns:1fr;gap:10px;margin-top:22px}.nv-step-card{min-height:0;padding:17px 17px 17px 78px}.nv-step-icon{position:absolute;left:17px;top:19px;width:45px;height:45px}.nv-step-card h3{margin:3px 0}.nv-step-number{top:11px;right:14px;font-size:17px}.nv-news-grid{grid-template-columns:1fr;gap:12px}.nv-news-card{display:grid;grid-template-columns:112px 1fr}.nv-news-image{height:100%;min-height:125px}.nv-news-body{padding:12px}.nv-news-body h3{min-height:0;font-size:12px;margin:5px 0 8px}.nv-footer-main{grid-template-columns:1fr 1fr;gap:25px;padding-block:30px}.nv-footer-brand{grid-column:1/-1}.nv-footer-bottom{font-size:9px}.#main-content .box-container{width:calc(100% - 30px)}.payment-section,.game-content,.additional-info,.game-directory-page,.news-section{padding-block:28px!important}.payment-form-wrapper{padding:17px!important}.header-game h1{font-size:23px}.recharge-info-grid{grid-template-columns:1fr!important}.nv-checkout-step{padding:15px 12px;margin:12px 0}.nv-checkout-step .package-list{grid-template-columns:1fr}.nv-checkout-heading h2{font-size:14px}}
@media(max-width:380px){.nv-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nv-hero h1{font-size:34px}.nv-section-heading>.nv-text-link{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Homepage catalog: override legacy #list-game flex rules and keep artwork bounded. */
.nv-home #list-game.nv-game-grid{display:grid;width:100%;max-width:100%;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0;padding:0;align-items:stretch}
.nv-home #list-game.nv-game-grid[hidden]{display:none!important}
.nv-home #list-game.nv-game-grid>.nv-game-item{display:block;float:none;width:auto;min-width:0;max-width:100%;margin:0;padding:0;overflow:hidden}
.nv-home #list-game .nv-game-card{display:flex;width:100%;height:100%;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--nv-border);border-radius:16px;background:#fff}
.nv-home #list-game .nv-game-image{display:grid;width:100%;height:auto;aspect-ratio:1/1;max-height:none;flex:none;place-items:center;overflow:hidden;background:#f4f0ff}
.nv-home #list-game .nv-game-image img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover}
.nv-home #list-game .nv-game-card-footer{min-height:48px;max-height:58px;flex:1;min-width:0;padding:9px 10px;overflow:hidden}
.nv-home #list-game .nv-game-name{display:-webkit-box;min-width:0;overflow:hidden;font-size:12px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.nv-home .nv-hero-inner{min-height:0;padding-block:34px;grid-template-columns:1fr;gap:0}
.nv-home .nv-hero-art{display:none}
.nv-home .nv-game-section{padding-block:44px 58px}
.nv-home .nv-how-section{padding-block:42px 48px}
@media(max-width:900px){.nv-home #list-game.nv-game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}}
@media(max-width:680px){.nv-home .nv-hero-inner{min-height:0;grid-template-columns:1fr;padding-block:29px 18px}.nv-home .nv-hero-art{display:none}.nv-home .nv-hero h1{max-width:540px;margin-top:10px;font-size:34px;line-height:1.18}.nv-home .nv-hero-copy>p{max-width:520px;margin-bottom:17px;font-size:13px}.nv-home .nv-hero-note{margin-top:13px;font-size:10px}.nv-home .nv-game-section{padding-block:34px 42px}.nv-home .nv-game-toolbar{margin-bottom:14px}.nv-home #list-game.nv-game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.nv-home #list-game .nv-game-card{border-radius:13px}.nv-home #list-game .nv-game-card-footer{min-height:43px;padding:7px}.nv-home #list-game .nv-game-name{font-size:10px}.nv-home .nv-how-section{padding-block:34px}}
@media(max-width:380px){.nv-home #list-game.nv-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* NapVui storefront follows a compact catalog + checkout sidebar layout. */
.nv-header-inner{min-height:70px;gap:32px}
.nv-brand-mark{width:38px;height:38px;border-radius:11px;box-shadow:none}
.nv-brand-word{font-size:18px}
.nv-nav{justify-content:flex-start;gap:30px}
.nv-nav a{font-size:14px;color:#36465a}
.nv-header-help{margin-left:auto;padding:0;border:0;border-radius:0;color:#2453b5;font-size:13px;font-weight:700}
.nv-header-help strong{color:#7654d8}
.nv-home{padding:25px 0 60px;background:#fff}
.nv-home .nv-store-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,.96fr);align-items:start;gap:22px}
.nv-store-main,.nv-store-aside{min-width:0}
.nv-store-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 17px}
.nv-store-heading .nv-kicker{display:none}
.nv-store-heading h1,.nv-store-aside>h2{margin:0;color:#142d4b;font-size:24px;font-weight:800;letter-spacing:-.6px;line-height:1.25}
.nv-store-caption{color:#7663bc;font-size:13px;font-weight:700}
.nv-store-search{width:100%;max-width:none;min-height:48px;margin-bottom:18px;border:1px solid #d8dee6;border-radius:9px;box-shadow:0 1px 2px rgba(25,45,73,.03)}
.nv-store-search>span:first-child{color:#7664c5;font-size:25px}
.nv-store-search input{font-size:14px}
.nv-home .nv-filter-tabs{margin-bottom:13px;padding:0;border:0;border-radius:0;background:transparent}
.nv-home .nv-filter{padding:7px 13px;border:1px solid transparent;border-radius:7px;font-size:12px}
.nv-home .nv-filter.active{border-color:#e4def5;background:#f6f3ff;box-shadow:none;color:#684ac2}
.nv-home #list-game.nv-game-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.nv-home #list-game.nv-game-grid>.nv-game-item{border:0;border-radius:0;overflow:visible}
.nv-home #list-game .nv-game-card{min-height:99px;border-color:#e1e5eb;border-radius:9px;box-shadow:none;transition:border-color .15s,background .15s}
.nv-home #list-game .nv-game-card:hover{transform:none;border-color:#9e8bdd;background:#fcfbff;box-shadow:0 3px 12px rgba(73,53,130,.08)}
.nv-home #list-game .nv-game-image{height:66px;aspect-ratio:auto;padding:8px 12px;background:#fff}
.nv-home #list-game .nv-game-image img{width:100%;height:100%;object-fit:contain}
.nv-home #list-game .nv-game-placeholder{font-size:28px}
.nv-home #list-game .nv-game-card-footer{min-height:30px;max-height:34px;padding:2px 8px 7px}
.nv-home #list-game .nv-game-name{font-size:10px;line-height:1.25;text-align:center}
.nv-home #list-game .nv-game-arrow{display:none}
.nv-store-aside>h2{margin-bottom:17px}
.nv-promo-card{min-height:78px;display:flex;align-items:center;gap:13px;margin-bottom:17px;padding:13px 15px;border:1px solid #e6e1f5;border-radius:10px;background:linear-gradient(110deg,#f0ebff,#fbfaff)}
.nv-promo-icon{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:11px;background:#fff;color:#7654d8;font-size:21px;box-shadow:0 2px 8px rgba(80,59,139,.08)}
.nv-promo-card strong{display:block;color:#684ac2;font-size:14px;line-height:1.35}
.nv-promo-card p{margin:4px 0 0;color:#625d70;font-size:11px;line-height:1.45}
.nv-aside-block{margin:0 0 17px}
.nv-aside-block h3{margin:0 0 10px;color:#18334f;font-size:15px;font-weight:800}
.nv-method-list{padding:6px 14px;border:1px solid #e1e5eb;border-radius:9px;background:#fff}
.nv-method-row{min-height:49px;display:flex;align-items:center;gap:12px;color:#24364c;font-size:13px}
.nv-method-icon{width:24px;height:24px;display:grid;place-items:center;border:2px solid #d8d0ef;border-radius:50%;color:#7654d8;font-size:12px;font-weight:800}
.nv-order-hint{padding:14px;border:1px solid #e1e5eb;border-radius:9px}
.nv-order-hint ol{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.nv-order-hint li{display:flex;align-items:center;gap:9px;color:#4e5968;font-size:12px}
.nv-order-hint li span{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#f0ebff;color:#7654d8;font-size:10px;font-weight:800}
.nv-aside-link{display:inline-block;margin-top:13px;color:#684ac2;font-size:12px;font-weight:700;text-decoration:none}
.nv-support-note{display:block;margin-top:12px;padding:12px 13px;border:1px solid #e1e5eb;border-radius:9px;background:#fff}
.nv-support-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.nv-support-heart{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#f2edff;color:#7654d8;font-size:18px}
.nv-support-head h3{margin:0;color:#27394f;font-size:12px;font-weight:800}
.nv-support-head p{margin:1px 0 0;color:#7d8590;font-size:9px}
.nv-support-contacts{display:grid;gap:3px}
.nv-support-contacts>div,.nv-support-contacts>a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0;border-top:1px solid #f0eef4;color:#707988;font-size:10px;text-decoration:none}
.nv-support-contacts strong{display:flex;align-items:center;gap:5px;color:#33435a;font-size:10px;font-weight:700}
.nv-support-contacts a{color:#33435a;text-decoration:none!important}
.nv-support-contacts a:hover{color:#684ac2;text-decoration:none!important}
.nv-support-contacts a:focus-visible{border-radius:3px;outline:2px solid #b9a7ed;outline-offset:2px}
.nv-support-more,.nv-support-more:hover,.nv-support-more:active,.nv-support-more:visited{display:flex;align-items:center;justify-content:space-between;margin-top:7px;padding-top:7px;border-top:1px solid #f0eef4;color:#684ac2;font-size:10px;font-weight:800;text-decoration:none!important}
.nv-support-more:focus:not(:focus-visible){outline:none}
.nv-support-more:focus-visible{border-radius:3px;outline:2px solid #b9a7ed;outline-offset:2px;text-decoration:none!important}
.nv-support-more span{font-size:14px}
.nv-home .nv-news-section{padding:36px 0 0}
@media(max-width:1000px){.nv-home .nv-store-layout{grid-template-columns:minmax(0,1.65fr) minmax(260px,.9fr);gap:16px}.nv-home #list-game.nv-game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.nv-nav{gap:19px}}
@media(max-width:720px){.nv-header-inner{min-height:64px}.nv-brand-mark{width:36px;height:36px}.nv-brand-word{font-size:16px}.nv-home{padding:20px 0 42px}.nv-home .nv-store-layout{grid-template-columns:1fr;gap:24px}.nv-store-heading h1,.nv-store-aside>h2{font-size:22px}.nv-store-caption{font-size:11px}.nv-home #list-game.nv-game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.nv-home #list-game .nv-game-card{min-height:94px}.nv-home #list-game .nv-game-image{height:62px}.nv-store-aside{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.nv-store-aside>h2,.nv-promo-card{grid-column:1/-1}.nv-store-aside>h2{margin-bottom:12px}.nv-aside-block h3{font-size:13px}.nv-method-row{font-size:11px}.nv-order-hint{padding:12px}.nv-support-note{grid-column:1/-1}.nv-header-help{display:none}}
@media(max-width:390px){.nv-home #list-game.nv-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nv-store-aside{grid-template-columns:1fr}.nv-store-aside>h2,.nv-promo-card,.nv-support-note{grid-column:1}.nv-store-caption{display:none}}

/* Compact game selection and inline top-up flow. */
.nv-home #list-game .nv-game-image{height:82px;padding:6px 9px;background:#fff}
.nv-home #list-game .nv-game-image img{object-fit:contain}
.nv-home #list-game .nv-game-card-footer{min-height:31px;max-height:38px;padding:3px 7px 8px}
.nv-home #list-game .nv-game-name{font-size:11px;text-align:center}
.nv-home #list-game .nv-game-item.is-selected .nv-game-card{border-color:#8062d4;background:#f8f5ff;box-shadow:0 0 0 2px rgba(118,84,216,.1)}
.nv-home .nv-store-aside>h2{margin-bottom:13px}
.nv-recent-list{display:grid;gap:9px;max-height:650px;overflow:auto;padding:1px 3px 2px 1px}
.nv-recent-order{padding:11px 12px;border:1px solid #e1e5eb;border-radius:9px;background:#fff}
.nv-recent-order-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.nv-recent-order-top>strong{min-width:0;overflow:hidden;color:#24364c;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.nv-recent-status{flex:none;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:700}
.nv-recent-status.is-success{background:#e9f7f0;color:#237a55}
.nv-recent-status.is-processing{background:#fff4df;color:#a66b0c}
.nv-recent-uid{margin-top:5px;color:#79818c;font-size:10px}
.nv-recent-uid strong{color:#4d5663;letter-spacing:.5px}
.nv-recent-package{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:5px;color:#596474;font-size:10px}
.nv-recent-package span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nv-recent-package strong{flex:none;color:#24364c;font-size:11px}
.nv-recent-order time{display:block;margin-top:4px;color:#969daa;font-size:9px}
.nv-recent-empty{display:grid;justify-items:center;gap:5px;padding:25px 14px;border:1px dashed #ddd6ed;border-radius:9px;text-align:center;color:#8a7ab7}
.nv-recent-empty>span{font-size:23px}
.nv-recent-empty strong{color:#39475a;font-size:12px}
.nv-recent-empty small{color:#89919c;font-size:10px}
.nv-selected-game{scroll-margin-top:80px;margin-top:19px;padding:16px;border:1px solid #e1e5eb;border-radius:11px;background:#fff}
.nv-selected-game-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:11px;border-bottom:1px solid #edf0f3}
.nv-selected-game-heading img{width:48px;height:42px;object-fit:contain;border:1px solid #edf0f3;border-radius:8px}
.nv-selected-game-heading h2{margin:2px 0 0;color:#18334f;font-size:17px;font-weight:800;line-height:1.3}
.nv-selected-game-heading .nv-kicker{font-size:9px}
.nv-clear-game{margin-left:auto;padding:6px 9px;border:1px solid #e3def0;border-radius:7px;background:#fff;color:#7358c2;font:600 10px/1.4 'Be Vietnam Pro',sans-serif;cursor:pointer}
.nv-form-step{margin:0;padding:12px 0;border-bottom:1px solid #edf0f3}
.nv-form-step h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:#203852;font-size:13px;font-weight:800}
.nv-form-step h3>span{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#f0ebff;color:#7358c2;font-size:10px}
.nv-player-fields{display:flex;flex-wrap:wrap;align-items:flex-end;gap:9px}
.nv-player-field{min-width:0;flex:1 1 190px;margin:0;color:#596474;font-size:10px;font-weight:700}
.nv-player-field input{width:100%;height:39px;display:block;margin-top:4px;padding:0 10px;border:1px solid #dfe3e9;border-radius:7px;background:#fff;color:#24364c;font:500 12px/1.4 'Be Vietnam Pro',sans-serif;outline:none}
.nv-player-field input:focus{border-color:#9e8bdd;box-shadow:0 0 0 3px #f4f0ff}
.nv-check-id,.nv-id-help{padding:9px 11px;border:1px solid #ded7ef;border-radius:7px;background:#f8f5ff;color:#6a50bb;font:600 10px/1.4 'Be Vietnam Pro',sans-serif;text-decoration:none;cursor:pointer}
.nv-id-result{margin-top:8px;padding:8px 10px;border-radius:7px;background:#f2effa;color:#51466d;font-size:11px}
.nv-payment-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.nv-payment-option{min-height:40px;display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid #dfe3e9;border-radius:8px;color:#36475c;font-size:11px;font-weight:600;cursor:pointer}
.nv-payment-option:has(input:checked){border-color:#9275e2;background:#f8f5ff;color:#684ac2}
.nv-payment-option input{width:14px;height:14px;margin:0;accent-color:#7654d8}
.nv-payment-option-icon{width:22px;height:22px;display:grid;place-items:center;border:1px solid #e4ddf4;border-radius:50%;color:#7654d8;font-size:11px}
.nv-packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.nv-packages .package-item{min-width:0;margin:0}
.nv-packages .package-label{height:100%;min-height:51px;display:flex;align-items:center;padding:7px 8px;border:1px solid #dfe3e9;border-radius:8px;background:#fff}
.nv-packages .package-info{min-width:0;width:100%;display:grid;gap:3px}
.nv-packages .package-name{overflow:hidden;color:#24364c;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.nv-packages .package-price,.nv-packages .final-price,.nv-packages .discounted-price{color:#674bc0;font-size:11px;font-weight:800}
.nv-packages .original-price,.nv-packages .discount-badge{font-size:9px}
.nv-packages .package-item input:checked+label{border-color:#8062d4;background:#f8f5ff;box-shadow:0 0 0 1px #8062d4}
.nv-form-hint,.nv-form-error{margin:0;padding:9px 10px;border-radius:7px;font-size:11px}
.nv-form-hint{grid-column:1/-1;background:#f6f7f9;color:#737d8a}
.nv-form-error{background:#fff0f0;color:#a63434}
.nv-page-error{margin-bottom:12px}
.nv-create-order{width:100%;min-height:42px;margin-top:12px;border:0;border-radius:8px;background:#7654d8;color:#fff;font:700 13px/1.4 'Be Vietnam Pro',sans-serif;cursor:pointer}
.nv-create-order:hover:not(:disabled){background:#6543c5}
.nv-create-order:disabled{background:#c8c2d7;cursor:not-allowed}
.nv-support-note{margin-top:12px}
@media(max-width:720px){.nv-home #list-game.nv-game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.nv-home #list-game .nv-game-image{height:67px;padding:5px}.nv-home #list-game .nv-game-card{min-height:87px}.nv-home #list-game .nv-game-name{font-size:10px}.nv-recent-list{max-height:none}.nv-selected-game{margin-top:14px;padding:12px}.nv-packages{grid-template-columns:repeat(2,minmax(0,1fr))}.nv-store-aside{display:block}.nv-support-note{margin-top:10px}}
@media(max-width:390px){.nv-home #list-game.nv-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nv-player-field{flex-basis:100%}.nv-payment-options{gap:6px}.nv-payment-option{padding:6px;font-size:10px}}

/* Contact details and compact policy reading layouts. */
.nv-contact-page{padding-block:34px 54px}
.nv-contact-heading{margin-bottom:19px}
.nv-contact-heading h1{margin:5px 0 4px;color:#20334b;font-size:25px;font-weight:800;letter-spacing:-.5px}
.nv-contact-heading p{margin:0;color:var(--nv-muted);font-size:12px}
.nv-contact-layout{display:grid;grid-template-columns:minmax(245px,.78fr) minmax(0,1.5fr);align-items:start;gap:16px}
.nv-contact-options{display:grid;gap:9px}
.nv-contact-option{min-width:0;display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #e1e5eb;border-radius:10px;background:#fff;text-decoration:none;transition:border-color .15s,background .15s}
.nv-contact-option:hover{border-color:#b7a9e4;background:#fdfcff}
.nv-contact-option-icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:10px;background:#f1edff;color:#7558c6;font-size:15px;font-weight:800}
.nv-contact-option>span:nth-child(2){min-width:0}
.nv-contact-option small,.nv-contact-option strong{display:block}
.nv-contact-option small{color:#7c8490;font-size:10px}
.nv-contact-option strong{margin-top:2px;overflow-wrap:anywhere;color:#293a50;font-size:13px}
.nv-contact-option-arrow{margin-left:auto;color:#7654d8;font-size:16px}
.nv-contact-tip{padding:13px;border:1px solid #e9e4f5;border-radius:10px;background:#faf8ff}
.nv-contact-tip strong{color:#4a3a78;font-size:11px}
.nv-contact-tip p{margin:5px 0 0;color:#6f6a7a;font-size:10px;line-height:1.5}
.nv-contact-form-card{padding:17px;border:1px solid #e1e5eb;border-radius:11px;background:#fff}
.nv-contact-form-heading{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #edf0f3}
.nv-contact-form-heading h2{margin:0;color:#20334b;font-size:16px;font-weight:800}
.nv-contact-form-heading p{margin:3px 0 0;color:#7c8490;font-size:10px}
.nv-contact-form .nv-contact-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.nv-contact-form label{display:block;min-width:0;margin:0 0 11px;color:#4b5869;font-size:10px;font-weight:700}
.nv-contact-form input,.nv-contact-form select,.nv-contact-form textarea{width:100%;display:block;margin-top:4px;padding:9px 10px;border:1px solid #dfe3e9;border-radius:7px;background:#fff;color:#2d3d51;font:500 12px/1.45 'Be Vietnam Pro',sans-serif;outline:none}
.nv-contact-form input,.nv-contact-form select{height:38px}
.nv-contact-form textarea{min-height:84px;resize:vertical}
.nv-contact-form input:focus,.nv-contact-form select:focus,.nv-contact-form textarea:focus{border-color:#9e8bdd;box-shadow:0 0 0 3px #f4f0ff}
.nv-contact-form-actions{display:flex;align-items:center;gap:11px;margin-top:2px}
.nv-contact-form-actions button{min-height:38px;padding:0 16px;border:0;border-radius:7px;background:#7654d8;color:#fff;font:700 11px 'Be Vietnam Pro',sans-serif}
.nv-contact-form-actions button:disabled{opacity:.6;cursor:not-allowed}
.nv-contact-form-actions p{margin:0;color:#7f8792;font-size:9px;line-height:1.4}
#main-content .policy-page>.box-container,#main-content .terms-page>.box-container,#main-content .refund-page>.box-container{width:min(var(--nv-width),calc(100% - 40px));max-width:var(--nv-width);margin-inline:auto;padding-inline:0}
.policy-page,.terms-page,.refund-page{padding-block:20px 34px!important;background:#faf9fc!important}
.policy-page .policy-hero,.terms-page .terms-hero,.refund-page .refund-hero{margin-bottom:12px;padding:19px 21px;border-radius:12px}
.policy-page .policy-hero h1,.terms-page .terms-hero h1,.refund-page .refund-hero h1{font-size:23px;line-height:1.3}
.policy-page .policy-hero p,.terms-page .terms-hero p,.refund-page .refund-hero p{font-size:12px;line-height:1.55}
.policy-page .policy-hero span,.terms-page .terms-hero span,.refund-page .refund-hero span{margin-bottom:6px;font-size:10px}
.policy-page .policy-grid,.policy-page .notice-row,.refund-page .refund-columns,.refund-page .refund-info{gap:10px}
.policy-page .policy-block,.policy-page .notice-row>div,.refund-page .refund-panel,.refund-page .refund-info article{padding:15px;border-radius:10px}
.policy-page .policy-block h2,.policy-page .notice-row h3,.refund-page .refund-panel h2,.refund-page .refund-info h2,.refund-page .contact-bar h3{margin-bottom:8px;font-size:15px;line-height:1.4}
.policy-page .policy-block li,.policy-page .notice-row p,.terms-page .terms-item p,.terms-page .terms-item li,.terms-page .terms-note p,.refund-page .refund-panel li,.refund-page .refund-info li,.refund-page .contact-bar p{font-size:12px;line-height:1.55}
.policy-page .policy-block li,.refund-page .refund-panel li,.refund-page .refund-info li{margin-bottom:6px}
.terms-page .terms-list,.refund-page .process-strip,.refund-page .contact-bar,.terms-page .terms-note{border-radius:10px}
.terms-page .terms-item{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:14px}
.terms-page .terms-item h2{margin-bottom:6px;font-size:15px;line-height:1.4}
.terms-page .terms-item h3{margin-bottom:6px;font-size:13px}
.terms-page .index{width:32px;height:32px;border-radius:8px;font-size:11px}
.terms-page .terms-note{margin-top:10px;padding:12px 14px}
.refund-page .process-strip{margin:11px 0}
.refund-page .process-strip div{padding:13px}
.refund-page .process-strip h3{margin:4px 0;font-size:13px}
.refund-page .process-strip p{font-size:11px;line-height:1.5}
.refund-page .contact-bar{margin-top:11px;padding:14px}
@media(max-width:720px){.nv-contact-page{padding-block:24px 38px}.nv-contact-heading h1{font-size:22px}.nv-contact-layout{grid-template-columns:1fr;gap:12px}.nv-contact-options{grid-template-columns:1fr 1fr}.nv-contact-tip{grid-column:1/-1}.nv-contact-form-card{padding:13px}.nv-contact-form .nv-contact-form-row{gap:8px}.nv-contact-form-actions{align-items:flex-start;flex-direction:column}.policy-page .policy-grid,.policy-page .notice-row,.refund-page .refund-columns,.refund-page .refund-info,.refund-page .process-strip{grid-template-columns:1fr}.terms-page .terms-item{grid-template-columns:31px minmax(0,1fr);gap:9px;padding:12px}.terms-page .index{width:28px;height:28px;font-size:10px}.policy-page .policy-hero,.terms-page .terms-hero,.refund-page .refund-hero{padding:16px}.policy-page .policy-hero h1,.terms-page .terms-hero h1,.refund-page .refund-hero h1{font-size:20px}}
@media(max-width:420px){.nv-contact-options{grid-template-columns:1fr}.nv-contact-tip{grid-column:1}.nv-contact-form .nv-contact-form-row{grid-template-columns:1fr;gap:0}}
/* Remove legacy blue/pink rules leaking onto the redesigned header and contact heading. */
.nv-header{border:0!important;border-bottom:1px solid #eeeaf4!important;box-shadow:none!important}
.nv-header .nv-nav{border:0!important;box-shadow:none!important;background:transparent!important}
.nv-contact-heading{border:0!important}
@media(max-width:720px){#main-content .policy-page>.box-container,#main-content .terms-page>.box-container,#main-content .refund-page>.box-container{width:100%;max-width:none;margin:0;padding-inline:15px}}

/* Square cover tiles inspired by the supplied game-card reference. */
.nv-home #list-game.nv-game-grid{gap:12px}
.nv-home #list-game.nv-game-grid>.nv-game-item{overflow:hidden;border:1px solid #e4e7ec;border-radius:12px;background:#fff}
.nv-home #list-game .nv-game-card{min-height:0;display:flex;flex-direction:column;overflow:hidden;border:0;border-radius:11px;background:#fff;box-shadow:0 2px 8px rgba(24,39,62,.035)}
.nv-home #list-game .nv-game-card:hover{transform:translateY(-2px);background:#fff;box-shadow:0 6px 16px rgba(24,39,62,.09)}
.nv-home #list-game .nv-game-image{width:100%;height:auto;aspect-ratio:1/1;padding:0;display:block;overflow:hidden;background:#e9e9ee}
.nv-home #list-game .nv-game-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.nv-home #list-game .nv-game-card-footer{min-height:43px;max-height:56px;flex:none;justify-content:flex-start;padding:8px 10px;overflow:hidden;background:#fff}
.nv-home #list-game .nv-game-name{display:-webkit-box;overflow:hidden;color:#27384e;font-size:12px;line-height:1.35;text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.nv-home #list-game .nv-game-placeholder{width:100%;height:100%;display:grid;place-items:center;border-radius:8px;background:#eee9fb;font-size:38px}
@media(max-width:720px){.nv-home #list-game.nv-game-grid{gap:9px}.nv-home #list-game .nv-game-image{padding:0}.nv-home #list-game .nv-game-card-footer{min-height:39px;padding:7px 8px}.nv-home #list-game .nv-game-name{font-size:10px}}

/* Mobile header and compact promo strip inspired by the supplied reference. */
.nv-mobile-promo{display:none}
@media(max-width:720px){
  .nv-header-inner{min-height:60px;gap:8px}
  .nv-menu-toggle{order:-1;width:27px;height:30px;flex:none;padding:0;border:0;border-radius:0;background:transparent}
  .nv-menu-toggle span{width:19px;height:2px;background:#768092}
  .nv-brand{gap:6px}
  .nv-brand-image{height:34px;max-width:145px}
  .nv-brand-mark{width:32px;height:32px;border-radius:9px;font-size:17px}
  .nv-brand-mark span{right:3px;top:0;font-size:9px}
  .nv-brand-word{font-size:14px;letter-spacing:-.4px}
  .nv-brand-word small{margin-top:3px;font-size:8px}
  .nv-header-help{display:block;order:2;max-width:98px;margin-left:auto;padding:0;text-align:right;white-space:normal;color:#2853ab;font-size:9px;line-height:1.2}
  .nv-header-help strong{color:#7654d8}
  .nv-mobile-nav:not([hidden]){padding-inline:12px}
  .nv-home{padding:10px 0 34px}
  .nv-mobile-promo{min-height:64px;display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:9px 12px;border:1px solid #e7e1f6;border-radius:9px;background:linear-gradient(100deg,#f0ebff 0%,#faf8ff 75%,#f6f3ff 100%)}
  .nv-mobile-promo-icon{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:9px;background:#fff;color:#7556cf;font-size:18px;box-shadow:0 2px 8px rgba(63,48,109,.08)}
  .nv-mobile-promo>div{min-width:0}
  .nv-mobile-promo strong{display:block;color:#684ac2;font-size:11px;line-height:1.3}
  .nv-mobile-promo p{margin:3px 0 0;color:#555064;font-size:9px;line-height:1.3}
  .nv-mobile-promo-art{margin-left:auto;color:#927de0;font-size:21px;opacity:.8}
  .nv-home .nv-store-layout{gap:20px}
  .nv-home .nv-store-heading{margin-bottom:11px}
  .nv-home .nv-store-heading h1{font-size:19px;letter-spacing:-.3px}
  .nv-home .nv-store-caption{font-size:9px}
  .nv-home #list-game.nv-game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .nv-home #list-game .nv-game-card-footer{min-height:37px;padding:6px 7px}
  .nv-home #list-game .nv-game-name{font-size:9px;line-height:1.25}
}
@media(max-width:360px){.nv-header-inner{gap:6px}.nv-brand-word{font-size:13px}.nv-header-help{max-width:85px;font-size:8px}.nv-home #list-game.nv-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Compact news articles and fix legacy guide step-number sizing. */
#main-content .article-page>.box-container{width:min(1000px,calc(100% - 32px));max-width:1000px;margin-inline:auto}
.article-page{padding:16px 0 28px;background:#f6f7f9}
.article-shell{padding:20px;border:1px solid #e3e6ec;border-radius:10px;background:#fff}
.article-back{margin-bottom:10px;font-size:13px}
.article-title{margin-bottom:8px;font-size:24px;line-height:1.3}
.article-meta{gap:10px;margin-bottom:13px;font-size:11px}
.article-cover{max-width:460px;margin-bottom:14px;border-radius:8px}
.article-content{font-size:13px;line-height:1.6}
.article-content.post-detail{margin:0;padding:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.article-content.post-detail p{margin:0 0 9px;font-size:13px;line-height:1.6}
.article-content h2{margin:16px 0 7px;font-size:17px;line-height:1.4}
.article-content h3{margin:13px 0 6px;font-size:15px;line-height:1.4}
.article-content ul,.article-content ol{margin:8px 0;padding-left:21px}
.article-content li{margin-bottom:5px;font-size:13px;line-height:1.55}
.article-actions{margin-top:15px}
.article-button{padding:9px 13px;border-radius:7px;font-size:12px}
#main-content .simple-page>.box-container{width:min(1080px,calc(100% - 32px));max-width:1080px;margin-inline:auto}
.simple-page{padding:16px 0 28px;background:#f6f7f9}
.simple-page .page-hero{margin-bottom:12px;padding:18px 20px;border:1px solid #e6e0f4;border-radius:11px;background:#f2edff;color:#302644}
.simple-page .hero-kicker{margin-bottom:5px;color:#7654d8;font-size:10px}
.simple-page .page-hero h1{margin:0 0 5px;color:#302644;font-size:23px;line-height:1.3}
.simple-page .page-hero p{max-width:740px;color:#6f687b;font-size:12px;line-height:1.5}
.simple-page .guide-layout{grid-template-columns:minmax(0,1fr) minmax(250px,290px);gap:12px}
.simple-page .step-list,.simple-page .quick-panel{border:1px solid #e3e6ec;border-radius:10px;background:#fff}
.simple-page .step-item{grid-template-columns:36px minmax(0,1fr);align-items:start;gap:11px;padding:13px 14px}
.simple-page .step-item .step-number{width:32px;height:32px;min-width:0!important;flex:none;margin:0;padding:0;border:0;border-radius:8px;background:#eee8ff;color:#684ac2;font-size:10px;font-weight:800;line-height:1}
.simple-page .step-item h2{margin:1px 0 4px;color:#29394e;font-size:14px;line-height:1.35}
.simple-page .step-item p{margin:0;color:#687283;font-size:12px;line-height:1.5}
.simple-page .quick-panel{padding:14px}
.simple-page .quick-panel h3{margin:0 0 9px;color:#29394e;font-size:14px;line-height:1.4}
.simple-page .quick-panel ul{margin:0;padding-left:17px}
.simple-page .quick-panel li{margin-bottom:7px;color:#687283;font-size:11px;line-height:1.5}
.simple-page .support-link{margin-top:5px;color:#684ac2;font-size:11px}
@media(max-width:720px){#main-content .article-page>.box-container,#main-content .simple-page>.box-container{width:calc(100% - 24px);max-width:none}.article-page{padding:12px 0 22px}.article-shell{padding:15px;border-radius:9px}.article-title{font-size:20px}.article-meta{font-size:10px}.article-content,.article-content.post-detail p,.article-content li{font-size:12px}.article-content h2{font-size:15px}.article-content h3{font-size:14px}.simple-page{padding:12px 0 22px}.simple-page .page-hero{padding:15px}.simple-page .page-hero h1{font-size:20px}.simple-page .guide-layout{grid-template-columns:1fr;gap:10px}.simple-page .step-item{grid-template-columns:32px minmax(0,1fr);gap:9px;padding:11px}.simple-page .step-item .step-number{width:28px;height:28px}.simple-page .step-item h2{font-size:13px}.simple-page .step-item p,.simple-page .quick-panel li{font-size:11px}}

/* Clickable payment cards and item icons on the game recharge page. */
.nv-game-detail-page .nv-payment-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.nv-game-detail-page .nv-payment-option{position:relative;min-height:58px;display:flex;align-items:center;gap:10px;padding:9px 34px 9px 11px;border:1px solid #dfe3e9;border-radius:9px;background:#fff;color:#34445a;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}
.nv-game-detail-page .nv-payment-option input[type="radio"]{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
.nv-game-detail-page .nv-payment-option-icon{width:34px;height:34px;flex:none;display:grid;place-items:center;border:1px solid #e6e0f5;border-radius:50%;background:#faf8ff;color:#7654d8;font-size:14px}
.nv-game-detail-page .nv-payment-option-copy{min-width:0;display:grid;gap:2px}
.nv-game-detail-page .nv-payment-option-copy strong{color:#34445a;font-size:11px;font-weight:800}
.nv-game-detail-page .nv-payment-option-copy small{color:#8a909b;font-size:9px;line-height:1.25}
.nv-game-detail-page .nv-payment-option::after{content:'';position:absolute;top:8px;right:8px;width:18px;height:18px;display:grid;place-items:center;border:1px solid #d9dce3;border-radius:50%;background:#fff;color:#fff;font-size:11px;font-weight:800}
.nv-game-detail-page .nv-payment-option:has(input:checked){border-color:#9275e2;background:#f8f5ff;box-shadow:0 0 0 1px rgba(118,84,216,.1)}
.nv-game-detail-page .nv-payment-option:has(input:checked) .nv-payment-option-icon{border-color:#e1d9f5;background:#f1ecff}
.nv-game-detail-page .nv-payment-option:has(input:checked) .nv-payment-option-copy strong{color:#684ac2}
.nv-game-detail-page .nv-payment-option:has(input:checked)::after{content:'✓';border-color:#7654d8;background:#7654d8}
.nv-game-detail-page .nv-payment-option:has(input:focus-visible){outline:2px solid #b9a7ed;outline-offset:2px}
.nv-game-detail-page .nv-packages .package-label{position:relative;gap:9px;padding:8px 29px 8px 9px}
.nv-package-item-icon{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#f0ebff,#e6ddff);color:#7654d8;font-size:15px}
.nv-game-detail-page .nv-packages .package-info{flex:1}
.nv-game-detail-page .nv-packages .package-item input:checked+label::after{content:'✓';position:absolute;top:6px;right:6px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#7654d8;color:#fff;font-size:10px;font-weight:800}
.nv-game-detail-page .nv-packages .package-item input:focus-visible+label{outline:2px solid #b9a7ed;outline-offset:2px}
@media(max-width:720px){.nv-game-detail-page .nv-payment-options{gap:7px}.nv-game-detail-page .nv-payment-option{min-height:52px;padding:7px 28px 7px 8px}.nv-game-detail-page .nv-payment-option-icon{width:29px;height:29px;font-size:12px}.nv-game-detail-page .nv-payment-option-copy strong{font-size:10px}.nv-game-detail-page .nv-payment-option-copy small{font-size:8px}.nv-package-item-icon{width:28px;height:28px}}

/* Game detail pages use the same two-column storefront shell as home. */
.nv-game-detail-page{min-height:65vh}
.nv-game-detail-page .nv-store-layout{grid-template-columns:minmax(0,2fr) minmax(290px,.96fr);align-items:start}
.nv-game-detail-page .nv-store-aside{position:sticky;top:88px}
.nv-detail-store-heading{margin-bottom:14px}
.nv-detail-store-heading .nv-kicker{display:block}
.nv-detail-store-heading h1{margin-top:4px;font-size:23px}
.nv-detail-back{flex:none;padding:7px 10px;border:1px solid #e3def0;border-radius:7px;color:#7358c2;font-size:10px;font-weight:700;text-decoration:none}
.nv-detail-card{padding:16px;border:1px solid #e1e5eb;border-radius:11px;background:#fff}
.nv-detail-game-heading{display:flex;align-items:center;gap:10px;margin-bottom:2px;padding-bottom:12px;border-bottom:1px solid #edf0f3}
.nv-detail-game-heading>img,.nv-detail-game-heading>.nv-game-placeholder{width:46px;height:42px;flex:none;display:grid;place-items:center;object-fit:contain;border:1px solid #edf0f3;border-radius:8px;background:#fff;font-size:24px}
.nv-detail-game-heading .nv-kicker{font-size:9px}
.nv-detail-game-heading h2{margin:2px 0 0;color:#203852;font-size:16px;font-weight:800;line-height:1.3}
.nv-detail-step{margin:0;padding:13px 0;border-bottom:1px solid #edf0f3}
.nv-detail-step h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:#203852;font-size:13px;font-weight:800}
.nv-detail-step h3>span{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#f0ebff;color:#7358c2;font-size:10px}
.nv-detail-field{display:block;margin:0 0 9px;color:#4b5869;font-size:10px;font-weight:700}
.nv-detail-field>span{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}
.nv-detail-field b{color:#ce4761}
.nv-detail-field a{color:#7358c2;font-weight:600;text-decoration:none}
.nv-detail-field input{width:100%;height:39px;padding:0 10px;border:1px solid #dfe3e9;border-radius:7px;background:#fff;color:#24364c;font:500 12px/1.4 'Be Vietnam Pro',sans-serif;outline:none}
.nv-detail-field input:focus{border-color:#9e8bdd;box-shadow:0 0 0 3px #f4f0ff}
.nv-detail-input-row{display:flex;gap:8px}
.nv-detail-input-row input{flex:1;min-width:0}
.nv-detail-input-row .nv-check-id{flex:none}
.nv-game-detail-page .nv-payment-options{gap:8px}
.nv-game-detail-page .nv-packages{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.nv-game-detail-page .nv-packages[hidden]{display:none!important}
.nv-game-detail-page .nv-packages .package-item{min-width:0;margin:0}
.nv-game-detail-page .nv-packages .package-label{height:100%;min-height:50px;display:flex;align-items:center;padding:7px 8px;border:1px solid #dfe3e9;border-radius:8px;background:#fff}
.nv-game-detail-page .nv-packages .package-info{width:100%;min-width:0;display:grid;gap:3px}
.nv-game-detail-page .nv-packages .package-name{overflow:hidden;color:#24364c;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.nv-game-detail-page .nv-packages .package-price,.nv-game-detail-page .nv-packages .final-price,.nv-game-detail-page .nv-packages .discounted-price{color:#674bc0;font-size:11px;font-weight:800}
.nv-game-detail-page .nv-packages .original-price{font-size:9px}
.nv-game-detail-page .nv-packages .package-item input:checked+label{border-color:#8062d4;background:#f8f5ff;box-shadow:0 0 0 1px #8062d4}
.nv-game-detail-page .nv-create-order{margin-top:12px}
.nv-no-packages{padding:12px;border-radius:8px;background:#fff7e9;color:#835f22;font-size:11px}
.nv-id-result{display:grid;gap:2px;margin-top:8px;padding:8px 10px;border-radius:7px;background:#fff0f0;color:#983e43;font-size:10px}
.nv-id-result.is-success{background:#eaf8f1;color:#267451}
.nv-id-result.is-unknown{background:#f2effa;color:#51466d}
.nv-game-description{margin-top:12px;padding:12px;border:1px solid #e1e5eb;border-radius:9px;background:#fff;color:#586576;font-size:11px}
.nv-game-description summary{color:#33465d;font-size:11px;font-weight:700;cursor:pointer}
.nv-game-description>div{padding-top:8px;line-height:1.55}
@media(max-width:720px){.nv-game-detail-page .nv-store-layout{grid-template-columns:1fr}.nv-game-detail-page .nv-store-aside{position:static}.nv-game-detail-page .nv-detail-card{padding:12px}.nv-game-detail-page .nv-packages{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){.nv-detail-input-row{flex-wrap:wrap}.nv-detail-input-row .nv-check-id{flex:1}}


/* Mobile overflow guard: constrain the header and every home column to the viewport. */
@media(max-width:720px){
  html,body{max-width:100%}
  .nv-shell{width:calc(100% - 24px);max-width:none;min-width:0}
  .nv-header-inner{width:calc(100% - 24px);min-width:0;gap:7px;justify-content:flex-start}
  .nv-menu-toggle{order:0;flex:0 0 28px;width:28px}
  .nv-brand{order:1;flex:0 1 auto;min-width:0;max-width:calc(100% - 125px);overflow:hidden}
  .nv-brand-image{width:auto;height:auto;max-width:100%;max-height:34px;object-fit:contain}
  .nv-header-help{order:2;flex:0 1 96px;min-width:0;max-width:96px;margin-left:auto;white-space:normal;overflow-wrap:normal;word-break:normal;font-size:9px;line-height:1.2}
  .nv-home,.nv-home .nv-store-layout,.nv-home .nv-store-main,.nv-home .nv-store-aside,.nv-mobile-promo{width:100%;max-width:100%;min-width:0}
  .nv-mobile-promo{box-sizing:border-box;gap:9px;padding:9px 10px}
  .nv-mobile-promo>div{flex:1 1 auto;min-width:0}
  .nv-mobile-promo strong,.nv-mobile-promo p{overflow-wrap:break-word;word-break:normal}
  .nv-mobile-promo-art{flex:0 0 auto}
  .nv-home .nv-store-heading{min-width:0;gap:8px}
  .nv-home .nv-store-heading h1{font-size:20px;line-height:1.25;overflow-wrap:normal}
  .nv-home #list-game.nv-game-grid{width:100%;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}
  .nv-home #list-game .nv-game-item,.nv-home #list-game .nv-game-card{min-width:0;width:100%}
}
@media(max-width:380px){
  .nv-brand{max-width:calc(100% - 112px)}
  .nv-brand-image{max-height:30px}
  .nv-header-help{flex-basis:80px;max-width:80px;font-size:8px}
}


/* Correct mobile gutters and keep the catalog cards compact. */
@media(max-width:720px){
  html,body{max-width:100%}
  .nv-shell{width:calc(100% - 30px);max-width:var(--nv-width);min-width:0}
  .nv-header-inner{width:calc(100% - 30px);min-width:0;gap:7px;justify-content:flex-start}
  .nv-menu-toggle{order:0;flex:0 0 28px;width:28px}
  .nv-brand{order:1;flex:0 1 auto;min-width:0;max-width:calc(100% - 125px);overflow:hidden}
  .nv-brand-image{width:auto;height:auto;max-width:100%;max-height:34px;object-fit:contain}
  .nv-header-help{order:2;flex:0 1 96px;min-width:0;max-width:96px;margin-left:auto;white-space:normal;overflow-wrap:normal;word-break:normal;font-size:9px;line-height:1.2}
  .nv-home .nv-store-layout{width:calc(100% - 30px);max-width:var(--nv-width);min-width:0}
  .nv-home .nv-store-main,.nv-home .nv-store-aside{max-width:100%;min-width:0}
  .nv-shell.nv-mobile-promo{width:calc(100% - 30px);max-width:var(--nv-width);min-width:0;box-sizing:border-box;gap:9px;padding:9px 10px}
  .nv-mobile-promo>div{flex:1 1 auto;min-width:0}
  .nv-mobile-promo strong,.nv-mobile-promo p{overflow-wrap:break-word;word-break:normal}
  .nv-mobile-promo-art{flex:0 0 auto}
  .nv-home .nv-store-heading{min-width:0;gap:8px}
  .nv-home .nv-store-heading h1{font-size:20px;line-height:1.25;overflow-wrap:normal}
  .nv-home #list-game.nv-game-grid{width:100%;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
  .nv-home #list-game .nv-game-item,.nv-home #list-game .nv-game-card{min-width:0;width:100%}
  .nv-game-detail-page .nv-detail-card form>.nv-detail-step:first-of-type h3{display:none}
  .nv-game-detail-page .nv-payment-option-copy small{display:none}
}
@media(max-width:390px){
  .nv-brand{max-width:calc(100% - 112px)}
  .nv-brand-image{max-height:30px}
  .nv-header-help{flex-basis:80px;max-width:80px;font-size:8px}
  .nv-home #list-game.nv-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* Small form polish: hide the empty ID feedback slot and align the action control. */
.nv-id-result[hidden]{display:none!important}
.nv-detail-input-row{align-items:stretch}
.nv-detail-input-row input{height:39px}
.nv-detail-input-row .nv-check-id{height:39px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;line-height:1.2;white-space:nowrap}
.nv-mobile-promo-icon img{width:100%;height:100%;display:block;padding:4px;object-fit:contain;border-radius:inherit}

/* Small decorative details make the footer easier to scan. */
.nv-footer-highlights{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}
.nv-footer-highlights>span{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.06);color:#d8d0e6;font-size:10px;font-weight:600}
.nv-footer-highlights i{color:#c5b3ff;font-size:12px;font-style:normal;line-height:1}
.nv-footer-links h2>span{color:#bba8ff;font-size:13px}
.nv-footer-links>a{display:inline-flex;align-items:center;gap:8px;transition:color .18s,transform .18s}
.nv-footer-links>a>span{width:17px;height:17px;flex:none;display:grid;place-items:center;border-radius:5px;background:rgba(190,169,255,.12);color:#c8b8ff;font-size:10px;line-height:1}
.nv-footer-links>a:hover{transform:translateX(2px)}

.nv-id-guide-trigger{padding:0;border:0;background:transparent;color:#7358c2;font:600 10px/1.4 'Be Vietnam Pro',sans-serif;text-decoration:none;cursor:pointer}
.nv-id-guide-trigger:hover{text-decoration:underline}
.nv-id-guide-modal[hidden]{display:none!important}
.nv-id-guide-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px}
.nv-id-guide-backdrop{position:absolute;inset:0;background:rgba(22,18,34,.68);backdrop-filter:blur(3px)}
.nv-id-guide-dialog{position:relative;z-index:1;width:min(760px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:16px;border:1px solid #e8e1f5;border-radius:16px;background:#fff;box-shadow:0 24px 80px rgba(20,12,40,.3)}
.nv-id-guide-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.nv-id-guide-dialog h2{margin:0;color:#2d2342;font-size:16px;font-weight:800}
.nv-id-guide-dialog header button{width:34px;height:34px;flex:none;border:1px solid #ece8f3;border-radius:50%;background:#f8f6fc;color:#55466f;font-size:23px;line-height:1;cursor:pointer}
.nv-id-guide-dialog img{display:block;width:100%;max-height:calc(100vh - 125px);object-fit:contain;border-radius:8px;background:#f8f6fc}
body.nv-modal-open{overflow:hidden}
@media(max-width:720px){.nv-id-guide-modal{padding:12px}.nv-id-guide-dialog{padding:12px;border-radius:12px}.nv-id-guide-dialog h2{font-size:13px}.nv-id-guide-dialog img{max-height:calc(100vh - 100px)}}
@media(max-width:720px){.nv-game-detail-page .nv-detail-input-row{align-items:stretch;gap:8px}.nv-game-detail-page .nv-detail-input-row input,.nv-game-detail-page .nv-detail-input-row .nv-check-id{box-sizing:border-box;height:40px!important;min-height:40px!important}.nv-game-detail-page .nv-detail-input-row .nv-check-id{padding:0 10px!important;font-size:11px;line-height:1.2;box-shadow:0 2px 6px rgba(34,112,190,.16)}}

/* Align the desktop sidebar with the game cards below the catalog heading. */
@media(min-width:721px){.nv-home:not(.nv-game-detail-page) .nv-store-aside{padding-top:24px}}


/* Compact order and payment summary on phones. */
#main-content .payment-page-container{width:min(760px,calc(100% - 40px));max-width:760px;margin:0 auto;padding:10px 0 28px}
.payment-page-container .order-info-card,.payment-page-container .payment-card{margin-bottom:10px;border:1px solid #e5e8ee;border-radius:10px;box-shadow:0 3px 12px rgba(28,42,66,.06)}
.payment-page-container .card-header{padding:9px 12px;font-size:13px}
.payment-page-container .card-body{padding:10px 12px}
.payment-page-container .detail-item{gap:8px;padding:8px 0}
.payment-page-container .detail-label{min-width:94px;font-size:12px}
.payment-page-container .detail-value{min-width:0;font-size:12px;text-align:right;overflow-wrap:anywhere}
.payment-page-container .order-code-value{max-width:70%;justify-content:flex-end}
.payment-page-container .order-code-text{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;letter-spacing:.1px}
.payment-page-container .countdown-section{margin-top:4px;padding:10px;border-radius:9px}
@media(max-width:720px){
  #main-content .payment-page-container{width:calc(100% - 24px);max-width:none;padding:8px 0 20px}
  .payment-page-container .order-info-card,.payment-page-container .payment-card{margin-bottom:8px;border-radius:9px}
  .payment-page-container .card-header{padding:8px 10px;font-size:12px}
  .payment-page-container .card-body{padding:8px 10px}
  .payment-page-container .detail-item{padding:6px 0;gap:6px}
  .payment-page-container .detail-label{min-width:82px;font-size:11px}
  .payment-page-container .detail-value{max-width:68%;font-size:11px;line-height:1.35}
  .payment-page-container .order-code-value{max-width:68%}
  .payment-page-container .order-code-text{font-size:10px}
}

.payment-page-container .order-code-value{gap:6px}
.payment-page-container .order-code-text{flex:1;background:transparent;border-radius:0;padding:0;font-family:inherit}
.payment-page-container .order-code-copy{width:25px;height:25px;flex:none;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:6px;background:#7654d8;color:#fff;font-size:11px}