:root{--bg:#02060b;--panel:#07131d;--panel2:#06101a;--line:rgba(99,224,255,.22);--cyan:#63e4ff;--gold:#ffc96c;--violet:#ad80ff;--blue:#438dff;--green:#5ae39c;--red:#ff7185;--text:#eaf8ff;--muted:#8fa9b7;--spectrum:linear-gradient(90deg,#ffe2b8 0%,#f4fbff 8%,#8ff3ff 20%,#32d4ff 35%,#168fff 51%,#3158f4 65%,#743de4 81%,#d84cff 100%)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 78% 4%,#10283d 0,transparent 29rem),linear-gradient(180deg,#02060b,#04101a 50%,#02060b);color:var(--text);font:15px/1.5 Arial,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.topbar{height:78px;display:flex;align-items:center;padding:0 4vw;gap:30px;position:sticky;top:0;z-index:30;background:rgba(2,7,12,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand img{width:43px;height:43px;object-fit:contain}.brand strong{display:block;color:var(--gold);letter-spacing:2.5px;font-size:14px}.brand small{display:block;color:var(--muted);letter-spacing:4px;font-size:9px;margin-top:4px}.topbar nav{display:flex;gap:24px}.topbar nav a,.main-site{font-size:10px;letter-spacing:1.5px;color:#b7c8d1;transition:.2s}.topbar nav a:hover{color:var(--cyan)}.main-site{border:1px solid var(--gold);color:var(--gold);padding:11px 17px;clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%)}.hero{min-height:430px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,330px);align-items:center;gap:40px;padding:55px 6vw;overflow:hidden;border-bottom:1px solid var(--line)}.hero-art{position:absolute;inset:0 0 0 42%;background:url('/assets/shop-banner.png') center/cover no-repeat;mask-image:linear-gradient(to right,transparent,#000 24%);opacity:.55}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(99,228,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(99,228,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent)}.hero-copy{position:relative;z-index:3;max-width:760px}.eyebrow{color:var(--cyan);font-size:10px;letter-spacing:4px;margin:0 0 15px;font-weight:800}.hero h1{font-size:clamp(58px,7vw,104px);line-height:.88;margin:0;letter-spacing:-3px}.hero h1 span{display:block;background:var(--spectrum);background-clip:text;-webkit-background-clip:text;color:transparent}.lead{max-width:690px;color:#afc1ca;line-height:1.75;font-size:16px;margin:28px 0}.lead strong{color:var(--gold)}.hero-actions{display:flex;gap:12px}.button{display:inline-block;border:1px solid var(--cyan);color:var(--cyan);padding:14px 21px;font-size:10px;letter-spacing:1.5px;background:#061620cc;transition:.2s;clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%)}.button:hover{background:#0a2a38;transform:translateY(-2px)}.button.primary{border-color:var(--gold);color:#071018;background:var(--gold)}.account{position:relative;z-index:4;border:1px solid rgba(99,228,255,.35);background:rgba(4,16,29,.9);padding:22px;min-height:110px;box-shadow:0 18px 60px #0008}.account small{display:block;color:var(--muted);font-size:9px;letter-spacing:2px;margin-bottom:8px}.account strong{display:block;color:var(--cyan);font-size:20px}.account-strip{max-width:1500px;margin:22px auto 0;padding:0 4vw;display:flex;justify-content:flex-end}.account-strip .account{width:min(100%,430px);min-width:0}.shop-choices{max-width:1500px;margin:0 auto;padding:28px 4vw 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.shop-choices a{min-height:125px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:22px;border:1px solid var(--line);background:linear-gradient(145deg,#071925,#030a10);transition:.2s}.shop-choices a:hover{border-color:rgba(99,228,255,.55);transform:translateY(-2px);box-shadow:0 16px 50px #0007}.choice-no{color:#244b60;font-size:30px;font-weight:300}.shop-choices strong{display:block;color:var(--text);letter-spacing:1.5px;font-size:15px}.shop-choices small{display:block;color:var(--muted);margin-top:7px;line-height:1.55}.shop-choices b{color:var(--cyan);font-size:32px;font-weight:300}.shop-shell{max-width:1500px;margin:auto;padding:70px 4vw 30px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px}.section-heading h2,.orders h2{font-size:clamp(30px,4vw,52px);margin:0;letter-spacing:-1px}.section-heading h2 span{color:var(--cyan)}.section-heading>p{color:var(--muted);max-width:480px}.toolbar{position:sticky;top:90px;z-index:10;display:grid;grid-template-columns:minmax(250px,1fr) minmax(210px,300px) auto;gap:10px;padding:12px;border:1px solid var(--line);background:rgba(5,16,26,.92);backdrop-filter:blur(16px);box-shadow:0 16px 50px #0007}.searchbox{display:flex;align-items:center;gap:10px;border:1px solid #24465c;background:#07111c;padding:0 13px}.searchbox span{color:var(--cyan);font-size:22px}.searchbox input{border:0;padding-left:0;width:100%}input,select,button{color:var(--text);background:#07111c;border:1px solid #24465c;padding:12px 14px;font:inherit}input:focus,select:focus{outline:1px solid var(--cyan)}button{cursor:pointer;font-weight:800;letter-spacing:.7px}button:hover{border-color:var(--cyan)}.primary,.buy{background:linear-gradient(90deg,#0b394a,#0c5875 52%,#225caa);border-color:rgba(99,228,255,.58)}.notice{min-height:26px;margin:16px 0;color:var(--muted)}.notice.error{color:var(--red)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:14px}.card{border:1px solid var(--line);background:linear-gradient(145deg,#071925,#030a10);display:flex;flex-direction:column;min-height:380px;position:relative;overflow:hidden;box-shadow:0 18px 55px #0005}.card:before{content:"";position:absolute;left:0;top:0;width:72px;height:2px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.card img,.card .placeholder{width:100%;height:145px;object-fit:cover;background:#040b12;border-bottom:1px solid var(--line)}.card .placeholder{display:grid;place-items:center;font-size:50px;color:#235067}.card-body{padding:18px;display:flex;flex-direction:column;flex:1}.tag{font-size:9px;color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:1.4px}.card h3{margin:.55em 0 .4em;font-size:17px;letter-spacing:.4px}.card p{color:var(--muted);min-height:66px;font-size:12px;line-height:1.6}.price{font-size:20px;font-weight:850;color:var(--cyan);margin-top:auto}.buy{margin-top:14px;color:#eaf8ff}.orders{max-width:1500px;margin:20px auto 70px;padding:28px 4vw}.orders-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.orders-title>span{color:var(--green);font-size:9px;letter-spacing:2px}.orders>div:last-child{border:1px solid var(--line);background:#050e16}.order{display:grid;grid-template-columns:1fr auto auto;gap:15px;padding:14px 16px;border-top:1px solid var(--line);color:#c6d7df}.order:first-child{border-top:0}.status-delivered{color:var(--green)}.status-refunded{color:var(--gold)}dialog{color:var(--text);border:1px solid rgba(99,228,255,.4);background:#06131d;box-shadow:0 24px 90px #000d;width:min(560px,92vw);padding:26px}dialog::backdrop{background:#000c;backdrop-filter:blur(7px)}dialog img{width:100%;max-height:230px;object-fit:cover;border:1px solid var(--line);margin-bottom:18px}.close{float:right;border:0;font-size:24px;padding:4px 10px}.qty{display:flex;align-items:center;gap:12px;color:var(--muted)}.qty input{width:100px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.total{font-size:22px;color:var(--cyan);font-weight:850}.shop-footer{padding:38px 5vw;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:center;background:#010408}.footer-wordmark{color:var(--gold);font-weight:800;letter-spacing:2px;font-size:12px}.shop-footer nav{display:flex;gap:18px}.shop-footer nav a,.shop-footer p{font-size:9px;color:var(--muted);letter-spacing:1px}.shop-footer nav a:hover{color:var(--cyan)}@media(max-width:1000px){.topbar nav{display:none}.hero{grid-template-columns:1fr}.hero-art{inset:0 0 0 20%;opacity:.35}.account{max-width:420px}.section-heading{align-items:start;flex-direction:column}.toolbar{grid-template-columns:1fr;position:static}.shop-footer{grid-template-columns:1fr}.shop-footer nav{flex-wrap:wrap}}@media(max-width:700px){.topbar{height:70px;padding:0 18px}.brand img{width:36px;height:36px}.brand strong{font-size:10px}.brand small{letter-spacing:2px}.main-site{display:none}.hero{min-height:500px;padding:50px 22px}.hero h1{font-size:60px}.hero-art{inset:18% -30% 0 0;mask-image:linear-gradient(to bottom,transparent,#000 18%);opacity:.28}.hero-actions{flex-direction:column;align-items:flex-start}.shop-choices{grid-template-columns:1fr;padding:18px}.shop-shell{padding:55px 18px 20px}.grid{grid-template-columns:1fr}.orders{padding:20px 18px;margin-bottom:45px}.order{grid-template-columns:1fr}.shop-footer{padding:30px 18px}.actions{flex-direction:column}.actions button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.shop-choices a{transition:none}}


/* O.M.E.G.A HERO SYNC FINAL */
.hero{
  min-height:720px !important;
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  padding:70px 6vw !important;
  overflow:hidden !important;
  border-bottom:1px solid var(--line) !important;
  background:linear-gradient(90deg,rgba(8,4,2,.48),rgba(3,9,15,.06) 48%,rgba(7,4,23,.04)) !important;
}
.hero-art{
  position:absolute !important;
  inset:0 0 0 35% !important;
  background:url('/assets/shop-banner.png') center center/cover no-repeat !important;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 20%) !important;
  mask-image:linear-gradient(to right,transparent,#000 20%) !important;
  opacity:.95 !important;
}
.hero-grid{
  position:absolute !important;
  inset:0 !important;
  background-image:
    linear-gradient(rgba(99,228,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(99,228,255,.035) 1px,transparent 1px) !important;
  background-size:54px 54px !important;
  -webkit-mask-image:linear-gradient(to bottom,#000,transparent) !important;
  mask-image:linear-gradient(to bottom,#000,transparent) !important;
}
.hero-copy{
  position:relative !important;
  z-index:3 !important;
  max-width:700px !important;
}
@media(max-width:1100px){
  .hero-art{inset:0 0 0 15% !important;opacity:.55 !important}
  .hero-copy{max-width:620px !important}
}
@media(max-width:680px){
  .hero{min-height:700px !important;padding:65px 22px !important}
  .hero-art{
    inset:18% -35% 0 0 !important;
    -webkit-mask-image:linear-gradient(to bottom,transparent,#000 20%) !important;
    mask-image:linear-gradient(to bottom,transparent,#000 20%) !important;
    opacity:.38 !important;
  }
}


/* Category-first catalog; other page sections keep their existing layout. */
.catalog-category{display:flex;flex-direction:column;align-items:center;gap:14px;min-height:220px;padding:24px;background:linear-gradient(145deg,#071925,#030a10);border:1px solid var(--line);text-align:center}
.catalog-category img{width:110px;height:110px;object-fit:contain}
.catalog-category strong{font-size:16px;color:var(--cyan)}
.catalog-category span{font-size:12px;color:var(--muted);font-weight:400}
.catalog-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 0;scroll-margin-top:180px}
.catalog-navigation[hidden]{display:none}
/* Hero text position only: give the banner lettering more visual room. */
.hero-copy{
  transform:translate(-18px,-24px) !important;
}
@media(max-width:1100px){
  .hero-copy{transform:translate(-8px,-14px) !important;}
}
@media(max-width:680px){
  .hero-copy{transform:none !important;}
}


/* Hero clearance fix:
   keep wolf/banner geometry, create clean separation between page copy
   and the lettering embedded in shop-banner.png. */
.hero-copy{
  max-width:560px !important;
  transform:translate(-10px,-22px) !important;
}
.hero-art{
  inset:0 0 0 38% !important;
  background-position:left center !important;
}
@media(max-width:1100px){
  .hero-copy{
    max-width:520px !important;
    transform:translate(-6px,-12px) !important;
  }
  .hero-art{
    inset:0 0 0 24% !important;
  }
}
@media(max-width:680px){
  .hero-copy{
    max-width:none !important;
    transform:none !important;
  }
}
/* Dino level controls; keep native hidden semantics despite layout rules. */
#dino-level-row[hidden],#dino-level-note[hidden]{display:none}
#dino-level{max-width:100%;padding:10px;background:#111827;color:#fff;border:1px solid #536079;border-radius:8px}
#dino-level-note{font-size:.9rem;line-height:1.5}