@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--brand:#006dff;--brand2:#0960d6;--bg:#061329;--surface:#102746;--surface-2:#12365c;--line:#2a5685;--text:#fff;--muted:#d2e4fa;--soft:#a9c7e9;--glow:rgba(0,109,255,.3)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 1000px 480px at 50% -250px,rgba(97,79,214,.13),transparent 70%),var(--bg);color:var(--text);font-family:'DM Sans',system-ui,sans-serif;font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}input,textarea,select{color:var(--text)}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4,.brand,.btn{font-family:Outfit,'DM Sans',sans-serif}.wrap{max-width:1240px;margin-inline:auto;padding-inline:28px}.eyebrow{display:inline-block;color:#b9aaff;font-size:11px;font-weight:800;letter-spacing:.17em}.theme-natal{--brand:#df465e;--glow:rgba(223,70,94,.23)}.theme-ramadhan{--brand:#18a887;--glow:rgba(24,168,135,.24)}
.pulse,.live-dot{display:inline-block;width:7px;height:7px;background:#49e0b7;border-radius:50%;box-shadow:0 0 12px #49e0b7}.site-header{position:sticky;top:0;z-index:20;background:rgba(9,11,20,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.header-inner{min-height:74px;display:flex;align-items:center;gap:38px}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;letter-spacing:.02em;line-height:.95}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#866dff,var(--brand) 55%,#4133a7);box-shadow:0 5px 20px var(--glow);font-size:22px;color:white}.brand strong,.brand b{display:block}.brand strong{font-size:11px;letter-spacing:.28em;color:#c9c2ff}.brand b{font-size:18px;font-weight:800}.desktop-nav{display:flex;gap:27px;align-items:center;margin-inline:auto}.desktop-nav a{font-size:13px;color:#afb5c5;font-weight:700;white-space:nowrap;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.current{color:#fff}.desktop-nav a.current{position:relative}.desktop-nav a.current:after{content:"";position:absolute;bottom:-27px;left:0;right:0;height:2px;background:var(--brand)}.header-actions{display:flex;align-items:center;gap:11px}.balance-chip{background:#1b2031;border:1px solid #303650;border-radius:10px;padding:9px 12px;white-space:nowrap;font-weight:700;font-size:12px}.balance-chip span{color:#bdafff}.account-btn{display:grid;place-items:center;background:var(--brand);border-radius:50%;width:38px;height:38px;font-weight:800}.login-link{font-weight:700;color:#d8dce8;margin-right:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:46px;padding:11px 20px;border:1px solid transparent;border-radius:11px;background:var(--brand);color:#fff;font-weight:700;font-size:14px;box-shadow:0 8px 28px var(--glow);transition:transform .2s,filter .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px);filter:brightness(1.11)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-small{min-height:38px;padding:8px 15px;font-size:12px}.btn-wide{width:100%}.btn-glass{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18);box-shadow:none}.btn-outline{background:transparent;border-color:#34394c;box-shadow:none}.btn-light{background:#fff;color:#28214d;box-shadow:none}.flash{margin-top:18px;border:1px solid #3d6c5b;border-radius:10px;padding:12px 16px;background:#142a27;color:#bdf2d9;display:flex;justify-content:space-between}.flash.error{border-color:#794254;background:#321b27;color:#ffd2dc}.flash button{border:0;background:transparent;color:inherit;font-size:22px;line-height:1}
.hero{height:360px;position:relative;border-radius:23px;overflow:hidden;margin-top:28px;background:#171d43 url('/assets/hero.png') center center/cover;isolation:isolate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0a0d20 2%,rgba(10,13,32,.92) 20%,rgba(10,13,32,.56) 49%,rgba(10,13,32,.03) 100%);z-index:-1}.hero-content{padding:34px 52px;max-width:650px}.hero h1{font-size:clamp(32px,4.1vw,56px);line-height:1.04;letter-spacing:-.042em;margin:16px 0}.hero h1 em,.auth-art em{font-style:normal;color:#a99cff}.hero p{font-size:14px;line-height:1.7;color:#c8ccdb;max-width:440px}.hero-buttons{display:flex;gap:12px;margin-top:23px}.hero-points{display:flex;gap:20px;margin-top:27px;color:#ccd1e1;font-size:11px}.hero-points i{font-style:normal;color:#6de0bd;margin-right:4px}.hero-indicator{position:absolute;bottom:21px;right:30px;display:flex;align-items:center;gap:10px;font-size:10px;color:#c4c6d4}.hero-indicator span{width:48px;height:2px;background:linear-gradient(90deg,#fff 45%,rgba(255,255,255,.35) 45%)}.proof-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.proof-row>div{display:flex;align-items:center;gap:13px;background:#141827;border:1px solid #242a3d;border-radius:12px;padding:16px 20px}.proof-row strong,.proof-row small{display:block}.proof-row strong{font-size:13px}.proof-row small{color:var(--muted);font-size:11px}.proof-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#27244a;color:#b9aaff;font-size:17px}
.catalog-section{padding-top:44px;padding-bottom:72px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px;gap:20px}.section-heading h2{font-size:32px;letter-spacing:-.035em;margin:7px 0 3px}.section-heading p{color:var(--muted);margin:0}.count-pill{border:1px solid #383751;background:#1b1b32;color:#d2caff;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:700}.search-box{display:flex;align-items:center;gap:13px;background:#171b2a;border:1px solid #323748;border-radius:13px;padding:5px 5px 5px 18px;max-width:630px;margin-bottom:18px}.search-box>span{font-size:26px;color:#9da5bf}.search-box input{width:100%;background:transparent;border:0;outline:none;min-height:42px;font-size:13px}.search-box input::placeholder,.field input::placeholder,.field textarea::placeholder{color:#737c92}.search-box button{background:#252a3e;border:0;border-radius:9px;color:#fff;padding:10px 17px;font-weight:700;white-space:nowrap}.category-row{display:flex;gap:8px;overflow:auto;padding-bottom:15px;margin-bottom:10px;scrollbar-width:none}.category-row::-webkit-scrollbar{display:none}.category-pill{white-space:nowrap;background:#171b2a;border:1px solid #303549;color:#b5bdce;padding:9px 15px;border-radius:25px;font-size:12px;font-weight:700}.category-pill.active,.category-pill:hover{background:var(--brand);border-color:var(--brand);color:#fff}.game-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.game-card{position:relative;display:block;min-width:0;background:#171b2a;border:1px solid #30374b;border-radius:14px;overflow:hidden;transition:transform .22s,border-color .22s,box-shadow .22s}.game-card:hover{transform:translateY(-5px);border-color:var(--card-accent);box-shadow:0 16px 35px rgba(0,0,0,.22)}.game-art{height:174px;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 20%,color-mix(in srgb,var(--card-accent),#fff 15%),transparent 20%),radial-gradient(circle at 40% 42%,color-mix(in srgb,var(--card-accent),transparent 20%),transparent 41%),linear-gradient(145deg,#111527 12%,color-mix(in srgb,var(--card-accent),#071026 65%) 58%,#101524)}.game-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(140deg,transparent 0 33px,rgba(255,255,255,.05) 34px,transparent 35px 68px)}.game-art:after{content:"";position:absolute;left:-15%;bottom:-64%;width:130%;height:100%;border:2px solid rgba(255,255,255,.18);border-radius:50%;transform:rotate(-20deg);box-shadow:0 0 0 20px rgba(255,255,255,.025),0 0 0 55px rgba(255,255,255,.025)}.art-symbol{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);font-family:Outfit,sans-serif;font-size:75px;font-weight:800;line-height:1;color:#fff;text-shadow:0 8px 0 rgba(0,0,0,.17),0 0 24px var(--card-accent);z-index:1}.art-orbit{position:absolute;width:75px;height:75px;border:1px solid rgba(255,255,255,.3);border-radius:15px;transform:rotate(24deg);top:17px;right:-20px}.orbit-two{width:40px;height:40px;top:auto;right:auto;bottom:20px;left:11px;transform:rotate(40deg)}.art-spark{position:absolute;right:20px;bottom:10px;font-size:34px;color:#c8f7ff;z-index:2}.game-card-bottom{padding:13px 13px 12px;min-height:99px}.game-card-bottom strong{display:block;font-family:Outfit,sans-serif;font-size:16px;line-height:1.15;min-height:37px}.game-category{display:block;text-transform:uppercase;letter-spacing:.12em;color:#aeb6ca;font-size:9px;font-weight:800;margin-bottom:6px}.game-card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:4px;color:#b7bcce;font-size:10px}.game-card-meta span{color:#c4baff;font-size:17px}.feature-section{padding-bottom:70px}.flash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.flash-card{display:flex;align-items:center;gap:14px;background:#181c2b;border:1px solid #343849;border-radius:13px;padding:17px}.flash-icon{background:var(--card-accent);border-radius:13px;min-width:52px;height:52px;display:grid;place-items:center;font-size:27px}.flash-card>span:nth-child(2){min-width:0}.flash-card small,.flash-card strong,.flash-card b{display:block}.flash-card small{color:#a7adbc}.flash-card strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flash-card b{color:#b9aaff}.flash-arrow{margin-left:auto;font-size:20px}.cta-panel{margin-bottom:82px;border-radius:18px;background:radial-gradient(circle at 78% 40%,rgba(160,142,255,.4),transparent 35%),linear-gradient(100deg,#4334a8,#25205c 75%);border:1px solid #6256c8;min-height:184px;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:34px 43px}.cta-panel h2{font-size:27px;margin:8px 0 5px}.cta-panel p{color:#d1cafa;margin:0}
.breadcrumbs{display:flex;gap:12px;color:#a9afc0;font-size:12px;margin:25px 0}.breadcrumbs strong{color:white}.product-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;column-gap:24px;padding-bottom:80px}.product-main{min-width:0}.product-hero{min-height:220px;border-radius:17px;border:1px solid #373c62;background:radial-gradient(circle at 8% 48%,color-mix(in srgb,var(--card-accent),transparent 30%),transparent 23%),linear-gradient(115deg,color-mix(in srgb,var(--card-accent),#101629 65%),#171c32 70%);padding:27px;display:flex;gap:25px;align-items:center;margin-bottom:20px;overflow:hidden}.product-emblem{width:145px;height:145px;flex:none;display:grid;place-items:center;background:rgba(10,12,28,.38);border:1px solid rgba(255,255,255,.15);border-radius:24px;box-shadow:0 0 50px var(--card-accent);font-size:72px}.product-hero h1{font-size:35px;letter-spacing:-.03em;margin:9px 0 5px}.product-hero p{color:#d3d7e4;max-width:460px;margin-bottom:11px}.product-tags{display:flex;gap:8px;flex-wrap:wrap}.product-tags span{background:rgba(255,255,255,.1);border-radius:15px;padding:4px 10px;font-size:10px}.step-card,.panel,.summary-card,.help-card{background:var(--surface);border:1px solid var(--line);border-radius:15px}.step-card{padding:25px;margin-bottom:17px}.step-head{display:flex;gap:15px;align-items:center;margin-bottom:23px}.step-number{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;background:#2f285e;color:#cfc5ff;font-family:Outfit;font-weight:800;flex:none}.step-head h2{font-size:19px;margin:0}.step-head p{margin:1px 0 0;color:var(--muted);font-size:12px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field-grid.under{margin-top:14px}.field{display:block;margin:0 0 14px}.field span{display:block;font-size:12px;font-weight:700;margin-bottom:7px;color:#d9dce8}.field input,.field textarea,.field select{display:block;width:100%;background:#1d2232;border:1px solid #373d50;border-radius:9px;min-height:44px;padding:10px 13px;outline:none;transition:border-color .2s}.field textarea{resize:vertical;min-height:93px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#9e90ff;box-shadow:0 0 0 3px rgba(113,87,246,.13)}.field-help{font-size:11px;color:#8e97aa;margin:0}.text-button{background:none;border:0;padding:0 0 8px;color:#ad9eff;font-weight:700}.nickname-result{color:#6fe1b7;font-weight:700;min-height:2px}.nominal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.nominal-card{position:relative;min-height:103px;cursor:pointer}.nominal-card input{position:absolute;opacity:0;pointer-events:none}.nominal-content{height:100%;display:flex;flex-direction:column;justify-content:center;padding:15px 34px 15px 14px;border:1px solid #3a4052;border-radius:10px;background:#1d2232;transition:background .2s,border-color .2s}.nominal-content strong{line-height:1.25;font-size:12px}.nominal-content b{color:#b9aaff;margin-top:7px;font-size:14px}.nominal-content small{font-size:10px;color:#aeb6c9}.sale-label{color:#ffbd7c!important;font-weight:800;letter-spacing:.08em;margin-bottom:4px}.nominal-card input:checked+.nominal-content{border-color:var(--brand);background:#27244d;box-shadow:inset 0 0 0 1px var(--brand)}.nominal-card input:checked~.nominal-card input:focus-visible+.nominal-content{outline:2px solid #fff}.small-heading{font-size:13px;margin:12px 0}.payment-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.payment-options label{position:relative;cursor:pointer}.payment-options label.disabled{opacity:.5;cursor:not-allowed}.payment-options input{position:absolute;opacity:0;pointer-events:none}.payment-options span{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;gap:0 8px;background:#1d2232;border:1px solid #3a4052;border-radius:10px;padding:13px}.payment-options span b{grid-row:span 2;font-size:23px;color:#aa9aff}.payment-options strong{font-size:12px}.payment-options small{color:var(--muted);font-size:10px}.payment-options input:checked+span{border-color:var(--brand);background:#27244d}.payment-options+ .field-help{margin-top:12px}.order-aside{padding-top:42px}.summary-card{padding:22px;position:sticky;top:94px}.summary-title{display:flex;align-items:center;gap:9px;padding-bottom:20px;border-bottom:1px solid var(--line)}.summary-title span{color:#bbadff;font-size:24px}.summary-title h2{font-size:19px;margin:0}.summary-item{padding:14px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}.summary-item small{color:var(--muted)}.summary-item strong{text-align:right;font-size:12px}.summary-total{display:flex;justify-content:space-between;align-items:center;padding:21px 0;font-weight:700}.summary-total strong{font-family:Outfit;font-size:23px;color:#c4baff}.summary-card p{font-size:10px;text-align:center;color:#8e95a8;margin:12px 0 0}.help-card{display:flex;gap:14px;margin-top:15px;padding:19px}.help-card>span{font-size:26px;color:#bdadff}.help-card strong{font-size:12px}.help-card p{font-size:11px;color:var(--muted);margin:3px 0}.help-card a{font-size:11px;color:#baaaff;font-weight:700}.product-reviews{grid-column:1/-1;margin-top:30px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.review-card{background:#151a2a;border:1px solid var(--line);border-radius:13px;padding:20px}.stars{color:#ffcf6a;letter-spacing:2px}.review-card p{margin:10px 0}.review-card small{color:var(--muted)}
.narrow-page{padding-top:60px;padding-bottom:92px}.page-intro{margin-bottom:28px}.page-intro h1{font-size:42px;letter-spacing:-.04em;margin:6px 0}.page-intro p{color:var(--muted);font-size:14px}.check-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.panel{padding:24px}.panel h2{font-size:20px;margin:0 0 14px}.panel>p{color:var(--muted)}.panel .field{margin-bottom:15px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.panel-head h2{margin:0}.panel-head>div{display:flex;align-items:center;gap:10px}.panel-head small{color:var(--muted)}.panel-head a{color:#bcadff;font-weight:700;font-size:12px}.recent-order{display:grid;grid-template-columns:1fr auto;gap:2px 15px;padding:12px 0;border-top:1px solid var(--line)}.recent-order strong{font-size:12px}.recent-order small{color:var(--muted);font-size:10px}.recent-order .status{grid-column:2;grid-row:1/3;align-self:center}.privacy-note{font-size:10px;color:var(--soft)!important;margin:15px 0 0}.empty-small{color:var(--muted);padding:25px;text-align:center}.status{display:inline-flex;align-items:center;white-space:nowrap;border-radius:20px;padding:4px 9px;font-size:10px;font-weight:800}.status.good{background:#173b35;color:#7be7bb}.status.wait{background:#473923;color:#f5cb7f}.status.alert{background:#4a323e;color:#f3a9bd}.status.bad{background:#492a36;color:#ffa6b9}.invoice-page{padding-top:53px;padding-bottom:95px}.invoice-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:20px}.invoice-top{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--line)}.invoice-icon{width:54px;height:54px;display:grid;place-items:center;background:var(--card-accent);border-radius:12px;font-size:28px}.invoice-top>div:nth-child(2){flex:1}.invoice-top small{color:var(--muted)}.invoice-top h2{margin:1px 0 0;font-size:18px}.invoice-code{display:flex;align-items:center;gap:12px;margin:20px 0;background:#24283c;border:1px dashed #5a5d7c;border-radius:10px;padding:15px;flex-wrap:wrap}.invoice-code span{font-size:11px;color:var(--muted)}.invoice-code strong{font-size:15px;letter-spacing:.04em;margin-right:auto}.invoice-code button{background:#3d356e;border:0;border-radius:7px;padding:5px 9px;color:white;font-size:11px}.detail-row{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.detail-row span:first-child{color:var(--muted)}.detail-row strong{text-align:right}.payment-panel .summary-total{border-bottom:1px solid var(--line)}.payment-instruction{background:#252539;border:1px solid #494766;border-radius:10px;padding:16px;margin:20px 0}.payment-instruction strong{color:#e0d8ff}.payment-instruction p{font-size:12px;color:#c9c8d9;margin:5px 0 10px}.payment-instruction small{font-size:10px;color:#abb0c3}.bank-details{padding:10px;border-radius:7px;background:#151827;font-size:12px;margin-bottom:10px}.paid-note,.refund-note,.provider-note{padding:13px;border-radius:9px;background:#1b3a33;color:#abedca;font-size:12px;margin:20px 0}.provider-note{background:#24283b;color:#c8cbdb}.payment-panel .btn{margin-top:9px}
.auth-page{min-height:650px;display:grid;grid-template-columns:1fr 440px;gap:50px;align-items:center;padding-top:60px;padding-bottom:90px}.auth-art{position:relative;padding:45px;min-height:480px;border-radius:18px;background:linear-gradient(90deg,#16172f,rgba(16,18,40,.3)),url('/assets/hero.png') 65% center/cover;border:1px solid #37345e;overflow:hidden}.auth-art h1{font-size:48px;line-height:1.06;letter-spacing:-.045em;margin:20px 0}.auth-art p{max-width:330px;color:#d0d2e4}.auth-decoration{position:absolute;right:50px;bottom:0;font-size:240px;line-height:1;color:#c8baff44}.auth-form{padding:30px}.auth-form h2{font-size:29px;letter-spacing:-.03em;margin:8px 0 4px}.auth-form>p{color:var(--muted);font-size:12px;margin-bottom:24px}.auth-switch{text-align:center;color:var(--muted);margin-top:20px;font-size:12px}.auth-switch a{color:#bdaeff;font-weight:800}
.dashboard-page,.admin-page{padding-top:47px;padding-bottom:90px}.dashboard-intro,.admin-intro{display:flex;justify-content:space-between;align-items:end}.dashboard-intro h1 span{color:#b9aaff}.dashboard-stats,.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:20px}.stat-card{position:relative;background:#181c2b;border:1px solid #303549;border-radius:13px;padding:20px;overflow:hidden;min-height:110px}.stat-card.primary{background:linear-gradient(115deg,#4c39b7,#281d67);border-color:#6859c9}.stat-card small{display:block;color:#b9bece;font-size:11px}.stat-card strong{display:block;font:700 25px Outfit,sans-serif;margin-top:10px}.stat-card>span{position:absolute;right:13px;top:6px;font-size:43px;color:#aaa4d633}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:18px}.dashboard-column{display:grid;align-content:start;gap:18px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px;text-align:left}th{color:#8f97ac;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800}th,td{padding:13px 10px;border-bottom:1px solid #2b3042}td small{display:block;color:#8d96aa;font-size:10px;margin-top:2px}td a{color:#b9aaff;font-weight:700}.ledger-list>div,.mini-list>div,.list-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.ledger-list small,.mini-list small{display:block;color:var(--muted);font-size:10px}.positive{color:#6de0b6}.negative{color:#ffb2bd}.muted{color:var(--muted);font-size:12px}.mini-list{margin-top:17px}.empty-state{text-align:center;border:1px dashed #3d425a;border-radius:13px;padding:48px;color:var(--muted)}.empty-state span{display:block;color:#ad9dff;font-size:40px;line-height:1}.empty-state h3{color:#fff;margin:14px 0 4px}.empty-state p{margin-bottom:0}.empty-state.compact{padding:27px}.not-found{margin-block:60px}.not-found .btn{margin-top:20px}.leaderboard-panel{max-width:780px}.leader-row{display:flex;align-items:center;gap:13px;padding:14px;border-bottom:1px solid var(--line)}.leader-rank{width:26px;color:#8891a5;font-weight:800}.leader-rank.top{color:#f5c871}.leader-avatar{width:40px;height:40px;border-radius:50%;background:#40377a;display:grid;place-items:center;font-weight:800}.leader-row>div{flex:1}.leader-row strong,.leader-row small{display:block}.leader-row small{color:var(--muted);font-size:10px}.leader-row b{color:#d1c8ff}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.news-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;padding-bottom:22px}.news-visual{display:grid;place-items:center;height:140px;background:radial-gradient(circle,#6551d5,#28245c 50%,#17192c);font-size:72px;color:#c9bfff}.news-card small,.news-card h2,.news-card p,.news-card b{display:block;margin-inline:20px}.news-card small{color:var(--muted);margin-top:18px}.news-card h2{font-size:19px;margin-top:7px;margin-bottom:7px}.news-card p{color:var(--muted);font-size:12px}.news-card b{color:#bfaeff;font-size:12px}.article-page{max-width:850px;padding-top:65px;padding-bottom:110px}.article-page h1{font-size:45px;margin:16px 0}.back-link{display:block;margin-bottom:32px;color:#c2b5ff}.article-excerpt{color:#c3c8d6;font-size:18px}.article-body{margin-top:32px;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:32px;font-size:15px;line-height:1.9;white-space:pre-wrap}
.admin-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px}.admin-menu{display:flex;flex-direction:column;gap:3px;align-self:start;position:sticky;top:92px;background:#131725;border:1px solid var(--line);border-radius:13px;padding:9px}.admin-menu a{padding:9px 13px;color:#aeb5c5;border-radius:8px;font-size:12px;font-weight:700}.admin-menu a.active,.admin-menu a:hover{background:#30285d;color:white}.admin-content{display:grid;align-content:start;gap:18px;min-width:0}.admin-content .panel{min-width:0}.admin-stats{margin-bottom:0}.quick-links{display:flex;gap:9px;flex-wrap:wrap}.quick-links a{background:#282647;border-radius:8px;padding:9px;color:#c9bcff;font-size:11px;font-weight:700}.big-value{font:700 32px Outfit}.admin-records{display:grid;gap:10px}.record-card{display:flex;gap:15px;flex-wrap:wrap;background:#1d2232;border:1px solid #353b4e;border-radius:10px;padding:13px}.record-main{flex:1;min-width:200px}.record-main strong,.record-main small,.record-side b{display:block}.record-main small{font-size:10px;color:var(--muted)}.record-side{text-align:right}.record-side .status{margin-left:5px;margin-top:4px}.record-actions{width:100%;display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.record-actions form{margin:0}.mini-btn{border:1px solid #67619a;background:#34305b;color:#e7e2ff;border-radius:6px;padding:6px 9px;font-size:10px;font-weight:700}.mini-btn.danger{border-color:#734151;background:#492837;color:#ffd5df}.admin-content .field-grid{margin-bottom:10px}.admin-content .field{margin-bottom:10px}.check-row{display:flex;gap:25px;flex-wrap:wrap;margin:15px 0}.check-row label,.review-admin label{font-size:12px;color:#cbd0de}.admin-details details{border-top:1px solid var(--line);padding:11px 0}.admin-details summary{cursor:pointer;display:flex;justify-content:space-between;gap:10px}.admin-details summary span{font-weight:700}.admin-details summary small{color:var(--muted)}.admin-details form{padding:18px 0 8px}.integration-list>div{display:flex;gap:13px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.integration-list>div>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#282348;color:#b5a8ff;font-size:20px}.integration-list>div>div{flex:1}.integration-list strong,.integration-list small{display:block}.integration-list small{color:var(--muted);font-size:11px}.review-admin{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:14px 0}.review-admin p{margin:5px 0;color:#c6cbda}.review-admin form{display:flex;align-items:center;gap:9px}
.site-footer{border-top:1px solid #24293b;background:#10131f;padding-top:47px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:50px}.footer-grid p{max-width:290px;color:#9ca4b7;font-size:12px;line-height:1.8;margin-top:17px}.footer-grid h4{font-size:13px;margin-bottom:13px}.footer-grid a:not(.brand),.footer-grid span:not(.brand-mark){display:block;color:#a1a9ba;font-size:12px;margin-bottom:10px}.footer-trust{border:1px solid #30364a;border-radius:11px;padding:15px;height:max-content}.footer-trust span{font-size:25px;color:#b3a5ff!important}.footer-trust strong,.footer-trust small{display:block}.footer-trust small{color:#9ba3b8;margin-top:5px}.copyright{border-top:1px solid #272c3b;margin-top:45px;padding-block:20px;display:flex;justify-content:space-between;color:#7d8599;font-size:11px}.mobile-nav{display:none}.maintenance{min-height:100vh;display:grid;place-items:center}.maintenance-card{text-align:center;max-width:450px;padding:35px}.maintenance-card .brand-mark{margin:auto}.maintenance-card h1{font-size:40px;margin:20px 0 0}.maintenance-card p{color:var(--muted);margin:10px 0 25px}
.coupon-feedback{font-size:11px;color:#b4a6ff;min-height:16px;margin:-5px 0 9px}.coupon-feedback:not(:empty){padding-left:1px}[hidden]{display:none!important}
.home-news{padding:0 0 70px}.home-news .section-heading{align-items:end}.news-carousel{position:relative}.news-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 1px 12px}.news-track::-webkit-scrollbar{display:none}.news-track .news-card{flex:0 0 min(340px,82vw);scroll-snap-align:start}.news-arrow{position:absolute;z-index:2;top:39%;width:34px;height:34px;border-radius:50%;border:1px solid #72b5f4;background:#095aaf;color:#fff;font-size:24px;cursor:pointer}.news-arrow[data-news-prev]{left:-13px}.news-arrow[data-news-next]{right:-13px}.news-visual{width:100%;height:165px;object-fit:cover}.article-image{display:block;width:100%;max-height:440px;object-fit:cover;border-radius:13px;margin:24px 0}.post-preview{display:block;width:min(100%,320px);max-height:180px;object-fit:cover;border-radius:10px;margin:0 0 15px}.news-card h2{overflow-wrap:anywhere}.news-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.summary-item strong.has-real-discount{color:var(--muted);text-decoration:line-through;text-decoration-thickness:1px}
@media(max-width:1100px){.desktop-nav{gap:15px}.desktop-nav a{font-size:11px}.header-inner{gap:22px}.game-grid{grid-template-columns:repeat(4,1fr)}.product-layout{grid-template-columns:minmax(0,1fr) 290px}.nominal-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.wrap{padding-inline:18px}.desktop-nav,.login-link{display:none}.header-inner{min-height:62px;justify-content:space-between}.brand-mark{width:35px;height:35px}.brand b{font-size:15px}.brand strong{font-size:9px}.hero{margin-top:14px;height:390px}.hero-content{padding:40px 30px}.hero h1{font-size:40px}.proof-row{grid-template-columns:1fr 1fr}.proof-row>div:last-child{display:none}.game-grid{grid-template-columns:repeat(3,1fr);gap:11px}.flash-grid{grid-template-columns:repeat(2,1fr)}.product-layout{display:block}.order-aside{padding-top:0}.summary-card{position:static}.help-card{display:none}.product-reviews{margin-top:25px}.dashboard-grid{grid-template-columns:1fr}.dashboard-stats,.admin-stats{grid-template-columns:repeat(2,1fr)}.check-grid,.invoice-grid{grid-template-columns:1fr}.auth-page{grid-template-columns:1fr;max-width:530px}.auth-art{display:none}.admin-layout{grid-template-columns:1fr}.admin-menu{position:static;flex-direction:row;overflow:auto;white-space:nowrap}.admin-menu a{flex:none}.footer-grid{grid-template-columns:repeat(2,1fr)}.mobile-nav{display:flex;position:fixed;z-index:30;bottom:0;left:0;right:0;background:#171a29;border-top:1px solid #343a4f;justify-content:space-around;padding:8px 0 max(8px,env(safe-area-inset-bottom))}.mobile-nav a{display:flex;flex-direction:column;align-items:center;color:#b4bbcb;font-size:10px}.mobile-nav span{font-size:22px;line-height:1.1}.site-footer{padding-bottom:65px}}
@media(max-width:540px){.header-actions .balance-chip{padding:7px;font-size:10px}.header-actions .btn-small{padding:7px 11px}.hero{height:405px;background-position:66% center}.hero-shade{background:linear-gradient(90deg,rgba(9,12,30,.95),rgba(9,12,30,.64)),linear-gradient(0deg,rgba(9,12,30,.8),transparent)}.hero-content{padding:37px 23px}.hero h1{font-size:34px}.hero p{font-size:12px}.hero-buttons{gap:8px}.hero-buttons .btn{padding:9px 12px;font-size:12px}.hero-points{gap:9px;flex-wrap:wrap;margin-top:23px;font-size:10px}.hero-indicator{display:none}.proof-row{gap:8px}.proof-row>div{padding:11px;gap:8px}.proof-icon{width:30px;height:30px;flex:none}.proof-row strong{font-size:10px}.proof-row small{font-size:9px}.catalog-section{padding-top:43px;padding-bottom:52px}.section-heading h2{font-size:27px}.section-heading p{font-size:12px}.count-pill{display:none}.game-grid{grid-template-columns:repeat(2,1fr);gap:10px}.game-art{height:150px}.game-card-bottom{padding:11px;min-height:93px}.game-card-bottom strong{font-size:14px}.art-symbol{font-size:65px}.flash-grid{grid-template-columns:1fr}.cta-panel{padding:25px;display:block;margin-bottom:50px}.cta-panel h2{font-size:25px}.cta-panel .btn{margin-top:18px}.product-hero{padding:18px;gap:14px;min-height:150px}.product-emblem{width:77px;height:77px;font-size:38px;border-radius:15px}.product-hero h1{font-size:24px}.product-hero p{font-size:11px}.product-tags{display:none}.step-card{padding:18px}.field-grid,.payment-options{grid-template-columns:1fr;gap:0}.nominal-grid{grid-template-columns:repeat(2,1fr)}.nominal-content{padding:12px 25px 12px 10px}.nominal-content strong{font-size:11px}.nominal-content b{font-size:12px}.page-intro h1{font-size:33px}.narrow-page,.invoice-page{padding-top:38px}.invoice-top{flex-wrap:wrap}.invoice-top .status{margin-left:auto}.invoice-code{display:block}.invoice-code strong{display:block;margin:5px 0}.invoice-code button{float:right;margin-top:-25px}.dashboard-stats,.admin-stats{gap:8px}.stat-card{padding:15px;min-height:91px}.stat-card strong{font-size:21px}.dashboard-intro,.admin-intro{align-items:start;gap:10px}.dashboard-intro h1,.admin-intro h1{font-size:29px}.dashboard-intro .btn,.admin-intro .btn{font-size:11px;padding:7px 10px;min-height:35px}.news-grid,.review-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.footer-trust{grid-column:1/-1}.record-side{text-align:left}.record-card{display:block}.record-side{margin-top:8px}.record-actions{justify-content:flex-start;margin-top:9px}}

.proof-row{display:none}.hero h1{margin:10px 0}.hero-buttons{margin-top:15px}.hero-points{margin-top:16px}.theme-natal .hero-shade{background:linear-gradient(90deg,#17101d 1%,rgba(27,12,28,.92) 24%,rgba(49,15,34,.55) 56%,transparent)}.theme-ramadhan .hero-shade{background:linear-gradient(90deg,#071b20 1%,rgba(6,31,37,.9) 24%,rgba(12,55,54,.52) 56%,transparent)}

/* Kyungsoo blue brand */
:root{--brand:#006dff;--brand2:#0960d6;--bg:#061329;--surface:#102746;--surface-2:#12365c;--line:#2a5685;--text:#fff;--muted:#d2e4fa;--soft:#a9c7e9;--glow:rgba(0,109,255,.3)}
body{background:radial-gradient(ellipse 900px 550px at 15% -170px,rgba(0,109,255,.45),transparent 72%),linear-gradient(180deg,#071b39,#061329 620px);color:#fff}
.site-header{background:rgba(5,34,75,.94);border-bottom-color:#3478c077}.site-footer{background:linear-gradient(150deg,#0b3263,#061a36);border-top-color:#2d70b0}.mobile-nav{background:#092653;border-top-color:#3273b1}
.brand{display:inline-flex;align-items:center}.brand-logo{display:block;width:187px;height:53px;object-fit:cover;object-position:center 49%;filter:drop-shadow(0 2px 4px #03235299)}.site-footer .brand-logo{width:206px;height:64px}.maintenance-card .brand-mark{background:linear-gradient(135deg,var(--brand),var(--brand2))}
.eyebrow,.auth-switch a,.back-link,.game-card-meta,.news-card b,td a,.panel-head a{color:#a9d6ff}.desktop-nav a.current,.desktop-nav a:hover{color:#fff}.btn,.search-box button,.step-number{background:linear-gradient(115deg,var(--brand),var(--brand2));color:#fff;border-color:#4a9aff}.btn:hover{box-shadow:0 9px 25px #006dff66}.btn-outline,.btn-glass{background:#0b3564;border-color:#4787c9;color:#fff}.btn-light{background:#fff;color:#075fcf}
.hero{height:390px;background:linear-gradient(90deg,#053d90 2%,#0757beaa 45%,#09275522),url('/assets/game-mobile-legends.jpg') 66% center/cover;border:1px solid #4b99eb}.hero-shade,.theme-natal .hero-shade,.theme-ramadhan .hero-shade{background:linear-gradient(90deg,#052958 1%,#064281e6 42%,#06428133 82%)}.hero em{color:#a9dbff}.hero-points i{color:#a3e1ff}
.game-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none;gap:17px}.game-card{background:linear-gradient(140deg,#0e376f,#0a234d);border-color:#3975b3}.game-card:hover{border-color:#70b7ff;box-shadow:0 12px 38px #0070ff55}.game-art{height:185px;background:#0b3063}.game-cover{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.game-art:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#07285b77)}.game-card-bottom{min-height:104px;padding:14px 16px}.game-card-bottom strong{font-size:17px;color:#fff}.game-category{color:#a8d6ff}.count-pill,.category-pill.active{background:linear-gradient(110deg,var(--brand),var(--brand2));color:#fff;border-color:#69adfb}
.product-hero,.cta-panel,.stat-card.primary{background:linear-gradient(115deg,var(--brand),var(--brand2));border-color:#66adff}.product-emblem{width:175px;height:145px;overflow:hidden;background:#054990;font-size:60px}.product-emblem img{width:100%;height:100%;object-fit:cover}.product-tags span{color:#fff}.step-card,.panel,.summary-card,.help-card,.stat-card,.news-card{background:linear-gradient(145deg,#103965,#0c284d);border-color:#315d88}.step-head h2,.panel h2,.summary-card h2{color:#fff}.field input,.field select,.field textarea,.search-box input{background:#092547;border-color:#3d6d9e;color:#fff}.field input::placeholder,.field textarea::placeholder,.search-box input::placeholder{color:#a9c5e4}.nominal-card,.payment-options label{background:#0d315b;border-color:#3c72a8}.nominal-card:has(input:checked),.payment-options label:has(input:checked){border-color:#8ac6ff;background:#164f8b}.payment-instruction{background:#0e3765;border-color:#4c8dce}.payment-instruction strong{color:#fff}.bank-details{background:#09294f;color:#fff}.qris-image{display:block;width:min(100%,330px);max-height:470px;object-fit:contain;margin:15px auto;border-radius:12px;background:#fff}.manual-confirmation{display:block;margin:14px 0;padding:12px;border:1px solid #77bdff;border-radius:9px;background:#07509c;color:#fff!important;line-height:1.55}.admin-menu,.record-card{background:#0d2d56;border-color:#37679b}.admin-menu a.active,.admin-menu a:hover,.quick-links a,.mini-btn{background:#095ab5;color:#fff}.integration-list>div>span{background:#0756a6;color:#fff}.auth-art{background:linear-gradient(90deg,#0b3c78e8,#0956af66),url('/assets/game-free-fire.jpg') center/cover;border-color:#3e81c6}
@media(max-width:800px){.brand-logo{width:145px;height:43px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-art{height:170px}.hero{height:390px}}
@media(max-width:540px){.brand-logo{width:120px;height:38px}.game-grid{gap:12px}.game-art{height:150px}.game-card-bottom{padding:11px;min-height:95px}.game-card-bottom strong{font-size:15px}.hero{background-position:63% center}.hero-shade{background:linear-gradient(90deg,#052958 0%,#064281e8 60%,#06428199)}.product-emblem{width:92px;height:88px}.qris-image{max-height:390px}}
.hero h1 em,.auth-art em,.summary-total strong,.nominal-content b{color:#fff}.nominal-card input:checked+.nominal-content{background:#154f8c;border-color:#91cdff;box-shadow:inset 0 0 0 1px #91cdff}.nominal-card input:checked~.summary-title>span,.help-card>span{color:#8bc8ff}
.hero-slide{position:absolute;inset:0;background-position:66% center;background-size:cover;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .6s ease,visibility .6s ease;isolation:isolate}.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}.hero-slide .hero-shade{z-index:-1}.hero-slide .hero-content{position:relative;z-index:1}.hero-indicator{z-index:3;gap:7px}.hero-dot{width:24px;height:4px;border:0;border-radius:10px;background:#ffffff80;cursor:pointer;padding:0}.hero-dot.is-active{width:38px;background:#fff}.hero-dot:focus-visible{outline:2px solid white;outline-offset:3px}.banner-preview{display:block;width:min(100%,560px);max-height:180px;object-fit:cover;border-radius:12px;margin:10px 0 16px}.deposit-detail{padding-top:40px;padding-bottom:90px}.deposit-detail .panel{max-width:660px}.deposit-detail .qris-image{display:block;max-width:min(100%,380px);margin:18px auto;border-radius:12px}.deposit-detail .manual-confirmation{margin:18px 0}.deposit-detail .btn{margin-top:8px}
@media(max-width:540px){.hero-slide{background-position:63% center}.hero-slide .hero-shade{background:linear-gradient(90deg,#052958 0%,#064281e8 60%,#06428199)}.hero-indicator{display:flex;bottom:14px;right:16px}}
.product-filter{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:14px 0}.product-filter .field{min-width:220px;margin:0}.product-filter .btn{margin-bottom:1px}.vip-provider-names{border:1px solid var(--line);border-radius:9px;padding:12px 15px;margin:13px 0}.vip-provider-names summary{cursor:pointer;font-weight:700}.vip-provider-names pre{max-height:240px;overflow:auto;white-space:pre-wrap;color:var(--muted);font:12px/1.6 'DM Sans',sans-serif}.admin-content .field small{display:block;margin:5px 0;color:var(--muted)}

.feature-section{padding-top:56px;padding-bottom:20px}.feature-section+.catalog-section{padding-top:30px}.footer-grid{grid-template-columns:1.8fr .9fr 1.1fr .9fr 1.1fr;gap:28px}.footer-grid a:not(.brand):hover{color:#fff}.footer-social{margin-top:40px;display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,2fr);gap:28px;align-items:center}.footer-social-copy h3{font-size:23px;line-height:1.15;margin:8px 0 6px}.footer-social-copy p{font-size:12px;color:#a9c5e4;margin:0}.social-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.social-card{min-width:0;display:flex;align-items:center;gap:11px;min-height:76px;padding:13px;border:1px solid #3974ae;border-radius:15px;background:linear-gradient(145deg,#123d6f,#0b294c);transition:transform .2s,border-color .2s,box-shadow .2s}.social-card:hover{transform:translateY(-4px);border-color:#8cc8ff;box-shadow:0 12px 32px #006dff33}.social-icon{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:12px;background:linear-gradient(135deg,#f2639b,#a845bf 52%,#f7a145);color:#fff}.social-icon svg{width:24px;height:24px}.social-threads .social-icon{background:linear-gradient(135deg,#494f69,#161c2d)}.social-tiktok .social-icon{background:linear-gradient(135deg,#25d7d8,#182c47 49%,#f0466a)}.social-card-text{min-width:0}.social-card-text strong,.social-card-text small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-card-text strong{font-family:Outfit,'DM Sans',sans-serif;font-size:14px}.social-card-text small{color:#b1d4f7;font-size:11px}.social-card-arrow{margin-left:auto;align-self:flex-start;color:#9fd4ff;font-size:18px}.copyright a{color:#a9d6ff}.copyright a:hover{text-decoration:underline}.seo-image-preview{display:block;width:min(100%,330px);max-height:170px;object-fit:cover;border-radius:10px;margin:0 0 20px;border:1px solid #3d6d9e}.admin-content .panel a:not(.btn):hover{text-decoration:underline}
@media(max-width:1000px){.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-social{grid-template-columns:1fr}.footer-social-copy{max-width:550px}}
@media(max-width:600px){.feature-section{padding-top:40px}.feature-section+.catalog-section{padding-top:26px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.footer-grid>div:first-child{grid-column:1/-1}.footer-trust{grid-column:1/-1}.footer-social{margin-top:32px;gap:17px}.footer-social-copy h3{font-size:21px}.social-card-grid{grid-template-columns:1fr}.social-card{min-height:66px}.copyright{gap:8px;flex-wrap:wrap}}

/* Product selection: compact groups and a focused next step. */
.product-group+.product-group{margin-top:27px;padding-top:23px;border-top:1px solid #3b6b9a}
.product-group-heading{display:flex;align-items:center;gap:11px;margin:0 0 15px}
.product-group-heading h3{font-family:Outfit,'DM Sans',sans-serif;font-size:18px;line-height:1.1;margin:0;color:#fff}
.product-group-heading p{font-size:11px;color:#afd0ec;margin:3px 0 0}
.product-group-icon{display:grid;place-items:center;width:36px;height:36px;flex:none;border:1px solid #75b8f5;border-radius:10px;background:linear-gradient(140deg,#0b66c7,#064b9b);color:#fff;font-size:17px}
.product-group[data-product-group="special"] .product-group-icon{background:linear-gradient(140deg,#0e87d2,#0553ab)}
.product-group-count{margin-left:auto;border:1px solid #3975ad;border-radius:20px;padding:5px 9px;color:#b8dcff;font-size:10px;font-weight:700;white-space:nowrap}
#contact-payment{scroll-margin-top:92px;outline:none}
.selected-product-dock{position:fixed;z-index:42;left:50%;bottom:22px;width:min(720px,calc(100vw - 32px));display:flex;align-items:center;gap:15px;padding:12px 36px 12px 12px;border:1px solid #8acbff;border-radius:18px;background:linear-gradient(115deg,#1166c5,#0755ae 65%,#06488f);box-shadow:0 18px 55px #001c3caa,0 0 0 1px #ffffff1c inset;color:#fff;opacity:0;transform:translate(-50%,12px);transition:opacity .2s,transform .2s}
.selected-product-dock[hidden]{display:none}
.selected-product-dock.is-visible{opacity:1;transform:translate(-50%,0)}
.dock-art{display:grid;place-items:center;flex:none;width:68px;height:68px;overflow:hidden;border-radius:13px;background:#06407f;color:#fff;font-size:36px;box-shadow:0 5px 20px #001d4599}
.dock-art img{display:block;width:100%;height:100%;object-fit:cover}
.dock-detail{display:block;min-width:0;flex:1}
.dock-detail small,.dock-detail strong,.dock-detail b{display:block}
.dock-detail small{color:#c5e5ff;font-size:10px;font-weight:700;letter-spacing:.02em}
.dock-detail strong{font-family:Outfit,'DM Sans',sans-serif;font-size:14px;line-height:1.22;margin:3px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dock-detail b{font-size:15px;color:#fff}
.dock-buy{flex:none;min-height:43px;border:1px solid #b7ddff;border-radius:11px;background:#fff;color:#0755ae;padding:0 17px;font:800 12px 'DM Sans',sans-serif;white-space:nowrap;cursor:pointer;box-shadow:0 5px 16px #002d6280}
.dock-buy:hover{background:#e1f3ff}
.dock-buy:focus-visible,.dock-close:focus-visible,.game-sort-handle:focus-visible{outline:3px solid #fff;outline-offset:2px}
.dock-close{position:absolute;right:7px;top:6px;width:23px;height:23px;border:0;border-radius:50%;background:#ffffff23;color:#fff;font-size:18px;line-height:1;cursor:pointer}

/* Game order control uses one visible handle for pointer and keyboard input. */
.admin-game-list .admin-game-row{border:1px solid transparent;border-top-color:var(--line);padding:11px 9px;border-radius:9px}
.admin-game-list .admin-game-row.is-dragging{border-color:#87c7ff;background:#0e477f;box-shadow:0 8px 24px #001a3f88}
.admin-game-list .admin-game-row>summary{align-items:center}
.admin-game-label{display:flex;align-items:center;gap:9px;min-width:0}
.admin-game-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:9px;background:#0958a9;font-size:18px}
.game-sort-handle{display:grid;place-items:center;flex:none;width:29px;height:34px;border:1px solid #4b8fcb;border-radius:7px;background:#0e4c8c;color:#e6f6ff;font-size:19px;cursor:grab;touch-action:none;user-select:none}
.game-sort-handle:active{cursor:grabbing}
.game-order-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;border-top:1px solid var(--line);margin-top:8px}
.game-order-actions p{margin:0;color:#adcae5;font-size:11px}
.game-order-actions p.is-dirty{color:#fff;font-weight:700}
@media(max-width:800px){.selected-product-dock{bottom:calc(62px + env(safe-area-inset-bottom))}.admin-game-list .admin-game-row>summary{align-items:flex-start}.admin-game-list .admin-game-row>summary small{text-align:right}}
@media(max-width:540px){.product-group-heading p{font-size:10px}.product-group-count{font-size:9px}.selected-product-dock{width:calc(100vw - 20px);gap:9px;padding:9px 13px 9px 9px;border-radius:14px}.dock-art{width:52px;height:58px;border-radius:10px;font-size:29px}.dock-detail small{font-size:9px}.dock-detail strong{font-size:11px}.dock-detail b{font-size:12px}.dock-buy{min-height:39px;padding:0 9px;font-size:10px}.dock-close{right:-5px;top:-9px;background:#0752a2;border:1px solid #92d0ff}.game-order-actions{align-items:stretch;flex-direction:column}.game-order-actions .btn{align-self:flex-start}.admin-game-list .admin-game-row>summary{gap:6px}.admin-game-list .admin-game-row>summary small{max-width:110px;font-size:10px}.admin-game-label{gap:6px}}

/* Article newlines are already rendered as <br>; preserving them in CSS doubled the space. */
.article-body{white-space:normal;overflow-wrap:anywhere}
.post-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.post-row-actions small{color:var(--muted)}
.post-row-actions form{margin:0}

/* Automatic local service icons keep cards useful even for new VIP SKUs. */
.nominal-card{min-width:0}
.nominal-content{min-height:148px;justify-content:space-between;align-items:stretch;gap:7px}
.nominal-content strong{overflow-wrap:anywhere}
.nominal-icon{display:block;align-self:center;flex:none;width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 4px 7px #001d4580)}
.nominal-content b{margin-top:auto}
.product-icon-editor{display:flex;align-items:center;gap:16px;margin:8px 0 14px}
.product-icon-editor img{flex:none;object-fit:contain}
.product-icon-editor .field{flex:1;margin:0}
.flash-icon{flex:none;min-width:52px}
.flash-icon img{display:block;width:36px;height:36px;object-fit:contain}
.flash-card{min-width:0}
.flash-card>span:nth-child(2){flex:1;min-width:0}
.flash-arrow{flex:none}
@media(max-width:600px){
  .feature-section{min-width:0;max-width:100%;overflow:hidden}
  .flash-grid{display:flex;grid-template-columns:none;gap:10px;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 1px 12px}
  .flash-grid::-webkit-scrollbar{display:none}
  .flash-card{flex:0 0 min(82vw,330px);max-width:calc(100vw - 38px);min-width:0;min-height:106px;padding:12px;gap:10px;scroll-snap-align:start}
  .flash-card strong{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.25}
  .flash-icon{width:47px;min-width:47px;height:47px}
  .flash-icon img{width:32px;height:32px}
  .flash-arrow{margin-left:0}
  .nominal-content{min-height:145px;padding:12px 25px 12px 10px}
  .nominal-icon{width:38px;height:38px}
  .post-row-actions{justify-content:flex-start}
}

/* Currency cards use a centered image area and a clear, separate price area. */
.nominal-card{display:block;min-width:0;height:100%;min-height:176px}
.nominal-content{display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;gap:0;min-height:176px;height:100%;padding:0;overflow:hidden;border-color:#42638a;background:#26313e}
.nominal-top{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:space-between;gap:8px;min-height:117px;padding:13px 22px 9px;text-align:center}
.nominal-top:has(.sale-label){padding-top:29px}
.nominal-top strong{display:block;max-width:100%;font-size:11px;line-height:1.22;font-weight:800;overflow-wrap:anywhere;text-align:center}
.nominal-top .sale-label{position:absolute;top:6px;left:8px;margin:0;font-size:9px}
.nominal-icon{display:block;flex:none;align-self:center;width:56px;height:52px;max-width:100%;object-fit:contain;filter:drop-shadow(0 5px 7px #07172570)}
.nominal-bottom{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;padding:7px 8px 8px;background:#101d2e;border-top:1px solid #3c536c;text-align:center}
.nominal-bottom small{font-size:9px;line-height:1.25;color:#b7c9dd}
.nominal-bottom b{display:block;margin:2px 0 0;font-size:13px;line-height:1.2;color:#fff}
.nominal-card input:checked+.nominal-content{background:#20558d;border-color:#a6d7ff;box-shadow:inset 0 0 0 1px #a6d7ff}
.nominal-card input:checked+.nominal-content .nominal-bottom{background:#0b3159;border-top-color:#77b9ed}


/* One admin group controls every matching nominal and future VIP syncs. */
.icon-admin-intro>div{display:block;min-width:0}
.icon-admin-intro h2{margin-bottom:6px}
.icon-admin-intro p{margin:0;color:#b9cde4;font-size:12px;line-height:1.55}
.icon-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.icon-group-card{min-width:0;padding:16px;border:1px solid #3d6d9e;border-radius:13px;background:#0c2b51}
.icon-group-heading{display:flex;align-items:center;gap:13px;margin-bottom:15px;min-width:0}
.icon-group-heading img{flex:none;width:58px;height:58px;object-fit:contain;border:1px solid #466e99;border-radius:11px;background:#1c3148;padding:5px}
.icon-group-heading strong,.icon-group-heading small{display:block;overflow-wrap:anywhere}
.icon-group-heading small{margin-top:3px;color:#a9c5e4;font-size:11px}
.icon-group-card .field{margin-bottom:10px}
.icon-group-card .field input{max-width:100%}
.icon-group-card .check-row{margin:8px 0 14px;font-size:11px}
.icon-group-actions,.icon-keyword-action{display:flex;align-items:center;gap:9px}
.icon-keyword-action img{object-fit:contain}
.icon-keyword-action form{margin:0}
@media(max-width:700px){.icon-group-grid{grid-template-columns:1fr}}
@media(max-width:540px){.nominal-card,.nominal-content{min-height:169px}.nominal-top{min-height:111px;padding:12px 13px 8px}.nominal-top:has(.sale-label){padding-top:27px}.nominal-top strong{font-size:10.5px}.nominal-icon{width:48px;height:46px}.nominal-bottom{min-height:53px}.nominal-bottom b{font-size:12px}}

/* Banner focus and live editor previews use the same crop as the storefront. */
.hero-slide{background-position:var(--banner-desktop-position,66% 50%)}
.banner-editor{padding:16px;margin:12px 0 18px;border:1px solid #3f6793;border-radius:13px;background:#0c2a50}
.banner-preview-pair{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:start;gap:14px;margin-bottom:18px}
.banner-preview-pair>div{min-width:0}
.banner-preview-pair small{display:block;margin-bottom:7px;color:#c5d9ef;font-size:11px;font-weight:700}
.banner-crop-preview{position:relative;overflow:hidden;display:flex;align-items:end;border:1px solid #6599c8;border-radius:11px;background-color:#113e73;background-image:linear-gradient(130deg,#123e74,#0c2250);background-size:cover}
.banner-crop-preview.desktop{aspect-ratio:3.05/1}
.banner-crop-preview.mobile{aspect-ratio:9/10}
.banner-crop-preview span{position:relative;z-index:1;display:block;width:100%;padding:14px;background:linear-gradient(0deg,#06172edb,transparent);color:white;font-size:10px;font-weight:800;letter-spacing:.04em}
.banner-position-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.banner-position-fields fieldset{min-width:0;margin:0;padding:13px;border:1px solid #3b6995;border-radius:10px}
.banner-position-fields legend{padding:0 6px;color:#c9e2ff;font-weight:800;font-size:12px}
.banner-position-fields label{display:block;margin:5px 0 12px}
.banner-position-fields label:last-child{margin-bottom:0}
.banner-position-fields label span{display:flex;justify-content:space-between;color:#b9d2ea;font-size:11px}
.banner-position-fields output{color:#fff;font-weight:800}
.banner-position-fields input[type=range]{width:100%;margin:8px 0 0;accent-color:#1284ff}
@media(max-width:540px){.hero-slide{background-position:var(--banner-mobile-position,63% 50%)}.banner-preview-pair{grid-template-columns:minmax(0,1fr) 100px;gap:9px}.banner-position-fields{grid-template-columns:1fr}.banner-crop-preview span{padding:9px;font-size:8px}}

/* Keep the actual VIP regular price beside a lower flash price. */
.flash-price-row,.nominal-price-row{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:3px 9px}
.flash-price-row{justify-content:flex-start;margin-top:5px}
.flash-price-row b{display:inline;margin:0;color:#a5c6ff}
.flash-price-row del,.nominal-price-row del{color:#d6abb3;text-decoration-color:#ff5269;text-decoration-thickness:2px;font-size:10px;white-space:nowrap}
.nominal-price-row b{margin:0}
.invoice-icon img{display:block;width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 3px 6px #00112d66)}
@media(max-width:540px){.flash-price-row{gap:2px 7px}.flash-price-row del,.nominal-price-row del{font-size:9px}}

/* Saved and newly selected image previews in the admin panel. */
.admin-image-preview{display:grid;place-items:center;min-height:95px;max-width:100%;margin:8px 0 4px;padding:10px;border:1px dashed #4b79aa;border-radius:11px;background:#0b2c56}
.admin-image-preview img{display:block;max-width:100%;max-height:145px;object-fit:contain}
.admin-image-preview img[hidden],.admin-image-preview .admin-image-empty[hidden]{display:none!important}
.admin-image-empty{max-width:230px;text-align:center;color:#aac6e4;font-size:11px;line-height:1.45}
.admin-image-preview.game{justify-content:start;min-height:92px;max-width:290px}
.admin-image-preview.game img{width:120px;height:76px;object-fit:cover;border-radius:7px}
.admin-image-preview.logo img{max-width:260px;max-height:85px}
.admin-image-preview.favicon{width:76px;min-height:76px}

/* Orders, reports, contact and information pages. */
.order-search{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:18px 0}.order-search .field{min-width:min(100%,300px);margin:0}.site-pagination,.recent-pagination{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin:22px 0 4px}.site-pagination a,.recent-pagination button,.site-pagination span,.recent-pagination span{border:1px solid #4b79aa;background:#12345d;color:#e7f3ff;border-radius:9px;padding:8px 11px;font-size:12px;font-weight:700}.site-pagination a[aria-current=page]{background:var(--brand);border-color:#8ac2ff}.recent-pagination button{cursor:pointer;min-width:36px}.recent-pagination button:disabled{opacity:.45;cursor:default}.recent-pagination span{border:0;background:transparent}.delete-disclosure{max-width:300px}.delete-disclosure summary{cursor:pointer;list-style:none}.delete-disclosure form{margin-top:10px;padding:12px;background:#092441;border:1px solid #a65465;border-radius:10px}.delete-disclosure .field{margin:0 0 10px}.period-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.period-tabs a{padding:8px 12px;border:1px solid #4976a4;border-radius:999px;color:#cee5ff;font-size:12px}.period-tabs a.active{background:linear-gradient(110deg,var(--brand),var(--brand2));color:#fff}.sales-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sales-grid>div{min-width:0;border:1px solid #3e6895;background:#0d315c;padding:16px;border-radius:12px}.sales-grid small,.sales-grid strong{display:block}.sales-grid small{color:#bfd6ed;font-size:11px}.sales-grid strong{font-size:clamp(17px,2vw,23px);margin:7px 0;overflow-wrap:anywhere}.receipt-link{margin-top:9px}.receipt-page{padding-top:38px;padding-bottom:80px}.receipt{width:min(100%,420px);margin:20px auto;padding:24px;border-radius:16px;background:#fff;color:#162235;box-shadow:0 18px 50px #00142d55}.receipt header{text-align:center;border-bottom:2px dashed #8b9aab;padding-bottom:17px}.receipt header img{display:block;max-width:170px;height:65px;object-fit:contain;margin:auto;background:#006dff;border-radius:7px}.receipt header strong,.receipt header small{display:block;margin-top:7px}.receipt dl{display:grid;grid-template-columns:112px minmax(0,1fr);gap:9px 12px;margin:20px 0}.receipt dt{color:#526273}.receipt dd{margin:0;text-align:right;overflow-wrap:anywhere;font-weight:700}.receipt p{border-top:1px dashed #9ca8b4;padding-top:13px;font-size:12px}.receipt footer{text-align:center;border-top:2px dashed #8b9aab;padding-top:15px;font-size:12px}.receipt-print{display:block;margin:auto}.info-page{padding-bottom:90px}.legal-copy{max-width:850px;margin:auto;padding:28px 36px;line-height:1.7}.legal-copy h2{font-size:20px;margin:23px 0 7px}.legal-copy h2:first-child{margin-top:0}.legal-copy p{color:#d2e5f8;margin:0}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.faq-grid details{padding:0}.faq-grid summary{cursor:pointer;padding:18px 20px;font-weight:800;list-style:none}.faq-grid summary:after{content:'＋';float:right;color:#79bcff}.faq-grid details[open] summary:after{content:'−'}.faq-grid p{padding:0 20px 18px;color:#c9def3;line-height:1.65;margin:0}.info-next{display:flex;justify-content:center;gap:10px;margin-top:24px}.footer-trust b{display:block;margin-top:10px;color:#70e7b1;font-size:11px}
.contact-dock{position:fixed;right:22px;bottom:24px;z-index:45;display:grid;justify-items:end;gap:9px}.contact-dock>button{border:1px solid #93c6ff;color:#fff;background:linear-gradient(120deg,var(--brand),var(--brand2));border-radius:999px;padding:13px 18px;box-shadow:0 10px 28px #0045a277;font-weight:800;cursor:pointer}.contact-dock>button span{margin-right:5px}.contact-options{min-width:190px;padding:8px;background:#102d53;border:1px solid #5ca0df;border-radius:15px;box-shadow:0 14px 42px #00152b99}.contact-options[hidden]{display:none}.contact-options a{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;padding:10px;border-radius:9px}.contact-options a:hover{background:#1b5593}.contact-options span{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#0872d5}
.game-cover{object-position:var(--game-desktop-position,50% 50%)}.product-emblem img{object-position:var(--game-desktop-position,50% 50%)}.game-focus-editor{margin:14px 0 19px;padding:15px;border:1px solid #497cad;border-radius:12px;background:#0b2d54}.game-focus-editor>strong{display:block}.game-focus-editor>p{font-size:11px;color:#bdd4eb}.game-focus-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.game-focus-pair small{display:block;margin:6px 0;color:#d6e9ff}.game-focus-preview{box-sizing:border-box;width:100%;height:auto;aspect-ratio:4/5;overflow:hidden;border-radius:11px;background:linear-gradient(135deg,#11427c,#0a2449);border:1px solid #5792c6}.game-focus-preview.mobile{max-width:120px}.game-focus-preview img{display:block;width:100%;height:100%;object-fit:cover}.game-focus-preview img[hidden]{display:none}.game-focus-controls label{display:block;margin-top:9px}.game-focus-controls label span{display:flex;justify-content:space-between;font-size:11px;color:#d3e7ff}.game-focus-controls input{width:100%;accent-color:#1582f5}
@media(max-width:800px){.contact-dock{bottom:82px;right:15px}.sales-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-cover,.product-emblem img{object-position:var(--game-mobile-position,50% 50%)}}
@media(max-width:540px){.sales-grid,.faq-grid{grid-template-columns:1fr}.legal-copy{padding:21px}.contact-dock>button{padding:11px 13px;font-size:12px}.game-focus-pair{gap:9px}.game-focus-preview.mobile{max-width:100px}}
@media print{body,html{background:#fff!important;color:#111!important}.site-header,.site-footer,.mobile-nav,.contact-dock,.print-hide{display:none!important}.receipt-page{padding:0!important;max-width:none!important}.receipt{margin:0 auto;border:0;box-shadow:none;border-radius:0;width:80mm;padding:4mm;font-size:10pt}.receipt header img{print-color-adjust:exact;-webkit-print-color-adjust:exact}.receipt dl{grid-template-columns:28mm 1fr;gap:2mm}.receipt footer{margin-top:5mm}}
.game-focus-preview.desktop{max-width:240px}
.home-faq{padding-top:48px;padding-bottom:68px}
.receipt header img{width:170px;height:68px;object-fit:cover;object-position:center 43%}
.admin-image-preview.favicon img{width:44px;height:44px}
.admin-image-preview.qris img{max-height:180px}
.admin-image-preview.post img{max-height:180px}
.admin-game-icon img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}

/* Navigasi dan pusat informasi */
#route-progress{position:fixed;inset:0 auto auto 0;width:14%;height:3px;z-index:160;pointer-events:none;background:linear-gradient(90deg,#74cbff,#a4e8ff);box-shadow:0 0 12px #7ad5ff;transition:width .24s ease,opacity .28s ease;opacity:1}
#route-progress.is-complete{opacity:0}
.faq-grid{align-items:start}
.faq-grid details{align-self:start}
.contact-options img{display:block;width:31px;height:31px;object-fit:contain;flex:none}
.contact-options a{gap:11px}
.mobile-menu-trigger,.mobile-menu-panel,.mobile-menu-backdrop{display:none}
.admin-information>p{color:#bdd5ed;margin:7px 0 20px}
.info-editor{border:1px solid #4274a4;background:#0b2c53;border-radius:12px;margin:13px 0;padding:0 17px 17px}
.info-editor>summary{cursor:pointer;padding:17px 0;font-size:15px;font-weight:800}
.info-editor-list{display:grid;gap:14px;margin:4px 0 15px}
.info-editor-item{padding:15px;border:1px solid #386992;border-radius:10px;background:#10365f}
.info-editor-item .field{margin-bottom:11px}
.info-editor-item textarea{min-height:100px;resize:vertical}
.info-editor-item .mini-btn{margin-top:4px}
@media(max-width:800px){
  .header-actions,.desktop-nav{display:none!important}
  .mobile-menu-trigger{display:grid;place-items:center;width:42px;height:42px;margin-left:auto;border:1px solid #5c97ca;border-radius:11px;background:#103c71;color:#eff8ff;cursor:pointer}
  .mobile-menu-trigger svg{width:25px;height:25px}
  .mobile-menu-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:79;background:#000a1aaf;backdrop-filter:blur(3px)}
  .mobile-menu-panel{display:flex;position:fixed;top:0;right:0;bottom:0;width:min(360px,90vw);z-index:80;flex-direction:column;background:linear-gradient(160deg,#092b53,#071d3d);border-left:1px solid #4a83bb;box-shadow:-15px 0 40px #00172f88;transform:translateX(105%);transition:transform .24s ease;visibility:hidden}
  .mobile-menu-panel[aria-hidden=false]{transform:translateX(0);visibility:visible}
  .mobile-menu-open{overflow:hidden}
  .mobile-menu-head{display:flex;align-items:center;justify-content:space-between;padding:20px 21px;border-bottom:1px solid #366795}
  .mobile-menu-head strong{font-size:18px}
  .mobile-menu-head button{width:36px;height:36px;border:0;border-radius:8px;background:#194673;color:#e4f4ff;font-size:24px;cursor:pointer}
  .mobile-menu-scroll{overflow-y:auto;padding:20px 19px 35px}
  .mobile-menu-auth{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}
  .mobile-menu-auth a,.mobile-menu-account{display:flex;align-items:center;justify-content:center;min-height:43px;border-radius:10px;border:1px solid #5c8fbd;color:#fff;font-weight:800}
  .mobile-menu-auth a:last-child{background:#0877e8;border-color:#63b2ff}
  .mobile-menu-account{justify-content:space-between;padding:0 16px;margin-bottom:20px;background:#123d6e}
  .mobile-menu-channel{display:flex;align-items:center;gap:11px;padding:13px;margin-bottom:22px;border:1px solid #29816a;border-radius:13px;background:#0e423e;color:#f3fff9}
  .mobile-menu-channel img{width:34px;height:34px;object-fit:contain}
  .mobile-menu-channel span:nth-child(2){display:grid;gap:3px;flex:1}
  .mobile-menu-channel small{font-size:11px;color:#c2e8d8}
  .mobile-menu-links{display:grid;border-top:1px solid #355b7f;padding-top:12px}
  .mobile-menu-links a{padding:13px 12px;border-radius:9px;color:#e0ecf8;font-weight:650}
  .mobile-menu-links a:hover,.mobile-menu-links a:focus-visible{background:#174c82}
  .mobile-menu-logout{margin-top:20px;padding:10px 13px;border:1px solid #6489ae;border-radius:8px;background:transparent;color:#e0ecf8;cursor:pointer}
  .desktop-contact{display:none!important}
  .mobile-nav{z-index:60;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px 5px max(5px,env(safe-area-inset-bottom));background:#092653;box-shadow:0 -8px 24px #001d3d55}
  .mobile-nav>a,.mobile-contact>button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:57px;width:100%;border:0;background:none;color:#a9c4dc;font:inherit;font-size:10px;text-align:center;text-decoration:none;cursor:pointer}
  .mobile-nav svg{width:23px;height:23px;flex:none}
  .mobile-nav span{font-size:10px;line-height:1.2;white-space:nowrap}
  .mobile-nav>a.active,.mobile-contact.is-active>button{color:#fff;font-weight:800}
  .mobile-nav>a.active:after,.mobile-contact.is-active>button:after{content:"";position:absolute;bottom:0;left:50%;width:34px;height:2px;border-radius:3px;background:#8ccfff;transform:translateX(-50%)}
  .mobile-contact{position:relative;min-width:0}
  .mobile-contact .contact-options{position:absolute;right:0;bottom:calc(100% + 13px);width:205px;min-width:205px;z-index:65}
  .mobile-contact .contact-options a{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;min-height:45px;width:100%;gap:11px;text-align:left;font-size:13px}
  .site-footer{padding-bottom:75px}
}
@media(max-width:380px){.mobile-nav span{font-size:9px}.mobile-menu-panel{width:min(340px,92vw)}}
@media(prefers-reduced-motion:reduce){#route-progress,.mobile-menu-panel{transition:none}}
@media print{#route-progress,.mobile-menu-panel,.mobile-menu-backdrop,.mobile-menu-trigger{display:none!important}}

.footer-trust .trust-shield{display:inline-flex!important;align-items:center;justify-content:center;width:27px;height:27px;margin:0 0 10px!important;color:#70e7b1!important}
.footer-trust .trust-shield svg{display:block;width:26px;height:26px}
@media(max-width:800px){
  .selected-product-dock{bottom:calc(78px + env(safe-area-inset-bottom))}
  .mobile-menu-credit{margin:15px 12px 0;padding:19px 0 6px;border-top:1px solid #355b7f;color:#b7d0e9;font-size:12px;line-height:1.6;text-align:center}
  .mobile-menu-credit a{color:#9ed6ff;font-weight:800;text-decoration:underline;text-underline-offset:3px}
}

/* Tap feedback keeps reading and form fields selectable. */
:where(a,button,summary,label,input,select,textarea,[role="button"],[role="link"]){-webkit-tap-highlight-color:transparent}
:where(a,button,summary,label:has(>input[type="radio"]),label:has(>input[type="checkbox"]),input:not([type="range"]),textarea,select,[role="button"],[role="link"]){touch-action:manipulation}
:where(a,button,summary,.nominal-card,.payment-options label,.brand,.game-card,.flash-card,.news-card,.social-card,[role="button"],[role="link"]){-webkit-user-select:none;user-select:none}
:where(input,textarea,[contenteditable="true"],.article-body,.article-excerpt,.legal-copy,.faq-grid p){-webkit-user-select:text;user-select:text}
:where(a,button,summary,[role="button"],[role="link"]){transition-property:transform,opacity;transition-duration:140ms;transition-timing-function:cubic-bezier(.2,.8,.2,1)}
.btn{transition:transform 140ms cubic-bezier(.2,.8,.2,1),opacity 140ms ease,filter 140ms ease}
.game-card,.social-card{transition:transform 140ms cubic-bezier(.2,.8,.2,1),opacity 140ms ease,border-color 200ms ease,box-shadow 200ms ease}
.flash-card,.news-card{transition:transform 140ms cubic-bezier(.2,.8,.2,1),opacity 140ms ease}
.desktop-nav a{transition:color 180ms ease,transform 140ms cubic-bezier(.2,.8,.2,1),opacity 140ms ease}
a:active,.btn:active,button:not(:disabled):active,summary:active,.game-card:active,.flash-card:active,.news-card:active,.social-card:active,.brand:active,.payment-options label:not(.disabled):active span{transform:scale(.98);opacity:.9;transition-duration:120ms;transition-timing-function:cubic-bezier(.2,.8,.2,1)}
:where(a,button,summary,[role="button"],[role="link"]):focus-visible{outline:2px solid #a7ddff;outline-offset:3px}
.payment-options input:focus-visible+span{outline:2px solid #a7ddff;outline-offset:3px}
.nominal-content{transition:transform 130ms cubic-bezier(.2,.8,.2,1),opacity 130ms ease,background 180ms ease,border-color 180ms ease}
.nominal-card:active .nominal-content{transform:scale(.98);opacity:.92}
.nominal-card input:focus-visible+.nominal-content{outline:2px solid #a7ddff;outline-offset:3px}

/* The primary purchase action catches the eye once when the selection dock appears. */
.dock-buy{position:relative;isolation:isolate;overflow:hidden;min-height:44px}
.dock-buy::after{content:"";position:absolute;top:-35%;bottom:-35%;left:-42%;width:29%;background:linear-gradient(90deg,transparent,rgba(65,145,218,.2),rgba(255,255,255,.65),transparent);opacity:0;transform:translateX(0) skewX(-18deg);pointer-events:none}
.selected-product-dock.is-visible .dock-buy::after{animation:dock-shine 1.05s cubic-bezier(.2,.65,.25,1) .35s 1 both}
@keyframes dock-shine{0%{opacity:0;transform:translateX(0) skewX(-18deg)}18%{opacity:.6}75%{opacity:.6}100%{opacity:0;transform:translateX(600%) skewX(-18deg)}}
.dock-close{display:grid;place-items:center;width:44px;height:44px;right:-9px;top:-21px;background:transparent!important;border:0!important;font-size:0}
.dock-close::before{content:"×";display:grid;place-items:center;width:24px;height:24px;border:1px solid #92d0ff;border-radius:50%;background:#0752a2;color:#fff;font-size:18px;line-height:1}
.game-sort-handle:active{transform:none;opacity:1}

.hero-indicator{bottom:0;gap:0}
.hero-dot,.hero-dot.is-active{display:grid;place-items:center;width:44px;height:44px;padding:0;background:transparent}
.hero-dot::after{content:"";width:24px;height:4px;border-radius:999px;background:#ffffff80;transition:width 180ms ease,background 180ms ease}
.hero-dot.is-active::after{width:38px;background:#fff}
.site-header .brand{min-height:44px}
.search-box button{min-height:44px}
.search-box input{min-height:44px}
.search-box:focus-within{border-color:#9edbff;box-shadow:0 0 0 2px #5aaaf255}
@media(prefers-reduced-motion:reduce){.hero-dot::after{transition:none}.nominal-content{transition:background 120ms ease,border-color 120ms ease}}

@media(min-width:801px){
  
  .desktop-nav a,.login-link{display:inline-flex;align-items:center;min-height:44px}
  .desktop-nav a{min-width:44px;justify-content:center}
  .desktop-nav a.current:after{bottom:-15px}
  .btn-small,.category-pill{min-height:44px}
  .category-pill{display:inline-flex;align-items:center}
}

/* Desktop contact action follows the site's navy surface and line weight. */
.desktop-contact>button{display:block;width:112px;height:112px;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;line-height:0;cursor:pointer}
.desktop-contact>button:hover{background:transparent}
.desktop-contact>button:focus-visible{outline:2px solid #a8d8f7;outline-offset:4px;border-radius:12px}
.desktop-contact .contact-dock-mascot{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 11px #001a37a6);transition:transform 140ms ease}
.desktop-contact>button:hover .contact-dock-mascot{transform:translateY(-3px)}

@media(max-width:800px){
  .mobile-menu-trigger,.mobile-menu-head button{width:44px;height:44px}
  .mobile-menu-auth a,.mobile-menu-account,.mobile-menu-logout{min-height:44px}
  
  .breadcrumbs a,.copyright a{display:inline-flex;align-items:center;min-height:44px}
  .breadcrumbs{align-items:center}
  .footer-grid a:not(.brand){display:flex;align-items:center;min-height:44px;margin-bottom:0}
  .btn-small,.mini-btn,.category-pill,.site-pagination a,.recent-pagination button,.news-arrow{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .admin-menu a{min-height:44px;display:flex;align-items:center}
  .game-sort-handle{min-width:44px;min-height:44px}
}

@media(prefers-reduced-motion:reduce){
  .selected-product-dock.is-visible .dock-buy::after{animation:none}
  a:active,.btn:active,button:not(:disabled):active,summary:active,.game-card:active,.flash-card:active,.news-card:active,.social-card:active,.brand:active,.payment-options label:not(.disabled):active span,.nominal-card:active .nominal-content,.desktop-contact>button:active{transform:none;opacity:.82}
}

/* Keep footer link rows compact while both copyright lines share one baseline. */
.copyright{align-items:center;gap:12px}
.copyright>span{line-height:1.5}
.copyright a{display:inline;min-height:0}
@media(min-width:801px){.site-footer{padding-bottom:70px}}
@media(max-width:600px){.copyright{justify-content:center;text-align:center}.copyright>span:last-child{width:100%}}

/* Catalogue cards and banner: restrained depth within the existing blue theme. */
.game-grid{gap:clamp(12px,1.4vw,18px)}
.game-card{display:flex;flex-direction:column;box-shadow:0 5px 16px rgba(0,16,42,.28),0 1px 3px rgba(0,16,42,.2)}
.game-card:hover{box-shadow:0 12px 27px rgba(0,16,42,.34),0 2px 8px rgba(0,16,42,.22)}
.game-art{width:100%;height:auto;aspect-ratio:3/2;flex:none}
.game-cover{position:absolute;inset:0;width:100%;height:100%}
.game-card-bottom{display:flex;flex:1;flex-direction:column;min-height:104px}
.game-card-bottom strong{min-height:2.3em;overflow-wrap:anywhere}
.game-card-meta{margin-top:auto;padding-top:8px}
.hero.wrap{width:calc(100% - 56px);max-width:1240px;padding-inline:0;box-shadow:0 14px 32px rgba(0,16,42,.36),0 0 0 1px rgba(105,172,244,.2)}
@media(max-width:800px){
  .game-grid{gap:14px}
  .hero.wrap{width:calc(100% - 36px);margin-top:18px}
  .mobile-menu-head{gap:12px}
  .mobile-menu-head strong{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:3px;font-size:17px;line-height:1.15}
  .mobile-menu-head strong span{color:#9dd5ff;font-family:'DM Sans',system-ui,sans-serif;font-size:10px;font-weight:800;letter-spacing:.14em}
  .mobile-menu-head button{flex:none}
}
@media(max-width:540px){
  .game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .game-art{aspect-ratio:1.4}
  .game-card-bottom{min-height:96px;padding:12px}
  .game-card-bottom strong{min-height:2.5em;font-size:14px;line-height:1.25}
  .game-card-meta{padding-top:6px}
  .hero.wrap{width:calc(100% - 28px);margin-top:18px;border-radius:20px}
}
@media(max-width:360px){
  .game-grid{gap:9px}
  .game-card-bottom{min-height:92px;padding:10px}
  .game-card-bottom strong{font-size:13px}
  .hero-content{padding:25px 18px}
  .hero h1{font-size:29px;line-height:1.05}
  .hero p{font-size:11px;line-height:1.55}
  .hero-buttons .btn{padding:9px 10px;font-size:10.5px}
  .hero-points{gap:7px;margin-top:15px;font-size:9px}
}

/* Small visual refinements for the established Kyungsoo theme. */
.game-card{aspect-ratio:4/5;box-shadow:0 0 0 1px rgba(50,145,255,.2),0 8px 23px rgba(0,103,244,.24),0 0 15px rgba(0,109,255,.17)}
.game-card:hover,.game-card:focus-visible{box-shadow:0 0 0 1px rgba(126,199,255,.6),0 12px 28px rgba(0,110,255,.34),0 0 21px rgba(0,116,255,.28)}
.game-art{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
.game-art::after{inset:0;height:auto;border:0;border-radius:0;transform:none;box-shadow:none;background:linear-gradient(180deg,transparent 45%,rgba(4,24,51,.06) 60%,rgba(4,24,51,.38) 79%,rgba(4,24,51,.82) 100%);pointer-events:none}
.game-card-bottom{position:absolute;inset:auto 0 0;z-index:1;display:block;min-height:0;margin:0;padding:14px 15px 13px;background:transparent}
.game-category,.game-card-bottom strong{position:static;top:auto;text-shadow:0 1px 4px rgba(0,12,30,.6)}
.game-category{margin-bottom:4px;color:#d2eaff;font-size:9px;line-height:1.25}
.game-card-bottom strong{min-height:0;font-size:17px;line-height:1.17}
.game-card-meta{margin-top:5px;padding:0;color:#e9f4ff;font-size:11px;line-height:1.3;text-shadow:0 1px 4px rgba(0,12,30,.7)}
.game-favorite-badge{position:absolute;top:31px;right:-55px;z-index:2;display:flex;align-items:center;justify-content:center;width:205px;height:34px;background:#c51d2b;color:#fff;font:800 11px/1 'DM Sans',sans-serif;letter-spacing:.08em;white-space:nowrap;box-shadow:0 3px 9px rgba(46,0,8,.4);transform:rotate(45deg);pointer-events:none}
.hero-media{display:none}

.feature-section .eyebrow{display:inline-flex;align-items:center;gap:5px}
.flash-bolt{display:block;width:17px;height:17px;flex:none;color:#ffce54;filter:drop-shadow(0 1px 3px rgba(255,171,42,.35));transform-origin:50% 55%;animation:flash-bolt-jolt 2.4s cubic-bezier(.2,.7,.3,1) infinite}
@keyframes flash-bolt-jolt{0%,58%,100%{transform:translateY(0) rotate(0) scale(1)}64%{transform:translateY(-2px) rotate(-10deg) scale(1.18)}71%{transform:translateY(1px) rotate(5deg) scale(.98)}78%{transform:translateY(-1px) rotate(-4deg) scale(1.08)}86%{transform:translateY(0) rotate(0) scale(1)}}

.selected-product-dock.is-visible .dock-buy::after{animation:dock-shine-loop 4.8s cubic-bezier(.22,.68,.26,1) .5s infinite}
@keyframes dock-shine-loop{0%,58%{opacity:0;transform:translateX(0) skewX(-18deg)}62%{opacity:.52}78%{opacity:.52}85%,100%{opacity:0;transform:translateX(600%) skewX(-18deg)}}

.search-box{background:#061329}
.search-box input{background:transparent;color:#fff}
.search-box input:-webkit-autofill{-webkit-text-fill-color:#fff;box-shadow:inset 0 0 0 1000px #061329}

.category-slider{display:flex;align-items:center;gap:8px;min-width:0;margin-bottom:10px}
.category-slider .category-row{flex:1;min-width:0;margin:0;padding:1px 1px 3px;scroll-behavior:smooth;scroll-snap-type:x proximity}
.category-slider .category-pill{flex:none;scroll-snap-align:start}
.category-arrow{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid #4c89c6;border-radius:11px;background:#103861;color:#e4f4ff;font:400 29px/1 'DM Sans',sans-serif;transition:background 140ms ease,border-color 140ms ease,opacity 140ms ease,transform 140ms ease}
.category-arrow:hover:not(:disabled){background:#18548c;border-color:#8ecaff}
.category-arrow:active:not(:disabled){transform:scale(.96)}
.category-arrow:focus-visible{outline:2px solid #a6dcff;outline-offset:2px}
.category-arrow:disabled{opacity:.35;cursor:default}
.category-slider:not(.is-scrollable) .category-arrow{display:none}

.footer-grid h4{margin-bottom:8px}
.footer-grid>div:not(.footer-trust)>a:not(.brand),.footer-grid>div:not(.footer-trust)>span{margin-bottom:5px;line-height:1.45}
.footer-grid p{margin-top:11px;line-height:1.65}

@media(max-width:800px){
  .category-arrow{width:40px;height:44px}
  .footer-grid{row-gap:16px}
  .footer-grid h4{margin-bottom:3px}
  .footer-grid>div:not(.footer-trust)>a:not(.brand){min-height:32px;margin-bottom:0;line-height:1.35}
}
@media(max-width:540px){
  .game-card-bottom{padding:11px 10px 10px}
  .game-category{font-size:8px;margin-bottom:3px}
  .game-card-bottom strong{font-size:14px;line-height:1.15}
  .game-card-meta{margin-top:4px;font-size:10px}
  .game-favorite-badge{top:21px;right:-43px;width:158px;height:27px;font-size:9px;letter-spacing:.05em}
  .hero.wrap{height:auto;min-height:0;max-height:none;aspect-ratio:auto;background:#0a2c58}
  .hero-slide{background-image:none!important}
  .hero-slide.is-active{position:relative;inset:auto}
  .hero-media{display:block;position:relative;width:100%;aspect-ratio:2.25/1;background-image:var(--hero-image);background-size:cover;background-position:var(--banner-mobile-position,63% 50%)}
  .hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,41,88,.98) 0%,rgba(5,41,88,.88) 37%,rgba(5,41,88,.48) 72%,rgba(5,41,88,.1) 100%),linear-gradient(0deg,rgba(5,41,88,.35),transparent 40%)}
  .hero-slide .hero-shade{display:none}
  .hero-slide .hero-content{position:absolute;inset:0;z-index:2;box-sizing:border-box;max-width:none;padding:9px 12px;background:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
  .hero .eyebrow{font-size:8px;line-height:1.1;letter-spacing:.12em}
  .hero h1{max-width:78%;font-size:clamp(14px,4.1vw,17px);line-height:1.06;margin:5px 0 4px}
  .hero p{max-width:77%;margin:0;font-size:9px;line-height:1.3}
  .hero-buttons{gap:6px;margin-top:7px}
  .hero-buttons .btn{min-height:25px;padding:5px 9px;font-size:9px;line-height:1.2;border-radius:7px}
  .hero-points{gap:7px;margin-top:6px;font-size:7px;line-height:1.2;white-space:nowrap}
  .hero:has(.hero-indicator) .hero-content{padding-bottom:16px}
  .hero-indicator{right:6px;bottom:0}
  .hero-dot,.hero-dot.is-active{width:23px;height:27px}
  .hero-dot::after{width:13px;height:2px}
  .hero-dot.is-active::after{width:19px}
  .cta-panel.wrap{width:calc(100% - 28px);margin-inline:auto;padding:23px;border-radius:16px}
  .site-footer{padding-top:34px}
  .footer-grid{row-gap:14px;column-gap:18px}
  .footer-grid>div:not(.footer-trust)>a:not(.brand){min-height:32px}
  .footer-social{margin-top:25px}
}
@media(max-width:360px){
  .hero-media{aspect-ratio:1.8/1}
  .hero-slide .hero-content{padding:8px 10px}
  .hero h1{font-size:14px}
  .hero p{font-size:8.5px}
  .hero-buttons .btn{min-height:24px;padding:5px 7px;font-size:8.5px}
  .hero-points{gap:5px;font-size:6.5px}
}
@media(prefers-reduced-motion:reduce){
  .flash-bolt,.selected-product-dock.is-visible .dock-buy::after{animation:none}
  .category-slider .category-row{scroll-behavior:auto}
}

/* Contact page */
.contact-page{padding-top:46px;padding-bottom:85px}
.contact-page-heading{margin-bottom:22px}
.contact-page-heading h1{font-size:clamp(34px,4.6vw,55px);line-height:1.05;letter-spacing:-.04em;margin:7px 0 0}
.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:clamp(26px,4vw,58px);align-items:center;overflow:hidden;padding:clamp(22px,3.6vw,45px);border:1px solid #376a9f;border-radius:22px;background:linear-gradient(115deg,#0d325e,#0b294f 65%,#0a2446);box-shadow:0 14px 32px rgba(0,20,46,.3)}
.contact-main{min-width:0}
.contact-availability{display:inline-flex;align-items:center;gap:8px;color:#b8dcfb;font-size:11px;font-weight:700;letter-spacing:.02em}
.contact-availability>span{width:7px;height:7px;flex:none;border-radius:50%;background:#59dea2}
.contact-main h2{font-size:clamp(29px,3.5vw,45px);line-height:1.08;letter-spacing:-.035em;margin:14px 0 10px}
.contact-main>p{max-width:590px;color:#d6e7f8;font-size:14px;line-height:1.7;margin:0}
.contact-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:26px}
.contact-action{display:flex;align-items:center;gap:11px;min-height:62px;min-width:210px;padding:11px 16px;border:1px solid #5a94ca;border-radius:10px;transition:transform 140ms cubic-bezier(.2,.8,.2,1),background 140ms ease,border-color 140ms ease}
.contact-action:hover{transform:translateY(-2px);border-color:#b3dcff}
.contact-action:focus-visible,.contact-social-links a:focus-visible,.contact-facts a:focus-visible{outline:2px solid #b0dcff;outline-offset:3px}
.contact-action strong,.contact-action small,.contact-action>span{display:block}
.contact-action strong{font-family:Outfit,'DM Sans',sans-serif;font-size:15px;line-height:1.2}
.contact-action small,.contact-action>span{color:#dcecff;font-size:11px}
.contact-action-primary{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:linear-gradient(110deg,#0873e8,#075ecb);border-color:#4d9cf5}
.contact-action-primary strong{color:#fff}
.contact-action-whatsapp{background:#113d6c}
.contact-action-whatsapp img{width:34px;height:34px;object-fit:contain;flex:none}
.contact-map{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;border:1px solid #4277ad;border-radius:18px;background:#14375e}
.contact-map iframe{display:block;width:100%;height:100%;border:0}
.contact-map>a{position:absolute;right:12px;top:12px;z-index:1;padding:9px 12px;border:1px solid #9bc6ee;border-radius:8px;background:#0c3157;color:#fff;font-size:12px;font-weight:700;box-shadow:0 3px 12px #001c3699}
.contact-map>a:hover{background:#175389}
.contact-map>a:focus-visible{outline:2px solid #fff;outline-offset:2px}
.contact-directory,.contact-social{display:grid;grid-template-columns:minmax(210px,.55fr) minmax(0,1fr);gap:28px;padding:36px 2px;border-bottom:1px solid #2a5582}
.contact-directory-head h2,.contact-social h2{font-size:23px;line-height:1.2;margin:0 0 6px}
.contact-directory-head p,.contact-social p{color:#bbd5ef;font-size:12px;margin:0;max-width:270px}
.contact-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 28px;margin:0}
.contact-facts>div{padding-top:8px;border-top:1px solid #315f8d}
.contact-facts dt{color:#a9cdef;font-size:11px;margin-bottom:4px}
.contact-facts dd{margin:0;color:#fff;font-weight:700;overflow-wrap:anywhere}
.contact-facts a:hover{color:#aad9ff}
.contact-social-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.contact-social-links a{display:flex;align-items:center;gap:9px;min-height:54px;padding:8px 10px;border:1px solid #356899;border-radius:10px;background:#102e53;font-size:12px;font-weight:700;transition:background 140ms ease,transform 140ms cubic-bezier(.2,.8,.2,1)}
.contact-social-links a:hover{background:#164575;transform:translateY(-2px)}
.contact-social-links img{display:block;width:31px;height:31px;flex:none;border-radius:8px;object-fit:contain}
.admin-contact .panel-head>div{display:block}
.admin-contact .panel-head p{margin:5px 0 0;color:#c4def4;font-size:12px}
.admin-image-preview.contact-mascot{width:170px;min-height:170px;background:#0b2c56}
.admin-image-preview.contact-mascot img{width:140px;height:140px;max-height:none;object-fit:contain}
@media(max-width:850px){
  .contact-layout{grid-template-columns:minmax(0,1fr) minmax(210px,280px)}
  .contact-directory,.contact-social{grid-template-columns:1fr;gap:17px}
}
@media(max-width:620px){
  .contact-page{padding-top:31px;padding-bottom:65px}
  .contact-layout{grid-template-columns:1fr;gap:25px;padding:22px;border-radius:17px}
  .contact-main h2{font-size:29px}
  .contact-main>p{font-size:13px}
  .contact-actions{margin-top:20px}
  .contact-action{width:100%;min-height:58px}
  .contact-map{width:100%;aspect-ratio:4/3}
  .contact-map>a{top:auto;bottom:12px}
  .contact-directory,.contact-social{padding:29px 0}
  .contact-facts{gap:17px}
  .contact-social-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:380px){.contact-facts{grid-template-columns:1fr}}

/* Kasera payment and verified reviews */
.copyright{align-items:center;gap:10px 18px}
@media(max-width:600px){.copyright{justify-content:center;text-align:center}}
.payment-options label[hidden],.kasera-va-name[hidden]{display:none!important}
.payment-options{grid-template-columns:minmax(0,1fr);gap:8px}
.payment-group-title{grid-column:1/-1;margin:17px 0 2px;color:#d9ecff;font:700 13px Outfit,'DM Sans',sans-serif;letter-spacing:.02em}
.payment-options>.payment-group-title:first-child{margin-top:2px}
.payment-options .payment-qris-option,.payment-options label[data-va-option]{grid-column:1/-1}
.payment-options label{display:block;grid-column:1/-1;min-width:0;width:100%;border-radius:10px;overflow:hidden}
.payment-options label>span{min-height:68px;align-content:center;transition:border-color .16s,background .16s,box-shadow .16s}
.payment-va-toggle{grid-column:1/-1;display:block;width:100%;min-height:38px;padding:8px 13px;border:1px solid #3e78ae;border-radius:9px;background:#0c315a;color:#d9ecff;font-size:12px;font-weight:700;cursor:pointer;transition:background .16s,border-color .16s}
.payment-va-toggle:hover,.payment-va-toggle:focus-visible{background:#124477;border-color:#8cc8ff}
.payment-va-toggle:focus-visible{outline:2px solid #d7ecff;outline-offset:2px}
.payment-options label:has(input:focus-visible) span{outline:2px solid #d7ecff;outline-offset:-3px}
.payment-options label.is-unavailable{cursor:not-allowed}
.payment-options label.is-unavailable span{background:#183553;border-color:#365778}
.payment-options label.is-unavailable strong{color:#b6cee8}
.payment-options label.is-unavailable b img{opacity:.7}
.payment-options label.is-unavailable small{color:#ffc0bb;font-style:italic}
.payment-options label[data-va-option] strong{overflow-wrap:anywhere}
.payment-options span b{display:flex;align-items:center;justify-content:center;min-width:0}
.payment-options span b img{width:32px;height:24px;max-width:32px;max-height:24px;object-fit:contain;background:#fff;border-radius:3px;padding:2px}
@media(max-width:620px){.payment-options{gap:8px}.payment-group-title{margin-top:16px;margin-bottom:1px}.payment-options label>span{min-height:66px;padding:12px}}
.kasera-va-name{margin-top:17px;max-width:440px}
.kasera-va-name small{display:block;margin-top:6px;color:#bad4ee;font-size:11px}
.kasera-instruction .btn{display:block;text-align:center;margin:14px 0}
.kasera-instruction-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
.kasera-download-qr{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 10px;border:1px solid #76b9f4;border-radius:7px;background:#124779;color:#fff;font-size:11px;font-weight:700;line-height:1.2;white-space:nowrap;text-decoration:none;cursor:pointer}
.kasera-download-qr:hover,.kasera-download-qr:focus-visible{background:#1762a4;border-color:#b4dcff;color:#fff}
.kasera-download-qr[hidden]{display:none!important}
.kasera-qr-wrap{margin:16px auto;text-align:center}
.kasera-qr{display:block;width:min(100%,320px);height:auto;aspect-ratio:1;margin:auto;background:#fff;border-radius:10px}
.kasera-qr[hidden]{display:none!important}
.kasera-qr-wrap p{font-size:12px;line-height:1.5;color:#d1e5fa}
.payment-countdown{margin:13px 0 4px;color:#fff;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.kasera-instruction .bank-details{display:grid;gap:7px;margin:14px 0;padding:16px;border-radius:10px}
.kasera-instruction .bank-details strong{font-size:19px;letter-spacing:.025em;overflow-wrap:anywhere}
.kasera-bank-logo,.kasera-admin-logo{display:block;max-width:100px;max-height:38px;object-fit:contain;background:#fff;border-radius:5px;padding:4px}
.kasera-admin-logo{margin-top:8px}
.kasera-instruction .bank-details button{justify-self:start}
.kasera-steps{margin:14px 0;text-align:left}
.kasera-steps ol{padding-left:20px;margin:9px 0;line-height:1.65}
.game-order-guide{padding:16px 20px;margin:0 0 18px}
.game-order-guide summary{cursor:pointer;font-weight:700}
.game-order-guide p{margin:13px 0 0;line-height:1.65;color:#d5e8fc}
.reviews-page{padding-top:42px;padding-bottom:80px}
.review-summary{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;align-items:center;padding:24px;margin-bottom:20px}
.review-summary>div:first-child{display:grid;gap:4px}
.review-summary>div:first-child>strong{font:700 48px Outfit,sans-serif;line-height:1}
.review-summary small,.review-card small{color:#b8cee9}
.review-bars{display:grid;gap:8px}
.review-bars>div{display:grid;grid-template-columns:42px minmax(0,1fr) 30px;align-items:center;gap:10px;font-size:12px}
.review-track{height:8px;background:#35618d;border-radius:8px;overflow:hidden}
.review-track span{display:block;height:100%;background:#ffbd4f;border-radius:8px}
.invoice-review{margin-top:20px}
.invoice-review .panel-head{align-items:flex-start;flex-wrap:wrap}
.invoice-review .panel-head p{margin:4px 0 0;color:#b8cee9;font-size:12px}
.invoice-review>p,.invoice-review-saved p{color:#b8cee9}
.invoice-review form{max-width:740px;margin-top:18px}
.invoice-review form .field{display:block;margin-bottom:15px}
.invoice-review form .btn{min-width:160px}
.review-suggestions{margin:0 0 18px}
.review-suggestions>span{display:block;font-size:12px;font-weight:700;color:#d9e9fa}
.review-suggestions>p{font-size:11px;color:#a7bfd8;margin:5px 0 11px}
.review-suggestion-list{display:flex;flex-wrap:wrap;gap:9px}
.review-suggestion-list button{min-height:44px;padding:10px 14px;border:1px solid #48739f;border-radius:9px;background:#173456;color:#e6f2ff;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}
.review-suggestion-list button:hover{background:#22507e;border-color:#85bdff;transform:translateY(-1px)}
.review-suggestion-list button:focus-visible{outline:2px solid #b7ddff;outline-offset:2px}
.review-suggestion-list button:disabled{opacity:.6;cursor:wait;transform:none}
.review-rating{border:0;padding:0;margin:0 0 17px;min-width:0}
.review-rating legend{font-size:12px;font-weight:700;color:#d9e9fa;margin-bottom:8px}
.review-stars{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:3px;width:max-content;max-width:100%}
.review-stars label{display:block;position:relative;cursor:pointer;margin:0;padding:0 2px}
.review-stars input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.review-stars label span{display:block;color:#627c9a;font-size:clamp(30px,7vw,39px);line-height:1;transition:color .14s,transform .14s;pointer-events:none}
.review-stars label:has(input:checked) span,.review-stars label:has(input:checked)~label span{color:#ffba43}
.review-stars:has(label:hover) label span{color:#627c9a}
.review-stars label:hover span,.review-stars label:hover~label span{color:#ffba43}
.review-stars label:has(input:focus-visible){outline:2px solid #e4f3ff;outline-offset:3px;border-radius:5px}
.review-stars label:hover span{transform:scale(1.08)}
.invoice-review-saved{border-top:1px solid var(--line);padding-top:15px}
.invoice-review-saved small{color:#b8cee9}
.review-list h2{margin:0 0 18px}
.review-card strong{display:block;margin-top:8px;font-size:13px}
.review-admin{align-items:flex-start}
.review-admin-actions{display:flex;gap:7px;flex-wrap:wrap}
.review-admin-actions form{margin:0}
.review-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
@media(max-width:620px){.review-summary{grid-template-columns:1fr;gap:18px}.reviews-page{padding-top:25px}.review-grid{grid-template-columns:1fr}.payment-options{grid-template-columns:1fr}}


/* Payment methods stay beside the store description at every viewport. */
.recent-order{grid-template-columns:minmax(0,1fr) auto}
.recent-order .status{max-width:170px;white-space:normal;text-align:center;justify-content:center;line-height:1.25}
.footer-grid>.footer-brand{min-width:0}
.footer-brand .footer-payment-card{width:100%;max-width:370px;min-width:0;margin-top:17px;padding:15px;border:1px solid #3b6b9b;border-radius:14px;background:#09294e}
.footer-brand .footer-payment-card h4{margin:0 0 11px;color:#f5faff;font-size:12px;line-height:1.3}
.footer-brand .footer-payment-methods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.footer-grid .footer-brand .footer-payment-methods span{display:grid;place-items:center;min-width:0;height:38px;margin:0;padding:5px;border-radius:6px;background:#f8fbff}
.footer-payment-methods img{display:block;width:100%;min-width:0;max-width:100%;height:100%;object-fit:contain}
.footer-brand .footer-payment-card>small{display:block;margin-top:6px;color:#a7cbef;font-size:10px}
.footer-brand .footer-payment-provider{display:flex;align-items:center;gap:6px;min-width:0;margin-top:12px;padding-top:10px;border-top:1px solid #35618e}
.footer-payment-provider svg{display:block;width:15px;height:15px;flex:none;color:#9dccff}
.footer-grid .footer-brand .footer-payment-provider span{display:block;min-width:0;margin:0;color:#d9ebff;font-size:10px;font-weight:700;line-height:1.2;white-space:nowrap}
.footer-payment-provider img{display:block;width:86px;height:27px;flex:none;object-fit:contain}
@media(max-width:380px){.footer-brand .footer-payment-card{padding:12px}.footer-grid .footer-brand .footer-payment-provider span{font-size:9px}.footer-payment-provider img{width:72px;height:24px}}
.header-actions .register-link,.mobile-menu-auth .register-link{border-radius:10px}

.digiflazz-row-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:180px}
.digiflazz-row-actions form{margin:0}

/* Quiet night sky without the former grid. */
body.sky-motion{isolation:isolate;background-image:radial-gradient(circle at 9% 23%,rgba(172,215,255,.32) 0 1px,transparent 2px),radial-gradient(circle at 72% 35%,rgba(172,215,255,.24) 0 1px,transparent 2px),radial-gradient(circle at 91% 12%,rgba(172,215,255,.28) 0 1px,transparent 2px),radial-gradient(circle at 17% 20%,rgba(20,95,188,.16),transparent 34%),radial-gradient(circle at 83% 44%,rgba(21,72,152,.13),transparent 30%),linear-gradient(180deg,#071b39,#061329 620px)}
body.sky-motion::before,body.sky-motion::after{content:"";position:fixed;z-index:-1;pointer-events:none;width:160px;height:1px;top:18%;left:-220px;background:linear-gradient(90deg,transparent,rgba(167,218,255,.75) 75%,transparent);box-shadow:0 0 9px 2px rgba(87,164,241,.18);transform:rotate(-25deg);animation:ky-shoot 19s linear infinite}
body.sky-motion::after{top:55%;animation-delay:-10s;animation-duration:23s;opacity:.55}
@keyframes ky-shoot{0%,72%{transform:translate3d(-220px,-60px,0) rotate(-25deg);opacity:0}74%{opacity:.7}89%{opacity:.7}94%,100%{transform:translate3d(calc(100vw + 350px),270px,0) rotate(-25deg);opacity:0}}

/* Nested header and mobile menus. */
.desktop-nav .nav-dropdown{position:relative;flex:none;width:max-content;font-size:13px;font-weight:700;color:#afb5c5}
.desktop-nav .nav-dropdown>summary,.nav-subdropdown>summary{display:flex;align-items:center;justify-content:flex-start;gap:7px;list-style:none;white-space:nowrap;cursor:pointer;min-height:44px}
.desktop-nav .nav-dropdown>summary{width:max-content}
.nav-chevron{display:block;flex:none;width:14px;height:14px;transition:transform .18s ease}
.nav-dropdown[open]>summary .nav-chevron{transform:rotate(180deg)}
.nav-subdropdown[open]>summary .nav-chevron{transform:rotate(90deg)}
.desktop-nav summary::-webkit-details-marker,.mobile-menu-details summary::-webkit-details-marker{display:none}
.desktop-nav .nav-dropdown>summary:hover,.desktop-nav .nav-dropdown>summary.current,.desktop-nav .nav-dropdown[open]>summary{color:#fff}
.desktop-nav .nav-dropdown>summary:focus-visible,.nav-subdropdown>summary:focus-visible,.mobile-menu-details summary:focus-visible{outline:2px solid #8bc7ff;outline-offset:3px;border-radius:6px}
.nav-dropdown-panel{position:absolute;top:calc(100% + 13px);left:-18px;min-width:180px;padding:8px;background:#0b2a51;border:1px solid #376da4;border-radius:12px;box-shadow:0 18px 38px #00152cb8;z-index:35}
.nav-dropdown-panel:before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}
.nav-dropdown-panel>a,.nav-subdropdown-panel>a,.nav-subdropdown>summary{display:flex;align-items:center;justify-content:flex-start;min-height:39px;padding:8px 11px;border-radius:7px;color:#e4f2ff;font-size:12px;font-weight:650;text-align:left}
.nav-subdropdown>summary{gap:8px}
.nav-dropdown-panel>a:hover,.nav-subdropdown-panel>a:hover,.nav-subdropdown>summary:hover{background:#194b80;color:#fff}
.nav-subdropdown{position:relative}
.nav-subdropdown-panel{position:absolute;top:-8px;left:calc(100% + 10px);min-width:185px;padding:8px;background:#0b2a51;border:1px solid #376da4;border-radius:12px;box-shadow:0 18px 38px #00152cb8}
.nav-subdropdown-panel:before{content:"";position:absolute;left:-12px;top:0;bottom:0;width:12px}
.nav-subdropdown-panel>a{gap:10px;white-space:nowrap}
.calculator-menu-icon{display:block;flex:none;width:17px;height:17px;color:#9bcaff}
.mobile-menu-details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:13px 12px;border-radius:9px;color:#e0ecf8;font-weight:650;cursor:pointer}
.mobile-menu-details>summary:after{content:"⌄";transition:transform .18s}
.mobile-menu-details[open]>summary:after{transform:rotate(180deg)}
.mobile-menu-nested{margin-left:12px;padding-left:10px;border-left:1px solid #4478a7;display:grid}
.mobile-menu-nested>a{display:flex;align-items:center;gap:10px;padding:11px 12px;color:#cce5ff}
.mobile-menu-nested .mobile-menu-nested{margin-left:10px}

/* Calculator pages */
.calculator-page{position:relative;padding-top:28px;padding-bottom:85px}
.calculator-breadcrumbs{display:flex;gap:9px;align-items:center;margin-bottom:25px;color:#9bbfe4;font-size:12px}
.calculator-breadcrumbs a:hover{color:#fff}
.calculator-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(230px,1fr);gap:22px;align-items:start}
.calculator-panel,.calculator-side{background:linear-gradient(145deg,rgba(13,43,79,.97),rgba(8,28,56,.98));border:1px solid #2d649e;border-radius:20px;box-shadow:0 18px 55px #00162d54}
.calculator-panel{padding:clamp(22px,4vw,48px)}
.calculator-heading{text-align:center;margin-bottom:33px}
.calculator-heading h1{font-size:clamp(30px,3.2vw,44px);line-height:1.12;margin:8px 0 10px;letter-spacing:-.025em}
.calculator-heading p{max-width:530px;margin:0 auto;color:#b6d0ea}
.calculator-fields{display:grid;gap:18px}
.calculator-field-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.calculator-panel .field{display:grid;gap:7px;margin:0}
.calculator-panel .field>span,.calculator-range-heading label{color:#d9ebff;font-size:12px;font-weight:800;letter-spacing:.035em;text-transform:uppercase}
.calculator-panel .field input{width:100%;min-width:0;min-height:53px;padding:12px 15px;background:#071d3a;border:1px solid #3a6898;border-radius:10px;color:#fff;font-size:16px}
.calculator-panel .field input:focus{border-color:#89c5ff;outline:2px solid #3b9bff55;outline-offset:1px}
.calculator-panel .field small{color:#9bbfe0;font-size:11px}
.calculator-submit{width:100%;margin-top:25px;justify-content:center}
.calculator-error{color:#ffd1d1;background:#5b1c2b;border:1px solid #a94b5d;padding:10px 13px;border-radius:9px;margin:16px 0 0}
.calculator-result{margin-top:23px;padding:23px;border:1px solid #4f94d4;background:linear-gradient(135deg,#123e74,#0b264d);border-radius:13px;text-align:center}
.calculator-result-visible{margin-top:31px}
.calculator-result .eyebrow{color:#a7d4ff}
.calculator-result>strong{display:block;margin:3px 0;color:#fff;font-family:Outfit,sans-serif;font-size:clamp(40px,7vw,70px);line-height:1.1}
.calculator-result-number{display:flex;justify-content:center;align-items:baseline;gap:8px;flex-wrap:wrap}
.calculator-result-number strong{font-family:Outfit,sans-serif;font-size:clamp(42px,7vw,68px);line-height:1.1}
.calculator-result-number b{color:#75b9ff;font-size:13px;text-transform:uppercase;letter-spacing:.1em}
.calculator-result p{color:#c4ddf4;margin:8px 0 0;font-size:12px}
.calculator-note{margin:25px 0 0;color:#a9c5e2;font-size:11px;line-height:1.65}
.calculator-range-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:21px;margin-bottom:13px}
.calculator-range-heading output{font-family:Outfit,sans-serif;font-size:29px;font-weight:800;line-height:1;color:#fff}
.calculator-range{appearance:none;width:100%;height:8px;border-radius:50px;background:linear-gradient(90deg,#4f9ffe var(--range-fill,0%),#294562 var(--range-fill,0%));cursor:pointer}
.calculator-range::-webkit-slider-thumb{appearance:none;width:23px;height:23px;border-radius:50%;border:4px solid #d5eaff;background:#006dff;box-shadow:0 0 0 4px #1960ba60}
.calculator-range::-moz-range-thumb{width:15px;height:15px;border-radius:50%;border:4px solid #d5eaff;background:#006dff;box-shadow:0 0 0 4px #1960ba60}
.calculator-range-scale{display:flex;justify-content:space-between;color:#91b5d7;font-size:11px;margin:7px 0 17px}
.calculator-assumption{display:grid;gap:4px;margin-top:20px;color:#b9d5ed;font-size:12px}
.calculator-assumption strong{color:#fff}
.calculator-assumption-fields{margin-top:19px}
.calculator-switch{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:12px 14px;background:#0a2548;border:1px solid #305e8d;border-radius:11px;cursor:pointer}
.calculator-switch span{display:grid;gap:3px}.calculator-switch strong{font-size:12px}.calculator-switch small{font-size:11px;color:#9abddd}.calculator-switch input{width:20px;height:20px;accent-color:#1685f6;flex:none}
.calculator-side{padding:26px;position:sticky;top:100px}
.calculator-side h2{font-size:21px;line-height:1.2;margin:9px 0 20px}
.calculator-related{display:grid;gap:8px}
.calculator-related a{display:flex;justify-content:space-between;gap:8px;padding:13px 14px;border:1px solid #305d8b;background:#0b2b51;border-radius:10px;font-size:13px}
.calculator-related a:hover{border-color:#77b8f5;background:#16477a}
.calculator-side-link{display:inline-flex;gap:8px;margin-top:24px;color:#a9d8ff;font-weight:700;font-size:12px}
@media(max-width:1050px){.calculator-layout{grid-template-columns:minmax(0,1fr)}.calculator-side{position:static}.nav-subdropdown-panel{left:auto;right:calc(100% + 10px)}}
@media(max-width:800px){.calculator-page{padding-top:20px;padding-bottom:100px}.calculator-side{padding:22px}}
@media(max-width:540px){.calculator-panel{padding:21px 17px;border-radius:16px}.calculator-field-pair{gap:10px}.calculator-panel .field input{font-size:14px}.calculator-heading{margin-bottom:25px}.calculator-heading h1{font-size:31px}.calculator-result{padding:20px 14px}}
@media(prefers-reduced-motion:reduce){body.sky-motion::before,body.sky-motion::after{animation:none;opacity:0}.mobile-menu-details>summary:after,.nav-chevron{transition:none}}
@media print{body.sky-motion::before,body.sky-motion::after{display:none}}

/* Kyungsoo visual system: airy spacing and layered depth, grounded in the existing blue identity. */
:root{
  --ky-blue:#006dff;
  --ky-blue-strong:#0053c7;
  --ky-blue-light:#80bdff;
  --ky-blue-tint:#dcecff;
  --ky-canvas:#06182f;
  --ky-surface:#10345d;
  --ky-surface-raised:#16416f;
  --ky-border:#426f9c;
  --ky-ink:#f8fbff;
  --ky-muted:#d1e4f8;
  --ky-space-1:4px;
  --ky-space-2:8px;
  --ky-space-3:12px;
  --ky-space-4:16px;
  --ky-space-5:20px;
  --ky-space-6:24px;
  --ky-space-8:32px;
  --ky-space-10:40px;
  --ky-space-16:64px;
  --ky-radius-sm:12px;
  --ky-radius-md:18px;
  --ky-radius-lg:24px;
  --ky-radius-pill:999px;
  --ky-shadow-sm:0 1px 2px rgba(0,15,37,.22),0 7px 18px -12px rgba(0,55,120,.35);
  --ky-shadow-md:0 2px 5px rgba(0,15,37,.18),0 18px 34px -20px rgba(0,59,139,.48);
  --ky-shadow-glow:0 2px 0 rgba(0,68,157,.7),0 10px 24px -8px rgba(0,109,255,.48);
  --ky-ease:cubic-bezier(.2,.8,.2,1);
  --ky-speed:200ms;
  --bg:var(--ky-canvas);
  --surface:var(--ky-surface);
  --surface-2:var(--ky-surface-raised);
  --line:var(--ky-border);
  --text:var(--ky-ink);
  --muted:var(--ky-muted);
  --soft:#aac9ea;
}

/* Navigation retains the existing layout and switches surface only after scrolling. */
.site-header{
  background:#082a50;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  border-bottom:1px solid rgba(128,189,255,.24);
  box-shadow:none;
  transition:background-color var(--ky-speed) var(--ky-ease),border-color var(--ky-speed) var(--ky-ease),box-shadow var(--ky-speed) var(--ky-ease);
}
.site-header.is-scrolled{
  background:#0a2b50;
  border-bottom-color:rgba(128,189,255,.38);
  box-shadow:var(--ky-shadow-sm);
}
@supports ((-webkit-backdrop-filter:blur(16px)) or (backdrop-filter:blur(16px))){
  .site-header.is-scrolled{
    background:rgba(8,38,75,.78);
    -webkit-backdrop-filter:saturate(180%) blur(16px);
    backdrop-filter:saturate(180%) blur(16px);
  }
}
.desktop-nav a,.desktop-nav summary,.login-link{color:#d4e6fa}
.desktop-nav a:hover,.desktop-nav a.current,.desktop-nav summary:hover,.desktop-nav summary.current{color:#fff}
.balance-chip{background:#123a67;border-color:var(--ky-border);border-radius:var(--ky-radius-pill);box-shadow:var(--ky-shadow-sm)}
.mobile-menu-trigger{border-radius:var(--ky-radius-sm)}
@media(max-width:800px){
  .mobile-nav{background:#092b54;box-shadow:0 -7px 20px -13px rgba(0,15,37,.7)}
  @supports ((-webkit-backdrop-filter:blur(16px)) or (backdrop-filter:blur(16px))){
    .mobile-nav{background:rgba(9,43,84,.86);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px)}
  }
}

/* Shared button states for storefront, invoice and admin actions. */
.btn{
  border-radius:var(--ky-radius-pill);
  background:linear-gradient(105deg,var(--brand),var(--brand2));
  border-color:rgba(164,211,255,.65);
  color:#fff;
  box-shadow:var(--ky-shadow-glow);
  transition:transform var(--ky-speed) var(--ky-ease),background-color var(--ky-speed) var(--ky-ease),border-color var(--ky-speed) var(--ky-ease),box-shadow var(--ky-speed) var(--ky-ease),filter var(--ky-speed) var(--ky-ease),opacity var(--ky-speed) var(--ky-ease);
}
.btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 3px 0 rgba(0,68,157,.7),0 14px 28px -8px rgba(0,109,255,.58)}
.btn:active:not(:disabled){transform:translateY(1px) scale(.985);filter:brightness(.98);box-shadow:var(--ky-shadow-sm)}
.btn-outline,.btn-glass{background:#123b69;color:#f8fbff;border-color:var(--ky-border);box-shadow:var(--ky-shadow-sm)}
.btn-outline:hover:not(:disabled),.btn-glass:hover:not(:disabled){background:#1b4b7d;border-color:var(--ky-blue-light);box-shadow:var(--ky-shadow-md);filter:none}
.btn-light{background:#f6faff;color:#064990;border-color:#dcecff;box-shadow:var(--ky-shadow-sm)}
.btn-light:hover:not(:disabled){background:#fff;filter:none}
.btn:disabled,.btn[aria-disabled="true"],.btn.is-loading,.btn[aria-busy="true"]{opacity:.58;cursor:not-allowed;box-shadow:none;transform:none;filter:none}
.btn.is-loading,.btn[aria-busy="true"]{position:relative;padding-right:44px}
.btn.is-loading::after,.btn[aria-busy="true"]::after{content:"";position:absolute;right:17px;width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ky-button-loading .8s linear infinite}
@keyframes ky-button-loading{to{transform:rotate(360deg)}}
.mini-btn,.search-box button,.category-pill,.quick-links a,.invoice-code button,.site-pagination a,.recent-pagination button{border-radius:var(--ky-radius-pill);box-shadow:var(--ky-shadow-sm);transition:transform var(--ky-speed) var(--ky-ease),border-color var(--ky-speed) var(--ky-ease),background-color var(--ky-speed) var(--ky-ease),box-shadow var(--ky-speed) var(--ky-ease)}
.mini-btn:hover:not(:disabled),.search-box button:hover:not(:disabled),.invoice-code button:hover:not(:disabled),.site-pagination a:hover,.recent-pagination button:hover:not(:disabled){border-color:var(--ky-blue-light);box-shadow:var(--ky-shadow-md)}
:where(a,button,summary,input,select,textarea,[role="button"]):focus-visible{outline:3px solid #9bd0ff;outline-offset:3px}
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible,.search-box:focus-within{border-color:var(--ky-blue-light);box-shadow:0 0 0 3px rgba(128,189,255,.22),var(--ky-shadow-sm)}
@media(prefers-reduced-motion:reduce){.btn,.mini-btn,.search-box button,.category-pill,.quick-links a,.invoice-code button,.site-pagination a,.recent-pagination button{transition:none}.btn.is-loading::after,.btn[aria-busy="true"]::after{animation:none}}

/* Shared surfaces and rhythm across catalog, product, order tracking and content pages. */
body.sky-motion{background-color:var(--ky-canvas);background-image:radial-gradient(circle at 9% 23%,rgba(172,215,255,.22) 0 1px,transparent 2px),radial-gradient(circle at 72% 35%,rgba(172,215,255,.18) 0 1px,transparent 2px),radial-gradient(circle at 91% 12%,rgba(172,215,255,.2) 0 1px,transparent 2px),radial-gradient(circle at 17% 20%,rgba(20,95,188,.12),transparent 34%),linear-gradient(180deg,#092447,var(--ky-canvas) 660px)}
body.sky-motion::before,body.sky-motion::after{display:none}
.selected-product-dock.is-visible .dock-buy::after,.flash-bolt{animation:none}
.mobile-menu-backdrop:not([hidden]){-webkit-backdrop-filter:none;backdrop-filter:none}
.wrap{max-width:1264px}
h1,h2,h3{letter-spacing:-.035em;text-wrap:balance}
.page-intro{margin-bottom:var(--ky-space-8)}
.page-intro h1{line-height:1.12}
.page-intro p,.section-heading p{max-width:65ch;line-height:1.65;color:var(--ky-muted)}
.eyebrow{color:#a9d5ff}
.catalog-section{padding-top:var(--ky-space-10)}
.section-heading{margin-bottom:var(--ky-space-6)}
.game-grid{gap:var(--ky-space-4)}
.step-card,.panel,.summary-card,.help-card,.news-card,.review-card,.stat-card,.calculator-panel,.calculator-side,.legal-copy,.faq-grid details,.footer-trust{
  background:var(--ky-surface);
  border:1px solid var(--ky-border);
  border-radius:var(--ky-radius-md);
  box-shadow:var(--ky-shadow-sm);
}
.panel,.step-card{padding:var(--ky-space-6)}
.game-card,.flash-card,.social-card,.record-card,.footer-payment-card,.leaderboard-panel{border-radius:var(--ky-radius-md);box-shadow:var(--ky-shadow-sm)}
.game-card{background:#10345d;border-color:#396998;transition:transform var(--ky-speed) var(--ky-ease),border-color var(--ky-speed) var(--ky-ease),box-shadow var(--ky-speed) var(--ky-ease)}
.game-card:hover{transform:translateY(-3px);box-shadow:var(--ky-shadow-md)}
.game-card-bottom{padding:var(--ky-space-4)}
.flash-card{background:var(--ky-surface);border-color:var(--ky-border);padding:var(--ky-space-5)}
.flash-card:hover,.news-card:hover,.social-card:hover{box-shadow:var(--ky-shadow-md)}
.news-card,.review-card{background:var(--ky-surface);border-color:var(--ky-border)}
.social-card{background:var(--ky-surface);border-color:var(--ky-border)}
.search-box,.field input,.field textarea,.field select,.calculator-panel .field input,.calculator-related a,.calculator-switch,.nominal-content,.payment-options label>span{
  background:#0b2c52;
  border-color:var(--ky-border);
  border-radius:var(--ky-radius-sm);
  box-shadow:var(--ky-shadow-sm);
}
.field input::placeholder,.field textarea::placeholder,.search-box input::placeholder{color:#b3cbe4;opacity:1}
.field span,.calculator-panel .field>span{color:#edf6ff}
.field-help,.calculator-panel .field small,.privacy-note{color:#bad2e9}
.category-pill{background:var(--ky-surface);border-color:var(--ky-border);color:#e0efff}
.category-pill.active,.category-pill:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.nominal-content:hover,.payment-options label:not(.disabled):hover>span{border-color:var(--ky-blue-light);box-shadow:var(--ky-shadow-md)}
.nominal-card input:checked+.nominal-content,.payment-options input:checked+span{background:#1d568f;border-color:#a8d7ff;box-shadow:inset 0 0 0 1px #a8d7ff,var(--ky-shadow-sm)}
.invoice-code,.payment-instruction,.provider-note,.calculator-result{border-radius:var(--ky-radius-sm);box-shadow:var(--ky-shadow-sm)}
.invoice-code{background:#0a2d55;border-color:var(--ky-border)}
.leader-row{padding-block:var(--ky-space-4)}
.leader-row b,.summary-total strong,.flash-card b{color:#afd8ff}
.leader-rank,th,td small{color:#c7def6}
.article-body{background:var(--ky-surface);border-color:var(--ky-border);border-radius:var(--ky-radius-md);box-shadow:var(--ky-shadow-sm)}
.calculator-panel,.calculator-side{background:var(--ky-surface);border-color:var(--ky-border);box-shadow:var(--ky-shadow-md)}
.calculator-related a:hover{background:var(--ky-surface-raised)}
.footer-brand .footer-payment-card{background:#0d315a;border-color:var(--ky-border);border-radius:var(--ky-radius-md);box-shadow:var(--ky-shadow-sm)}
.site-footer{background:#082445;border-top-color:var(--ky-border)}
.copyright{color:#b8d0e9}

/* Admin uses the same components, with denser spacing suited to data tables. */
.admin-layout{gap:var(--ky-space-6)}
.admin-menu{background:var(--ky-surface);border-color:var(--ky-border);border-radius:var(--ky-radius-md);box-shadow:var(--ky-shadow-sm);padding:var(--ky-space-2)}
.admin-menu a{border-radius:var(--ky-radius-sm);color:#d9eafe;transition:background-color var(--ky-speed) var(--ky-ease),color var(--ky-speed) var(--ky-ease)}
.admin-menu a.active,.admin-menu a:hover{background:#1d5da3;color:#fff}
.admin-content{gap:var(--ky-space-5)}
.admin-content .panel{background:var(--ky-surface)}
.record-card,.sales-grid>div{background:#0e3159;border-color:var(--ky-border);border-radius:var(--ky-radius-sm);box-shadow:var(--ky-shadow-sm)}
.quick-links a,.mini-btn{background:#17528f;border-color:var(--ky-border);color:#fff}
.admin-content th{color:#cee4fa}
.admin-content td,.admin-content th{border-bottom-color:#315f8c}
.admin-content td small,.admin-content .muted{color:#c5dcf3}
.admin-content .field input,.admin-content .field select,.admin-content .field textarea{background:#092b50}
.admin-content .check-row label,.admin-content .review-admin label{color:#e1efff}
@media(max-width:800px){
  .admin-menu{padding:var(--ky-space-2);gap:var(--ky-space-1)}
  .admin-menu a{flex:none}
  .panel,.step-card{padding:var(--ky-space-5)}
}
@media(max-width:380px){
  .wrap{padding-inline:14px}
  .panel,.step-card,.calculator-panel{padding:16px}
  .game-grid{gap:10px}
  .game-card-bottom{padding:12px}
  .field-grid{grid-template-columns:minmax(0,1fr)}
  .invoice-code strong,.detail-row strong{overflow-wrap:anywhere}
  .admin-content{min-width:0}
}

/* Cards enter once; normal hover states take over after the reveal completes. */
.reveal-ready{opacity:0;transform:translateY(20px) scale(.95);transition:opacity 400ms ease-out,transform 400ms ease-out;transition-delay:var(--reveal-delay,0ms)}
.reveal-ready.is-revealed{opacity:1;transform:translateY(0) scale(1)}
@media(prefers-reduced-motion:reduce){.reveal-ready,.reveal-ready.is-revealed{opacity:1;transform:none;transition:none}}

/* News controls use centered SVG strokes instead of font glyph baselines. */
.news-arrow{display:grid;place-items:center;top:50%;width:44px;height:44px;min-height:44px;padding:0;line-height:1;font-size:0;transform:translateY(-50%);box-shadow:var(--ky-shadow-md)}
.news-arrow svg{display:block;width:18px;height:18px}
.news-arrow[data-news-prev]{left:0}
.news-arrow[data-news-next]{right:0}
.news-arrow:active{transform:translateY(-50%) scale(.96)}
.news-arrow[hidden]{display:none!important}
@media(max-width:540px){.news-arrow[data-news-prev]{left:4px}.news-arrow[data-news-next]{right:4px}}

/* One catalog image fills both frames; each frame has its own saved crop. */
.product-emblem{background:#054990;padding:0;box-sizing:border-box}
.product-emblem img{width:100%;height:100%;object-fit:cover;object-position:var(--game-header-position,50% 50%);border-radius:0}
.dock-art{background:#06407f;padding:0;box-sizing:border-box}
.dock-art img{width:100%;height:100%;object-fit:cover;object-position:var(--game-dock-position,50% 50%);border-radius:0}
.game-focus-section>strong{display:block;font-size:13px;color:#fff}
.game-focus-section>p{margin:5px 0 12px;font-size:11px;line-height:1.5;color:#bdd4eb}
.game-focus-section+.game-focus-section{margin-top:20px;padding-top:18px;border-top:1px solid #497cad}
.game-focus-preview.header{aspect-ratio:175/145;max-width:220px}
.game-focus-preview.dock{aspect-ratio:1;max-width:140px}
@media(max-width:540px){.game-focus-pair{grid-template-columns:minmax(0,1fr)}}

/* Admin, product, checkout, and every footer element must always be visible. */
body:not([data-page="home"]):not([data-page="catalog"]):not([data-page="news"]) .reveal-ready,
.site-footer .reveal-ready{opacity:1;transform:none;transition:none}

/* Keep the QRIS amount distinction beside the checkout total. */
.summary-card .checkout-amount-note{margin:0 0 16px;color:#d1e4f8;font-size:12px;line-height:1.5;text-align:left}
.admin-mobile-menu{display:none}
@media(max-width:800px){
  .admin-menu{display:none}
  .admin-mobile-menu{display:block;background:var(--ky-surface);border:1px solid var(--ky-border);border-radius:var(--ky-radius-sm)}
  .admin-mobile-menu>summary{display:flex;align-items:center;gap:8px;min-height:52px;padding:10px 16px;cursor:pointer;list-style:none}
  .admin-mobile-menu>summary::-webkit-details-marker{display:none}
  .admin-mobile-menu>summary span{color:var(--ky-muted);font-size:12px}
  .admin-mobile-menu>summary strong{font-size:14px}
  .admin-mobile-menu>summary::after{content:'⌄';margin-left:auto;color:var(--ky-muted);font-size:20px;line-height:1}
  .admin-mobile-menu[open]>summary::after{transform:rotate(180deg)}
  .admin-mobile-menu>nav{padding:0 16px 16px;border-top:1px solid var(--ky-border)}
  .admin-mobile-group{padding-top:15px}
  .admin-mobile-group h2{margin:0 0 8px;color:var(--ky-muted);font-size:12px;font-weight:700}
  .admin-mobile-group>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .admin-mobile-group a{display:flex;align-items:center;min-height:44px;padding:9px 11px;border-radius:8px;color:#e5f2ff;font-size:13px;font-weight:700;line-height:1.25;text-decoration:none}
  .admin-mobile-group a.active{background:#1d5da3;color:#fff}
  .admin-mobile-group a:hover{background:#174b80}
}
@media(max-width:540px){
  .hero-slide.is-active{display:flex;align-items:center;min-height:260px}
  .hero-media{position:absolute;inset:0;aspect-ratio:auto;height:100%}
  .hero-media::after{background:linear-gradient(90deg,rgba(3,28,61,.98) 0%,rgba(3,28,61,.94) 48%,rgba(3,28,61,.68) 80%,rgba(3,28,61,.28) 100%)}
  .hero-slide .hero-content{position:relative;inset:auto;width:100%;padding:18px 18px 24px;justify-content:flex-start}
  .hero:has(.hero-indicator) .hero-content{padding-bottom:42px}
  .hero .eyebrow{font-size:10px;line-height:1.25}
  .hero h1{max-width:80%;margin:7px 0 6px;font-size:clamp(20px,5.8vw,27px);line-height:1.12}
  .hero p{max-width:76%;font-size:12px;line-height:1.45}
  .hero-buttons{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:12px}
  .hero-buttons .btn{min-height:44px;padding:10px 13px;font-size:12px;line-height:1.2}
  .hero-points{display:none}
  .hero-indicator{left:18px;right:auto;bottom:7px}
}
@media(max-width:360px){
  .hero-slide.is-active{min-height:250px}
  .hero-slide .hero-content{padding-inline:14px}
  .hero h1{font-size:20px}
  .hero-indicator{left:14px}
}

.receipt header img{
  width:min(100%,230px);
  max-width:none;
  height:auto;
  object-fit:contain;
  padding:5px;
}

@media(max-width:540px){
  .hero-buttons .btn{padding-inline:16px;border-radius:999px}
}

.premium-stock{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;margin-top:12px;color:#fff;font-size:13px}
.premium-stock strong{font-weight:700}
.premium-stock small{color:#d9e9ff;font-size:11px}
.admin-provider-menu{border-top:1px solid var(--ky-border);margin-top:4px;padding-top:4px}
.admin-provider-menu summary{cursor:pointer;list-style:none;padding:9px 13px;color:#d9eafe;font-size:12px;font-weight:700}
.admin-provider-menu summary::-webkit-details-marker{display:none}
.admin-provider-menu summary::after{content:'⌄';float:right}
.admin-provider-menu[open] summary::after{transform:rotate(180deg)}
.admin-provider-menu a{display:block;margin-left:10px}
.manual-badge{align-self:center;border:1px solid #8dc5ff;border-radius:6px;padding:2px 6px;color:#d9ebff;font-size:9px;font-weight:800;letter-spacing:.06em}
.manual-stock-result{margin-top:18px;padding:22px}
.manual-stock-result h2{font-size:18px;margin:0 0 4px}
.manual-stock-result p{color:var(--ky-muted);font-size:12px}
.manual-stock-result .bank-details{overflow-wrap:anywhere;white-space:normal;line-height:1.6}
.manual-stock-admin-result{flex-basis:100%;max-width:520px}
.manual-stock-admin-result .field textarea{width:100%}

/* The help button sits beside MANUAL and outside both radio labels. */
.nominal-top,.nominal-bottom,.manual-badge{cursor:pointer}
.has-manual-help .nominal-content{overflow:visible}
.has-manual-help .nominal-bottom{border-radius:0 0 9px 9px}
.manual-row{display:flex;align-items:center;justify-content:center;gap:6px;min-height:31px;padding:4px 8px;background:#173d67;border-top:1px solid #426e9b}
.nominal-card:has(.manual-help.is-open){z-index:5}
.manual-help{position:relative;z-index:3}
.manual-help-toggle{display:grid;place-items:center;width:23px;height:23px;padding:0;border:1px solid #9bcfff;border-radius:50%;background:#0b3159;color:#fff;font-size:12px;font-weight:800;line-height:1;cursor:help;touch-action:manipulation}
.manual-help-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}
.manual-help-popover{position:absolute;top:calc(100% + 6px);right:0;width:min(210px,62vw);max-height:145px;overflow:auto;padding:10px 12px;border:1px solid #8bc3f5;border-radius:9px;background:#08284b;color:#f1f8ff;box-shadow:var(--ky-shadow-md);font-size:11px;line-height:1.45;text-align:left;overflow-wrap:anywhere;visibility:hidden;opacity:0;pointer-events:none;transition:opacity 140ms ease}
.manual-help.is-open .manual-help-popover{visibility:visible;opacity:1;pointer-events:auto}
@media(hover:hover){.manual-help:not(.is-dismissed):hover .manual-help-popover{visibility:visible;opacity:1;pointer-events:auto}.nominal-card:hover{z-index:4}.game-card:hover,.game-card:focus-visible{transform:translateY(-5px) rotate(2deg);border-color:#90ceff;box-shadow:var(--ky-shadow-md)}}
@media(min-width:541px){.nominal-card:nth-child(3n + 1) .manual-help-popover{left:0;right:auto}}
@media(max-width:540px){.nominal-card:nth-child(odd) .manual-help-popover{left:0;right:auto}.game-card:hover{transform:none}.game-card:active,.game-card:focus-visible{transform:rotate(2deg) scale(.98);border-color:#90ceff}}
@media(prefers-reduced-motion:reduce){.manual-help-popover{transition:none}.game-card:hover,.game-card:focus-visible,.game-card:active{transform:none;transition:none}}

.order-list-views{display:flex;gap:8px;margin:14px 0}
.order-list-views .mini-btn.active{border-color:#94ccff;background:#1465b7}
.order-correction-form{flex-basis:100%;max-width:520px}
.order-correction-form[open]{padding:10px 0}
.order-correction-form form,.manual-stock-admin-result form{display:grid;gap:10px;margin-top:10px}
.order-correction-form .field textarea,.manual-stock-admin-result .field textarea{width:100%;min-width:0}
.order-correction-form .field-help{margin:0;font-size:11px}
.order-manual-flag{color:#b5deff!important;font-weight:700}
.order-admin-history{margin-top:12px;border-top:1px solid var(--ky-border);padding-top:10px;color:#c8def2;font-size:11px}
.order-admin-history summary{cursor:pointer;font-weight:700}
.order-admin-history ul{margin:8px 0 0;padding-left:18px}
.order-admin-history li+li{margin-top:7px}

.order-review-page{max-width:820px;padding-top:40px;padding-bottom:90px}
.order-review-page .page-intro{margin-bottom:22px}
.order-review-product{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--ky-border);padding:0 0 17px;color:#b8cee9;font-size:12px}
.order-review-product strong{color:#fff;text-align:right;overflow-wrap:anywhere}
.order-review-page .invoice-review{margin-top:20px}
.order-review-wait p{color:#b8cee9}
@media(max-width:540px){.order-review-page{padding-top:28px}.order-review-product{display:grid;gap:5px}.order-review-product strong{text-align:left}.order-review-page .invoice-review{padding:19px}}