/* ===== Game Vault Keys: cyberpunk ===== */
:root{
  --bg:#07060d; --surface:#0f0d1a; --surface-2:#171428; --text:#e6e3ff; --muted:#8a84b3; --border:#2a2450;
  --accent:#b026ff; --accent-text:#fff; --teal:#00ffd5; --pink:#ff2079;
  --font-head:Orbitron,sans-serif; --font-body:"Exo 2",system-ui,sans-serif; --head-weight:800; --head-spacing:.04em;
  --radius:0; --btn-radius:0; --card-radius:0; --wrap:1260px; --gap:22px;
  --input-bg:#0b0a14; --input-text:#e6e3ff; --input-border:#3a3270;
  --cc:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
}
body.cy{background:#07060d radial-gradient(1000px 500px at 80% -10%,rgba(176,38,255,.18),transparent 60%),radial-gradient(800px 400px at 0 30%,rgba(0,255,213,.07),transparent 60%)}
.cy a{text-decoration:none}
.cy-mono{font-family:"Share Tech Mono",monospace;color:var(--teal)}
.cy .gk-btn,.cy .button,.cy #place_order{font-family:var(--font-head);font-size:.8em;letter-spacing:.14em;clip-path:var(--cc);background:var(--accent);box-shadow:0 0 24px rgba(176,38,255,.5)}
.cy .gk-btn:hover,.cy .button:hover{background:var(--teal);color:#000}
.cy-btn-ghost{font-family:var(--font-head);font-size:.8em;letter-spacing:.14em;padding:.9em 1.4em;border:1px solid var(--teal);color:var(--teal);clip-path:var(--cc);display:inline-block}
.cy-btn-ghost:hover{background:rgba(0,255,213,.1)}

/* header */
.cy-header{position:sticky;top:0;z-index:50;background:rgba(7,6,13,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.cy-status{border-bottom:1px solid var(--border);font-family:"Share Tech Mono",monospace;font-size:12px;color:var(--muted)}
.cy-status-in{display:flex;gap:28px;align-items:center;height:30px;min-width:0}
.cy-status{overflow:visible}
.cy-home,.cy-main{overflow-x:hidden}
.cy-status-in>span:last-child{margin-left:auto}
.cy-led{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 8px var(--teal);margin-right:6px;animation:cy-led 2s infinite}
@keyframes cy-led{50%{opacity:.3}}
.cy-cur .gk-cur-btn{font-family:"Share Tech Mono",monospace;border-color:var(--border);border-radius:0;color:var(--teal);font-size:12px;padding:1px 8px}
.cy-header-in{display:flex;align-items:center;gap:30px;height:70px}
.cy-logo{display:flex;align-items:center;gap:10px;color:var(--accent)}
.cy-logo svg{width:34px;height:34px;filter:drop-shadow(0 0 6px rgba(176,38,255,.8))}
.cy-logo span{font-family:var(--font-head);font-weight:900;font-size:20px;color:#fff;letter-spacing:.08em;position:relative}
.cy-logo em{font-family:"Share Tech Mono",monospace;font-style:normal;color:var(--teal);font-size:15px}
.cy-nav{display:flex;gap:26px;margin-left:auto;font-family:var(--font-head);font-size:11px;letter-spacing:.14em}
.cy-nav b{color:var(--pink);font-family:"Share Tech Mono",monospace;font-weight:400;margin-right:4px}
.cy-nav a:hover{color:var(--teal);text-shadow:0 0 10px var(--teal)}
.cy-tools{display:flex;gap:18px;align-items:center;font-family:"Share Tech Mono",monospace;font-size:14px}
.cy-tools a:hover{color:var(--teal)}
.cy-cart{border:1px solid var(--accent);padding:6px 12px;color:#fff;clip-path:var(--cc);background:rgba(176,38,255,.12)}
.cy-cart .gk-cart-count{color:var(--teal)}
.cy-burger{display:none;background:none;border:1px solid var(--teal);color:var(--teal);font-size:22px;width:42px;height:42px;cursor:pointer}
.cy-menu{display:none}

/* hero */
.cy-hero{position:relative;overflow:hidden;padding:70px 0 90px;border-bottom:1px solid var(--border)}
.cy-grid-floor{position:absolute;left:-50%;right:-50%;bottom:-40%;height:80%;background-image:linear-gradient(rgba(176,38,255,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(176,38,255,.45) 1px,transparent 1px);background-size:60px 60px;transform:perspective(500px) rotateX(62deg);mask-image:linear-gradient(transparent,#000 60%);animation:cy-floor 6s linear infinite}
@keyframes cy-floor{to{background-position:0 60px}}
.cy-hero-in{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.cy-term{font-family:"Share Tech Mono",monospace;font-size:14px;color:var(--muted);border-left:2px solid var(--teal);padding:4px 0 4px 14px;margin-bottom:26px}
.cy-term p{margin:0}
.cy-term b{color:var(--teal);font-weight:400}
.cy-glitch{position:relative;font-size:clamp(40px,6.4vw,86px);font-weight:900;color:#fff;line-height:1;margin:0 0 18px;text-shadow:0 0 30px rgba(176,38,255,.6)}
.cy-glitch::before,.cy-glitch::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden}
.cy-glitch::before{color:var(--teal);transform:translate(-3px,0);clip-path:inset(0 0 55% 0);animation:cy-g1 3s infinite steps(1)}
.cy-glitch::after{color:var(--pink);transform:translate(3px,0);clip-path:inset(55% 0 0 0);animation:cy-g2 2.4s infinite steps(1)}
@keyframes cy-g1{0%,92%{transform:translate(0)}93%{transform:translate(-5px,-2px)}96%{transform:translate(4px,1px)}}
@keyframes cy-g2{0%,90%{transform:translate(0)}91%{transform:translate(5px,2px)}95%{transform:translate(-4px,0)}}
.cy-sub{color:var(--muted);font-size:1.12em;max-width:520px}
.cy-cta{display:flex;gap:16px;flex-wrap:wrap;margin-top:26px}
.cy-holo{position:relative;height:420px}
.cy-holo-card{position:absolute;width:58%;clip-path:var(--cc);background:var(--surface);padding:8px;border:1px solid var(--accent);box-shadow:0 0 30px rgba(176,38,255,.35);transition:transform .3s}
.cy-holo-card img{width:100%;aspect-ratio:16/11;object-fit:cover;clip-path:var(--cc)}
.cy-holo-card>span{display:block;font-family:"Share Tech Mono",monospace;font-size:13px;color:var(--teal);padding:8px 4px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cy-h0{left:0;top:0;transform:rotate(-4deg)}
.cy-h1{right:0;top:70px;transform:rotate(3deg);border-color:var(--teal);box-shadow:0 0 30px rgba(0,255,213,.3)}
.cy-h2{left:18%;top:200px;transform:rotate(-1deg);border-color:var(--pink);box-shadow:0 0 30px rgba(255,32,121,.3)}
.cy-holo-card:hover{transform:rotate(0) scale(1.04);z-index:5}

/* sections */
.cy-section{padding:70px 0}
.cy-head{display:flex;align-items:center;gap:16px;margin-bottom:30px}
.cy-head h2{font-size:clamp(24px,3vw,38px);margin:0;color:#fff}
.cy-head h2 em{font-style:normal;color:var(--teal);text-shadow:0 0 14px rgba(0,255,213,.6)}
.cy-line{flex:1;height:1px;background:linear-gradient(90deg,var(--accent),transparent)}
.cy-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.cy-card{position:relative;background:linear-gradient(180deg,var(--surface),#0a0914);clip-path:var(--cc);border:1px solid var(--border);display:flex;flex-direction:column;transition:transform .2s,border-color .2s}
.cy-card::before{content:"";position:absolute;inset:0;border:1px solid transparent;clip-path:var(--cc);pointer-events:none}
.cy-card:hover{transform:translateY(-5px);border-color:var(--teal);box-shadow:0 0 26px rgba(0,255,213,.25)}
.cy-card-media{position:relative;display:block}
.cy-card-media img{width:100%;aspect-ratio:16/11;object-fit:cover}
.cy-card-media::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 60%,rgba(7,6,13,.9)),repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0 1px,transparent 1px 3px)}
.cy-id{position:absolute;right:8px;top:8px;z-index:2;font-family:"Share Tech Mono",monospace;font-size:12px;color:var(--teal);background:rgba(7,6,13,.8);padding:2px 6px;border:1px solid var(--teal)}
.cy-card-body{padding:12px 14px 16px;display:flex;flex-direction:column;flex:1}
.cy-meta{font-family:"Share Tech Mono",monospace;font-size:12.5px;color:var(--pink)}
.cy-card h3{font-family:var(--font-body);font-weight:700;font-size:1.02em;margin:4px 0 12px;line-height:1.25;color:#fff}
.cy-card-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center}
.cy-price,.cy-price .amount{font-family:var(--font-head);font-size:1.1em;color:var(--teal)}
.cy-dec{font-family:"Share Tech Mono",monospace;font-size:13px;color:#fff;border:1px solid var(--accent);padding:5px 10px;background:rgba(176,38,255,.15)}
.cy-dec:hover{background:var(--accent)}
.cy-dir{border:1px solid var(--border);background:#05040a;box-shadow:0 0 40px rgba(176,38,255,.12)}
.cy-dir-bar{display:flex;align-items:center;gap:7px;padding:10px 14px;background:var(--surface);border-bottom:1px solid var(--border);font-family:"Share Tech Mono",monospace;color:var(--muted);font-size:13px}
.cy-dir-bar i{width:11px;height:11px;border-radius:50%;background:var(--pink)}
.cy-dir-bar i:nth-child(2){background:#ffbd2e}.cy-dir-bar i:nth-child(3){background:var(--teal)}
.cy-dir-bar span{margin-left:10px}
.cy-dir-body{padding:16px 20px;font-family:"Share Tech Mono",monospace}
.cy-dir-body a{display:grid;grid-template-columns:120px 1fr 120px 80px;gap:12px;padding:7px 8px;font-size:15px;border-bottom:1px dashed #1c1835}
.cy-dir-body a:hover{background:rgba(0,255,213,.06)}
.cy-dir-body span{color:#5a5486}
.cy-dir-body b{color:var(--teal);font-weight:400}
.cy-dir-body em{color:var(--muted);font-style:normal}
.cy-dir-body i{color:var(--pink);font-style:normal;text-align:right}
.cy-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}
.cy-stats div{background:var(--bg);padding:30px 24px;text-align:center}
.cy-stats b{display:block;font-family:var(--font-head);font-size:2em;color:#fff;text-shadow:0 0 18px rgba(176,38,255,.6)}
.cy-stats span{font-family:"Share Tech Mono",monospace;color:var(--teal)}

/* footer */
.cy-footer{border-top:1px solid var(--border);padding:40px 0 24px;background:#05040a}
.cy-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}
.cy-footer .cy-mono{color:var(--muted);font-size:14px;line-height:1.8;margin-top:14px}
.cy-footer .cy-mono a{color:var(--teal)}
.cy-footer h4{font-family:"Share Tech Mono",monospace;font-weight:400;color:var(--pink);font-size:15px;letter-spacing:0;margin-bottom:10px}
.cy-footer-grid a{display:block;font-family:"Share Tech Mono",monospace;color:var(--muted);margin-bottom:5px}
.cy-footer-grid a:hover{color:var(--teal)}
.cy-footer-base{font-family:"Share Tech Mono",monospace;color:#4a4478;font-size:13px;border-top:1px solid var(--border);margin-top:30px;padding-top:16px}
.cy-caret{animation:cy-led 1s steps(1) infinite;color:var(--teal);margin-left:4px}

/* shop / woo */
.cy .gk-page-head{padding:50px 0 26px;border-bottom:1px solid var(--border);margin-bottom:30px}
.cy .gk-page-title{color:#fff;text-shadow:0 0 24px rgba(176,38,255,.6)}
.cy .gk-prose{background:var(--surface);border:1px solid var(--border);clip-path:var(--cc);padding:34px;margin-bottom:60px}
.cy .gk-prose h2{color:var(--teal);font-size:1.15em}
.cy .gk-prose .gk-lead{font-family:"Share Tech Mono",monospace;font-size:1.4em;color:var(--teal)}
.cy .gk-shop h1.page-title{color:#fff;text-shadow:0 0 24px rgba(176,38,255,.6)}
.cy ul.products li.product{background:linear-gradient(180deg,var(--surface),#0a0914);clip-path:var(--cc);border:1px solid var(--border)}
.cy ul.products li.product:hover{border-color:var(--teal)}
.cy ul.products li.product .woocommerce-loop-product__title{color:#fff}
.cy ul.products li.product .price{font-family:var(--font-head);color:var(--teal);font-size:1em}
.cy ul.products li.product .button{font-size:.7em}
.cy div.product .product_title{color:#fff}
.cy div.product p.price{color:var(--teal);font-size:1.6em}
.cy .woocommerce-tabs ul.tabs li a{font-family:"Share Tech Mono",monospace}

@media (max-width:1100px){ .cy-nav{display:none} .cy-cards{grid-template-columns:repeat(2,1fr)} }
@media (max-width:860px){
  .cy-hero-in{grid-template-columns:1fr}
  .cy-holo{height:340px}
  .cy-stats{grid-template-columns:1fr 1fr}
  .cy-footer-grid{grid-template-columns:1fr 1fr}
  .cy-dir-body a{grid-template-columns:1fr auto;}
  .cy-dir-body span,.cy-dir-body i{display:none}
}
@media (max-width:600px){
  .cy-hide-sm{display:none}
  .cy-status-in{gap:12px}
  .cy-header-in{gap:12px}
  .cy-burger{display:block}
  .cy-tools{margin-left:auto}
  body.cy-open .cy-menu{display:flex;flex-direction:column;gap:12px;padding:16px 20px 20px;font-family:var(--font-head);font-size:12px;letter-spacing:.12em;border-top:1px solid var(--border)}
  .cy-logo span{font-size:15px}
  .cy-logo em{display:none}
  .cy-logo svg{width:28px;height:28px}
  .cy-cart{padding:6px 8px}
  .cy-hero{padding:40px 0 60px}
  .cy-holo{height:280px}
  .cy-cards{gap:12px}
  .cy-card-foot{flex-direction:column;align-items:flex-start;gap:8px}
  .cy-footer-grid{grid-template-columns:1fr}
}