:root{--bg:#080e1c;--surface:#101a2d;--card:#17233a;--muted:#96a6c3;--line:#283550;--blue:#526bff;--cyan:#55d7ff;--white:#f4f7ff;--gold:#fed67e}
*{box-sizing:border-box}html{height:100%;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--white);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;min-height:100%;-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}b,strong{font-weight:750}.shell{max-width:730px;margin:0 auto;min-height:100svh;padding:0 18px 98px}h1,h2,h3,p{margin:0}.topbar{height:80px;display:flex;gap:11px;align-items:center}.logomark{height:43px;width:43px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(140deg,#213b9b,#121c4b);box-shadow:0 0 0 1px #536ced44;color:#fff;font-weight:950;letter-spacing:-4px;padding-right:4px;font-size:22px}.logomark span{color:#88e5ff}.brand{display:flex;flex-direction:column;line-height:1.3;flex:1;letter-spacing:.08em}.brand strong{font-size:14px}.brand small{letter-spacing:0;color:#8293af;font-size:11px;margin-top:4px}.avatar{width:42px;height:42px;border:1px solid #2f3d5c;background:#19263e;border-radius:50%;display:grid;place-items:center;font-size:19px}
.hero{position:relative;overflow:hidden;border-radius:26px;padding:26px 23px 20px;min-height:286px;background:radial-gradient(ellipse at 86% 24%,#2652c0 0%,#14275c 33%,transparent 65%),linear-gradient(140deg,#202c75,#122049 60%,#0f1532);border:1px solid #324b91}.hero-shine{position:absolute;inset:0;background:linear-gradient(130deg,#ffffff0b,transparent 43%);pointer-events:none}.eyebrow{position:relative;font-size:10px;letter-spacing:.18em;font-weight:800;color:#c3ddff}.eyebrow.muted{color:#7893be}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#60e6c7;box-shadow:0 0 10px #60e6c7;margin-right:7px}.hero h1{position:relative;font-size:clamp(30px,8vw,46px);letter-spacing:-.055em;line-height:1.09;margin:18px 0 14px;max-width:390px}.hero h1 em{font-style:normal;color:#7eabff}.hero p{position:relative;max-width:360px;color:#d1dcfa;font-size:12.5px;line-height:1.6}.hero-foot{position:relative;margin-top:23px;color:#dce7ff;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:650}.hero-foot .flag{font-size:15px}.dot{color:#8198c8}.hero-orb{position:absolute;border-radius:50%;pointer-events:none}.orb1{width:190px;height:190px;right:-70px;bottom:-63px;background:linear-gradient(130deg,#3b67f6,#0c1245);box-shadow:inset 0 0 35px #90b4ff35,0 0 45px #5978fd3d}.orb2{width:95px;height:95px;right:40px;bottom:55px;border:18px solid #ffffff12;transform:rotate(30deg)}
.sectionbar{margin:29px 1px 15px;display:flex;align-items:end;justify-content:space-between;gap:5px}.sectionbar h2{font-size:21px;letter-spacing:-.035em;margin-top:5px}.chip{border:1px solid #2e4367;color:#9ebaff;background:#16233c;border-radius:30px;padding:5px 10px;font-size:11px;white-space:nowrap}.filter{display:flex;align-items:center;gap:12px;margin-bottom:18px;color:#d9e5ff;font-size:12px;font-weight:700}.filter span:first-child{border:1px solid #4d65ab;background:#202c55;border-radius:12px;padding:9px 14px}.filter .soon{color:#647795;font-weight:500}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product{border:1px solid #263958;background:linear-gradient(150deg,#1a2843,#111b2e);border-radius:19px;padding:13px;text-align:left;color:#fff;min-height:178px;position:relative;overflow:hidden;transition:transform .15s,border-color .15s}.product:active{transform:scale(.985)}.product:hover{border-color:#657eec}.product:before{content:"";position:absolute;right:-32px;top:-30px;width:130px;height:130px;border:26px solid #718cff10;border-radius:50%}.product-top{display:flex;align-items:center;justify-content:space-between;position:relative}.card-icon{border-radius:11px;padding:5px 8px;background:#3449b7;font-weight:900;font-size:11px}.stock{color:#69dabc;font-size:10px;font-weight:700}.stock.empty{color:#e6a0a0}.product h3{font-size:26px;line-height:1.2;letter-spacing:-.05em;margin-top:25px}.product h3 span{font-size:13px;color:#99b4e0;letter-spacing:0}.product-sub{font-size:10px;color:#7e91b5;margin:3px 0 8px}.product-foot{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:17px;color:#fff}.product-foot .arrow{width:25px;height:25px;border:1px solid #4267d3;background:#253e8b;border-radius:8px;display:grid;place-items:center;font-size:14px;color:#b0c8ff}.product-foot .unknown{color:#8291af;font-size:12px}.product:disabled{opacity:.55}.info{border:1px solid #2f405a;background:#121f34;border-radius:16px;padding:14px;margin-top:20px;display:flex;align-items:start;gap:11px}.info-icon{color:#89baff;font-size:18px}.info p{font-size:12px;color:#a8b9d1;line-height:1.65}.loading{grid-column:1/-1;text-align:center;border:1px dashed #2d4062;background:#111a2c;color:#8a9ebd;padding:28px 12px;border-radius:18px}.hidden{display:none!important}
.bottomnav{position:fixed;max-width:730px;margin:auto;bottom:0;left:0;right:0;display:flex;gap:8px;align-items:center;justify-content:space-around;padding:12px max(18px,env(safe-area-inset-right)) calc(11px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));border-top:1px solid #233451;background:#0c1424ed;backdrop-filter:blur(18px);z-index:4}.navitem{border:0;background:transparent;color:#7f94b6;font-size:11px;display:flex;gap:2px;align-items:center;justify-content:center;flex-direction:column;min-width:72px;padding:3px}.navitem span{font-size:21px;line-height:1.4}.navitem.selected{color:#98b5ff;font-weight:700}
.simple-title{font-size:30px;letter-spacing:-.06em;margin:8px 0}.page-desc{color:#91a4c1;font-size:13px;line-height:1.65;margin:8px 0 22px}.order-list{display:grid;gap:10px;margin-top:20px}.order{padding:17px;border:1px solid #31405d;border-radius:15px;background:#142038;display:flex;justify-content:space-between;gap:10px}.order small{display:block;font-size:11px;color:#859cbd;margin-top:4px}.order .order-status{font-size:11px;color:#9ed4ff;text-align:right}.order .price{font-weight:800;font-size:18px}.profile-card{display:flex;gap:13px;align-items:center;padding:16px;background:#192743;border-radius:18px;margin:18px 0}.profile-icon{width:48px;height:48px;border-radius:14px;background:#2a3d71;display:grid;place-items:center;font-size:23px}.tiny{font-size:12px;color:#98accb;margin-top:4px}.detail-info{padding:18px;background:#131f35;border:1px solid #273a59;border-radius:16px;margin-bottom:10px}.detail-info h3{font-size:15px;margin-bottom:7px}.detail-info p{font-size:12px;line-height:1.65;color:#91a9c9}
.modal{position:fixed;inset:0;z-index:10;display:flex;align-items:end;justify-content:center}.scrim{position:absolute;inset:0;background:#03060dbc}.sheet{width:100%;max-width:730px;max-height:90svh;overflow:auto;position:relative;background:#111a2b;border:1px solid #33486e;border-radius:26px 26px 0 0;padding:10px 20px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -20px 65px #0009}.grab{width:38px;height:4px;background:#40516a;border-radius:10px;margin:0 auto 18px}.sheet-head{display:flex;align-items:center;justify-content:space-between}.close{border:0;background:#263653;color:#c4d4f0;border-radius:50%;height:32px;width:32px}.sheet-visual{display:flex;align-items:center;gap:24px;background:radial-gradient(at 87% 6%,#5779dd,#182959 60%,#172448);border-radius:18px;border:1px solid #3e5597;padding:24px;margin-top:13px}.sheet-flag{font-size:43px}.sheet-visual strong{font-size:34px;letter-spacing:-.055em}.sheet-visual .sm{font-size:10px;letter-spacing:.15em;color:#d1dcfb}.sheet h2{margin-top:19px;font-size:20px}.detail-line{display:flex;justify-content:space-between;border-bottom:1px solid #2e405e;padding:12px 0;font-size:13px}.detail-line span{color:#8fa2c4}.agree{display:flex;gap:11px;align-items:start;margin:20px 0 12px;color:#b5c6df;font-size:11px;line-height:1.5}.agree input{width:17px;height:17px;accent-color:#637bff;flex:none}.buy{border:0;background:linear-gradient(100deg,#5971ff,#4266d7);width:100%;color:#fff;font-weight:750;padding:14px 12px;border-radius:13px;margin-top:6px}.buy:disabled{background:#34405a;color:#9daac2}.hint{text-align:center;color:#879bbc;font-size:11px;margin-top:11px}.toast{position:fixed;z-index:20;bottom:96px;left:50%;transform:translateX(-50%);max-width:400px;width:calc(100% - 40px);border:1px solid #506b91;background:#253757;border-radius:14px;padding:12px 15px;font-size:12px;color:#e8f1ff;box-shadow:0 12px 20px #0009}
@media (min-width:600px){.products{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{min-height:305px}.hero h1{font-size:48px}.product{min-height:190px}}

/* Neon Graphite GameZona: единый фирменный стиль с сайтом */
:root{
  --bg:#0a1010;--surface:#121b1b;--card:#192321;--muted:#98aea4;
  --line:#314339;--blue:#baff62;--cyan:#c7ff78;--white:#f5faf5;--gold:#c3ff6c
}
body{background:var(--bg);color:var(--white)}
.logomark{background:linear-gradient(135deg,#304a28,#131c18);border:1px solid #699644;
  color:#c6ff7e;box-shadow:0 0 0 1px #b4ff4f1c}
.logomark span{color:#fff}
.brand strong{color:#f4f8f1;letter-spacing:.01em;font-weight:900;font-size:17px}
.brand small{color:#a6b7ae}
.avatar{background:#202e27;border-color:#405d3c}
.hero{background:radial-gradient(ellipse at 87% 25%,#486c3c 0%,#22382b 38%,transparent 72%),
 linear-gradient(130deg,#1c2922,#0c1414);border-color:#476341}
.hero .eyebrow{color:#c9eac2}
.hero h1 em{color:#beff65}
.hero p{color:#d6e4d6}
.hero-foot{color:#d7ebce}
.pulse{background:#b7ff62;box-shadow:0 0 12px #b7ff62}
.orb1{background:linear-gradient(135deg,#7cae53,#203827);box-shadow:0 0 40px #a4ff4366}
.orb2{border-color:#d8ff931a}
.sectionbar .eyebrow.muted{color:#97c88e}
.chip{color:#c7fa9a;background:#243323;border-color:#51764b}
.filter{color:#d2e8d0}
.filter span:first-child{background:#263827;border-color:#5e8a4e}
.product{background:linear-gradient(145deg,#1d2a25,#111a18);border-color:#364a3d}
.product:hover{border-color:#a9f274}
.product:before{border-color:#bbff6612}
.card-icon{background:#48672d;color:#eaffce}
.stock{color:#b8f98a}.stock.empty{color:#dd9292}
.product h3 span{color:#b7dca3}
.product-sub{color:#9aafa0}
.product-foot .arrow{background:#304926;border-color:#5e8841;color:#c4ff88}
.info{background:#17231d;border-color:#36523b}
.info-icon{color:#c2ff8a}
.info p{color:#b4c7b5}
.loading{background:#17201b;border-color:#3f5a42;color:#b8cab9}
.bottomnav{background:#0d1511ef;border-color:#344b36}
.navitem{color:#9dae9d}.navitem.selected{color:#c4ff79}
.order{background:#18251d;border-color:#37533d}
.order small{color:#a4bca4}.order .order-status{color:#c4ff83}
.order .price{color:#c4ff83}
.profile-card{background:#1d2b20}.profile-icon{background:#395337}
.tiny{color:#a6b9a5}
.detail-info{background:#17221b;border-color:#39523d}
.detail-info p{color:#acbfac}
.modal .sheet{background:#151f1a;border-color:#517043}
.close{background:#2d4030;color:#dcebd6}
.sheet-visual{background:radial-gradient(at 82% 4%,#4e7239,#1e3021 68%,#152217);border-color:#567c42}
.sheet-visual .sm{color:#d8edce}
.detail-line{border-color:#3a513d}
.detail-line span{color:#afc3a9}
.agree{color:#bfd0b8}
.buy{background:#baff62;color:#0b1710;border:0}
.buy:not(:disabled):hover{background:#d3ff8d}
.toast{background:#2a4327;border-color:#b2ec75;color:#efffeb}