:root{--bg:#eef1df;--panel:#fffdf4;--accent:#174dcc;--accent2:#ed6c48;--text:#1c2b28;--muted:#62706b;--line:#cbd3d6;--r:14px;font-family:Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);line-height:1.65;overflow-wrap:anywhere}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-head{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;min-height:80px;padding:12px 4vw;background:rgba(237,241,242,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.logo{font-weight:950;letter-spacing:.06em}.logo small{display:block;color:var(--muted);font-size:9px}.site-head nav{display:flex;gap:22px;margin-left:auto;color:var(--muted);font-size:13px}.head-actions,.hero-actions{display:flex;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border:1px solid var(--line);border-radius:999px;font-weight:900}.primary{background:var(--accent);border-color:var(--accent);color:#101820;box-shadow:0 0 24px color-mix(in srgb,var(--accent) 30%,transparent)}.ghost{border-color:var(--accent2);color:var(--text)}.large{min-height:54px;padding:0 30px}main{max-width:1500px;margin:auto;padding:0 4vw}.hero{position:relative;min-height:680px;margin:28px 0 18px;overflow:hidden;border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}.cover-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),color-mix(in srgb,var(--bg) 88%,transparent) 42%,transparent 80%)}.hero-copy{position:relative;z-index:3;width:min(720px,58%);padding:85px 62px}.hero h1{margin:0 0 24px;font-size:clamp(40px,5.3vw,80px);line-height:.98;letter-spacing:-.045em}.hero-copy>p:not(.eyebrow){color:var(--muted);font-size:17px}.eyebrow{margin:0 0 12px;color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.18em}.stats{position:absolute;z-index:4;right:22px;bottom:22px;display:flex;gap:8px}.stats article{min-width:125px;padding:13px 16px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.86);backdrop-filter:blur(12px)}.stats span{color:var(--accent);font-weight:900}.stats p{margin:0;color:var(--muted);font-size:10px}.split-hero{display:grid;grid-template-columns:53% 47%;min-height:640px}.split-hero figure{margin:0}.split-hero figure img{width:100%;height:100%;object-fit:cover}.split-hero .hero-copy{width:auto;padding:65px 45px}.split-hero .stats{right:35px}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:70px}.quick a{display:flex;gap:13px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);font-weight:900}.quick span{color:var(--accent);font-size:11px}.section{padding:75px 0;border-top:1px solid var(--line)}.section>header{display:grid;grid-template-columns:70px minmax(0,1fr);gap:25px;max-width:1080px;margin-bottom:32px}.section>header>span{color:var(--accent);font-size:38px;font-weight:900;line-height:1}.section>header p{margin:0;color:var(--accent);font-size:11px;letter-spacing:.18em}.section h2,.faq h2,.final h2{margin:0;font-size:clamp(30px,4vw,52px);line-height:1.05;letter-spacing:-.035em}.intro,.section-copy{color:var(--muted);margin-top:18px}.section-copy{columns:2;column-gap:50px}.section-copy p{margin:0 0 20px}.semantic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.semantic-grid p{margin:0;padding:19px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);color:var(--muted)}.query{color:var(--text);font-weight:900}.games{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.game-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}.game-card img{width:100%;aspect-ratio:1.35;object-fit:cover}.game-card div{padding:16px}.game-card small{color:var(--accent);font-size:9px}.game-card h3{margin:5px 0 0;font-size:19px}.game-card p{margin:0 0 12px;color:var(--muted);font-size:11px}.game-card a,.inline-link{color:var(--accent);font-weight:900}.mechanics{display:grid;grid-template-columns:140px 1fr;gap:25px;margin-top:20px;padding:23px;border-left:4px solid var(--accent);background:var(--panel)}.mechanics span{color:var(--accent);font-weight:900}.mechanics p{margin:0;color:var(--muted)}.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.editorial-grid article{position:relative;min-height:210px;padding:25px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}.editorial-grid article>span{display:block;margin-bottom:14px;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.15em}.editorial-grid p{margin:0;color:var(--muted)}.faq{display:grid;grid-template-columns:38% 1fr;gap:45px;padding:70px 0;border-top:1px solid var(--line)}details{padding:16px 0;border-bottom:1px solid var(--line)}summary{font-weight:900;cursor:pointer}details p{color:var(--muted)}.final{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:60px 0;padding:40px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}footer{display:grid;grid-template-columns:220px 1fr auto;gap:35px;align-items:center;padding:35px 4vw;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.rail{position:fixed;left:0;top:0;bottom:0;z-index:25;width:54px;display:flex;flex-direction:column;align-items:center;gap:28px;padding-top:25px;background:#040404;border-right:1px solid var(--line);color:var(--accent)}.vault,.gallery{padding-left:54px}.medallion-head{border-bottom-color:var(--accent2)}.ticker{margin-left:auto;color:var(--accent);font-size:11px;letter-spacing:.14em}.dashboard .quick,.command .quick{position:relative;z-index:5;transform:translateY(-35px);margin-bottom:30px}.dashboard .quick a,.command .quick a{backdrop-filter:blur(14px)}.refinery .section{border-top-style:dashed}.refinery .semantic-grid{grid-template-columns:1fr}.refinery .semantic-grid p{display:grid;grid-template-columns:38% 62%;border-radius:0}.showroom .games{grid-template-columns:repeat(2,1fr)}.showroom .game-card{display:grid;grid-template-columns:42% 1fr}.showroom .game-card img{height:100%;aspect-ratio:auto}.retro .site-head{background:#1a100b}.retro .section:nth-of-type(even){padding-left:35px;padding-right:35px;background:linear-gradient(135deg,transparent,var(--panel));border-radius:var(--r)}.lab .cover-hero:after{background:linear-gradient(90deg,rgba(237,241,242,.1),rgba(237,241,242,.85) 56%,rgba(237,241,242,.98))}.lab .split-hero{border-color:#b7c2c5}.lab .section{border-top-color:#cbd3d6}.theatre .hero{border-radius:38px 38px 8px 8px}.theatre .section h2{text-transform:uppercase}.gallery .games{grid-template-columns:repeat(2,1fr)}@media(max-width:900px){.site-head nav,.ticker{display:none}.head-actions{margin-left:auto}.hero{min-height:740px}.cover-hero:after{background:linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--bg) 88%,transparent) 65%,transparent)}.hero-copy{width:100%;padding:52px 25px}.split-hero{display:block}.split-hero figure{height:340px}.split-hero .hero-copy{padding:35px 25px}.stats{left:20px;right:20px;overflow:auto}.quick{grid-template-columns:repeat(2,1fr)}.games,.showroom .games,.gallery .games{grid-template-columns:repeat(2,1fr)}.showroom .game-card{display:block}.semantic-grid{grid-template-columns:1fr}.section-copy{columns:1}.editorial-grid{grid-template-columns:1fr 1fr}.faq{grid-template-columns:1fr}.rail{display:none}.vault,.gallery{padding-left:0}footer{grid-template-columns:1fr}}@media(max-width:560px){.head-actions .ghost{display:none}.button{padding:0 15px}.hero h1{font-size:40px}.hero-actions{flex-direction:column}.hero{min-height:820px}.split-hero{min-height:940px}.stats article{min-width:112px}.quick{grid-template-columns:1fr 1fr}.games,.showroom .games,.gallery .games{grid-template-columns:1fr}.editorial-grid{grid-template-columns:1fr}.section{padding:52px 0}.section>header{grid-template-columns:45px 1fr}.mechanics{grid-template-columns:1fr}.final{display:block;padding:25px 20px}.final .hero-actions{margin-top:22px}footer{padding:28px 20px}}

/* compact-beef-hub-v1 */
.compact-hub {
  --bg: #280e2f;
  --panel: #3f154b;
  --panel-soft: #522060;
  --accent: #f4c555;
  --accent2: #47f08c;
  --text: #fffaf0;
  --muted: #d2f0df;
  --line: rgba(210, 240, 223, .18);
  --r: 28px;
  background:
    radial-gradient(circle at 88% 4%, rgba(244, 197, 85, .14), transparent 22rem),
    radial-gradient(circle at 7% 24%, rgba(71, 240, 140, .1), transparent 25rem),
    var(--bg);
  color: var(--text);
}
.compact-hub .site-head {
  top: 10px;
  width: min(1440px, calc(100% - 32px));
  min-height: 70px;
  margin: 10px auto 0;
  padding: 10px 18px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: rgba(63, 21, 75, .88);
  box-shadow: 0 15px 45px rgba(14, 4, 18, .28);
}
.compact-hub .logo { color: var(--text); }
.compact-hub .logo small { color: var(--accent2); }
.compact-hub .site-head nav { color: var(--muted); }
.compact-hub .site-head nav a { padding: 8px 12px; border-radius: 999px; }
.compact-hub .site-head nav a:hover { background: rgba(210, 240, 223, .09); }
.compact-hub .button {
  min-height: 46px;
  border-color: rgba(255, 255, 255, .22);
  transition: transform .2s ease, box-shadow .2s ease;
}
.compact-hub .button:hover { transform: translateY(-2px); }
.compact-hub .button.primary {
  border-color: var(--accent);
  background: var(--accent);
  color: #2d1234;
  box-shadow: 0 10px 26px rgba(244, 197, 85, .2);
}
.compact-hub .button.ghost {
  border-color: var(--accent2);
  background: rgba(71, 240, 140, .08);
  color: var(--text);
}
.compact-hub main { max-width: 1440px; padding: 0 24px; }
.compact-hub .hero.split-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  grid-template-areas: "copy image" "stats stats";
  gap: 18px;
  min-height: 0;
  margin: 24px 0 16px;
  padding: 28px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 34px;
  background:
    linear-gradient(135deg, rgba(82, 32, 96, .98), rgba(63, 21, 75, .95)),
    var(--panel);
  box-shadow: 0 25px 70px rgba(13, 3, 18, .26);
}
.compact-hub .split-hero figure {
  grid-area: image;
  width: 280px;
  height: 220px;
  margin: 0;
  overflow: hidden;
  align-self: center;
  border: 1px solid rgba(244, 197, 85, .34);
  border-radius: 26px;
  background: #32113b;
}
.compact-hub .split-hero figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.compact-hub .split-hero .hero-copy {
  grid-area: copy;
  width: auto;
  max-width: 900px;
  padding: 18px 10px 10px 8px;
}
.compact-hub .hero h1 {
  max-width: 920px;
  margin-bottom: 18px;
  font-size: clamp(36px, 4.4vw, 62px);
  line-height: 1;
}
.compact-hub .hero-copy > p:not(.eyebrow) {
  max-width: 800px;
  color: var(--muted);
  font-size: 16px;
}
.compact-hub .eyebrow { color: var(--accent2); }
.compact-hub .hero-actions { flex-wrap: wrap; margin-top: 22px; }
.compact-hub .stats {
  position: static;
  grid-area: stats;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.compact-hub .stats article {
  min-width: 0;
  padding: 15px 18px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: rgba(40, 14, 47, .55);
}
.compact-hub .stats span { color: var(--accent); font-size: 20px; }
.compact-hub .stats p { color: var(--muted); }
.compact-hub .quick {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 54px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 26px;
  background: rgba(63, 21, 75, .72);
}
.compact-hub .quick a {
  min-height: 64px;
  border: 0;
  border-radius: 20px;
  background: rgba(82, 32, 96, .86);
}
.compact-hub .quick a:nth-child(2),
.compact-hub .quick a:nth-child(4) { background: rgba(71, 240, 140, .1); }
.compact-hub .quick span { color: var(--accent); }
.compact-hub .section { padding: 58px 0; border-top-color: var(--line); }
.compact-hub .section > header { margin-bottom: 26px; }
.compact-hub .section > header > span,
.compact-hub .section > header p { color: var(--accent2); }
.compact-hub .section h2,
.compact-hub .faq h2,
.compact-hub .final h2 { font-size: clamp(30px, 3.5vw, 50px); }
.compact-hub .intro,
.compact-hub .section-copy,
.compact-hub .editorial-grid p,
.compact-hub details p { color: var(--muted); }
.compact-hub .games {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.compact-hub .game-card {
  display: grid;
  grid-template-rows: 120px auto;
  border-color: var(--line);
  border-radius: 24px;
  background: var(--panel);
  box-shadow: 0 14px 35px rgba(10, 2, 14, .14);
}
.compact-hub .game-card img {
  width: 100%;
  height: 120px;
  aspect-ratio: auto;
  object-fit: cover;
}
.compact-hub .game-card div { padding: 16px 17px 18px; }
.compact-hub .game-card small,
.compact-hub .game-card a,
.compact-hub .inline-link { color: var(--accent2); }
.compact-hub .game-card p { color: var(--muted); }
.compact-hub .mechanics {
  grid-template-columns: 140px 1fr;
  border: 1px solid var(--line);
  border-left: 6px solid var(--accent);
  border-radius: 24px;
  background: rgba(82, 32, 96, .68);
}
.compact-hub .mechanics span { color: var(--accent); }
.compact-hub .mechanics p { color: var(--muted); }
.compact-hub .semantic-grid { gap: 12px; }
.compact-hub .semantic-grid p,
.compact-hub .editorial-grid article {
  border-color: var(--line);
  border-radius: 24px;
  background: rgba(63, 21, 75, .82);
}
.compact-hub .semantic-grid p { color: var(--muted); }
.compact-hub .query { color: var(--text); }
.compact-hub .editorial-grid article:nth-child(3n + 2) { background: rgba(82, 32, 96, .94); }
.compact-hub .editorial-grid article > span { color: var(--accent); }
.compact-hub .faq { border-top-color: var(--line); }
.compact-hub details { border-bottom-color: var(--line); }
.compact-hub .final {
  border-color: rgba(244, 197, 85, .3);
  border-radius: 30px;
  background: linear-gradient(120deg, rgba(82, 32, 96, .98), rgba(63, 21, 75, .92));
}
.compact-hub footer { border-top-color: var(--line); color: var(--muted); }

@media (max-width: 900px) {
  .compact-hub main { padding: 0 16px; }
  .compact-hub .hero.split-hero {
    grid-template-columns: minmax(0, 1fr) 220px;
    padding: 22px;
  }
  .compact-hub .split-hero figure { width: 220px; height: 190px; }
  .compact-hub .games { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  .compact-hub .site-head { width: calc(100% - 20px); border-radius: 20px; }
  .compact-hub .hero.split-hero {
    grid-template-columns: 1fr;
    grid-template-areas: "copy" "image" "stats";
    gap: 14px;
    min-height: 0;
    padding: 18px;
    border-radius: 28px;
  }
  .compact-hub .split-hero .hero-copy { padding: 8px 2px; }
  .compact-hub .hero h1 { font-size: 38px; }
  .compact-hub .split-hero figure {
    width: 100%;
    height: 180px;
    border-radius: 22px;
  }
  .compact-hub .stats { grid-template-columns: 1fr; }
  .compact-hub .quick { grid-template-columns: 1fr 1fr; }
  .compact-hub .games { grid-template-columns: 1fr; }
  .compact-hub .game-card { grid-template-columns: 118px minmax(0, 1fr); grid-template-rows: auto; }
  .compact-hub .game-card img { height: 100%; min-height: 132px; }
  .compact-hub .mechanics { grid-template-columns: 1fr; }
}