/* Random3K Pro UI — independently designed game storefront, responsive light/dark mode */
:root{color-scheme:light;--bg:#f6f8fe;--surf:#ffffff;--surf2:#f2f5fb;--edge:#e3e8f2;--text:#1d2942;--dim:#66758f;--violet:#6d39d9;--mint:#168f81;--pink:#ec3e84;--shadow:0 14px 38px rgba(38,54,95,.07);--focus:rgba(113,76,207,.18);--input:#f9fbff;--link:#6637ce;--top:#f0eafd;--promo:#25194a;--primary:#6e3bd4;--primary2:#a25ff2;--card:#fff}
html[data-theme="dark"]{color-scheme:dark;--bg:#0d1220;--surf:#192238;--surf2:#222c45;--edge:#34415b;--text:#edf2fe;--dim:#a3afc6;--violet:#bb99ff;--mint:#74e3d2;--pink:#ff83b9;--shadow:0 20px 50px rgba(0,0,0,.22);--focus:rgba(151,113,255,.19);--input:#111a2c;--link:#bf9bff;--top:#1a1d32;--promo:#1b1940;--primary:#7548d8;--primary2:#9b54da;--card:#192238}
body{background:var(--bg);color:var(--text);font-size:13px}
a:hover{color:var(--link)}p{color:var(--dim)}.ambience{display:none}
.top-banner{background:var(--top);color:var(--text);border-bottom:1px solid var(--edge);font-size:10px}.top-banner-inner{display:flex;min-height:31px;justify-content:space-between;align-items:center;gap:14px}.top-banner-inner>span{font-weight:800;letter-spacing:.035em}.top-banner-inner>div{display:flex;gap:18px;white-space:nowrap}.top-banner a{color:var(--dim)}
.shop-header{background:var(--surf);border-bottom:1px solid var(--edge)}.shop-header-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:28px}.shop-logo{display:flex;gap:10px;align-items:center;min-width:200px}.shop-logo-mark{display:grid;place-items:center;letter-spacing:-.12em;background:linear-gradient(125deg,#a157f6,#603bd2);color:#fff;border-radius:14px;height:50px;width:50px;transform:rotate(-6deg);font-weight:900;font-size:23px;box-shadow:0 9px 18px #9769e44a}.shop-logo-mark span{color:#ffcc56}.shop-logo-type{font-size:23px;line-height:1;font-weight:900;letter-spacing:-.065em;color:var(--text)}.shop-logo-type>span{color:var(--primary)}.shop-logo-type small{display:block;font-size:8px;letter-spacing:.19em;font-weight:800;color:var(--dim);margin-top:7px}.header-search{display:flex;align-items:center;flex:1;max-width:510px;border:1px solid var(--edge);border-radius:12px;background:var(--input);height:45px;overflow:hidden}.header-search .search-symbol{font-size:25px;color:var(--dim);padding-left:14px;line-height:1}.header-search input{height:100%;flex:1;background:transparent;border:0;box-shadow:none!important;border-radius:0;padding:0 12px;font-size:12px}.header-search button{height:100%;padding:0 19px;border:0;background:var(--primary);color:white;font-weight:700;font-size:12px}.header-right{display:flex;align-items:center;gap:9px;white-space:nowrap}.theme-toggle{background:var(--surf2);border:1px solid var(--edge);color:var(--text);border-radius:11px;font-size:21px;height:40px;width:40px}.header-wallet{background:#f0e9ff;color:#673ad3;border-radius:10px;padding:10px 13px;font-weight:800;border:1px solid #e0d5fa}.header-user{color:var(--text);font-weight:700;font-size:12px}.header-logout{margin:0}.header-logout button{background:transparent;border:0;color:var(--dim);font-size:20px}.store-nav{background:var(--surf);border-bottom:1px solid var(--edge)}.store-nav-inner{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin}.store-nav-link{padding:12px 16px;display:block;color:var(--dim);font-weight:700;font-size:12px;white-space:nowrap}.store-nav-link:hover{color:var(--link);background:var(--surf2)}
html[data-theme="dark"] .header-wallet{background:#392950;color:#d7b6ff;border-color:#60477e}
.demo-strip{background:#ffecaf;color:#71500d;padding:8px 12px;font-size:11px;font-weight:700}.main{padding-top:27px;min-height:60vh;padding-bottom:75px}.admin-main{min-height:66vh;padding-top:24px}.flash{background:var(--surf);border-color:var(--edge);color:var(--text)}.flash.success{background:var(--surf);border-color:#44c2a8}.flash.warning{background:var(--surf);border-color:#db9f4c}.flash.error{background:var(--surf);border-color:#f16b9b}
.store-layout{display:grid;grid-template-columns:233px minmax(0,1fr);gap:23px;align-items:start}.category-rail{background:var(--surf);border:1px solid var(--edge);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.category-rail-title{background:linear-gradient(112deg,#6b36d2,#9a5aea);color:white;display:flex;justify-content:space-between;padding:16px;font-weight:900;letter-spacing:.03em;font-size:12px}.rail-link{display:flex;align-items:center;gap:11px;font-size:12px;min-height:46px;padding:9px 15px;color:var(--text);border-bottom:1px solid var(--edge)}.rail-link>span:nth-child(2){flex:1}.rail-icon{width:23px;text-align:center;font-size:18px}.rail-link>b{font-size:16px;color:var(--dim)}.rail-link:hover,.rail-link.current{color:var(--link);background:var(--surf2)}.rail-help{display:block;background:var(--surf2);margin:15px 12px 3px;padding:11px;border-radius:9px;text-align:center;font-weight:800;color:var(--link)}.category-rail>small{display:block;color:var(--dim);font-size:9px;line-height:1.5;padding:0 16px 14px}.store-feed{min-width:0}.promo-banner{display:grid;grid-template-columns:1.28fr .72fr;min-height:333px;background:linear-gradient(112deg,#23153f 0%,#3c2374 56%,#352e93 100%);color:#fff;border-radius:15px;overflow:hidden;position:relative;box-shadow:var(--shadow)}.promo-banner::after{content:'';position:absolute;width:270px;height:270px;border-radius:50%;background:#ec7ecb4f;filter:blur(90px);right:5%;top:-50px}.promo-copy{position:relative;z-index:2;padding:44px 0 40px 42px}.promo-tag{display:inline-flex;background:#ffffff26;border:1px solid #ffffff31;border-radius:30px;padding:6px 12px;font-size:10px;font-weight:800;letter-spacing:.13em}.promo-copy h1{font-size:clamp(27px,3vw,39px);letter-spacing:-.05em;line-height:1.23;margin:20px 0 15px}.promo-copy em{font-style:normal;color:#efb9ff}.promo-copy p{color:#e5dafc;max-width:405px;font-size:12px;line-height:1.8}.promo-ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.promo-outline{border:1px solid #ffffff61;color:#fff;background:#ffffff1c}.promo-outline:hover{color:white}.promo-graphic{position:relative;z-index:1;display:grid;place-items:center;min-width:150px;overflow:hidden}.promo-ring{position:absolute;border:1px solid #ebccff60;border-radius:50%;width:250px;height:250px;transform:rotate(-24deg)}.ring-inner{width:185px;height:185px;border-color:#ffc5efaa}.promo-crest{font-size:96px;font-weight:900;letter-spacing:-.15em;text-shadow:0 14px 28px #110d3a;transform:rotate(-9deg);line-height:1}.promo-crest span{color:#ffbe5c}.promo-crest small{display:block;font-size:12px;letter-spacing:.32em;font-weight:800;text-align:center;color:#e1cbff;margin-top:15px}.promo-glow{position:absolute;color:#ffc0ef;font-size:70px;top:12%;right:3%}.metrics-line{margin:14px 0;display:flex;gap:15px;flex-wrap:wrap;color:var(--dim);font-size:10px;font-weight:700}.metrics-line span{padding:6px 10px;background:var(--surf);border-radius:8px;border:1px solid var(--edge)}.store-categories,.product-section{margin-top:30px}.section-heading{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-bottom:17px}.section-heading h2{font-size:21px;margin:3px 0 0;color:var(--text)}.section-heading>a,.result-count{font-size:11px;color:var(--link);font-weight:700}.mini-kicker{color:var(--primary);font-size:10px;font-weight:900;letter-spacing:.12em}.cat-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.cat-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;min-height:107px;padding:11px;border-radius:12px;background:var(--surf);border:1px solid var(--edge);box-shadow:0 6px 16px #19253f05;min-width:0}.cat-tile span{font-size:26px;line-height:1.2}.cat-tile strong{font-size:11px;line-height:1.35;overflow-wrap:anywhere;color:var(--text)}.cat-tile small{font-size:9px;color:var(--dim)}.cat-tile:hover{border-color:var(--primary);transform:translateY(-2px)}.cat-tile.active{border-color:#ac8cf3;background:var(--surf2)}.new-product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.product-card{background:var(--surf);border:1px solid var(--edge);box-shadow:var(--shadow);border-radius:13px}.product-card:hover{border-color:#a888e5}.product-art{height:157px}.category-chip{border:0;background:#ffffffed;color:#53339d;font-size:10px}.inventory-tag{font-size:10px;background:#132d44e0;color:#d9ffee}.big-symbol{font-size:59px;filter:drop-shadow(0 12px 16px #121c4848)}.product-body{padding:13px}.small-kicker,.small-muted{color:var(--dim)}.product-body h3{font-size:12px;min-height:32px;line-height:1.4}.product-body p{font-size:10px;min-height:34px;max-height:34px}.product-end{border-top:1px solid var(--edge)}.product-end b{font-size:17px;color:var(--primary)}.circle-arrow{background:var(--surf2);color:var(--link);height:30px;width:30px}.store-cta{margin:30px 0;background:linear-gradient(108deg,#6433cc,#a052d9);color:white;border-radius:14px;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:15px}.store-cta p{color:#efe6ff;margin:7px 0 0;font-size:11px;max-width:500px}.store-cta strong{font-size:16px}.store-cta .btn-primary{background:#fff;color:#6c40c9}
.store-footer{border-top:1px solid var(--edge);background:var(--surf);padding:36px 0}.store-footer-grid{display:grid;grid-template-columns:2.5fr 1fr 1.2fr;gap:40px}.store-footer-grid>div{display:flex;align-items:start;flex-direction:column;gap:9px}.store-footer-grid strong{font-size:12px}.store-footer-grid a:not(.footer-logo){color:var(--dim);font-size:11px}.store-footer-grid p{font-size:12px;max-width:410px;margin:0}.footer-logo{font-size:19px;font-weight:900;color:var(--primary)}.footer-note{font-size:10px;color:var(--dim)}
/* Shared application pages use the same theme surfaces */
.panel,.purchase-panel{background:var(--surf);color:var(--text);border-color:var(--edge);box-shadow:var(--shadow)}.pagehead h1,.panel h2,.panel h3{color:var(--text)}.eyebrow{color:var(--link)}.panel>p,.fine-print,.muted{color:var(--dim)}input,textarea,select{background:var(--input);color:var(--text);border-color:var(--edge)}input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus)}.stack-form label{color:var(--text)}.btn-primary{background:linear-gradient(125deg,var(--primary),var(--primary2));color:#fff;box-shadow:none}.btn-soft{color:var(--text);background:var(--surf2);border:1px solid var(--edge)}.btn-text{color:var(--link)}.notice{background:var(--surf2);border-color:var(--edge);color:var(--text)}.thin-line{background:var(--edge)}.wallet-primary,.balance-panel{background:var(--surf);color:var(--text)}.balance-panel h2,.wallet-primary h2{color:var(--primary)}.steps,.status,.kpi small{color:var(--dim)}.kpi strong{color:var(--text)}.kpi span{color:var(--dim)}.admin-nav{border-color:var(--edge)}.admin-nav a{background:var(--surf);color:var(--text);border:1px solid var(--edge)}.admin-nav a:hover{background:var(--surf2)}.price-xl{color:var(--primary)}.subtotal strong{color:var(--text)}.detail-facts>div{border-color:var(--edge)}.detail-facts b{color:var(--text)}.crumb{color:var(--dim)}.crumb a,.panel-head a,td a,.auth-switch a{color:var(--link)}.auth-intro p{color:var(--dim)}td{color:var(--text)}th{color:var(--dim)}th,td{border-color:var(--edge)}.mono,.notice code{color:var(--text)}.status{background:var(--surf2)}.status.approved,.status.completed{background:#d9f7e7;color:#166b4c}.status.pending,.status.processing,.status.sending{background:#fff1cf;color:#8b611d}.status.rejected,.status.failed{background:#ffe1e6;color:#973748}.status.review{background:#fff0da;color:#9d6317}.delivery{background:var(--input);color:var(--text);border-color:var(--edge)}.keyvals span{color:var(--dim)}.keyvals b{color:var(--text)}
html[data-theme="dark"] .status.approved,html[data-theme="dark"] .status.completed{background:#244c40;color:#a3f2d2}html[data-theme="dark"] .status.pending,html[data-theme="dark"] .status.processing{background:#514328;color:#ffd995}html[data-theme="dark"] .status.failed{background:#592f40;color:#ffadb9}
.deposit-card{border:1px solid var(--edge);border-radius:12px;padding:19px;background:var(--surf2);min-width:0}.deposits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.deposit-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.deposit-top strong{font-size:20px}.deposit-code{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0;font-size:12px}.deposit-code b{font-family:ui-monospace,Consolas,monospace;letter-spacing:.04em;color:var(--link)}.deposit-card small{color:var(--dim)}.qr-image{width:100%;max-width:260px;display:block;margin:12px auto;border-radius:12px;background:#fff;padding:5px}.qr-direct{font-size:12px;display:block;text-align:center;color:var(--link)}.bank-lines>div{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--edge)}.bank-lines span{color:var(--dim)}.bank-lines b{color:var(--text)}.legal-copy h2{margin:24px 0 9px}.legal-copy p{line-height:1.8}
@media(max-width:1100px){.shop-logo{min-width:165px}.shop-header-inner{gap:15px}.store-layout{grid-template-columns:200px minmax(0,1fr);gap:16px}.new-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cat-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.store-nav-link{padding:11px 12px}.promo-copy{padding-left:27px}.promo-copy h1{font-size:30px}}
@media(max-width:790px){.top-banner-inner>span{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-header-inner{padding:12px 0;flex-wrap:wrap;gap:11px}.shop-logo{min-width:0;flex:1}.header-search{order:3;max-width:none;flex-basis:100%}.header-right{flex:0 1 auto}.store-layout{display:block}.category-rail{display:none}.promo-banner{min-height:290px}.cat-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.store-footer-grid{grid-template-columns:1fr 1fr}.store-footer-grid>div:first-child{grid-column:1/-1}.new-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:540px){.shell{width:min(100% - 24px,1200px)}.top-banner-inner>div{gap:7px}.top-banner a{font-size:9px}.shop-logo-mark{height:40px;width:40px;font-size:19px}.shop-logo-type{font-size:19px}.shop-logo-type small{font-size:7px}.theme-toggle{height:35px;width:35px}.header-wallet{padding:7px;font-size:11px}.header-user{font-size:11px}.header-user span,.header-logout,.register-pill{display:none}.promo-banner{grid-template-columns:1fr;min-height:330px}.promo-copy{padding:28px 24px 26px}.promo-copy h1{font-size:30px}.promo-graphic{position:absolute;bottom:-55px;right:-20px;width:140px;height:170px;opacity:.35}.promo-crest{font-size:55px}.promo-crest small{font-size:7px}.metrics-line{gap:6px}.metrics-line span{font-size:9px;padding:4px 6px}.cat-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cat-tile{min-height:92px}.cat-tile strong{font-size:10px}.new-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-art{height:150px}.product-body{padding:11px}.product-body h3{font-size:12px}.product-end b{font-size:14px}.store-cta{flex-direction:column;align-items:start}.store-footer-grid{gap:25px}.deposits-grid{grid-template-columns:1fr}.section-heading h2{font-size:20px}.store-nav-link{font-size:11px}.wallet-layout{grid-template-columns:1fr}}
@media(max-width:350px){.new-product-grid{grid-template-columns:1fr}.header-search button{padding:0 10px}.top-banner-inner>div a:first-child{display:none}}
@media(prefers-reduced-motion:reduce){.cat-tile:hover{transform:none}}