/* ============================================================
   Casino Aurora — Doanh Nghiệp Cao Cấp
   Deep-navy + Aurora Teal/Violet + Gold enterprise theme
   ============================================================ */
:root {
    --bg: #0e0d0b;
    --bg-2: #151310;
    --bg-3: #1c1916;
    --surface: rgba(255,255,255,.05);
    --surface-2: rgba(255,255,255,.09);
    --line: rgba(175,148,121,.20);
    --text: #f7f5f1;
    --muted: #c0bab4;
    --aur: #a19487;
    --au2: #74f65a;
    --gold: #dac690;
    --gold-2: #eee3c4;
    --red: #d95a4a;
    --grad-aur: linear-gradient(120deg, var(--aur), var(--au2));
    --grad-gold: linear-gradient(120deg,#eee3c4,#a19487);
    --radius: 18px;
    --radius-sm: 12px;
    --shadow-1: 0 10px 30px rgba(3, 6, 18, .55);
    --shadow-aur: 0 8px 32px rgba(34, 230, 195, .22);
    --shadow-gold: 0 8px 30px rgba(246, 196, 83, .25);
    --container: 1200px;
    --header-h: 74px;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header-h) + 12px); }
body {
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    background: var(--bg);
    color: var(--text);
    line-height: 1.65;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
ul, ol { list-style: none; }
img { max-width: 100%; display: block; }
.container { max-width: var(--container); margin: 0 auto; padding: 0 22px; }

/* ---------- Backdrop: aurora sky + grid ---------- */
.aurora-bg { position: fixed; inset: 0; z-index: -2; overflow: hidden; background:
    radial-gradient(1100px 520px at 85% -10%, rgba(123, 97, 255, .16), transparent 60%),
    radial-gradient(900px 480px at 8% 12%, rgba(34, 230, 195, .12), transparent 60%),
    var(--bg); }
.aurora-bg::after {
    content: ""; position: absolute; inset: 0;
    background-image: linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: radial-gradient(720px 420px at 50% 0%, #000 30%, transparent 78%);
    -webkit-mask-image: radial-gradient(720px 420px at 50% 0%, #000 30%, transparent 78%);
}
.aurora-blob { position: absolute; border-radius: 50%; filter: blur(70px); opacity: .5; animation: blobDrift 16s ease-in-out infinite alternate; }
.aurora-blob.b1 { width: 420px; height: 420px; background: rgba(34, 230, 195, .30); top: -120px; left: -100px; }
.aurora-blob.b2 { width: 520px; height: 520px; background: rgba(123, 97, 255, .28); top: 22%; right: -160px; animation-delay: -6s; }
.aurora-blob.b3 { width: 360px; height: 360px; background: rgba(246, 196, 83, .14); bottom: -140px; left: 32%; animation-delay: -11s; }
@keyframes blobDrift {
    from { transform: translate3d(0, 0, 0) scale(1); }
    to   { transform: translate3d(46px, 34px, 0) scale(1.14); }
}

/* ---------- Header ---------- */
.aur-header {
    position: sticky; top: 0; z-index: 90;
    background: rgba(7, 11, 24, .78);
    backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--line);
}
.aur-header .inner { display: flex; align-items: center; gap: 20px; height: var(--header-h); }
.brand { display: flex; align-items: center; gap: 11px; font-weight: 800; font-size: 21px; letter-spacing: .4px; white-space: nowrap; }
.brand .mark {
    width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center;
    background: var(--grad-aur); color: #04101c; font-size: 19px;
    box-shadow: var(--shadow-aur);
}
.brand .txt b { background: var(--grad-aur); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.aur-nav { display: flex; align-items: center; gap: 4px; flex: 1; }
.aur-nav > li { position: relative; }
.aur-nav > li > a {
    display: block; padding: 9px 13px; border-radius: 10px; font-size: 15px; font-weight: 600;
    color: var(--muted); transition: color .25s, background .25s;
}
.aur-nav > li > a:hover, .aur-nav > li > a.active { color: var(--text); background: var(--surface-2); }
.aur-nav .has-sub > a::after { content: " ▾"; font-size: 11px; opacity: .7; }
.aur-nav .sub {
    position: absolute; top: calc(100% + 8px); left: 0; min-width: 200px; padding: 8px;
    background: rgba(13, 20, 42, .97); border: 1px solid var(--line); border-radius: 14px;
    box-shadow: var(--shadow-1); opacity: 0; visibility: hidden; transform: translateY(8px);
    transition: all .25s ease;
}
.aur-nav li:hover .sub, .aur-nav li:focus-within .sub { opacity: 1; visibility: visible; transform: translateY(0); }
.aur-nav .sub a { display: block; padding: 9px 12px; border-radius: 9px; font-size: 14px; color: var(--muted); }
.aur-nav .sub a:hover { color: var(--text); background: var(--surface); }
.header-cta { display: flex; align-items: center; gap: 12px; margin-left: auto; }
.burger { display: none; flex-direction: column; gap: 5px; background: none; border: 0; cursor: pointer; padding: 8px; }
.burger span { width: 24px; height: 2.5px; border-radius: 2px; background: var(--text); transition: all .3s; }
.burger.open span:nth-child(1) { transform: translateY(7.5px) rotate(45deg); }
.burger.open span:nth-child(2) { opacity: 0; }
.burger.open span:nth-child(3) { transform: translateY(-7.5px) rotate(-45deg); }

/* ---------- Buttons ---------- */
.btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 9px;
    padding: 13px 30px; border-radius: 999px; border: 0; cursor: pointer;
    font-size: 15.5px; font-weight: 700; letter-spacing: .3px;
    transition: transform .22s, box-shadow .22s, filter .22s;
    white-space: nowrap;
}
.btn:hover { transform: translateY(-2px); filter: brightness(1.08); }
.btn-aur { background: var(--grad-aur); color: #04101c; box-shadow: var(--shadow-aur); }
.btn-gold { background: var(--grad-gold); color: #2a1a02; box-shadow: var(--shadow-gold); }
.btn-ghost { background: var(--surface); color: var(--text); border: 1px solid var(--line); }
.btn-sm { padding: 9px 20px; font-size: 14px; }

/* ---------- Hero ---------- */
.hero { position: relative; padding: 96px 0 60px; overflow: hidden; }
.hero .container { position: relative; z-index: 2; }
.hero-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 48px; align-items: center; }
.hero-kicker {
    display: inline-flex; align-items: center; gap: 9px; padding: 8px 18px; margin-bottom: 22px;
    border-radius: 999px; font-size: 13.5px; font-weight: 700; color: var(--gold-2);
    background: rgba(246, 196, 83, .1); border: 1px solid rgba(246, 196, 83, .32);
}
.hero-kicker .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--gold); animation: glowPulse 1.6s infinite; }
.hero h1 { font-size: clamp(34px, 4.6vw, 56px); line-height: 1.16; font-weight: 900; letter-spacing: -.5px; margin-bottom: 20px; }
.hero h1 .hl { background: var(--grad-aur); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.hero .lead { font-size: clamp(15.5px, 1.5vw, 18px); color: var(--muted); max-width: 560px; margin-bottom: 32px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 40px; }
.hero-trust { display: flex; flex-wrap: wrap; gap: 10px 26px; color: var(--muted); font-size: 14px; }
.hero-trust li { display: flex; align-items: center; gap: 8px; }
.hero-trust .tk { color: var(--aur); font-weight: 800; }

/* Hero stats panel */
.hero-panel {
    position: relative; padding: 34px 30px; border-radius: 24px;
    background: linear-gradient(160deg, rgba(255,255,255,.075), rgba(255,255,255,.02));
    border: 1px solid var(--line); box-shadow: var(--shadow-1); backdrop-filter: blur(10px);
}
.hero-panel::before {
    content: ""; position: absolute; inset: -1px; border-radius: 25px; padding: 1px;
    background: linear-gradient(140deg, rgba(34,230,195,.5), transparent 34%, transparent 66%, rgba(246,196,83,.42));
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none;
}
.jackpot-label { font-size: 13px; letter-spacing: 2.5px; text-transform: uppercase; color: var(--muted); text-align: center; }
.jackpot-val {
    font-size: clamp(30px, 3.4vw, 42px); font-weight: 900; text-align: center; margin: 6px 0 24px;
    font-variant-numeric: tabular-nums; letter-spacing: 1px;
    background: var(--grad-gold); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
    text-shadow: 0 0 42px rgba(246, 196, 83, .3);
}
.hero-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.hstat { padding: 16px 14px; border-radius: 15px; background: var(--surface); border: 1px solid var(--line); text-align: center; }
.hstat b { display: block; font-size: 23px; font-weight: 900; color: var(--aur); font-variant-numeric: tabular-nums; }
.hstat span { font-size: 12.5px; color: var(--muted); }

/* Floating chips */
.chip { position: absolute; z-index: 1; display: grid; place-items: center; font-size: 24px; width: 58px; height: 58px; border-radius: 50%;
    background: var(--surface-2); border: 1px solid var(--line); backdrop-filter: blur(6px);
    animation: chipFloat 7s ease-in-out infinite; box-shadow: var(--shadow-1); }
.chip.c1 { top: 16%; left: 5%; animation-delay: -1s; }
.chip.c2 { top: 62%; left: 12%; animation-delay: -3.2s; }
.chip.c3 { top: 24%; right: 7%; animation-delay: -2s; }
.chip.c4 { bottom: 10%; right: 13%; animation-delay: -4.6s; }
@keyframes chipFloat { 0%, 100% { transform: translateY(0) rotate(-4deg); } 50% { transform: translateY(-20px) rotate(5deg); } }
@keyframes glowPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(246, 196, 83, .55); } 50% { box-shadow: 0 0 0 7px rgba(246, 196, 83, 0); } }

/* ---------- Ticker ---------- */
.ticker { border-block: 1px solid var(--line); background: rgba(11, 18, 38, .65); overflow: hidden; }
.ticker-track { display: flex; gap: 54px; padding: 13px 0; width: max-content; animation: marquee 26s linear infinite; }
.ticker:hover .ticker-track { animation-play-state: paused; }
.ticker-item { display: inline-flex; align-items: center; gap: 10px; font-size: 14px; color: var(--muted); white-space: nowrap; }
.ticker-item b { color: var(--gold-2); font-variant-numeric: tabular-nums; }
.ticker-item .up { color: var(--aur); }
@keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* ---------- Sections shared ---------- */
.section { padding: 76px 0; position: relative; }
.section-alt { background: linear-gradient(180deg, transparent, rgba(16, 26, 54, .5) 22%, rgba(16, 26, 54, .5) 78%, transparent); }
.sec-head { text-align: center; max-width: 720px; margin: 0 auto 46px; }
.sec-kicker { display: inline-block; font-size: 13px; font-weight: 800; letter-spacing: 2.5px; text-transform: uppercase; color: var(--aur); margin-bottom: 12px; }
.sec-head h2 { font-size: clamp(26px, 3vw, 36px); font-weight: 900; letter-spacing: -.4px; margin-bottom: 14px; }
.sec-head p { color: var(--muted); font-size: 15.5px; }
.sec-head.center-line { position: relative; }
.sec-head .divider { width: 74px; height: 3px; margin: 18px auto 0; border-radius: 3px; background: var(--grad-aur); }

/* ---------- Cards: fishing grid (image cover) ---------- */
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.game-card {
    position: relative; padding: 0; border-radius: var(--radius);
    background: var(--surface); border: 1px solid var(--line); overflow: hidden;
    display: flex; flex-direction: column;
    transition: transform .3s, border-color .3s, box-shadow .3s;
}
.game-cover { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: var(--bg-3); }
.game-cover img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.game-card:hover .game-cover img { transform: scale(1.08); }
.game-cover .gv { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(7,11,24,.88)); }
.game-cover .badge { position: absolute; left: 13px; bottom: 11px; font-size: 12px; font-weight: 800; padding: 5px 12px; border-radius: 999px; color: #04101c; background: var(--grad-aur); box-shadow: var(--shadow-aur); }
.game-body { display: flex; flex-direction: column; flex: 1; padding: 18px 20px 20px; }
.game-card::before {
    content: ""; position: absolute; top: 0; left: -80%; width: 55%; height: 100%;
    background: linear-gradient(100deg, transparent, rgba(255,255,255,.07), transparent);
    transform: skewX(-18deg); transition: left .6s ease;
}
.game-card:hover { transform: translateY(-7px); border-color: rgba(34, 230, 195, .45); box-shadow: var(--shadow-aur); }
.game-card:hover::before { left: 130%; }
.game-card .ribbon {
    position: absolute; top: 15px; right: -34px; transform: rotate(42deg); width: 128px; text-align: center;
    font-size: 11px; font-weight: 800; letter-spacing: 1px; padding: 5px 0; color: #2a1a02; background: var(--grad-gold);
}
.game-card h3 { font-size: 18.5px; font-weight: 800; margin-bottom: 9px; }
.game-card p { font-size: 14px; color: var(--muted); margin-bottom: 18px; }
.game-card .meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; }
.tag-rtp { font-size: 12px; font-weight: 800; color: var(--aur); background: rgba(34, 230, 195, .1); border: 1px solid rgba(34, 230, 195, .3); padding: 4px 11px; border-radius: 999px; }

/* ---------- Slots: horizontal scroll ---------- */
.hscroll { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(258px, 1fr); gap: 18px; overflow-x: auto; padding: 6px 4px 22px; scroll-snap-type: x mandatory; }
.hscroll::-webkit-scrollbar { height: 8px; }
.hscroll::-webkit-scrollbar-track { background: var(--surface); border-radius: 8px; }
.hscroll::-webkit-scrollbar-thumb { background: linear-gradient(90deg, var(--aur), var(--au2)); border-radius: 8px; }
.slot-card { scroll-snap-align: start; position: relative; border-radius: var(--radius); overflow: hidden; border: 1px solid var(--line); background: var(--bg-3); transition: transform .3s, border-color .3s; }
.slot-card:hover { transform: translateY(-6px); border-color: rgba(246, 196, 83, .5); }
.slot-visual { height: 172px; position: relative; overflow: hidden; background: var(--bg-3); }
.slot-visual img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.slot-card:hover .slot-visual img { transform: scale(1.09) rotate(.6deg); }
.slot-visual .sv-glow { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(7,11,24,.72)); }
.slot-hot { position: absolute; top: 12px; left: 12px; font-size: 11px; font-weight: 800; padding: 4px 10px; border-radius: 999px; background: var(--red); color: #fff; animation: glowPulseRed 1.8s infinite; }
@keyframes glowPulseRed { 0%, 100% { box-shadow: 0 0 0 0 rgba(255, 93, 122, .6); } 50% { box-shadow: 0 0 0 7px rgba(255, 93, 122, 0); } }
.slot-body { padding: 16px 18px 20px; }
.slot-body h3 { font-size: 16.5px; font-weight: 800; margin-bottom: 4px; }
.slot-body .payline { font-size: 12.5px; color: var(--muted); margin-bottom: 13px; }

/* ---------- Sports: asymmetric split ---------- */
.split-75 { display: grid; grid-template-columns: 1.6fr 1fr; gap: 20px; }
.sports-main { position: relative; border-radius: var(--radius); border: 1px solid var(--line); background: var(--bg-2); padding: 30px; overflow: hidden; }
.sports-main .sm-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .3; }
.sports-main > * { position: relative; }
.sports-main::after { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, rgba(11,18,38,.94) 30%, rgba(11,18,38,.55)); }
.sports-main > * { z-index: 1; }
.sports-main .lg { font-size: 42px; margin-bottom: 14px; }
.sports-main h3 { font-size: 23px; font-weight: 900; margin-bottom: 10px; }
.sports-main p { color: var(--muted); font-size: 14.5px; margin-bottom: 20px; }
.odds-table { border-radius: 14px; overflow: hidden; border: 1px solid var(--line); }
.odds-row { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; align-items: center; padding: 12px 16px; font-size: 14px; background: var(--surface); }
.odds-row + .odds-row { border-top: 1px solid var(--line); }
.odds-row.head { background: rgba(123, 97, 255, .14); font-size: 12px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: var(--muted); }
.odds-row .team { font-weight: 700; }
.odds-row .o { text-align: center; font-variant-numeric: tabular-nums; font-weight: 700; color: var(--gold-2); }
.sports-side { display: grid; gap: 20px; }
.sports-mini { border-radius: var(--radius); border: 1px solid var(--line); background: var(--surface); padding: 22px; display: flex; gap: 16px; align-items: center; transition: transform .3s, border-color .3s; }
.sports-mini:hover { transform: translateX(6px); border-color: rgba(123, 97, 255, .5); }
.sports-mini .ic { font-size: 34px; width: 64px; height: 64px; display: grid; place-items: center; border-radius: 16px; background: var(--surface-2); flex-shrink: 0; }
.sports-mini h4 { font-size: 16px; font-weight: 800; margin-bottom: 4px; }
.sports-mini p { font-size: 13px; color: var(--muted); }

/* ---------- Live casino: featured + minis ---------- */
.live-wrap { display: grid; grid-template-columns: 1.35fr 1fr; gap: 20px; }
.live-featured {
    position: relative; border-radius: 22px; overflow: hidden; min-height: 380px;
    display: flex; flex-direction: column; justify-content: flex-end; padding: 34px;
    background: var(--bg-2);
    border: 1px solid var(--line);
}
.live-featured .lf-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.live-featured::after { content: ""; position: absolute; inset: 0; background: linear-gradient(15deg, rgba(7,11,24,.96) 22%, rgba(7,11,24,.45) 60%, rgba(123,97,255,.22)); }
.live-featured > * { position: relative; z-index: 1; }
.live-featured .lf-tag { align-self: flex-start; font-size: 12px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; padding: 6px 14px; border-radius: 999px; background: rgba(255, 93, 122, .16); color: #ff8ba0; border: 1px solid rgba(255, 93, 122, .4); margin-bottom: 16px; }
.live-featured h3 { font-size: clamp(24px, 2.6vw, 34px); font-weight: 900; margin-bottom: 10px; }
.live-featured p { color: #c6cdec; font-size: 15px; max-width: 430px; margin-bottom: 22px; }
.live-featured .lf-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.live-badge-live { position: absolute; top: 24px; right: 24px; display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 800; letter-spacing: 1px; color: #fff; background: rgba(255, 93, 122, .9); padding: 6px 14px; border-radius: 999px; }
.live-badge-live::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #fff; animation: glowPulse 1.4s infinite; }
.live-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.live-mini { border-radius: 18px; border: 1px solid var(--line); background: var(--surface); overflow: hidden; text-align: center; transition: transform .3s, border-color .3s, box-shadow .3s; display: flex; flex-direction: column; }
.live-mini:hover { transform: translateY(-6px); border-color: rgba(246, 196, 83, .45); box-shadow: var(--shadow-gold); }
.live-mini .pic { height: 128px; background: var(--bg-3); overflow: hidden; }
.live-mini .pic img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.live-mini:hover .pic img { transform: scale(1.08); }
.live-mini .lb { padding: 16px 16px 18px; display: flex; flex-direction: column; flex: 1; }
.live-mini h4 { font-size: 16.5px; font-weight: 800; margin-bottom: 6px; }
.live-mini p { font-size: 13px; color: var(--muted); margin-bottom: 14px; }
.live-mini .btn { margin-top: auto; align-self: center; }

/* ---------- Promotions glow cards ---------- */
.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.promo-card { position: relative; padding: 28px 22px; border-radius: var(--radius); background: var(--surface); border: 1px solid rgba(246, 196, 83, .22); overflow: hidden; transition: transform .3s, box-shadow .3s; }
.promo-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-gold); }
.promo-card .pct { font-size: 34px; font-weight: 900; margin-bottom: 8px; background: var(--grad-gold); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.promo-card h3 { font-size: 16.5px; font-weight: 800; margin-bottom: 8px; }
.promo-card p { font-size: 13.5px; color: var(--muted); margin-bottom: 16px; }
.promo-card .code { display: inline-block; font-size: 12.5px; font-weight: 800; letter-spacing: 1.5px; padding: 6px 14px; border-radius: 8px; border: 1px dashed rgba(246, 196, 83, .55); color: var(--gold-2); }

/* ---------- News (CMS) ---------- */
.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.news-card { display: grid; grid-template-columns: 200px 1fr; border-radius: var(--radius); overflow: hidden; border: 1px solid var(--line); background: var(--surface); transition: transform .3s, border-color .3s; }
.news-card:hover { transform: translateY(-5px); border-color: rgba(34, 230, 195, .45); }
.news-thumb { position: relative; min-height: 168px; background: linear-gradient(140deg, #16305a, #101a36); overflow: hidden; }
.news-thumb img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }
.news-thumb .ph { position: absolute; inset: 0; display: grid; place-items: center; font-size: 40px; opacity: .5; }
.news-body { padding: 20px 22px; }
.news-body h3 { font-size: 17px; font-weight: 800; line-height: 1.45; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.news-body h3 a:hover { color: var(--aur); }
.news-body p { font-size: 13.8px; color: var(--muted); margin-bottom: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.news-meta { display: flex; gap: 16px; font-size: 12.5px; color: var(--muted); }
.news-meta .cat { color: var(--aur); font-weight: 700; }

/* ---------- FAQ accordion ---------- */
.faq-list { max-width: 860px; margin: 0 auto; display: grid; gap: 14px; }
.faq-item { border-radius: 15px; border: 1px solid var(--line); background: var(--surface); overflow: hidden; transition: border-color .3s; }
.faq-item.open { border-color: rgba(34, 230, 195, .42); }
.faq-q { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 19px 22px; background: none; border: 0; color: var(--text); font-size: 16px; font-weight: 700; text-align: left; cursor: pointer; }
.faq-q .fx { flex-shrink: 0; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; background: var(--surface-2); font-weight: 900; color: var(--aur); transition: transform .3s; }
.faq-item.open .fx { transform: rotate(45deg); }
.faq-a { max-height: 0; overflow: hidden; transition: max-height .38s ease; }
.faq-a p { padding: 0 22px 20px; color: var(--muted); font-size: 14.5px; }

/* ---------- Bottom CTA ---------- */
.cta-band { padding: 84px 0; }
.cta-box {
    position: relative; border-radius: 26px; padding: 58px 40px; text-align: center; overflow: hidden;
    background: linear-gradient(135deg, rgba(34, 230, 195, .14), rgba(123, 97, 255, .16)), var(--bg-2);
    border: 1px solid var(--line);
}
.cta-box h2 { font-size: clamp(25px, 3vw, 36px); font-weight: 900; margin-bottom: 14px; }
.cta-box p { color: var(--muted); max-width: 560px; margin: 0 auto 30px; }
.cta-actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.cta-box::after { content: "🎰"; position: absolute; right: -30px; bottom: -34px; font-size: 190px; opacity: .06; transform: rotate(-16deg); }

/* ---------- Footer ---------- */
.aur-footer { border-top: 1px solid var(--line); background: rgba(7, 11, 24, .85); margin-top: 20px; }
.footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.2fr; gap: 34px; padding: 56px 0 40px; }
.aur-footer h4 { font-size: 15px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 18px; color: var(--text); }
.aur-footer h4::after { content: ""; display: block; width: 30px; height: 2.5px; border-radius: 2px; background: var(--grad-aur); margin-top: 9px; }
.f-about p { font-size: 13.8px; color: var(--muted); margin: 14px 0 18px; }
.f-badges { display: flex; flex-wrap: wrap; gap: 9px; }
.f-badge { font-size: 11.5px; font-weight: 700; padding: 6px 12px; border-radius: 8px; border: 1px solid var(--line); color: var(--muted); background: var(--surface); }
.f-links li { margin-bottom: 11px; }
.f-links a { font-size: 14px; color: var(--muted); transition: color .25s, padding-left .25s; }
.f-links a:hover { color: var(--aur); padding-left: 5px; }
.f-contact li { display: flex; gap: 11px; font-size: 14px; color: var(--muted); margin-bottom: 13px; }
.f-contact .ic { color: var(--gold); }
.friend-link { border-top: 1px solid var(--line); padding: 18px 0; }
.friend-link ul { display: flex; flex-wrap: wrap; gap: 8px 22px; align-items: center; }
.friend-link li { font-size: 13px; color: var(--muted); }
.friend-link a { color: var(--muted); transition: color .25s; }
.friend-link a:hover { color: var(--aur); }
.footer-bottom { border-top: 1px solid var(--line); padding: 20px 0; text-align: center; font-size: 13px; color: var(--muted); }
.footer-bottom a { color: var(--muted); }
.footer-bottom a:hover { color: var(--aur); }

/* ---------- Partners logo bar ---------- */
.partner-bar { display: grid; grid-template-columns: repeat(8, 1fr); gap: 14px; }
.partner-item { display: grid; place-items: center; padding: 16px 10px; border-radius: 14px; background: var(--surface); border: 1px solid var(--line); transition: transform .3s, border-color .3s, background .3s; }
.partner-item:hover { transform: translateY(-4px); border-color: rgba(34,230,195,.4); background: var(--surface-2); }
.partner-item img { max-width: 100%; height: 44px; object-fit: contain; filter: grayscale(.6) brightness(1.6); opacity: .75; transition: all .3s; }
.partner-item:hover img { filter: none; opacity: 1; }

/* ---------- Inner pages shared ---------- */
.page-hero { position: relative; overflow: hidden; padding: 64px 0 44px; border-bottom: 1px solid var(--line); background: linear-gradient(160deg, rgba(123,97,255,.14), rgba(11,18,38,.4)), var(--bg-2); }
.page-hero h1 { font-size: clamp(26px, 3.2vw, 38px); font-weight: 900; margin-bottom: 10px; }
.page-hero .ph-desc { color: var(--muted); font-size: 15px; max-width: 720px; }
.crumb { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 13.5px; color: var(--muted); padding: 16px 0 4px; }
.crumb a { color: var(--muted); transition: color .25s; }
.crumb a:hover { color: var(--aur); }
.crumb .sep { opacity: .5; }
.crumb .cur { color: var(--gold-2); font-weight: 700; }

.layout-2col { display: grid; grid-template-columns: 1fr 340px; gap: 26px; padding: 28px 0 64px; }

/* Post list (article cards with image) */
.post-list { display: grid; gap: 18px; }
.post-card { display: grid; grid-template-columns: 240px 1fr; gap: 0; border-radius: var(--radius); overflow: hidden; border: 1px solid var(--line); background: var(--surface); transition: transform .3s, border-color .3s; }
.post-card:hover { transform: translateY(-4px); border-color: rgba(34,230,195,.42); }
.post-card .pic { position: relative; min-height: 168px; background: var(--bg-3); overflow: hidden; }
.post-card .pic img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; transition: transform .45s; }
.post-card:hover .pic img { transform: scale(1.06); }
.post-card .pc-body { padding: 20px 22px; display: flex; flex-direction: column; }
.post-card h2 { font-size: 18px; font-weight: 800; line-height: 1.45; margin-bottom: 9px; }
.post-card h2 a:hover { color: var(--aur); }
.post-card .desc { font-size: 14px; color: var(--muted); margin-bottom: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.post-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 12.5px; color: var(--muted); margin-top: auto; }
.post-meta .cat { color: var(--aur); font-weight: 700; }

/* Sidebar widgets */
.side-widget { border-radius: var(--radius); border: 1px solid var(--line); background: var(--surface); padding: 22px; margin-bottom: 20px; }
.side-widget h3 { font-size: 15.5px; font-weight: 800; letter-spacing: .5px; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.side-widget h3::before { content: ""; display: inline-block; width: 4px; height: 15px; border-radius: 2px; background: var(--grad-aur); margin-right: 9px; vertical-align: -2px; }
.sw-list li { display: flex; gap: 12px; padding: 9px 0; border-bottom: 1px dashed rgba(255,255,255,.06); }
.sw-list li:last-child { border-bottom: 0; }
.sw-list .rank { flex-shrink: 0; width: 24px; height: 24px; border-radius: 8px; display: grid; place-items: center; font-size: 12px; font-weight: 900; color: #04101c; background: var(--grad-aur); }
.sw-list li:nth-child(n+4) .rank { background: var(--surface-2); color: var(--muted); }
.sw-list a { font-size: 14px; color: var(--text); line-height: 1.5; transition: color .25s; }
.sw-list a:hover { color: var(--aur); }
.sw-list time { display: block; font-size: 12px; color: var(--muted); margin-top: 3px; }
.tag-cloud { display: flex; flex-wrap: wrap; gap: 9px; }
.tag-cloud a { font-size: 13px; padding: 7px 15px; border-radius: 999px; background: var(--surface-2); border: 1px solid var(--line); color: var(--muted); transition: all .25s; }
.tag-cloud a:hover { color: #04101c; background: var(--grad-aur); border-color: transparent; }

/* Pagination (system $pagination) */
.pagination-wrap { margin: 30px 0 6px; display: flex; justify-content: center; }
.pagination-wrap ul, .pagination { display: inline-flex; flex-wrap: wrap; gap: 8px; list-style: none; }
.pagination li { list-style: none; }
.pagination a, .pagination span { display: inline-block; min-width: 38px; text-align: center; padding: 9px 13px; border-radius: 11px; border: 1px solid var(--line); background: var(--surface); color: var(--muted); font-size: 14px; font-weight: 600; transition: all .25s; }
.pagination a:hover { color: var(--text); border-color: rgba(34,230,195,.45); }
.pagination .active span, .pagination li.current span { background: var(--grad-aur); color: #04101c; border-color: transparent; }
.pagination .disabled span { opacity: .4; }

/* Detail article */
.detail-card { border-radius: var(--radius); border: 1px solid var(--line); background: var(--surface); padding: 34px; }
.detail-card h1 { font-size: clamp(23px, 2.8vw, 32px); font-weight: 900; line-height: 1.35; margin-bottom: 16px; }
.detail-info { display: flex; flex-wrap: wrap; gap: 8px 20px; font-size: 13px; color: var(--muted); padding-bottom: 18px; border-bottom: 1px solid var(--line); margin-bottom: 26px; }
.detail-info .dt-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-left: auto; }
.detail-info .dt-tags a { padding: 4px 12px; border-radius: 999px; background: rgba(123,97,255,.12); border: 1px solid rgba(123,97,255,.35); color: #b8a8ff; font-size: 12px; }
.detail-body { font-size: 15.5px; line-height: 1.9; color: #d5dcf5; word-break: break-word; }
.detail-body p { margin-bottom: 16px; }
.detail-body img { max-width: 100%; height: auto; border-radius: 14px; margin: 12px auto; display: block; border: 1px solid var(--line); }
.detail-body h2, .detail-body h3, .detail-body h4 { color: var(--text); margin: 26px 0 12px; font-weight: 800; }
.detail-body h2 { font-size: 21px; }
.detail-body h3 { font-size: 18px; }
.detail-body a { color: var(--aur); text-decoration: underline; text-underline-offset: 3px; }
.detail-body ul, .detail-body ol { padding-left: 22px; margin-bottom: 16px; }
.detail-body ul li { list-style: disc; margin-bottom: 7px; }
.detail-body ol li { list-style: decimal; margin-bottom: 7px; }
.detail-body blockquote { border-left: 3px solid var(--aur); background: var(--surface); padding: 14px 18px; border-radius: 0 12px 12px 0; margin: 16px 0; color: var(--muted); }
.detail-body table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 14px; }
.detail-body th, .detail-body td { border: 1px solid var(--line); padding: 10px 12px; }
.detail-body th { background: var(--surface-2); }
.detail-body pre { background: var(--bg); border: 1px solid var(--line); border-radius: 12px; padding: 16px; overflow-x: auto; }

/* Prev / next nav */
.prev-next { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 30px; }
.pn-box { border-radius: 14px; border: 1px solid var(--line); background: var(--surface); padding: 15px 18px; transition: border-color .3s; }
.pn-box:hover { border-color: rgba(34,230,195,.45); }
.pn-box.next { text-align: right; }
.pn-box span { display: block; font-size: 12px; color: var(--muted); letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 5px; }
.pn-box a { font-size: 14.5px; font-weight: 700; line-height: 1.45; }
.pn-box a:hover { color: var(--aur); }

/* Tag page header */
.tag-hero { display: flex; align-items: center; gap: 18px; }
.tag-hero .tg-ic { flex-shrink: 0; width: 62px; height: 62px; border-radius: 18px; display: grid; place-items: center; font-size: 28px; background: linear-gradient(140deg, rgba(34,230,195,.18), rgba(123,97,255,.18)); border: 1px solid var(--line); }

/* Search form */
.search-form { display: flex; gap: 10px; max-width: 560px; }
.search-form input { flex: 1; padding: 13px 18px; border-radius: 12px; border: 1px solid var(--line); background: var(--surface); color: var(--text); font-size: 15px; outline: none; transition: border-color .25s; }
.search-form input:focus { border-color: rgba(34,230,195,.5); }

/* Empty state */
.empty-state { text-align: center; padding: 70px 20px; border-radius: var(--radius); border: 1px dashed var(--line); background: var(--surface); }
.empty-state .es-ic { font-size: 52px; margin-bottom: 14px; }
.empty-state p { color: var(--muted); margin-bottom: 20px; }

/* 404 page */
.t404 { min-height: 68vh; display: grid; place-items: center; text-align: center; padding: 60px 20px; }
.t404 .code { font-size: clamp(90px, 16vw, 170px); font-weight: 900; line-height: 1; background: var(--grad-aur); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.t404 p { color: var(--muted); margin: 18px 0 28px; }

/* Img fallback flash */
img[data-fb] { background: linear-gradient(140deg, #101a36, #0b1226); }

/* ---------- Reveal on scroll ---------- */
.reveal { opacity: 0; transform: translateY(30px); transition: opacity .7s ease, transform .7s ease; }
.reveal.in { opacity: 1; transform: none; }
.reveal[data-d="1"] { transition-delay: .1s; }
.reveal[data-d="2"] { transition-delay: .2s; }
.reveal[data-d="3"] { transition-delay: .3s; }
.no-js .reveal { opacity: 1; transform: none; }

/* ---------- Responsive ---------- */
@media (max-width: 1080px) {
    .hero-grid { grid-template-columns: 1fr; gap: 36px; }
    .hero-panel { max-width: 560px; }
    .grid-4 { grid-template-columns: repeat(2, 1fr); }
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .split-75 { grid-template-columns: 1fr; }
    .live-wrap { grid-template-columns: 1fr; }
    .live-featured { min-height: 300px; }
    .layout-2col { grid-template-columns: 1fr; }
    .partner-bar { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 860px) {
    .aur-nav {
        position: fixed; top: var(--header-h); left: 0; right: 0; z-index: 89;
        flex-direction: column; align-items: stretch; gap: 2px;
        background: rgba(9, 14, 30, .98); border-bottom: 1px solid var(--line);
        padding: 14px 20px 20px; max-height: calc(100vh - var(--header-h)); overflow-y: auto;
        transform: translateY(-12px); opacity: 0; visibility: hidden; transition: all .3s ease;
    }
    .aur-nav.open { transform: none; opacity: 1; visibility: visible; }
    .aur-nav > li > a { padding: 12px 14px; font-size: 15.5px; }
    .aur-nav .sub { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; border: 0; background: var(--surface); margin: 4px 0 8px 14px; display: none; }
    .aur-nav .has-sub.open .sub { display: block; }
    .burger { display: flex; }
    .header-cta .btn-ghost { display: none; }
    .grid-3 { grid-template-columns: repeat(2, 1fr); }
    .news-card { grid-template-columns: 1fr; }
    .news-thumb { min-height: 190px; }
    .post-card { grid-template-columns: 1fr; }
    .post-card .pic { min-height: 190px; position: relative; }
    .detail-card { padding: 22px 18px; }
    .prev-next { grid-template-columns: 1fr; }
    .pn-box.next { text-align: left; }
}
@media (max-width: 600px) {
    .hero { padding: 60px 0 44px; }
    .hero-actions .btn { flex: 1 1 auto; }
    .grid-3, .grid-4, .grid-2, .live-grid { grid-template-columns: 1fr; }
    .section { padding: 54px 0; }
    .hscroll { grid-auto-columns: minmax(232px, 82%); }
    .footer-grid { grid-template-columns: 1fr; gap: 26px; }
    .cta-box { padding: 44px 22px; }
    .brand { font-size: 18px; }
    .brand .txt small { display: none; }
    .odds-row { font-size: 12.5px; padding: 10px 10px; }
    .chip { display: none; }
    .partner-bar { grid-template-columns: repeat(3, 1fr); }
    .game-card .meta { flex-wrap: wrap; }
}

/* pinecone: knit weave */
body{background-image:repeating-linear-gradient(45deg,rgba(240,225,200,.02) 0 3px,transparent 3px 9px),repeating-linear-gradient(-45deg,rgba(240,225,200,.02) 0 3px,transparent 3px 9px)}
.game-card{border-radius:18px;border-color:rgba(240,225,200,.14)}
.game-card:hover{border-color:rgba(180,220,160,.42);transform:translateY(-4px)}
.btn{border-radius:18px}
.chip{border-radius:18px 6px 18px 6px}
h1,h2,h3{font-family:Georgia,serif}
.sec-kicker{border-radius:18px}
.jackpot-val{color:var(--gold)}
.aurora-blob{opacity:.42}
.aurora-blob.b1{background:rgba(232,220,195,.09)}.aurora-blob.b2{background:rgba(175,215,160,.06)}

/* ===== hero layouts ===== *//* hero20 unique layout reset: theme glows only, spacing owned by q-classes */
.hero{padding:0;min-height:0}
/* shared hero atoms */
.q-kicker{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:800;letter-spacing:1.6px;color:var(--gold2);border:1px solid var(--line);border-radius:999px;padding:7px 16px;background:var(--surface);margin-bottom:18px}
.q-kicker .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold)}
.q-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.q-trust{display:flex;gap:16px;flex-wrap:wrap;list-style:none;margin-top:22px;font-size:13px;color:var(--muted)}
.hero .lead,.q1-copy .lead,.q2-copy .lead,.q5-main .lead{color:var(--muted);font-size:15.5px;line-height:1.75;margin-top:14px;max-width:560px}
h1 .hl{background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* q1 split left-copy right game wall */
.q1-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center;padding:64px 0}
.q1-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.q1-wall img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;border:1px solid var(--line);transition:transform .3s}
.q1-wall img:hover{transform:translateY(-5px)}
@media(max-width:960px){.q1-grid{grid-template-columns:1fr}.q1-wall{grid-template-columns:repeat(3,1fr)}}

/* q2 mirrored wall left */
.q2-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:38px;align-items:center;padding:64px 0}
.q2-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.q2-wall img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;border:1px solid var(--line);transition:transform .3s}
.q2-wall img:hover{transform:scale(1.05)}
.q2-copy{text-align:right}
.q2-copy .lead{margin-left:auto}
.q2-copy .q-actions,.q2-copy .q-trust{justify-content:flex-end}
@media(max-width:960px){.q2-grid{grid-template-columns:1fr}.q2-copy{text-align:left}.q2-copy .q-actions,.q2-copy .q-trust{justify-content:flex-start}}

/* q3 centered stage + stats bar */
.q3-stage{position:relative;overflow:hidden}
.q3-bg{position:absolute;inset:0}
.q3-bg img{width:100%;height:100%;object-fit:cover;opacity:.22}
.q3-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(900px 460px at 50% 0%,transparent,var(--bg) 78%)}
.q3-wrap{position:relative;text-align:center;padding:84px 0 60px}
.q3-wrap h1{font-size:clamp(30px,4.6vw,52px);font-weight:900;line-height:1.18;margin:6px 0 14px}
.q3-wrap .lead{margin:0 auto}
.q3-wrap .q-actions{justify-content:center}
.q3-stats{position:relative;border-top:1px solid var(--line);background:var(--surface)}
.q3-srow{display:grid;grid-template-columns:repeat(4,1fr);padding:18px 0}
.q3-si{display:flex;flex-direction:column;align-items:center;gap:3px;border-left:1px solid var(--line)}
.q3-si:first-child{border-left:0}
.q3-si b{font-size:20px;font-weight:900;color:var(--gold)}
.q3-si span{font-size:12px;color:var(--muted)}
@media(max-width:860px){.q3-srow{grid-template-columns:1fr 1fr}.q3-si:nth-child(3){border-left:0}}

/* q4 fullbleed + floating jackpot card */
.q4-full{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden}
.q4-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.q4-shade{position:absolute;inset:0;background:linear-gradient(100deg,var(--bg) 20%,rgba(0,0,0,.55) 60%,rgba(0,0,0,.25))}
.q4-grid{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:center;padding:60px 0}
.q4-copy p{color:var(--muted);margin-top:12px;max-width:520px}
.q4-jcard{background:var(--surface-2);border:1px solid var(--line);border-radius:18px;padding:24px;backdrop-filter:blur(10px);box-shadow:0 24px 60px rgba(0,0,0,.4)}
.q4-jtag{font-size:11px;letter-spacing:2px;color:var(--muted)}
.q4-jval{font-size:clamp(24px,2.6vw,32px);font-weight:900;color:var(--gold);margin:8px 0 10px}
.q4-jrow{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);margin-bottom:16px}
@media(max-width:960px){.q4-grid{grid-template-columns:1fr}}

/* q5 magazine vk-left + rail right */
.q5-grid{display:grid;grid-template-columns:52px 1fr 210px;gap:26px;padding:58px 0;align-items:center}
.q5-vk{writing-mode:vertical-rl;transform:rotate(180deg);font-size:13px;font-weight:800;letter-spacing:4px;color:var(--muted);border-right:2px solid var(--au2);padding-right:14px;height:100%;display:flex;align-items:center}
.q5-main h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q5-rail{display:flex;flex-direction:column;gap:12px}
.q5-ri{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:13px 16px;display:flex;flex-direction:column;gap:3px}
.q5-ri span{font-size:10.5px;letter-spacing:1.5px;color:var(--muted)}
.q5-ri b{font-size:19px;font-weight:900;color:var(--gold)}
@media(max-width:960px){.q5-grid{grid-template-columns:1fr}.q5-vk{display:none}.q5-rail{flex-direction:row;flex-wrap:wrap}.q5-ri{flex:1 1 40%}}

/* q6 slim top img + score boards */
.q6-top{position:relative;height:250px;overflow:hidden}
.q6-top img{width:100%;height:100%;object-fit:cover}
.q6-shade{position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 4%,rgba(0,0,0,.45))}
.q6-top h1{position:absolute;bottom:18px;left:0;right:0;font-size:clamp(24px,3.4vw,40px);font-weight:900;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.5)}
.q6-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:-34px}
.q6-b{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:16px 18px;display:flex;flex-direction:column;gap:4px;box-shadow:0 14px 34px rgba(0,0,0,.28)}
.q6-b span{font-size:10.5px;letter-spacing:1.6px;color:var(--muted)}
.q6-b b{font-size:19px;font-weight:900}
.q6-aur b{color:var(--aur)}.q6-gold b{color:var(--gold)}
.q6-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0 10px;flex-wrap:wrap}
.q6-cta p{color:var(--muted);font-size:14.5px;max-width:560px}
@media(max-width:960px){.q6-row{grid-template-columns:1fr 1fr}}

/* q7 banner + 3 game cards + cta tile */
.q7-band{background:linear-gradient(120deg,var(--bg-2),var(--bg-3));border-bottom:1px solid var(--line);padding:52px 0 34px}
.q7-band h1{font-size:clamp(26px,3.8vw,46px);font-weight:900;margin:6px 0 10px}
.q7-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-6px;padding-bottom:50px}
.q7-c{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line);aspect-ratio:4/5}
.q7-c img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.q7-c:hover img{transform:scale(1.07)}
.q7-cb{position:absolute;inset:auto 0 0;padding:14px;background:linear-gradient(0deg,rgba(0,0,0,.82),transparent)}
.q7-cb h3{color:#fff;font-size:16px}
.q7-cb span{color:rgba(255,255,255,.75);font-size:12px}
.q7-cta{border:1px dashed var(--au2);border-radius:14px;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:14px}
.q7-cta b{font-size:20px;font-weight:900;color:var(--gold)}
.q7-cta span{font-size:11.5px;color:var(--muted)}
.q7-cta .btn{margin-top:8px}
@media(max-width:1080px){.q7-cards{grid-template-columns:repeat(2,1fr)}}

/* q8 diagonal split */
.q8-diag{display:grid;grid-template-columns:55% 45%;min-height:520px}
.q8-copy{display:flex;align-items:center;background:var(--bg);clip-path:polygon(0 0,100% 0,88% 100%,0 100%);padding-right:8%}
.q8-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.22;margin-bottom:12px}
.q8-img{position:relative;overflow:hidden}
.q8-img img{width:100%;height:100%;object-fit:cover}
.q8-img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 40%)}
.q8-badge{position:absolute;left:-30px;bottom:34px;background:var(--grad-gold);color:#1a1405;border-radius:14px;padding:14px 18px;display:flex;flex-direction:column;line-height:1.15;box-shadow:0 16px 40px rgba(0,0,0,.4)}
.q8-badge span{font-size:10.5px;font-weight:800;letter-spacing:1.5px}
.q8-badge b{font-size:30px;font-weight:900}
@media(max-width:960px){.q8-diag{grid-template-columns:1fr}.q8-copy{clip-path:none;padding-right:0}}

/* q9 asym left copy + dark data panel */
.q9-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:0;padding:60px 0;align-items:stretch}
.q9-left{padding-right:40px}
.q9-left h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q9-panel{border:1px solid var(--line);border-left:2px solid var(--aur);border-radius:0 16px 16px 0;background:var(--bg-3);padding:22px;display:flex;flex-direction:column;justify-content:center;gap:11px}
.q9-jp span{font-size:10.5px;letter-spacing:2px;color:var(--muted)}
.q9-jp b{display:block;font-size:23px;font-weight:900;color:var(--gold);margin-top:3px}
.q9-kv{display:flex;justify-content:space-between;font-size:13.5px;color:var(--muted);border-top:1px dashed var(--line);padding-top:9px}
.q9-kv b{color:var(--text)}
@media(max-width:960px){.q9-grid{grid-template-columns:1fr}.q9-left{padding-right:0;padding-bottom:24px}}

/* q10 top ticker strip + left title + floating mini card */
.q10-strip{overflow:hidden;background:var(--bg-3);border-bottom:1px solid var(--line);padding:9px 0}
.q10-track{display:flex;gap:34px;white-space:nowrap;animation:qtmar 22s linear infinite;font-size:13px;color:var(--muted)}
.q10-track b{color:var(--gold)}
@keyframes qtmar{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.q10-main{padding:56px 0 30px}
.q10-main h1{font-size:clamp(28px,4vw,50px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q10-float{padding-bottom:54px}
.q10-mini{display:inline-flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:12px 18px;box-shadow:0 18px 40px rgba(0,0,0,.3)}
.q10-mini img{width:74px;height:74px;border-radius:12px;object-fit:cover}
.q10-mini span{display:block;font-size:10.5px;letter-spacing:2px;color:var(--muted)}
.q10-mini b{font-size:19px;font-weight:900;color:var(--gold)}

/* q11 quad grid */
.q11-grid{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:auto auto;gap:14px;padding:56px 0}
.q11-tl h1{font-size:clamp(24px,3.2vw,40px);font-weight:900;line-height:1.22;margin-top:4px}
.q11-tr,.q11-bl,.q11-br{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:22px}
.q11-tr{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px;background:linear-gradient(135deg,var(--surface),rgba(0,0,0,.2))}
.q11-tr b{font-size:clamp(19px,2vw,26px);font-weight:900;color:var(--gold)}
.q11-tr span{font-size:11.5px;letter-spacing:2px;color:var(--muted)}
.q11-bl p{color:var(--muted);font-size:14px;margin-bottom:4px}
.q11-br{display:flex;gap:14px;align-items:center;justify-content:flex-end;flex-wrap:wrap;font-size:13px;color:var(--muted)}
@media(max-width:960px){.q11-grid{grid-template-columns:1fr}}

/* q12 steps timeline + big image right */
.q12-grid{display:grid;grid-template-columns:340px 1fr;gap:40px;padding:60px 0;align-items:center}
.q12-ol{list-style:none;display:flex;flex-direction:column;gap:22px}
.q12-ol li{display:flex;gap:16px;align-items:flex-start}
.q12-ol b{font-size:24px;font-weight:900;color:var(--gold);line-height:1;font-variant-numeric:tabular-nums}
.q12-ol h3{font-size:16.5px;font-weight:800;margin-bottom:3px}
.q12-ol p{font-size:13px;color:var(--muted)}
.q12-right{position:relative}
.q12-img{border-radius:20px;overflow:hidden;border:1px solid var(--line)}
.q12-img img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.q12-right h1{font-size:clamp(22px,2.8vw,34px);font-weight:900;margin-top:18px}
.q12-right .q-kicker{margin:12px 0 0}
.q12-right .btn{margin-top:16px}
@media(max-width:960px){.q12-grid{grid-template-columns:1fr}}

/* q13 dial stage */
.q13-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding:64px 0}
.q13-copy h1{font-size:clamp(28px,3.8vw,46px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q13-dial-wrap{position:relative;display:flex;align-items:center;justify-content:center;padding:26px}
.q13-disk{width:min(300px,72vw);aspect-ratio:1;border-radius:50%;border:2px solid var(--au2);background:radial-gradient(circle at 50% 38%,var(--surface-2),var(--bg-2));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 0 0 10px rgba(255,255,255,.02),0 30px 70px rgba(0,0,0,.4)}
.q13-lbl{font-size:11px;letter-spacing:3px;color:var(--muted)}
.q13-disk b{font-size:clamp(19px,2vw,26px);font-weight:900;color:var(--gold)}
.q13-sub{font-size:11px;color:var(--muted)}
.q13-orbit{position:absolute;font-size:22px;background:var(--surface);border:1px solid var(--line);border-radius:50%;width:52px;height:52px;display:flex;align-items:center;justify-content:center}
.q13-orbit.o1{top:0;left:12%}.q13-orbit.o2{top:8%;right:10%}
.q13-orbit.o3{bottom:6%;left:8%}.q13-orbit.o4{bottom:0;right:14%}
@media(max-width:960px){.q13-grid{grid-template-columns:1fr}}

/* q14 spotlight beam + bottom strip */
.q14-spot{position:relative;overflow:hidden;padding:66px 0 0;text-align:center}
.q14-beam{position:absolute;top:-40%;left:50%;transform:translateX(-50%);width:min(560px,90vw);height:80%;background:radial-gradient(ellipse at top,rgba(227,179,65,.16),transparent 70%);pointer-events:none}
.q14-center{position:relative}
.q14-center h1{font-size:clamp(28px,4.2vw,50px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q14-center .lead{margin:0 auto}
.q14-center .q-actions{justify-content:center}
.q14-jp{margin-top:26px;display:inline-flex;flex-direction:column;gap:2px}
.q14-jp span{font-size:11px;letter-spacing:2px;color:var(--muted)}
.q14-jp b{font-size:clamp(20px,2.4vw,28px);font-weight:900;color:var(--gold)}
.q14-strip{display:flex;gap:8px;margin-top:44px;overflow:hidden;opacity:.85}
.q14-strip img{width:calc(100%/6 - 7px);aspect-ratio:16/10;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
@media(max-width:860px){.q14-strip{display:none}}

/* q15 magazine mirrored vk right */
.q15-grid{display:grid;grid-template-columns:1fr 52px;gap:26px;padding:58px 0;align-items:center}
.q15-main h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q15-nums{display:flex;gap:34px;margin-top:24px}
.q15-nums b{display:block;font-size:22px;font-weight:900;color:var(--gold)}
.q15-nums span{font-size:12px;color:var(--muted)}
.q15-vk{writing-mode:vertical-rl;font-size:13px;font-weight:800;letter-spacing:4px;color:var(--muted);border-left:2px solid var(--au2);padding-left:14px;height:100%;display:flex;align-items:center;justify-content:center}
@media(max-width:960px){.q15-vk{display:none}.q15-grid{grid-template-columns:1fr}}

/* q16 ticket split */
.q16-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:0;margin:56px auto;border-radius:20px;border:1px solid var(--line);background:var(--surface);overflow:hidden;position:relative}
.q16-l{padding:38px 44px}
.q16-l h1{font-size:clamp(24px,3vw,38px);font-weight:900;line-height:1.25;margin:10px 0 18px}
.q16-r{border-left:2px dashed var(--line);padding:38px 34px;display:flex;flex-direction:column;justify-content:center;gap:14px;background:var(--bg-2);position:relative}
.q16-r::before,.q16-r::after{content:"";position:absolute;left:-13px;width:24px;height:24px;border-radius:50%;background:var(--bg);border:1px solid var(--line)}
.q16-r::before{top:-13px}.q16-r::after{bottom:-13px}
.q16-code{display:flex;flex-direction:column;gap:2px;border:1px solid var(--au2);border-radius:12px;padding:14px;text-align:center}
.q16-code span{font-size:10.5px;letter-spacing:2px;color:var(--muted)}
.q16-code b{font-size:21px;font-weight:900;color:var(--gold);letter-spacing:2px}
@media(max-width:960px){.q16-grid{grid-template-columns:1fr}.q16-r{border-left:0;border-top:2px dashed var(--line)}.q16-r::before,.q16-r::after{display:none}}

/* q17 giant typography */
.q17-typo{padding:70px 0 0;text-align:center}
.q17-typo .q17-h1{font-size:clamp(38px,7.5vw,96px);font-weight:900;line-height:1.02;letter-spacing:-1px;margin:10px 0 2px;word-break:break-word}
.q17-typo .q17-h2{font-size:clamp(18px,2.6vw,30px);font-weight:300;font-style:italic;color:var(--muted);margin-bottom:14px}
.q17-typo .lead{margin:0 auto}
.q17-typo .q-actions{justify-content:center}
.q17-line{border-top:1px solid var(--line);margin-top:56px;background:var(--surface)}
.q17-badges{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:16px 0;font-size:13px;color:var(--muted)}
.q17-badges span{border:1px solid var(--line);border-radius:999px;padding:7px 16px;background:var(--bg)}
.q17-badges b{color:var(--gold)}

/* q18 arcade arch */
.q18-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:28px;align-items:center;padding:60px 0}
.q18-col h1{font-size:clamp(22px,2.8vw,34px);font-weight:900;line-height:1.25;margin-bottom:14px}
.q18-arch-img{position:relative;width:min(340px,80vw);margin:0 auto}
.q18-arch-img img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:170px 170px 18px 18px;border:2px solid var(--au2)}
.q18-jp{position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);background:var(--grad-gold);color:#1a1405;font-weight:900;font-size:16px;padding:10px 20px;border-radius:999px;white-space:nowrap;box-shadow:0 12px 30px rgba(0,0,0,.4)}
.q18-right .lead{margin:0 0 6px}
.q18-right .q-trust{flex-direction:column;gap:8px}
@media(max-width:1080px){.q18-grid{grid-template-columns:1fr;text-align:center}.q18-right .q-trust{align-items:center}.q18-right .lead{margin:0 auto}}

/* q19 dashboard grid */
.q19-dash{padding:54px 0}
.q19-head h1{font-size:clamp(24px,3.2vw,40px);font-weight:900;margin:6px 0 22px}
.q19-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:180px;gap:12px}
.q19-cell{border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden;position:relative}
.q19-cell img{width:100%;height:100%;object-fit:cover}
.q19-jp{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:20px;background:linear-gradient(135deg,var(--bg-3),var(--bg-2))}
.q19-jp span{font-size:10.5px;letter-spacing:2px;color:var(--muted)}
.q19-jp b{font-size:clamp(19px,2vw,27px);font-weight:900;color:var(--gold)}
.q19-cta{padding:20px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.q19-cta p{font-size:13.5px;color:var(--muted)}
@media(max-width:960px){.q19-grid{grid-template-columns:1fr 1fr}}

/* q20 corridor double marquee */
.q20-corridor{overflow:hidden}
.q20-strip{overflow:hidden;background:var(--bg-3);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0}
.q20-strip.bot{border-bottom:0}
.q20-track{display:flex;gap:38px;white-space:nowrap;animation:qtmar 26s linear infinite;font-size:13px;color:var(--muted);width:max-content}
.q20-strip.top .q20-track{animation-direction:reverse}
.q20-track b{color:var(--gold)}
.q20-mid{text-align:center;padding:64px 0}
.q20-mid h1{font-size:clamp(28px,4vw,48px);font-weight:900;line-height:1.2;margin:8px 0 12px}
.q20-mid .lead{margin:0 auto}
.q20-mid .q-actions{justify-content:center}
/* q21 top strip + copy left + stat stack right */
.q21-strip{position:relative;height:190px;overflow:hidden}
.q21-strip img{width:100%;height:100%;object-fit:cover}
.q21-veil{position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 3%,rgba(0,0,0,.35))}
.q21-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:center;padding:40px 0 56px}
.q21-copy h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q21-stack{display:flex;flex-direction:column;gap:12px}
.q21-sc{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-left:3px solid var(--aur);border-radius:12px;background:var(--surface);padding:14px 18px}
.q21-sc b{font-size:21px;font-weight:900;color:var(--gold);min-width:130px}
.q21-sc span{font-size:13px;color:var(--muted)}
@media(max-width:960px){.q21-grid{grid-template-columns:1fr}}

/* q22 usp list left + panel right */
.q22-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;padding:60px 0;align-items:center}
.q22-usp{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.q22-usp li{display:flex;gap:12px;align-items:flex-start}
.q22-usp b{font-size:22px;font-weight:900;color:var(--gold);line-height:1}
.q22-usp h3{font-size:15px;font-weight:800;margin-bottom:3px}
.q22-usp p{font-size:12.5px;color:var(--muted)}
.q22-panel{border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:36px 40px;box-shadow:0 24px 60px rgba(0,0,0,.3)}
.q22-panel h1{font-size:clamp(24px,3vw,38px);font-weight:900;line-height:1.25;margin-bottom:12px}
@media(max-width:960px){.q22-grid{grid-template-columns:1fr}.q22-usp{grid-template-columns:1fr}}

/* q23 head + masonry columns */
.q23-head{text-align:center;padding:56px 0 30px}
.q23-head h1{font-size:clamp(26px,3.8vw,46px);font-weight:900;margin:8px 0 4px}
.q23-head .q-actions{justify-content:center}
.q23-cols{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:150px;gap:12px;padding-bottom:56px}
.q23-c{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.q23-c img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.q23-c:hover img{transform:scale(1.07)}
.q23-c span{position:absolute;left:12px;bottom:10px;font-size:13px;font-weight:800;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.7)}
.q23-c.tall{grid-row:span 2}
.q23-c.wide{grid-column:span 2}
@media(max-width:960px){.q23-cols{grid-template-columns:1fr 1fr}}

/* q24 diagonal bg + narrow center-left */
.q24-slash{position:relative;padding:76px 0}
.q24-bgcut{position:absolute;inset:0;background:linear-gradient(115deg,var(--bg-3) 34%,transparent 34.6%),linear-gradient(65deg,transparent 62%,var(--bg-2) 62.5%);opacity:.8}
.q24-narrow{position:relative;max-width:640px}
.q24-narrow h1{font-size:clamp(28px,4vw,50px);font-weight:900;line-height:1.16;margin-bottom:12px}
.q24-stat{display:flex;align-items:center;gap:14px;margin-top:28px;border:1px dashed var(--au2);border-radius:14px;padding:14px 18px;background:var(--surface)}
.q24-stat span:first-child{font-size:24px}
.q24-stat b{font-size:22px;font-weight:900;color:var(--gold)}
.q24-stat span:last-child{font-size:13px;color:var(--muted)}

/* q25 glass card center on backdrop */
.q25-glass{position:relative;overflow:hidden}
.q25-backdrop{position:absolute;inset:0}
.q25-backdrop img{width:100%;height:100%;object-fit:cover;opacity:.28;filter:saturate(1.2)}
.q25-backdrop::after{content:"";position:absolute;inset:0;background:radial-gradient(900px 480px at 50% 40%,transparent,var(--bg) 82%)}
.q25-center{position:relative;display:flex;justify-content:center;padding:72px 0}
.q25-card{text-align:center;max-width:640px;border:1px solid var(--line);border-radius:26px;padding:44px 46px;background:rgba(0,0,0,.35);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.q25-card h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q25-card .q-actions{justify-content:center}
.q25-row{display:flex;justify-content:center;gap:20px;margin-top:24px;font-size:13px;color:var(--muted);flex-wrap:wrap}

/* q26 three-fold screen */
.q26-fold{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px;padding:56px 0;align-items:stretch}
.q26-panel{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:28px;display:flex;flex-direction:column;gap:12px;justify-content:center}
.q26-panel h1{font-size:clamp(22px,2.6vw,34px);font-weight:900;line-height:1.25}
.q26-mid{text-align:center;align-items:center}
.q26-mid img{width:100%;max-width:220px;border-radius:14px;object-fit:cover}
.q26-mid b{font-size:20px;font-weight:900;color:var(--gold)}
.q26-mid span{font-size:12px;letter-spacing:2px;color:var(--muted)}
@media(max-width:1080px){.q26-fold{grid-template-columns:1fr}}

/* q27 top copy + bottom image rail */
.q27-top{text-align:center;padding:56px 0 34px}
.q27-top h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;margin:8px 0 4px}
.q27-top .q-actions{justify-content:center}
.q27-rail{overflow:hidden;padding-bottom:52px;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.q27-track{display:flex;gap:12px;width:max-content;animation:q27slide 30s linear infinite}
.q27-track img{width:210px;height:140px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}
@keyframes q27slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* q28 monument: giant left + badge column right */
.q28-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:36px;padding:64px 0;align-items:center}
.q28-main h1{font-size:clamp(30px,4.4vw,56px);font-weight:900;line-height:1.1;margin-bottom:14px}
.q28-main .q-kicker{margin-top:16px}
.q28-badges{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.q28-b{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:16px;display:flex;flex-direction:column;gap:2px;text-align:center}
.q28-b b{font-size:22px;font-weight:900;color:var(--gold)}
.q28-b span{font-size:11.5px;color:var(--muted)}
@media(max-width:960px){.q28-grid{grid-template-columns:1fr}}

/* q29 orbit hub */
.q29-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:64px 0}
.q29-copy h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q29-hub{position:relative;width:min(320px,76vw);aspect-ratio:1;margin:0 auto}
.q29-ring{position:absolute;inset:6%;border:1px dashed var(--au2);border-radius:50%;animation:q29spin 40s linear infinite}
@keyframes q29spin{to{transform:rotate(360deg)}}
.q29-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52%;aspect-ratio:1;border-radius:50%;object-fit:cover;border:3px solid var(--aur);box-shadow:0 0 50px rgba(0,0,0,.5)}
.q29-sat{position:absolute;width:52px;height:52px;border-radius:50%;background:var(--surface-2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:22px}
.q29-sat.s1{top:-6px;left:50%;transform:translateX(-50%)}
.q29-sat.s2{right:-6px;top:50%;transform:translateY(-50%)}
.q29-sat.s3{bottom:-6px;left:50%;transform:translateX(-50%)}
.q29-sat.s4{left:-6px;top:50%;transform:translateY(-50%)}
@media(max-width:960px){.q29-grid{grid-template-columns:1fr}}

/* q30 half image right + full-height copy left */
.q30-halfimg{display:grid;grid-template-columns:1fr 45%;min-height:540px}
.q30-copy{display:flex;flex-direction:column;justify-content:center;padding:60px 6% 60px 0}
.q30-copy h1{font-size:clamp(28px,4vw,50px);font-weight:900;line-height:1.18;margin-bottom:14px}
.q30-img{position:relative;overflow:hidden}
.q30-img img{width:100%;height:100%;object-fit:cover}
.q30-fade{position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 45%)}
@media(max-width:960px){.q30-halfimg{grid-template-columns:1fr}.q30-img{min-height:240px;order:-1}.q30-fade{background:linear-gradient(0deg,var(--bg),transparent 60%)}}

/* q31 skyline emblem center */
.q31-skyline{position:relative;text-align:center;padding:72px 0 84px;overflow:hidden}
.q31-horizon{position:absolute;left:0;right:0;bottom:0;height:150px;background:linear-gradient(0deg,var(--bg-3),transparent);mask-image:repeating-linear-gradient(90deg,#000 0 26px,transparent 26px 34px);opacity:.7}
.q31-emblem{width:84px;height:84px;margin:0 auto 18px;border-radius:50%;border:2px solid var(--au2);background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:38px;box-shadow:0 0 44px rgba(0,0,0,.4)}
.q31-center{position:relative}
.q31-center h1{font-size:clamp(28px,4vw,48px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q31-center .lead{margin:0 auto}
.q31-center .q-actions{justify-content:center}

/* q32 crest shield center + side columns */
.q32-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:26px;padding:56px 0;align-items:center}
.q32-t{flex-direction:column;align-items:flex-start;gap:10px}
.q32-shield{clip-path:polygon(50% 0,100% 12%,100% 62%,50% 100%,0 62%,0 12%);background:linear-gradient(160deg,var(--bg-3),var(--bg-2));border:1px solid var(--line);padding:52px 34px 66px;text-align:center}
.q32-in h1{font-size:clamp(22px,2.6vw,32px);font-weight:900;line-height:1.25;margin:10px 0 16px}
.q32-jp{text-align:right;display:flex;flex-direction:column;gap:4px}
.q32-jp span{font-size:11px;letter-spacing:2px;color:var(--muted)}
.q32-jp b{font-size:clamp(20px,2.2vw,27px);font-weight:900;color:var(--gold)}
@media(max-width:1080px){.q32-grid{grid-template-columns:1fr}.q32-t{align-items:center}.q32-jp{text-align:center;align-items:center}}

/* q33 soft mega-card with inner grid */
.q33-card{border:1px solid var(--line);border-radius:30px;background:var(--surface);overflow:hidden;margin:52px auto;box-shadow:0 30px 80px rgba(0,0,0,.3)}
.q33-top{padding:38px 44px 26px;text-align:center}
.q33-top h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;line-height:1.2;margin:8px 0 10px}
.q33-top .lead{margin:0 auto}
.q33-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line)}
.q33-cell{background:var(--bg-2);padding:18px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}
.q33-cell img{width:110px;height:110px;border-radius:20px;object-fit:cover}
.q33-cell span{font-size:13px;font-weight:800}
.q33-cta{background:var(--bg-3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.q33-cta b{font-size:20px;font-weight:900;color:var(--gold)}
@media(max-width:960px){.q33-grid{grid-template-columns:1fr 1fr}}

/* q34 startrail arcs + moon panel */
.q34-startrail{position:relative;overflow:hidden;padding:72px 0}
.q34-arc{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%}
.q34-arc.a1{width:620px;height:620px;top:-380px;right:-180px}
.q34-arc.a2{width:460px;height:460px;top:-300px;right:-100px;border-color:rgba(255,255,255,.06)}
.q34-arc.a3{width:320px;height:320px;top:-230px;right:-40px;border-style:dashed}
.q34-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
.q34-copy h1{font-size:clamp(28px,3.8vw,46px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q34-moon{width:200px;height:200px;border-radius:50%;background:radial-gradient(circle at 38% 34%,var(--surface-2),var(--bg-2));border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.4);margin-left:auto}
.q34-lbl{font-size:10px;letter-spacing:3px;color:var(--muted)}
.q34-moon b{font-size:19px;font-weight:900;color:var(--gold);padding:0 20px}
.q34-sub{font-size:11px;color:var(--muted)}
@media(max-width:960px){.q34-grid{grid-template-columns:1fr}.q34-moon{margin:0 auto}}

/* q35 petal stack (3 overlapping) */
.q35-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;padding:60px 0;align-items:center}
.q35-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q35-stack{position:relative;height:420px}
.q35-p{position:absolute;width:62%;border-radius:18px;border:1px solid var(--line);background:var(--surface);overflow:hidden;box-shadow:0 18px 44px rgba(0,0,0,.35);transition:transform .35s}
.q35-p img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.q35-p span{position:absolute;left:14px;bottom:12px;font-weight:800;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.8)}
.q35-p.p1{left:0;top:26px;z-index:3}
.q35-p.p2{right:0;top:8px;z-index:2;transform:rotate(4deg)}
.q35-p.p3{left:16%;bottom:0;z-index:1;transform:rotate(-3deg)}
.q35-stack:hover .q35-p.p2{transform:rotate(0) translateY(-6px)}
@media(max-width:960px){.q35-grid{grid-template-columns:1fr}.q35-stack{height:360px;max-width:420px;margin:0 auto;width:100%}}

/* q36 console desk knobs */
.q36-head{text-align:center;padding:56px 0 30px}
.q36-head h1{font-size:clamp(26px,3.8vw,46px);font-weight:900;margin:8px 0 4px}
.q36-head .q-actions{justify-content:center}
.q36-desk{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding-bottom:56px}
.q36-knob{border:1px solid var(--line);border-radius:110px 110px 16px 16px;background:linear-gradient(180deg,var(--surface-2),var(--surface));padding:26px 16px 20px;text-align:center;box-shadow:inset 0 2px 0 rgba(255,255,255,.06),0 14px 30px rgba(0,0,0,.3)}
.q36-knob b{display:block;font-size:26px;font-weight:900;color:var(--gold);margin-bottom:4px}
.q36-knob span{font-size:11.5px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase}
@media(max-width:1080px){.q36-desk{grid-template-columns:repeat(2,1fr)}}

/* q37 phone mock center + points + copy right */
.q37-grid{display:grid;grid-template-columns:auto 1fr;gap:44px;padding:60px 0;align-items:center;justify-content:center}
.q37-phone{position:relative;width:250px;height:500px;border:3px solid var(--au2);border-radius:38px;background:var(--bg-3);overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.5)}
.q37-notch{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:90px;height:18px;border-radius:12px;background:var(--bg);z-index:2}
.q37-phone img{width:100%;height:64%;object-fit:cover}
.q37-cap{position:absolute;left:0;right:0;bottom:0;padding:18px;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent);display:flex;flex-direction:column;gap:8px}
.q37-cap .q-kicker{margin-bottom:0;font-size:10px;padding:5px 10px}
.q37-cap b{font-size:19px;font-weight:900;color:var(--gold)}
.q37-point{position:absolute;z-index:3;border:1px solid var(--au2);border-radius:999px;background:var(--bg-2);padding:10px 18px;display:flex;align-items:center;gap:10px;box-shadow:0 12px 30px rgba(0,0,0,.4)}
.q37-point b{font-size:17px;color:var(--gold)}
.q37-point span{font-size:11.5px;color:var(--muted)}
.q37-point.pt1{top:16%;left:-70px}
.q37-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
@media(max-width:1080px){.q37-grid{grid-template-columns:1fr;justify-items:center}.q37-copy{text-align:center}.q37-point.pt1{left:50%;transform:translateX(-140%)}}

/* q38 industrial rivet plate */
.q38-frame{position:relative;border:2px solid var(--line);border-radius:14px;background:repeating-linear-gradient(45deg,var(--surface) 0 12px,var(--bg-2) 12px 24px);padding:56px 48px;margin:52px 0}
.q38-rivet{position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--surface-2),var(--bg-3));border:1px solid var(--line)}
.q38-rivet.r1{top:16px;left:16px}.q38-rivet.r2{top:16px;right:16px}
.q38-rivet.r3{bottom:16px;left:16px}.q38-rivet.r4{bottom:16px;right:16px}
.q38-in{max-width:640px;margin:0 auto;text-align:center}
.q38-in h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;line-height:1.2;margin:8px 0 18px}
.q38-spec{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;text-align:left;max-width:420px;margin:0 auto 22px;font-size:13.5px}
.q38-spec span{color:var(--muted);letter-spacing:2px;font-size:11px;align-self:center}
.q38-spec b{color:var(--text);border-bottom:1px dashed var(--line);padding-bottom:3px}
.q38-in .q-actions{justify-content:center}

/* q39 dusk horizon layers */
.q39-dusk{position:relative;overflow:hidden;padding:150px 0 130px}
.q39-sun{position:absolute;left:50%;bottom:96px;transform:translateX(-50%);width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,var(--gold) 0%,rgba(240,200,120,.25) 55%,transparent 72%);opacity:.5}
.q39-layer{position:absolute;left:-6%;right:-6%;height:110px;border-radius:50%}
.q39-layer.l1{bottom:34px;background:var(--bg-3);opacity:.8}
.q39-layer.l2{bottom:-8px;background:var(--bg-2)}
.q39-layer.l3{bottom:-46px;background:var(--bg)}
.q39-copy{position:relative;text-align:center;max-width:660px;margin:0 auto}
.q39-copy h1{font-size:clamp(28px,4vw,48px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q39-copy .lead{margin:0 auto}
.q39-copy .q-actions{justify-content:center}

/* q40 wine bottle panel */
.q40-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;padding:64px 0;align-items:center}
.q40-copy h1{font-size:clamp(28px,3.8vw,46px);font-weight:900;line-height:1.2;margin-bottom:14px}
.q40-bottle{clip-path:polygon(26% 0,74% 0,84% 8%,84% 100%,16% 100%,16% 8%);background:linear-gradient(180deg,var(--bg-3),var(--bg-2));border:1px solid var(--line);padding:56px 34px 40px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}
.q40-lbl{font-size:10.5px;letter-spacing:4px;color:var(--muted)}
.q40-bottle b{font-size:clamp(20px,2.2vw,26px);font-weight:900;color:var(--gold)}
.q40-sub{font-size:12px;color:var(--muted);font-style:italic}
@media(max-width:960px){.q40-grid{grid-template-columns:1fr}.q40-bottle{max-width:340px;margin:0 auto;width:100%}}
/* q41 stair steps */
.q41-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;padding:60px 0;align-items:center}
.q41-copy h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q41-steps{position:relative;display:flex;align-items:flex-end;gap:10px;height:320px}
.q41-s{flex:1;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.q41-s img{width:100%;object-fit:cover;display:block}
.q41-s.s1{height:52%}.q41-s.s2{height:72%}.q41-s.s3{height:92%;border-color:var(--aur)}
.q41-jp{position:absolute;left:50%;top:-18px;transform:translateX(-50%);text-align:center;background:var(--bg-3);border:1px solid var(--line);border-radius:12px;padding:10px 22px;white-space:nowrap}
.q41-jp b{display:block;font-size:20px;font-weight:900;color:var(--gold)}
.q41-jp span{font-size:11.5px;color:var(--muted)}
@media(max-width:960px){.q41-grid{grid-template-columns:1fr}.q41-steps{height:220px}}

/* q42 tunnel frames */
.q42-align{padding-top:56px}
.q42-copy{text-align:center;max-width:720px;margin:0 auto}
.q42-copy h1{font-size:clamp(26px,3.8vw,46px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q42-copy .q-actions{justify-content:center}
.q42-frames{position:relative;height:300px;margin:20px 0 52px;perspective:900px}
.q42-f{position:absolute;left:50%;top:50%;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--bg-3)}
.q42-f img{width:100%;height:100%;object-fit:cover;display:block}
.q42-f.f1{width:560px;height:250px;transform:translate(-50%,-50%) translateZ(-160px);opacity:.45;filter:blur(1px)}
.q42-f.f2{width:460px;height:210px;transform:translate(-50%,-50%) translateZ(-80px);opacity:.7}
.q42-f.f3{width:360px;height:170px;transform:translate(-50%,-50%);border-color:var(--aur);box-shadow:0 24px 60px rgba(0,0,0,.5)}
.q42-cap{position:absolute;right:2%;bottom:6px;text-align:right}
.q42-cap b{display:block;font-size:22px;font-weight:900;color:var(--gold)}
.q42-cap span{font-size:12px;color:var(--muted)}

/* q43 polaroid wall */
.q43-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;padding:60px 0;align-items:center}
.q43-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.22;margin-bottom:12px}
.q43-board{position:relative;height:400px}
.q43-p{position:absolute;background:#f4f0e6;padding:10px 10px 30px;border-radius:4px;box-shadow:0 16px 36px rgba(0,0,0,.45)}
.q43-p img{width:100%;height:100%;object-fit:cover;display:block;border-radius:2px}
.q43-p span{position:absolute;left:0;right:0;bottom:8px;text-align:center;color:#5a544a;font-size:13px;font-weight:700;font-family:Georgia,serif}
.q43-p.pA{width:52%;height:230px;left:4%;top:6%;transform:rotate(-5deg)}
.q43-p.pB{width:46%;height:200px;right:4%;top:0;transform:rotate(4deg)}
.q43-p.pC{width:44%;left:30%;bottom:0;background:var(--bg-3);border:1px solid var(--line);padding:16px;transform:rotate(-2deg);text-align:center}
.q43-p.pC b{display:block;font-size:19px;font-weight:900;color:var(--gold);margin-bottom:4px}
.q43-p.pC i{font-size:12px;color:var(--muted)}
.q43-tape{position:absolute;top:-12px;left:50%;transform:translateX(-50%) rotate(3deg);width:90px;height:24px;background:rgba(255,255,255,.14);border:1px dashed rgba(255,255,255,.25)}
@media(max-width:960px){.q43-grid{grid-template-columns:1fr}.q43-board{height:360px;max-width:440px;margin:0 auto;width:100%}}

/* q44 ledger book */
.q44-book{display:grid;grid-template-columns:1fr 14px 1fr;margin:52px auto;max-width:980px;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 26px 70px rgba(0,0,0,.4)}
.q44-page{background:var(--bg-2);padding:44px 40px}
.q44-page.left h1{font-size:clamp(24px,2.8vw,34px);font-weight:900;line-height:1.3;margin:10px 0 14px}
.q44-spine{background:repeating-linear-gradient(180deg,var(--bg-3) 0 8px,var(--bg) 8px 16px)}
.q44-page.right{background:var(--bg-3);display:flex;flex-direction:column;justify-content:center;gap:16px}
.q44-page.right h2{font-size:clamp(20px,2.4vw,28px);font-weight:900;color:var(--aur)}
.q44-lines b{display:block;font-size:22px;font-weight:900;color:var(--gold);border-bottom:1px dashed var(--line);padding-bottom:6px}
.q44-lines span{font-size:12px;color:var(--muted)}
@media(max-width:960px){.q44-book{grid-template-columns:1fr}.q44-spine{height:14px;background:repeating-linear-gradient(90deg,var(--bg-3) 0 8px,var(--bg) 8px 16px)}}

/* q45 lucky wheel */
.q45-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;padding:64px 0;align-items:center}
.q45-copy h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;line-height:1.2;margin-bottom:12px}
.q45-lucky{text-align:center}
.q45-disc{position:relative;width:min(300px,70vw);aspect-ratio:1;margin:0 auto 18px;border-radius:50%;border:6px solid var(--gold);background:conic-gradient(var(--bg-3) 0 60deg,var(--bg-2) 60deg 120deg,var(--bg-3) 120deg 180deg,var(--bg-2) 180deg 240deg,var(--bg-3) 240deg 300deg,var(--bg-2) 300deg 360deg);box-shadow:0 0 0 6px var(--bg),0 24px 60px rgba(0,0,0,.5);animation:q45spin 26s linear infinite}
@keyframes q45spin{to{transform:rotate(360deg)}}
.q45-pin{position:absolute;top:-26px;left:50%;transform:translateX(-50%);color:var(--gold);font-size:24px;z-index:2}
.q45-seg{position:absolute;left:50%;top:50%;font-size:12.5px;font-weight:800;color:var(--muted)}
.q45-seg.n1{transform:translate(-50%,-50%) rotate(0deg) translateY(-105px)}
.q45-seg.n2{transform:translate(-50%,-50%) rotate(60deg) translateY(-105px) rotate(-60deg)}
.q45-seg.n3{transform:translate(-50%,-50%) rotate(120deg) translateY(-105px) rotate(-120deg)}
.q45-seg.n4{transform:translate(-50%,-50%) rotate(180deg) translateY(-105px)}
.q45-seg.n5{transform:translate(-50%,-50%) rotate(240deg) translateY(-105px) rotate(-240deg);color:var(--gold)}
.q45-seg.n6{transform:translate(-50%,-50%) rotate(300deg) translateY(-105px) rotate(-300deg);color:var(--au2)}
.q45-val{font-size:22px;font-weight:900;color:var(--gold)}
@media(max-width:960px){.q45-grid{grid-template-columns:1fr}}

/* q46 marquee bulbs */
.q46-marquee{padding:0}
.q46-bulbs{display:flex;justify-content:space-around;padding:14px 0}
.q46-bulbs i{width:10px;height:10px;border-radius:50%;background:var(--gold);opacity:.35;animation:q46blink 1.6s infinite}
.q46-bulbs i:nth-child(2n){animation-delay:.8s}
@keyframes q46blink{0%,100%{opacity:.2;box-shadow:none}50%{opacity:1;box-shadow:0 0 14px var(--gold)}}
.q46-center{text-align:center;padding:26px 0 34px}
.q46-center h1{font-size:clamp(26px,3.8vw,46px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q46-center .lead{margin:0 auto}
.q46-center .q-actions{justify-content:center}
.q46-bill{display:inline-flex;flex-direction:column;gap:2px;margin-top:22px;border:1px solid var(--line);border-radius:12px;padding:14px 28px;background:var(--surface)}
.q46-bill b{font-size:24px;font-weight:900;color:var(--gold)}
.q46-bill span{font-size:12px;color:var(--muted)}

/* q47 split-flap board */
.q47-board{margin:56px auto 0;max-width:720px;display:flex;flex-direction:column;gap:8px}
.q47-row{display:flex;gap:8px;justify-content:center}
.q47-cell{min-width:52px;padding:12px 8px;text-align:center;background:linear-gradient(180deg,var(--bg-3),var(--bg-2));border:1px solid var(--line);border-radius:8px;font-size:24px;font-weight:900;color:var(--gold);font-family:'Courier New',monospace;box-shadow:inset 0 -2px 0 rgba(0,0,0,.4)}
.q47-cell.d{color:var(--au2)}
.q47-cell.bold{color:var(--text)}
.q47-copy{text-align:center;padding:34px 0 56px}
.q47-copy h1{font-size:clamp(24px,3.4vw,42px);font-weight:900;line-height:1.2;margin:8px 0 12px}
.q47-copy .lead{margin:0 auto}
.q47-copy .q-actions{justify-content:center}

/* q48 hex hive */
.q48-head{text-align:center;padding:54px 0 26px}
.q48-head h1{font-size:clamp(24px,3.4vw,42px);font-weight:900;margin:8px 0 4px}
.q48-head .q-actions{justify-content:center}
.q48-hive{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-bottom:56px;max-width:860px;margin:0 auto}
.q48-h{position:relative;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:var(--bg-3);overflow:hidden}
.q48-h img{width:100%;height:100%;object-fit:cover;display:block}
.q48-h span,.q48-h .lbl{position:absolute;left:0;right:0;bottom:16%;text-align:center;font-size:12.5px;font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8)}
.q48-h.big{grid-column:span 2;grid-row:span 2;display:flex;align-items:flex-end;justify-content:flex-start}
.q48-h.big b{position:relative;z-index:2;margin:0 0 14px 18px;font-size:clamp(16px,2vw,22px);font-weight:900;color:var(--gold);text-shadow:0 2px 12px rgba(0,0,0,.9)}
@media(max-width:860px){.q48-hive{grid-template-columns:1fr 1fr}}

/* q49 blueprint */
.q49-blueprint{position:relative;overflow:hidden}
.q49-grid-paper{position:absolute;inset:0;background-image:linear-gradient(rgba(120,170,230,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(120,170,230,.06) 1px,transparent 1px);background-size:28px 28px}
.q49-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;padding:64px 0;align-items:center}
.q49-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.22;margin-bottom:16px}
.q49-spec{display:grid;grid-template-columns:auto 1fr;gap:7px 16px;font-size:13.5px;margin-bottom:20px}
.q49-spec span{font-size:10.5px;letter-spacing:2px;color:var(--muted);align-self:center}
.q49-spec b{border-bottom:1px dashed var(--line);padding-bottom:3px}
.q49-sketch{position:relative;border:1px solid rgba(120,170,230,.35);border-radius:12px;padding:26px;background:rgba(120,170,230,.04)}
.q49-sketch img{width:100%;border-radius:8px;display:block;opacity:.9}
.q49-dim{position:absolute;background:rgba(120,170,230,.5)}
.q49-dim.w{top:8px;left:26px;right:26px;height:1px}
.q49-dim.h{left:8px;top:26px;bottom:26px;width:1px}
@media(max-width:960px){.q49-grid{grid-template-columns:1fr}}

/* q50 collage wall */
.q50-wall{display:grid;grid-template-columns:1fr 1.6fr 1fr;grid-auto-rows:130px;gap:14px;padding:56px 0}
.q50-note{border:1px solid var(--line);background:var(--surface);border-radius:10px;overflow:hidden;position:relative}
.q50-note img{width:100%;height:100%;object-fit:cover}
.q50-note.n1{transform:rotate(-2deg)}
.q50-note.n2{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:rgba(255,220,120,.06);transform:rotate(1.5deg)}
.q50-note.n2 b{font-size:19px;font-weight:900;color:var(--gold)}
.q50-note.n2 span{font-size:12px;color:var(--muted)}
.q50-note.n4{transform:rotate(2.5deg)}
.q50-card{grid-column:2;grid-row:1/span 3;border:1px solid var(--line);border-radius:18px;background:var(--bg-2);padding:36px;display:flex;flex-direction:column;justify-content:center;gap:14px;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.q50-card h1{font-size:clamp(24px,3vw,38px);font-weight:900;line-height:1.22}
@media(max-width:960px){.q50-wall{grid-template-columns:1fr 1fr}.q50-card{grid-column:1/-1;grid-row:auto}}

/* q51 terrace rows */
.q51-rows{padding:56px 0}
.q51-r{display:flex;gap:10px;justify-content:center;margin-bottom:10px}
.q51-r img{width:190px;height:110px;object-fit:cover;border-radius:12px;border:1px solid var(--line);opacity:.85}
.q51-r.r2{width:78%;margin:0 auto}
.q51-r.r2 img{width:150px;height:90px;opacity:.65}
.q51-cap{text-align:center;padding:30px 0 8px}
.q51-cap h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;line-height:1.2;margin:8px 0 12px}
.q51-cap .lead{margin:0 auto}
.q51-cap .q-actions{justify-content:center}
@media(max-width:960px){.q51-r img{width:30%;height:80px}.q51-r.r2 img{width:26%;height:70px}}

/* q52 arc trio */
.q52-arc3{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:22px;align-items:end;padding-top:64px}
.q52-c{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}
.q52-c img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.q52-c span{display:block;padding:12px;text-align:center;font-weight:800;font-size:14px}
.q52-c.cA{transform:translateY(34px) rotate(-2deg)}
.q52-c.cC{transform:translateY(34px) rotate(2deg)}
.q52-c.cB{background:var(--bg-2);padding:34px 30px;display:flex;flex-direction:column;gap:12px;border-color:var(--aur);box-shadow:0 26px 66px rgba(0,0,0,.4)}
.q52-c.cB h1{font-size:clamp(22px,2.6vw,32px);font-weight:900;line-height:1.25}
.q52-jp{font-size:20px;font-weight:900;color:var(--gold)}
.q52-sub{text-align:center;max-width:640px;margin:64px auto 60px;color:var(--muted)}
@media(max-width:960px){.q52-arc3{grid-template-columns:1fr}.q52-c.cA,.q52-c.cC{display:none}}

/* q53 typewriter press */
.q53-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;padding:56px 0;align-items:center}
.q53-sheet{border:1px solid var(--line);border-radius:14px;background:var(--bg-2);padding:40px 44px;position:relative;box-shadow:0 20px 54px rgba(0,0,0,.35)}
.q53-sheet::before{content:"";position:absolute;top:14px;left:14px;right:14px;bottom:14px;border:1px dashed var(--line);border-radius:8px;pointer-events:none}
.q53-head{text-align:center;font-size:12px;letter-spacing:5px;color:var(--muted);margin-bottom:16px}
.q53-sheet h1{font-size:clamp(24px,3vw,36px);font-weight:900;line-height:1.28;margin:10px 0 14px}
.q53-type{text-align:center;display:flex;flex-direction:column;gap:8px}
.q53-type b{font-family:'Courier New',monospace;font-size:clamp(20px,2.4vw,28px);font-weight:900;color:var(--gold);letter-spacing:1px}
.q53-type span{font-size:12.5px;color:var(--muted);font-style:italic}
@media(max-width:960px){.q53-grid{grid-template-columns:1fr}}

/* q54 clock face */
.q54-grid{display:grid;grid-template-columns:auto 1fr;gap:48px;padding:60px 0;align-items:center;justify-content:center}
.q54-face{position:relative;width:250px;height:250px;border-radius:50%;border:2px solid var(--line);background:radial-gradient(circle at 40% 35%,var(--surface-2),var(--bg-2));box-shadow:0 20px 54px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;flex-direction:column}
.q54-tick{position:absolute;font-size:13px;font-weight:800;color:var(--muted)}
.q54-tick.t12{top:10px;left:50%;transform:translateX(-50%)}
.q54-tick.t3{right:12px;top:50%;transform:translateY(-50%)}
.q54-tick.t6{bottom:10px;left:50%;transform:translateX(-50%)}
.q54-tick.t9{left:12px;top:50%;transform:translateY(-50%)}
.q54-hand{position:absolute;left:50%;bottom:50%;transform-origin:bottom center;background:var(--au2);border-radius:4px}
.q54-hand.h{width:4px;height:56px;transform:translateX(-50%) rotate(45deg)}
.q54-hand.m{width:3px;height:84px;transform:translateX(-50%) rotate(190deg);background:var(--gold)}
.q54-core{font-size:30px;font-weight:900;color:var(--gold);position:relative;z-index:2}
.q54-unit{font-size:12px;letter-spacing:2px;color:var(--muted)}
.q54-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
@media(max-width:1080px){.q54-grid{grid-template-columns:1fr;justify-items:center}.q54-copy{text-align:center}}

/* q55 grid9 neon */
.q55-head{text-align:center;padding:54px 0 26px}
.q55-head h1{font-size:clamp(24px,3.4vw,42px);font-weight:900;margin:8px 0 4px}
.q55-head .q-actions{justify-content:center}
.q55-nine{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:760px;margin:0 auto 56px}
.q55-q{display:flex;align-items:center;justify-content:center;min-height:96px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:15px;font-weight:700;color:var(--muted)}
.q55-q.qq{background:var(--bg-3);color:var(--gold);font-weight:900;font-size:17px}
.q55-q.mid{font-size:34px;border-color:var(--au2)}
.q55-q b{font-size:17px}

/* q56 cinema screen */
.q56-bar{background:#05060a;padding:12px 0}
.q56-bar.top{height:34px}
.q56-bar.bottom{text-align:center;font-size:12.5px;letter-spacing:2px;color:var(--gold)}
.q56-bar.bottom b{color:var(--text)}
.q56-screen{text-align:center;padding:52px 0 44px}
.q56-screen h1{font-size:clamp(26px,3.8vw,46px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q56-screen .lead{margin:0 auto}
.q56-screen .q-actions{justify-content:center}

/* q57 folded leaf */
.q57-accordion{display:flex;gap:10px;padding:56px 0;perspective:1200px}
.q57-leaf{flex:1;border:1px solid var(--line);background:var(--bg-2);padding:30px 24px;display:flex;flex-direction:column;justify-content:center;gap:12px;min-height:320px}
.q57-leaf.l1{transform:rotateY(14deg);background:var(--bg-3)}
.q57-leaf.l2 h1{font-size:clamp(20px,2.4vw,30px);font-weight:900;line-height:1.3}
.q57-leaf.l3{transform:rotateY(-14deg);background:var(--bg-3);text-align:center}
.q57-leaf.l3 b{font-size:22px;font-weight:900;color:var(--gold)}
@media(max-width:960px){.q57-accordion{flex-direction:column}.q57-leaf{transform:none;min-height:auto}.q57-leaf.l3{padding:24px}}

/* q58 podium stands */
.q58-head{text-align:center;padding:54px 0 28px}
.q58-head h1{font-size:clamp(24px,3.4vw,42px);font-weight:900;line-height:1.2;margin:8px 0 10px}
.q58-stands{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:end;padding-bottom:56px;max-width:900px;margin:0 auto}
.q58-p{border:1px solid var(--line);border-radius:12px 12px 0 0;background:linear-gradient(180deg,var(--bg-3),var(--bg-2));text-align:center;padding:20px 14px;display:flex;flex-direction:column;gap:4px}
.q58-p span{font-size:11px;letter-spacing:3px;color:var(--muted)}
.q58-p b{font-size:clamp(15px,1.6vw,19px);font-weight:900;color:var(--gold)}
.q58-p i{font-size:12px;color:var(--muted);font-style:normal}
.q58-p.p1{min-height:190px;border-color:var(--aur);box-shadow:0 -12px 40px rgba(0,0,0,.35)}
.q58-p.p2{min-height:150px}
.q58-p.p3{min-height:120px}
.q58-cta{display:flex;align-items:center;justify-content:center;min-height:120px}
@media(max-width:960px){.q58-stands{grid-template-columns:1fr 1fr}.q58-cta{grid-column:1/-1;min-height:auto;padding:10px 0}}

/* q59 circuit board */
.q59-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;padding:60px 0;align-items:center}
.q59-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.22;margin-bottom:12px}
.q59-board{position:relative;border:1px solid rgba(140,200,120,.3);border-radius:14px;background:rgba(140,200,120,.05);min-height:300px;overflow:hidden}
.q59-trace{position:absolute;background:rgba(140,200,120,.35)}
.q59-trace.t1{top:22%;left:6%;width:52%;height:2px}
.q59-trace.t2{top:22%;left:58%;width:2px;height:40%}
.q59-trace.t3{bottom:20%;left:6%;width:80%;height:2px}
.q59-node{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--au2);box-shadow:0 0 12px var(--au2)}
.q59-node.n1{top:calc(22% - 4px);left:calc(6% - 4px)}
.q59-node.n2{top:calc(62% - 4px);left:calc(58% - 4px)}
.q59-node.n3{bottom:calc(20% - 4px);left:calc(86% - 4px)}
.q59-chip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid var(--au2);border-radius:10px;background:var(--bg-2);padding:22px 30px;text-align:center;box-shadow:0 0 34px rgba(0,0,0,.5)}
.q59-chip b{display:block;font-size:20px;font-weight:900;color:var(--gold);margin-bottom:4px}
.q59-chip span{font-size:11px;letter-spacing:2px;color:var(--muted)}
@media(max-width:960px){.q59-grid{grid-template-columns:1fr}}

/* q60 lanterns */
.q60-lantern{position:relative;overflow:hidden}
.q60-sky{position:absolute;inset:0;pointer-events:none}
.q60-l{position:absolute;width:54px;height:78px;border-radius:50% 50% 46% 46%;background:linear-gradient(180deg,rgba(255,150,70,.32),rgba(255,90,40,.12));box-shadow:0 0 30px rgba(255,130,60,.25);animation:q60rise 9s ease-in-out infinite}
.q60-l.l1{left:12%;bottom:-90px;animation-delay:0s}
.q60-l.l2{left:46%;bottom:-90px;animation-delay:3s;width:40px;height:60px}
.q60-l.l3{right:14%;bottom:-90px;animation-delay:5.5s}
@keyframes q60rise{0%{transform:translateY(0);opacity:0}12%{opacity:1}100%{transform:translateY(-560px);opacity:0}}
.q60-center{position:relative;text-align:center;padding:76px 0 64px}
.q60-center h1{font-size:clamp(26px,3.8vw,46px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q60-center .lead{margin:0 auto}
.q60-center .q-actions{justify-content:center}
.q60-float{display:inline-flex;flex-direction:column;gap:2px;margin-top:24px;border:1px solid rgba(255,150,70,.35);border-radius:14px;padding:14px 26px;background:rgba(255,120,60,.06)}
.q60-float b{font-size:22px;font-weight:900;color:var(--au2)}
.q60-float span{font-size:12px;color:var(--muted)}
/* q61 chalkboard */
.q61-frame{position:relative;margin:56px auto;max-width:880px;border:8px solid rgba(160,130,80,.55);border-radius:6px;background:linear-gradient(160deg,#1c2420,#141a17);box-shadow:0 24px 60px rgba(0,0,0,.5)}
.q61-tape{position:absolute;width:96px;height:26px;background:rgba(240,230,200,.16);border:1px dashed rgba(255,255,255,.2)}
.q61-tape.t1{top:-16px;left:8%;transform:rotate(-3deg)}
.q61-tape.t2{top:-16px;right:8%;transform:rotate(2deg)}
.q61-in{padding:46px 52px;text-align:center}
.q61-in h1{font-size:clamp(24px,3.2vw,40px);font-weight:900;line-height:1.3;margin:10px 0 12px;font-family:Georgia,serif}
.q61-in .lead{margin:0 auto}
.q61-in .q-actions{justify-content:center}
.q61-note{position:absolute;right:-26px;bottom:-20px;transform:rotate(-4deg);background:rgba(240,230,200,.1);border:1px solid rgba(240,230,200,.25);border-radius:4px;padding:12px 18px;text-align:center}
.q61-note b{display:block;font-size:17px;font-weight:900;color:var(--gold)}
.q61-note span{font-size:11px;color:var(--muted);font-style:italic}
@media(max-width:960px){.q61-note{right:8px;bottom:-24px}}

/* q62 shard slices */
.q62-shard{display:grid;grid-template-columns:1.1fr .9fr .8fr;min-height:520px}
.q62-slice{position:relative;overflow:hidden}
.q62-slice.s1 img{width:100%;height:100%;object-fit:cover;opacity:.8}
.q62-slice.s1::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 60%,var(--bg) 96%)}
.q62-slice.s2{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:60px 44px;background:linear-gradient(120deg,rgba(255,255,255,.045),transparent)}
.q62-slice.s2 h1{font-size:clamp(24px,2.8vw,36px);font-weight:900;line-height:1.3}
.q62-slice.s3{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;background:linear-gradient(200deg,rgba(160,190,230,.06),transparent);border-left:1px solid var(--line)}
.q62-slice.s3 b{font-size:clamp(17px,1.8vw,22px);font-weight:900;color:var(--gold)}
.q62-slice.s3 span{font-size:12px;color:var(--muted)}
@media(max-width:1080px){.q62-shard{grid-template-columns:1fr 1fr}.q62-slice.s1{min-height:220px}.q62-slice.s3{grid-column:1/-1;flex-direction:row;border-left:none;border-top:1px solid var(--line);padding:20px}}

/* q63 plaque */
.q63-plate{position:relative;margin:52px auto;max-width:760px;border:1px solid var(--line);background:linear-gradient(150deg,var(--bg-3),var(--bg-2));padding:48px 56px;text-align:center;border-radius:4px}
.q63-corner{position:absolute;width:26px;height:26px;border:3px solid var(--au2)}
.q63-corner.c1{top:10px;left:10px;border-right:none;border-bottom:none}
.q63-corner.c2{top:10px;right:10px;border-left:none;border-bottom:none}
.q63-corner.c3{bottom:10px;left:10px;border-right:none;border-top:none}
.q63-corner.c4{bottom:10px;right:10px;border-left:none;border-top:none}
.q63-plate h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;letter-spacing:2px;margin:10px 0 12px;text-transform:uppercase}
.q63-plate .lead{margin:0 auto}
.q63-row{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:24px;flex-wrap:wrap}
.q63-engrave{text-align:left}
.q63-engrave b{display:block;font-size:19px;font-weight:900;color:var(--gold);font-family:Georgia,serif}
.q63-engrave span{font-size:11px;letter-spacing:2px;color:var(--muted);text-transform:uppercase}

/* q64 kiln pots */
.q64-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;padding:60px 0;align-items:center}
.q64-pots{position:relative;height:360px}
.q64-pot{position:absolute;width:46%;border-radius:26px 26px 12px 12px;overflow:hidden;border:1px solid var(--line);box-shadow:inset 0 -6px 0 rgba(0,0,0,.25),0 16px 36px rgba(0,0,0,.4)}
.q64-pot img{width:100%;height:100%;object-fit:cover;display:block}
.q64-pot span{position:absolute;left:12px;bottom:10px;font-size:12.5px;font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8)}
.q64-pot.p1{left:0;top:0;height:56%;transform:rotate(-3deg)}
.q64-pot.p2{right:0;top:8%;height:64%;transform:rotate(2deg)}
.q64-pot.p3{left:22%;bottom:0;height:44%;transform:rotate(-1deg);border-bottom:4px solid var(--au2)}
.q64-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.22;margin-bottom:12px}
@media(max-width:960px){.q64-grid{grid-template-columns:1fr}.q64-pots{height:300px;max-width:420px;margin:0 auto;width:100%}}

/* q65 easel sketch */
.q65-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:44px;padding:60px 0;align-items:center}
.q65-sketch{position:relative;border:1px solid rgba(200,205,215,.25);background:#e9e7e2;border-radius:4px;padding:16px;transform:rotate(-1.5deg);box-shadow:0 20px 48px rgba(0,0,0,.45)}
.q65-sketch img{width:100%;display:block;border-radius:2px;filter:grayscale(.5) contrast(1.05)}
.q65-hatch{position:absolute;left:16px;right:16px;bottom:16px;height:52px;background:repeating-linear-gradient(45deg,rgba(40,44,52,.16) 0 2px,transparent 2px 7px)}
.q65-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.22;margin-bottom:12px;font-family:Georgia,serif}
.q65-meta{display:flex;align-items:baseline;gap:12px;margin:16px 0}
.q65-meta b{font-size:22px;font-weight:900;color:var(--gold)}
.q65-meta span{font-size:12px;color:var(--muted);font-style:italic}
@media(max-width:960px){.q65-grid{grid-template-columns:1fr}}

/* q66 drift banks */
.q66-drift{position:relative;overflow:hidden;padding:84px 0 72px}
.q66-bank{position:absolute;left:-10%;right:-10%;height:190px;border-radius:50%;filter:blur(2px)}
.q66-bank.b1{top:-96px;background:rgba(200,190,230,.05)}
.q66-bank.b2{top:-60px;background:rgba(200,190,230,.04)}
.q66-bank.b3{bottom:-120px;background:rgba(240,230,200,.035)}
.q66-center{position:relative;text-align:center}
.q66-center h1{font-size:clamp(26px,3.8vw,46px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q66-center .lead{margin:0 auto}
.q66-center .q-actions{justify-content:center}
.q66-lantern{display:inline-block;margin-top:24px;font-size:20px}
.q66-lantern b{font-weight:900;color:var(--gold);letter-spacing:1px}

/* q67 inlay triptych */
.q67-grid{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:26px;align-items:center;padding:60px 0}
.q67-col{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.q67-tick{color:var(--gold);font-size:13px;letter-spacing:6px}
.q67-col .lead{font-size:13.5px;margin:0}
.q67-col.right b{font-size:20px;font-weight:900;color:var(--gold)}
.q67-cap{font-size:11.5px;color:var(--muted);font-style:italic}
.q67-core{text-align:center;border:1px solid rgba(245,238,220,.22);border-radius:6px;padding:38px 32px;background:linear-gradient(160deg,rgba(245,238,220,.04),transparent)}
.q67-core h1{font-size:clamp(24px,2.8vw,36px);font-weight:900;line-height:1.3;margin:10px 0 18px;font-family:Georgia,serif}
@media(max-width:1080px){.q67-grid{grid-template-columns:1fr}.q67-col{display:none}}

/* q68 mine */
.q68-mine{position:relative;overflow:hidden}
.q68-beam{position:absolute;top:0;left:8%;width:220px;height:70%;background:linear-gradient(180deg,rgba(240,230,190,.08),transparent);transform:skewX(-14deg);pointer-events:none}
.q68-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;padding:60px 0;align-items:center}
.q68-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.22;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}
.q68-cart{position:relative;border:1px solid var(--line);border-radius:4px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 10px,transparent 10px 20px);padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.q68-lump{border-radius:38% 62% 55% 45%/50% 45% 55% 50%;background:linear-gradient(150deg,#232830,#12151b);box-shadow:inset 0 2px 0 rgba(255,255,255,.06),0 10px 22px rgba(0,0,0,.5)}
.q68-lump.l1{height:74px}
.q68-lump.l2{height:58px;margin-top:18px}
.q68-lump.l3{grid-column:1/-1;height:40px;width:64%;border-radius:8px}
.q68-vein{grid-column:1/-1;text-align:center;border-top:1px dashed rgba(240,230,190,.3);padding-top:14px}
.q68-vein b{display:block;font-size:20px;font-weight:900;color:var(--gold);font-family:'Courier New',monospace}
.q68-vein span{font-size:12px;color:var(--muted)}
@media(max-width:960px){.q68-grid{grid-template-columns:1fr}}

/* q69 medal relief */
.q69-medal{position:relative;width:min(560px,88vw);margin:52px auto;border-radius:50%/46%;padding:12px;background:linear-gradient(150deg,rgba(220,190,130,.22),rgba(120,110,80,.12));box-shadow:0 26px 66px rgba(0,0,0,.5)}
.q69-inner{border-radius:50%/46%;background:radial-gradient(circle at 38% 30%,var(--bg-3),var(--bg-2));padding:46px 54px;text-align:center}
.q69-inner h1{font-size:clamp(22px,2.6vw,32px);font-weight:900;line-height:1.3;margin:10px 0 12px;font-family:Georgia,serif}
.q69-inner .lead{margin:0 auto 18px;font-size:14px}
.q69-inner .q-actions{justify-content:center}
.q69-ring{position:absolute;right:-64px;bottom:8px;width:170px;height:170px;border-radius:50%;border:3px double var(--au2);background:var(--bg-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;box-shadow:0 16px 40px rgba(0,0,0,.5)}
.q69-ring span{font-size:9.5px;letter-spacing:3px;color:var(--muted)}
.q69-ring b{font-size:16px;font-weight:900;color:var(--gold);padding:0 12px}
@media(max-width:960px){.q69-ring{position:static;margin:18px auto 0}}

/* q70 latte cup */
.q70-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;padding:60px 0;align-items:center}
.q70-cup{position:relative;width:250px;margin:0 auto}
.q70-foam{width:230px;height:150px;border-radius:16px 16px 90px 90px;background:linear-gradient(180deg,#3a2c22,#241a13);border:1px solid rgba(235,205,175,.18);box-shadow:inset 0 10px 24px rgba(235,205,175,.08),0 18px 40px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}
.q70-heart{font-size:44px;color:rgba(235,205,175,.6);text-shadow:0 0 20px rgba(235,205,175,.25)}
.q70-saucer{width:250px;height:26px;border-radius:50%;background:linear-gradient(180deg,rgba(235,205,175,.14),transparent);margin-top:-8px}
.q70-tag{position:absolute;top:-14px;right:-38px;transform:rotate(4deg);background:var(--bg-3);border:1px solid var(--line);border-radius:10px;padding:10px 16px;font-size:17px;font-weight:900;color:var(--gold)}
.q70-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.22;margin-bottom:12px}
@media(max-width:960px){.q70-grid{grid-template-columns:1fr}}

/* q71 denim patch */
.q71-jean{display:grid;grid-template-columns:300px 1fr;gap:36px;margin:52px 0;border:1px dashed rgba(200,210,235,.35);border-radius:18px;padding:34px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.014) 0 2px,transparent 2px 4px)}
.q71-pocket{position:relative;border:2px dashed rgba(200,210,235,.4);border-radius:14px 14px 40% 40%;overflow:hidden}
.q71-pocket img{width:100%;height:100%;object-fit:cover}
.q71-pocket span{position:absolute;left:10px;bottom:8px;font-size:12px;font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8)}
.q71-main h1{font-size:clamp(24px,3vw,38px);font-weight:900;line-height:1.25;margin:8px 0 12px}
.q71-stitch{display:inline-flex;align-items:baseline;gap:12px;border:1px dashed rgba(240,220,160,.45);border-radius:10px;padding:10px 18px;margin:14px 0}
.q71-stitch b{font-size:19px;font-weight:900;color:var(--gold)}
.q71-stitch span{font-size:12px;color:var(--muted)}
@media(max-width:1080px){.q71-jean{grid-template-columns:1fr}.q71-pocket{height:200px}}

/* q72 slab stairs */
.q72-stair{display:flex;align-items:stretch;gap:0;margin:52px 0}
.q72-step{border:1px solid var(--line);border-left:none;padding:34px 30px;display:flex;flex-direction:column;justify-content:center;gap:12px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015))}
.q72-step:first-child{border-left:1px solid var(--line)}
.q72-step.s1{flex:1.3}
.q72-step.s1 h1{font-size:clamp(22px,2.6vw,34px);font-weight:900;line-height:1.3;text-transform:uppercase;letter-spacing:1px}
.q72-step.s2{flex:1;border-top:6px solid var(--bg-3)}
.q72-step.s3{flex:.9;border-top:6px solid var(--au2)}
.q72-step.pour b{font-size:21px;font-weight:900;color:var(--gold);font-family:'Courier New',monospace}
.q72-step.pour span{font-size:12px;color:var(--muted)}
@media(max-width:1080px){.q72-stair{flex-direction:column}.q72-step{border-left:1px solid var(--line);border-top:none}.q72-step:first-child{border-top:1px solid var(--line)}}

/* q73 birch forest */
.q73-forest{position:relative;overflow:hidden;padding:80px 0 70px}
.q73-trunk{position:absolute;top:-4%;bottom:-4%;width:74px;border-radius:4px;background:repeating-linear-gradient(0deg,#d8d2c2 0 64px,#2a2c26 64px 67px);opacity:.09}
.q73-trunk.t1{left:4%;transform:rotate(-2deg)}
.q73-trunk.t2{right:12%;transform:rotate(1.6deg);width:92px}
.q73-trunk.t3{left:46%;width:52px;opacity:.05}
.q73-center{position:relative;text-align:center}
.q73-center h1{font-size:clamp(26px,3.8vw,46px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q73-center .lead{margin:0 auto}
.q73-center .q-actions{justify-content:center}
.q73-carve{display:inline-flex;flex-direction:column;gap:2px;margin-top:24px;border:1px solid rgba(235,228,205,.2);border-radius:12px;padding:12px 24px}
.q73-carve b{font-size:20px;font-weight:900;color:var(--gold);font-family:Georgia,serif}
.q73-carve span{font-size:11.5px;color:var(--muted);font-style:italic}

/* q74 smoke signal */
.q74-col{max-width:560px;padding:64px 0 64px 4%}
.q74-col h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.22;margin-bottom:12px}
.q74-puffs{position:absolute;right:4%;top:0;bottom:0;width:380px;pointer-events:none}
.q74-puff{position:absolute;border-radius:50%;filter:blur(6px)}
.q74-puff.f1{width:130px;height:130px;right:36px;top:18%;background:rgba(225,205,180,.09);animation:q74float 7s ease-in-out infinite}
.q74-puff.f3{width:80px;height:80px;right:180px;top:8%;background:rgba(160,200,235,.08);animation:q74float 9s ease-in-out infinite reverse}
.q74-puff.f2{position:absolute;width:190px;height:190px;right:70px;top:38%;filter:none;background:var(--bg-2);border:1px solid var(--line);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;animation:q74float 11s ease-in-out infinite}
.q74-puff.f2 b{font-size:19px;font-weight:900;color:var(--gold)}
@keyframes q74float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.q74-signal{position:relative;overflow:hidden}
@media(max-width:1080px){.q74-puffs{display:none}}

/* q75 creek */
.q75-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;padding:60px 0;align-items:center}
.q75-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.22;margin-bottom:12px}
.q75-stream{position:relative;height:300px;border-radius:20px;background:linear-gradient(160deg,rgba(170,200,180,.05),transparent);border:1px solid var(--line);overflow:hidden}
.q75-stone{position:absolute;border-radius:46% 54% 50% 50%/55% 48% 52% 45%;background:linear-gradient(150deg,rgba(235,230,215,.14),rgba(235,230,215,.05))}
.q75-stone.n1{width:64px;height:50px;left:12%;top:16%}
.q75-stone.n2{width:44px;height:36px;right:18%;top:12%}
.q75-stone.n3{width:78px;height:58px;left:38%;top:44%}
.q75-stone.n4{width:38px;height:30px;left:16%;bottom:12%}
.q75-stone.n5{width:56px;height:44px;right:12%;bottom:20%}
.q75-leaf{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-3deg);background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:14px 22px;text-align:center}
.q75-leaf b{display:block;font-size:18px;font-weight:900;color:var(--gold)}
.q75-leaf span{font-size:11.5px;color:var(--muted)}
@media(max-width:960px){.q75-grid{grid-template-columns:1fr}}

/* q76 ink brush */
.q76-brush{position:relative;overflow:hidden}
.q76-stroke{position:absolute;left:-6%;right:30%;top:6%;height:150px;background:radial-gradient(ellipse at 30% 50%,rgba(190,198,230,.07),transparent 70%);transform:rotate(-3deg);filter:blur(2px)}
.q76-grid{display:grid;grid-template-columns:auto 1fr auto;gap:38px;padding:64px 0;align-items:center}
.q76-seal{width:92px;height:92px;border-radius:10px;background:linear-gradient(150deg,rgba(200,80,80,.35),rgba(150,50,50,.2));border:2px solid rgba(235,130,130,.4);display:flex;align-items:center;justify-content:center;font-size:38px;transform:rotate(-4deg);box-shadow:0 14px 34px rgba(0,0,0,.4)}
.q76-copy h1{font-size:clamp(24px,3vw,40px);font-weight:900;line-height:1.28;margin-bottom:12px;font-family:Georgia,serif}
.q76-drop{writing-mode:vertical-rl;border-left:1px solid var(--line);padding-left:20px;display:flex;flex-direction:column;gap:8px}
.q76-drop b{font-size:17px;font-weight:900;color:var(--au2);letter-spacing:1px}
.q76-drop span{font-size:11px;color:var(--muted);letter-spacing:2px}
@media(max-width:1080px){.q76-grid{grid-template-columns:1fr}.q76-seal{display:none}.q76-drop{writing-mode:horizontal-tb;border-left:none;border-top:1px solid var(--line);padding:16px 0 0}}

/* q77 frost window */
.q77-pane{position:relative;margin:52px auto;max-width:860px;border:10px solid rgba(200,225,245,.14);border-radius:8px;background:linear-gradient(170deg,rgba(200,230,250,.045),rgba(140,180,220,.02));overflow:hidden}
.q77-bar{position:absolute;background:rgba(200,225,245,.14)}
.q77-bar.v1{left:50%;top:0;bottom:0;width:10px}
.q77-bar.h1{top:42%;left:0;right:0;height:10px}
.q77-view{padding:52px 8%;text-align:center}
.q77-view h1{font-size:clamp(24px,3.2vw,40px);font-weight:900;line-height:1.22;margin:8px 0 12px}
.q77-view .lead{margin:0 auto}
.q77-view .q-actions{justify-content:center}
.q77-ice{position:absolute;right:24px;bottom:20px;border:1px solid rgba(205,235,255,.3);border-radius:8px;padding:12px 18px;background:rgba(10,16,24,.6);backdrop-filter:blur(6px)}
.q77-ice b{display:block;font-size:17px;font-weight:900;color:var(--gold)}
.q77-ice span{font-size:11px;color:var(--muted)}

/* q78 tide shore */
.q78-shore{position:relative;overflow:hidden;padding:88px 0 74px}
.q78-water{position:absolute;left:0;right:0;bottom:0;height:44%;background:linear-gradient(0deg,rgba(150,195,235,.09),transparent)}
.q78-waveline{position:absolute;left:-4%;right:-4%;height:60px;border-radius:50%;border-top:1px solid rgba(180,215,245,.16)}
.q78-waveline.w1{bottom:120px}
.q78-waveline.w2{bottom:70px;opacity:.6;left:-8%}
.q78-waveline.w3{bottom:24px;opacity:.35}
.q78-center{position:relative;text-align:center}
.q78-center h1{font-size:clamp(26px,3.8vw,46px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q78-center .lead{margin:0 auto}
.q78-center .q-actions{justify-content:center}
.q78-bottle{display:inline-flex;flex-direction:column;gap:2px;margin-top:24px;border:1px solid rgba(180,215,245,.25);border-radius:14px 14px 4px 4px;padding:14px 26px;background:rgba(10,18,28,.5)}
.q78-bottle b{font-size:20px;font-weight:900;color:var(--gold)}
.q78-bottle span{font-size:11.5px;color:var(--muted);font-style:italic}

/* q79 forge */
.q79-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;padding:60px 0;align-items:center}
.q79-anvil{position:relative;border:1px solid var(--line);border-radius:4px;background:linear-gradient(180deg,rgba(230,130,70,.06),transparent 65%);padding:38px 30px;text-align:center}
.q79-metal{width:78%;margin:0 auto;border-radius:4px;overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.5)}
.q79-metal img{width:100%;display:block}
.q79-temp{display:block;margin-top:18px;font-size:21px;font-weight:900;color:var(--gold);font-family:'Courier New',monospace}
.q79-cap{display:block;margin-top:2px;font-size:11.5px;color:var(--muted);letter-spacing:2px}
.q79-spark{position:absolute;width:5px;height:5px;border-radius:50%;background:#f8b26a;box-shadow:0 0 10px #f8b26a;animation:q79rise 2.6s infinite}
.q79-spark.s1{left:16%;bottom:22%;animation-delay:.2s}
.q79-spark.s2{right:20%;bottom:30%;animation-delay:1.1s}
.q79-spark.s3{left:44%;bottom:14%;animation-delay:1.8s}
@keyframes q79rise{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-64px);opacity:0}}
.q79-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.22;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}
@media(max-width:960px){.q79-grid{grid-template-columns:1fr}}

/* q80 knit */
.q80-sweater{position:relative;margin:52px auto;max-width:820px;border:1px solid var(--line);border-radius:26px;padding:44px 48px;background:repeating-linear-gradient(45deg,rgba(240,225,200,.02) 0 3px,transparent 3px 9px),repeating-linear-gradient(-45deg,rgba(240,225,200,.02) 0 3px,transparent 3px 9px)}
.q80-yarn{position:absolute;border-radius:50%;border:2px dashed rgba(240,225,200,.18);width:130px;height:130px}
.q80-yarn.y1{top:-34px;left:-34px}
.q80-yarn.y2{bottom:-26px;right:-26px;width:90px;height:90px}
.q80-pattern{text-align:center}
.q80-pattern h1{font-size:clamp(24px,3.2vw,40px);font-weight:900;line-height:1.24;margin:8px 0 12px;font-family:Georgia,serif}
.q80-pattern .lead{margin:0 auto}
.q80-pattern .q-actions{justify-content:center}
.q80-pearl{color:var(--gold);letter-spacing:8px;font-size:12px}
.q80-ball{position:absolute;right:22px;bottom:-30px;background:var(--bg-2);border:1px solid var(--line);border-radius:14px;padding:10px 18px;text-align:center;transform:rotate(2deg)}
.q80-ball b{display:block;font-size:16px;font-weight:900;color:var(--gold)}
.q80-ball span{font-size:11px;color:var(--muted)}
@media(max-width:960px){.q80-ball{right:12px}}
/* q81 bauhaus composition */
.q81-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;padding:60px 0;align-items:center}
.q81-copy h1{font-size:clamp(26px,3.4vw,44px);font-weight:900;line-height:1.1;text-transform:uppercase;letter-spacing:2px;margin-bottom:14px}
.q81-comp{position:relative;height:300px}
.q81-sq{position:absolute;left:0;top:0;width:120px;height:120px;background:#c33a30;opacity:.85}
.q81-ci{position:absolute;right:8%;top:14%;width:150px;height:150px;border-radius:50%;background:#2a56a8;opacity:.8}
.q81-ba{position:absolute;left:14%;bottom:0;width:180px;height:26px;background:#e8c93e;opacity:.9}
.q81-sq2{position:absolute;right:0;bottom:18%;width:130px;height:130px;border:3px solid var(--au2);display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-2)}
.q81-sq2 b{font-size:30px;font-weight:900;color:var(--gold)}
.q81-sq2 i{font-size:13px;font-style:normal;color:var(--muted)}
@media(max-width:960px){.q81-grid{grid-template-columns:1fr}.q81-comp{height:240px}}

/* q82 memphis party */
.q82-head{text-align:center;padding:56px 0 26px}
.q82-head h1{font-size:clamp(26px,3.8vw,46px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q82-head .lead{margin:0 auto}
.q82-head .q-actions{justify-content:center}
.q82-row{display:flex;align-items:center;justify-content:center;gap:18px;padding:10px 0 54px;flex-wrap:wrap}
.q82-dot{width:16px;height:16px;border-radius:50%}
.q82-dot.d1{background:#e8a13e}
.q82-dot.d2{background:#4aa8c8}
.q82-dot.d3{background:#c86ab8}
.q82-zig{width:90px;height:22px;background:repeating-linear-gradient(90deg,var(--au2) 0 8px,transparent 8px 16px)}
.q82-zig.r{transform:rotate(180deg)}
.q82-pill{border:2px solid var(--au2);border-radius:999px;padding:12px 26px;text-align:center}
.q82-pill b{display:block;font-size:21px;font-weight:900;color:var(--gold)}
.q82-pill span{font-size:12px;color:var(--muted)}

/* q83 swiss 4-col */
.q83-lay{display:grid;grid-template-columns:60px 1.4fr 1fr .9fr;gap:0;min-height:420px;padding:48px 0}
.q83-c1{border-right:1px solid var(--line);display:flex;align-items:flex-start;justify-content:center}
.q83-num{font-size:15px;font-weight:900;color:var(--au2);letter-spacing:2px}
.q83-c2{padding:24px 28px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.q83-c2 h1{font-size:clamp(24px,3vw,40px);font-weight:900;line-height:1.1;text-transform:uppercase;letter-spacing:3px}
.q83-sub{font-size:13px;letter-spacing:4px;color:var(--au2);text-transform:uppercase;font-weight:800}
.q83-c3{border-left:1px solid var(--line);padding:24px 28px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.q83-c4{border-left:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:10px;justify-content:center}
.q83-c4 b{font-size:19px;font-weight:900;color:var(--gold)}
.q83-c4 span{font-size:11px;letter-spacing:2px;color:var(--muted);text-transform:uppercase}
.q83-c4 img{width:100%;border-radius:4px;margin-top:8px;object-fit:cover;aspect-ratio:4/3}
@media(max-width:1080px){.q83-lay{grid-template-columns:1fr 1fr}.q83-c1{display:none}.q83-c3,.q83-c4{border-left:none;border-top:1px solid var(--line)}}

/* q84 brutalist slab */
.q84-marq{display:flex;gap:44px;overflow:hidden;white-space:nowrap;padding:16px 0 4px;border-bottom:2px solid rgba(245,245,240,.3);animation:q84slide 20s linear infinite}
.q84-marq span{font-size:13px;letter-spacing:5px;color:var(--muted);text-transform:uppercase}
@keyframes q84slide{from{transform:translateX(0)}to{transform:translateX(-33%)}}
.q84-slab h1{font-size:clamp(40px,7vw,96px);font-weight:900;line-height:.95;letter-spacing:-1px;text-transform:uppercase;padding:26px 0 10px}
.q84-bar{display:grid;grid-template-columns:1fr 1fr 1fr;border:2px solid rgba(245,245,240,.4)}
.q84-box{padding:22px;border-right:2px solid rgba(245,245,240,.4)}
.q84-box:last-child{border-right:none}
.q84-box h2{font-size:clamp(15px,1.6vw,20px);text-transform:uppercase;letter-spacing:1px}
.q84-box.main{display:flex;align-items:center;justify-content:center;background:rgba(245,245,240,.04)}
.q84-box.main b{font-size:clamp(15px,1.7vw,21px);font-weight:900;color:var(--gold)}
.q84-slab .q-actions{padding:26px 0 54px}
@media(max-width:960px){.q84-bar{grid-template-columns:1fr}.q84-box{border-right:none;border-bottom:2px solid rgba(245,245,240,.4)}.q84-box:last-child{border-bottom:none}}

/* q85 pixel crt */
.q85-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;padding:60px 0;align-items:center}
.q85-copy h1{font-size:clamp(24px,3.2vw,40px);font-weight:900;line-height:1.15;margin-bottom:12px;text-transform:uppercase;letter-spacing:2px}
.q85-crt{border:3px solid var(--line);background:#0c120e;padding:12px}
.q85-scan{position:relative;overflow:hidden}
.q85-scan img{width:100%;display:block;image-rendering:pixelated;aspect-ratio:4/3;object-fit:cover}
.q85-scan::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 2px,transparent 2px 4px)}
.q85-status{display:flex;justify-content:space-between;align-items:center;padding:10px 6px 4px;font-family:'Courier New',monospace;font-size:12px}
.q85-status b{color:var(--gold);font-size:15px}
.q85-status span{color:var(--muted);letter-spacing:2px}
@media(max-width:960px){.q85-grid{grid-template-columns:1fr}}

/* q86 vapor sunset */
.q86-sunset{position:relative;overflow:hidden;padding:96px 0 84px}
.q86-sun{position:absolute;left:50%;bottom:120px;transform:translateX(-50%);width:260px;height:260px;border-radius:50%;background:linear-gradient(180deg,#f8a8c8 0%,#e888b8 45%,transparent 46%);opacity:.5;filter:blur(1px)}
.q86-lines{position:absolute;left:0;right:0;bottom:0;height:150px;background:repeating-linear-gradient(0deg,rgba(180,130,230,.16) 0 2px,transparent 2px 22px);mask-image:linear-gradient(0deg,#000,transparent)}
.q86-center{position:relative;text-align:center}
.q86-center h1{font-size:clamp(28px,4.2vw,52px);font-weight:900;letter-spacing:6px;text-transform:uppercase;line-height:1.15;margin:10px 0 12px}
.q86-center .lead{margin:0 auto}
.q86-center .q-actions{justify-content:center}
.q86-tag{display:inline-flex;flex-direction:column;gap:2px;margin-top:22px}
.q86-tag b{font-size:21px;letter-spacing:3px;color:var(--gold)}
.q86-tag span{font-size:10px;letter-spacing:8px;color:var(--muted)}

/* q87 y2k orb */
.q87-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;padding:60px 0;align-items:center}
.q87-orb{position:relative;width:280px;height:280px;margin:0 auto}
.q87-ring{position:absolute;border-radius:50%;border:1px solid rgba(200,230,255,.3)}
.q87-ring.r1{inset:0;border-top:3px solid rgba(230,245,255,.6);animation:q87spin 9s linear infinite}
.q87-ring.r2{inset:34px;border-bottom:3px solid rgba(160,200,250,.5);animation:q87spin 6s linear infinite reverse}
@keyframes q87spin{to{transform:rotate(360deg)}}
.q87-orb b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:19px;font-weight:900;background:linear-gradient(180deg,#fff,#a9c8ec);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;width:80%}
.q87-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
@media(max-width:960px){.q87-grid{grid-template-columns:1fr}}

/* q88 riso duotone */
.q88-ink{position:absolute;border-radius:50%;filter:blur(60px)}
.q88-ink.pink{width:320px;height:320px;left:-80px;top:-100px;background:rgba(235,110,140,.12)}
.q88-ink.blue{width:280px;height:280px;right:-60px;bottom:-80px;background:rgba(90,170,230,.1)}
.q88-duo{position:relative;overflow:hidden;padding:48px 0}
.q88-panel{position:relative;max-width:760px;margin:0 auto;border:2px solid rgba(235,110,140,.35);background:rgba(20,18,22,.6);padding:40px 44px;box-shadow:10px 10px 0 rgba(90,170,230,.12)}
.q88-panel h1{font-family:Georgia,serif;font-size:clamp(26px,3.4vw,42px);line-height:1.22;margin:10px 0 12px}
.q88-foot{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:20px;flex-wrap:wrap}
.q88-stamp{text-align:right;border:2px dashed rgba(235,110,140,.4);border-radius:4px;padding:10px 16px;transform:rotate(-2deg)}
.q88-stamp b{display:block;font-family:'Courier New',monospace;font-size:17px;color:#eb8ea0}
.q88-stamp span{font-size:10.5px;color:var(--muted);letter-spacing:1px}

/* q89 collage zine */
.q89-wall{display:grid;grid-template-columns:1fr 1.7fr 1fr;grid-auto-rows:120px;gap:14px;padding:52px 0}
.q89-clip{background:#efece4;padding:8px;box-shadow:0 12px 30px rgba(0,0,0,.5);transform:rotate(-2deg)}
.q89-clip img{width:100%;height:100%;object-fit:cover;display:block}
.q89-clip.c2{display:flex;flex-direction:column;justify-content:center;gap:6px;background:#e9e4d8;transform:rotate(2deg);padding:16px}
.q89-clip.c2 b{font-family:'Courier New',monospace;font-size:16px;color:#8a2a3a}
.q89-clip.c2 span{font-size:11px;color:#4a4438;font-style:italic}
.q89-clip.c3{transform:rotate(1.5deg)}
.q89-main{grid-column:2;grid-row:1/span 2;align-self:center;background:transparent;box-shadow:none;transform:none;padding:16px}
.q89-main h1{font-family:Georgia,serif;font-size:clamp(24px,3vw,38px);font-weight:900;line-height:1.25}
@media(max-width:960px){.q89-wall{grid-template-columns:1fr 1fr}.q89-main{grid-column:1/-1;grid-row:auto}}

/* q90 liquid blobs */
.q90-liquid{position:relative;overflow:hidden;padding:84px 0}
.q90-blob{position:absolute;border-radius:42% 58% 55% 45%/50% 44% 56% 50%;filter:blur(30px);opacity:.5}
.q90-blob.b1{width:340px;height:300px;left:-100px;top:-60px;background:rgba(120,190,240,.12);animation:q90morph 12s ease infinite}
.q90-blob.b2{width:280px;height:260px;right:-60px;top:30%;background:rgba(190,140,240,.1);animation:q90morph 10s ease infinite reverse}
.q90-blob.b3{width:240px;height:220px;left:30%;bottom:-90px;background:rgba(240,180,200,.08);animation:q90morph 14s ease infinite}
@keyframes q90morph{0%,100%{border-radius:42% 58% 55% 45%/50% 44% 56% 50%}50%{border-radius:58% 42% 45% 55%/44% 56% 50% 50%}}
.q90-center{position:relative;text-align:center}
.q90-center h1{font-size:clamp(28px,4vw,48px);font-weight:900;line-height:1.18;margin:8px 0 12px}
.q90-center .lead{margin:0 auto}
.q90-center .q-actions{justify-content:center}
.q90-chip{display:inline-flex;margin-top:24px;border-radius:999px;border:1px solid rgba(200,180,240,.3);background:rgba(255,255,255,.04);backdrop-filter:blur(6px);padding:12px 28px}
.q90-chip b{font-size:20px;font-weight:900;color:var(--gold)}

/* q91 mono sheet doc */
.q91-doc{max-width:820px;margin:48px auto;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.015);padding:0}
.q91-hdr{display:flex;justify-content:space-between;font-family:'Courier New',monospace;font-size:11px;letter-spacing:3px;color:var(--muted);border-bottom:1px solid rgba(255,255,255,.25);padding:10px 22px}
.q91-doc h1{font-family:'Courier New',monospace;font-size:clamp(24px,3.4vw,42px);letter-spacing:6px;text-transform:uppercase;padding:34px 22px 20px}
.q91-rule{height:2px;background:rgba(255,255,255,.3);margin:0 22px}
.q91-doc .lead{padding:18px 22px 6px;font-family:'Courier New',monospace}
.q91-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;padding:18px 22px 28px}
.q91-f label{display:block;font-family:'Courier New',monospace;font-size:10px;letter-spacing:3px;color:var(--muted);margin-bottom:6px}
.q91-f b{font-family:'Courier New',monospace;font-size:14px;letter-spacing:1px}
.q91-f b[data-jackpot]{color:var(--gold);font-size:13px}
@media(max-width:860px){.91-fields{grid-template-columns:1fr}.q91-fields{grid-template-columns:1fr}}

/* q92 op art */
.q92-rings{position:absolute;left:50%;top:-140px;transform:translateX(-50%);width:620px;height:620px;border-radius:50%;background:repeating-radial-gradient(circle,rgba(240,220,140,.09) 0 14px,transparent 14px 30px)}
.q92-vertigo{position:relative;overflow:hidden;padding:76px 0 66px}
.q92-center{position:relative;text-align:center}
.q92-center .q-kicker{margin-bottom:6px}
.q92-center h1{font-size:clamp(28px,4.4vw,54px);font-weight:900;letter-spacing:10px;text-transform:uppercase;line-height:1.1}
.q92-sub{display:block;font-size:13px;letter-spacing:6px;color:var(--au2);margin:10px 0 14px}
.q92-center .lead{margin:0 auto}
.q92-center .q-actions{justify-content:center}
.q92-disc{display:inline-flex;align-items:center;justify-content:center;width:190px;height:190px;border-radius:50%;margin-top:26px;background:repeating-radial-gradient(circle,rgba(255,255,255,.05) 0 8px,transparent 8px 16px);border:2px solid var(--au2)}
.q92-disc span{font-size:15px;font-weight:900;color:var(--gold);letter-spacing:1px;transform:rotate(-8deg)}

/* q93 wireframe cube */
.q93-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;padding:60px 0;align-items:center}
.q93-copy h1{font-family:'Courier New',monospace;font-size:clamp(24px,3vw,38px);letter-spacing:2px;line-height:1.2;margin-bottom:12px;text-transform:uppercase}
.q93-view{display:flex;flex-direction:column;gap:18px;align-items:center}
.q93-cube{position:relative;width:190px;height:190px;transform-style:preserve-3d;transform:rotateX(-24deg) rotateY(36deg);animation:q93rot 16s linear infinite}
@keyframes q93rot{from{transform:rotateX(-24deg) rotateY(0)}to{transform:rotateX(-24deg) rotateY(360deg)}}
.q93-cube span{position:absolute;inset:0;border:1px dashed rgba(140,190,230,.55)}
.q93-cube .f2{transform:rotateY(60deg)}
.q93-cube .f3{transform:rotateY(120deg)}
.q93-dim{text-align:center;font-family:'Courier New',monospace}
.q93-dim b{display:block;font-size:18px;color:var(--gold);letter-spacing:1px}
.q93-dim span{font-size:10.5px;letter-spacing:2px;color:var(--muted)}
@media(max-width:960px){.q93-grid{grid-template-columns:1fr}}

/* q94 deco */
.q94-fan{position:absolute;left:50%;top:-40px;transform:translateX(-50%);width:560px;height:280px;border-radius:0 0 50% 50%;background:repeating-conic-gradient(from 180deg,rgba(220,190,120,.07) 0 10deg,transparent 10deg 20deg)}
.q94-marquee-deco{position:relative;overflow:hidden;padding:48px 0 56px}
.q94-center{position:relative;text-align:center}
.q94-rule{display:block;width:min(420px,80%);height:3px;margin:0 auto;background:repeating-linear-gradient(90deg,rgba(220,190,120,.7) 0 6px,transparent 6px 12px,rgba(220,190,120,.7) 12px 18px,transparent 18px 36px)}
.q94-rule.top{margin-bottom:22px}
.q94-rule.bot{margin-top:22px}
.q94-center h1{font-family:Georgia,serif;font-size:clamp(28px,4vw,50px);letter-spacing:6px;text-transform:uppercase;margin:12px 0 4px}
.q94-sub{font-family:Georgia,serif;font-size:clamp(15px,1.8vw,20px);letter-spacing:4px;color:var(--gold);margin:0 0 12px}
.q94-center .lead{margin:0 auto}
.q94-center .q-actions{justify-content:center}
.q94-jp{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:20px}
.q94-dia{color:var(--gold);font-size:13px}
.q94-jp b{font-family:Georgia,serif;font-size:clamp(19px,2.2vw,25px);color:var(--gold);letter-spacing:2px}

/* q95 post-modern pedestals */
.q95-blush{position:relative;overflow:hidden}
.q95-arc{position:absolute;border-radius:50%;border:1px solid rgba(250,200,180,.14)}
.q95-arc.a1{width:420px;height:420px;left:-140px;top:-140px}
.q95-arc.a2{width:320px;height:320px;right:-100px;bottom:-120px;border-color:rgba(160,210,230,.12)}
.q95-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;padding:64px 0;align-items:center}
.q95-copy h1{font-family:Georgia,serif;font-style:italic;font-size:clamp(26px,3.4vw,42px);line-height:1.24;margin-bottom:12px}
.q95-pede{display:flex;align-items:flex-end;gap:10px;height:280px;position:relative}
.q95-col{border-radius:10px 10px 0 0}
.q95-col.c1{width:54px;height:52%;background:rgba(250,200,180,.16)}
.q95-col.c2{width:54px;height:74%;background:rgba(160,210,230,.14)}
.q95-col.c3{width:54px;height:38%;background:rgba(240,220,160,.12)}
.q95-top{position:absolute;left:50%;top:-6px;transform:translateX(-50%);border-radius:999px;border:1px solid rgba(250,200,180,.3);background:rgba(20,16,14,.8);padding:10px 18px;white-space:nowrap}
.q95-top b{font-size:17px;font-weight:900;color:var(--gold);font-style:italic}
@media(max-width:960px){.q95-grid{grid-template-columns:1fr}.q95-pede{max-width:320px;margin:0 auto}}

/* q96 noir alley */
.q96-blind{position:absolute;inset:0;background:repeating-linear-gradient(14deg,rgba(255,255,255,.028) 0 26px,transparent 26px 64px);pointer-events:none}
.q96-alley{position:relative;overflow:hidden}
.q96-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;padding:64px 0;align-items:center}
.q96-copy h1{font-family:Georgia,serif;font-size:clamp(26px,3.4vw,42px);line-height:1.22;margin-bottom:12px}
.q96-lamp{display:flex;flex-direction:column;align-items:center;gap:0}
.q96-cone{width:0;height:0;border-left:120px solid transparent;border-right:120px solid transparent;border-bottom:230px solid rgba(255,244,214,.05)}
.q96-case{border:1px solid rgba(255,255,255,.2);background:rgba(12,14,18,.85);padding:18px 22px;text-align:center;margin-top:-40px;position:relative;z-index:2;box-shadow:0 18px 44px rgba(0,0,0,.6)}
.q96-case b{display:block;font-family:Georgia,serif;font-size:19px;color:#f0e6cc;letter-spacing:1px}
.q96-case span{font-size:11px;letter-spacing:3px;color:var(--muted);text-transform:uppercase}
@media(max-width:960px){.q96-grid{grid-template-columns:1fr}}

/* q97 ascii terminal */
.q97-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.q97-win{max-width:780px;margin:52px auto;border:1px solid rgba(0,255,120,.28);background:#0a0f0a;box-shadow:0 0 44px rgba(0,255,120,.07)}
.q97-bar{display:flex;justify-content:space-between;padding:9px 14px;border-bottom:1px solid rgba(0,255,120,.2);font-family:'Courier New',monospace;font-size:12px;color:#9fffbf}
.q97-body{padding:22px 24px 26px;font-family:'Courier New',monospace}
.q97-line{font-size:14px;color:#cfeacf;margin-bottom:12px;line-height:1.6;white-space:pre-wrap}
.q97-line b{color:#9fffbf}
.q97-ok{color:#ffd966}
.q97-run{margin-top:6px;font-family:'Courier New',monospace;letter-spacing:2px}

/* q98 stencil crate */
.q98-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;padding:56px 0;align-items:center}
.q98-box{position:relative;border:3px solid rgba(240,200,90,.3);padding:34px 36px;background:rgba(20,16,10,.45)}
.q98-corner{position:absolute;width:26px;height:26px;border:3px solid var(--au2)}
.q98-corner.tl{top:-3px;left:-3px;border-right:none;border-bottom:none}
.q98-corner.br{bottom:-3px;right:-3px;border-left:none;border-top:none}
.q98-in h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;text-transform:uppercase;letter-spacing:3px;line-height:1.15;margin-bottom:6px}
.q98-sub{display:block;font-size:13px;letter-spacing:3px;color:var(--au2);font-weight:800;margin-bottom:12px}
.q98-stamp{position:absolute;right:18px;bottom:-18px;transform:rotate(-3deg);border:3px solid rgba(200,80,60,.5);color:#d8776a;padding:8px 16px;text-align:center;background:rgba(20,12,10,.8)}
.q98-stamp b{display:block;font-family:'Courier New',monospace;font-size:16px}
.q98-stamp span{font-size:9.5px;letter-spacing:2px}
.q98-side img{width:100%;border:3px solid rgba(240,200,90,.25);filter:sepia(.3) contrast(1.05)}
@media(max-width:960px){.q98-grid{grid-template-columns:1fr}}

/* q99 holo member card */
.q99-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;padding:60px 0;align-items:center}
.q99-card{position:relative;width:min(340px,80vw);aspect-ratio:16/10;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.25);background:linear-gradient(115deg,rgba(255,255,255,.1),rgba(170,150,255,.08) 30%,rgba(140,220,220,.06) 55%,rgba(255,200,140,.08) 80%,rgba(255,255,255,.1));background-size:220% 220%;animation:holoShift 7s ease infinite;box-shadow:0 24px 60px rgba(0,0,0,.55)}
.q99-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;mix-blend-mode:overlay}
.q99-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.28) 48%,transparent 60%);transform:translateX(-80%);animation:q99shine 4.5s ease infinite}
@keyframes q99shine{60%,100%{transform:translateX(80%)}}
.q99-meta{position:absolute;left:16px;bottom:14px;z-index:2}
.q99-meta b{display:block;font-size:19px;font-weight:900;background:linear-gradient(90deg,#eef,#fcf,#eff);-webkit-background-clip:text;background-clip:text;color:transparent}
.q99-meta span{font-size:9.5px;letter-spacing:3px;color:rgba(255,255,255,.75)}
.q99-copy h1{font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.2;margin-bottom:12px}
@media(max-width:960px){.q99-grid{grid-template-columns:1fr;justify-items:center}}

/* q100 ticket stub */
.q100-tix{display:grid;grid-template-columns:1fr 240px;max-width:880px;margin:52px auto;border:2px dashed rgba(240,220,170,.45);border-radius:14px;overflow:hidden;background:rgba(240,220,170,.03)}
.q100-main{padding:40px 42px}
.q100-main h1{font-family:Georgia,serif;font-size:clamp(24px,3vw,36px);line-height:1.28;margin:10px 0 12px}
.q100-stub{position:relative;border-left:2px dashed rgba(240,220,170,.45);background:rgba(240,220,170,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:20px 14px;text-align:center}
.q100-perf{position:absolute;left:-7px;top:12%;height:76%;width:12px;background:radial-gradient(circle at 6px center,var(--bg) 4px,transparent 4px);background-size:12px 18px}
.q100-stub b{font-family:'Courier New',monospace;font-size:26px;font-weight:900;color:var(--gold)}
.q100-stub span{font-size:12px;letter-spacing:2px;color:var(--muted)}
.q100-stub i{font-size:10px;color:var(--muted);border-top:1px dashed var(--line);padding-top:8px;margin-top:6px;font-style:normal;letter-spacing:1px}
@media(max-width:860px){.q100-tix{grid-template-columns:1fr}.q100-stub{border-left:none;border-top:2px dashed rgba(240,220,170,.45)}.q100-perf{display:none}}

/* ===== layout variants ===== */
/* ================= HERO v2 centered ================= */
.vh2-hero{position:relative;padding:110px 0 0;text-align:center;overflow:hidden}
.vh2-bg{position:absolute;inset:0}.vh2-bg img{width:100%;height:100%;object-fit:cover}
.vh2-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,11,24,.62),rgba(7,11,24,.9) 78%)}
.vh2-wrap{position:relative;z-index:1}
.vh2-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 18px;border-radius:999px;font-size:13px;font-weight:800;color:var(--gold-2);background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.18);margin-bottom:22px}
.vh2-hero h1{font-size:clamp(32px,4.6vw,54px);font-weight:900;line-height:1.18;margin-bottom:16px}
.vh2-lead{max-width:640px;margin:0 auto 30px;color:var(--muted);font-size:16.5px}
.vh2-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:56px}
.btn-lg{padding:16px 38px;font-size:17px}
.vh2-statsbar{position:relative;z-index:1;background:var(--surface);border-top:1px solid var(--line);backdrop-filter:blur(10px)}
.vh2-srow{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 0}
.vh2-si{display:flex;flex-direction:column;align-items:center;gap:4px;border-left:1px solid var(--line)}
.vh2-si:first-child{border-left:0}
.vh2-si b{font-size:22px;color:var(--aur);font-variant-numeric:tabular-nums}
.vh2-si span{font-size:12.5px;color:var(--muted)}

/* ================= HERO v3 fullbleed ================= */
.vh3-hero{position:relative;min-height:88vh;display:flex;align-items:center;overflow:hidden}
.vh3-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vh3-shade{position:absolute;inset:0;background:linear-gradient(100deg,rgba(7,11,24,.94) 22%,rgba(7,11,24,.55) 58%,rgba(7,11,24,.82))}
.vh3-wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.3fr .7fr;gap:44px;align-items:end;width:100%}
.vh3-kicker{display:inline-block;padding:7px 16px;border-radius:6px;background:var(--red);color:#fff;font-size:12.5px;font-weight:800;letter-spacing:1px;margin-bottom:18px}
.vh3-copy h1{font-size:clamp(30px,4.2vw,50px);font-weight:900;margin-bottom:14px}
.vh3-copy>p{max-width:540px;color:var(--muted);margin-bottom:26px}
.vh3-actions{display:flex;gap:13px;flex-wrap:wrap}
.vh3-jcard{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:24px;backdrop-filter:blur(12px);box-shadow:var(--shadow-1)}
.vh3-jtag{display:inline-block;font-size:11px;letter-spacing:2px;font-weight:900;color:var(--red);margin-bottom:8px}
.vh3-jval{font-size:26px;font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums;margin-bottom:12px}
.vh3-jrow{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:14px;gap:8px}

/* ================= HERO v4 magazine ================= */
.vh4-hero{padding:88px 0 64px;border-bottom:1px solid var(--line)}
.vh4-wrap{display:grid;grid-template-columns:1fr 250px;gap:40px}
.vh4-main{display:flex;gap:28px}
.vh4-vkicker{writing-mode:vertical-rl;transform:rotate(180deg);font-size:12px;font-weight:900;letter-spacing:5px;color:var(--aur);border-left:2px solid var(--au2);padding-left:14px;opacity:.85}
.vh4-body h1{font-size:clamp(30px,3.8vw,46px);font-weight:900;margin-bottom:16px}
.vh4-lead{max-width:560px;color:var(--muted);margin-bottom:26px}
.vh4-actions{display:flex;gap:13px;flex-wrap:wrap}
.vh4-rail{display:flex;flex-direction:column;gap:10px}
.vh4-railitem{display:flex;flex-direction:column;padding:14px 16px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}
.vh4-railitem:first-child{background:linear-gradient(140deg,rgba(246,196,83,.14),var(--surface));border-color:rgba(246,196,83,.4)}
.vh4-rl{font-size:10.5px;letter-spacing:2px;color:var(--muted);font-weight:800}
.vh4-rv{font-size:17px;font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums}

/* ================= HERO v5 scoreboard ================= */
.vh5-top{position:relative;height:300px;overflow:hidden;display:flex;align-items:flex-end}
.vh5-top img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vh5-topshade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,11,24,.25),rgba(7,11,24,.96))}
.vh5-top h1{position:relative;z-index:1;font-size:clamp(28px,3.6vw,44px);font-weight:900;padding-bottom:20px}
.vh5-boards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-8px}
.vh5-board{padding:20px 18px;border-radius:14px;border:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;gap:6px}
.vh5-board.vb-aur{border-color:rgba(34,230,195,.4);background:linear-gradient(150deg,rgba(34,230,195,.12),var(--surface))}
.vh5-board.vb-gold{border-color:rgba(246,196,83,.4);background:linear-gradient(150deg,rgba(246,196,83,.12),var(--surface))}
.vh5-bl{font-size:10.5px;letter-spacing:1.8px;color:var(--muted);font-weight:800}
.vh5-board b{font-size:19px;color:var(--gold);font-variant-numeric:tabular-nums}
.vh5-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 4px;flex-wrap:wrap}
.vh5-cta p{max-width:600px;color:var(--muted)}

/* ================= GAMES v2 grid4 ================= */
.vg2-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.vg2-card{border-radius:14px;border:1px solid var(--line);background:var(--surface);padding:12px;display:flex;flex-direction:column;gap:8px;transition:transform .3s,border-color .3s}
.vg2-card:hover{transform:translateY(-5px);border-color:var(--aur)}
.vg2-pic{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden}
.vg2-pic img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.vg2-card:hover .vg2-pic img{transform:scale(1.1)}
.vg2-hot{position:absolute;top:8px;left:8px;font-size:10px;font-weight:900;padding:3px 9px;border-radius:999px;background:var(--red);color:#fff}
.vg2-card h3{font-size:14.5px;font-weight:800;line-height:1.35}
.vg2-rtp{font-size:11.5px;color:var(--aur);font-weight:800}
.vg2-card .btn{margin-top:auto}
@media(max-width:1080px){.vg2-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.vg2-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.vg2-grid{grid-template-columns:1fr 1fr;gap:10px}}

/* ================= GAMES v3 zebra ================= */
.vg3-rows{display:flex;flex-direction:column;gap:16px}
.vg3-row{display:grid;grid-template-columns:300px 1fr;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--surface);transition:transform .3s,border-color .3s}
.vg3-row.alt{grid-template-columns:1fr 300px}
.vg3-row.alt .vg3-pic{order:2}
.vg3-row:hover{transform:translateX(6px);border-color:var(--aur)}
.vg3-pic{position:relative;min-height:190px;background:var(--bg-3)}
.vg3-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vg3-info{display:flex;align-items:center;gap:22px;padding:22px 26px}
.vg3-no{font-size:38px;font-weight:900;color:var(--line);-webkit-text-stroke:1px var(--muted);opacity:.5;line-height:1}
.vg3-info h3{font-size:19px;font-weight:800;margin-bottom:6px}
.vg3-info p{font-size:13.5px;color:var(--muted);max-width:440px}
.vg3-side{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}
@media(max-width:860px){.vg3-row,.vg3-row.alt{grid-template-columns:1fr}.vg3-row.alt .vg3-pic{order:0}.vg3-side{margin-left:0;align-items:flex-start;flex-direction:row;align-items:center}}

/* ================= GAMES v4 carousel ================= */
.vg4-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(320px,1fr);gap:18px;overflow-x:auto;padding:6px 4px 20px;scroll-snap-type:x mandatory}
.vg4-card{position:relative;scroll-snap-align:start;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--bg-3);transition:transform .3s,border-color .3s}
.vg4-card:hover{transform:translateY(-6px);border-color:var(--gold)}
.vg4-card>img{height:230px;width:100%;object-fit:cover}
.vg4-body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:9px}
.vg4-body h3{font-size:17px;font-weight:800}
.vg4-flag{position:absolute;top:12px;right:12px;font-size:11px;font-weight:900;padding:5px 12px;border-radius:999px;background:var(--grad-gold);color:#2a1a02}
@media(max-width:600px){.vg4-track{grid-auto-columns:82%}}

/* ================= GAMES v5 mosaic ================= */
.vg5-mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:150px;gap:14px}
.vg5-big{grid-column:span 2;grid-row:span 2;position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--line)}
.vg5-sm{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.vg5-mosaic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.vg5-big:hover img,.vg5-sm:hover img{transform:scale(1.07)}
.vg5-cap{position:absolute;left:0;right:0;bottom:0;padding:44px 20px 18px;background:linear-gradient(180deg,transparent,rgba(7,11,24,.95))}
.vg5-cap h3{font-size:21px;font-weight:900;margin-bottom:6px}
.vg5-cap span{display:block;font-size:12.5px;color:var(--muted);margin-bottom:12px}
.vg5-tag{position:absolute;top:14px;left:14px;font-size:10.5px;font-weight:900;letter-spacing:1px;padding:5px 12px;border-radius:999px;background:var(--grad-gold);color:#2a1a02}
.vg5-capsm{position:absolute;left:0;right:0;bottom:0;padding:30px 12px 10px;background:linear-gradient(180deg,transparent,rgba(7,11,24,.94));display:flex;align-items:center;justify-content:space-between;gap:8px}
.vg5-capsm h4{font-size:13.5px;font-weight:800}
@media(max-width:1080px){.vg5-mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px}}

/* ================= SLOTS v2 tickets ================= */
.vs2-tickets{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.vs2-ticket{display:grid;grid-template-columns:150px 1fr;border-radius:14px;border:1px dashed rgba(246,196,83,.55);background:var(--surface);overflow:hidden;position:relative}
.vs2-ticket::before,.vs2-ticket::after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:var(--bg);border:1px dashed rgba(246,196,83,.55);right:calc(100% - 150px);transform:translateX(50%);z-index:2}
.vs2-ticket::before{top:-12px}
.vs2-ticket::after{bottom:-12px}
.vs2-left{background:var(--bg-3);position:relative}
.vs2-left img{width:100%;height:100%;object-fit:cover}
.vs2-right{padding:16px 18px;display:flex;flex-direction:column;gap:6px}
.vs2-no{font-size:10.5px;letter-spacing:2px;color:var(--muted);font-weight:800}
.vs2-right h3{font-size:16.5px;font-weight:800}
.vs2-right p{font-size:12.5px;color:var(--muted)}
.vs2-bar{height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden;margin:4px 0}
.vs2-bar span{display:block;height:100%;background:var(--grad-gold)}
.vs2-pot{font-size:13px;font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums}
.vs2-right .btn{align-self:flex-start;margin-top:4px}
@media(max-width:860px){.vs2-tickets{grid-template-columns:1fr}}

/* ================= SLOTS v3 spotlight ================= */
.vs3-stage{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}
.vs3-big{position:relative;min-height:420px;border-radius:20px;overflow:hidden;border:1px solid rgba(246,196,83,.4)}
.vs3-big img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vs3-shine{position:absolute;inset:0;background:radial-gradient(560px 260px at 50% 0%,rgba(246,196,83,.28),transparent 70%),linear-gradient(0deg,rgba(7,11,24,.96) 12%,transparent 55%)}
.vs3-info{position:absolute;left:0;right:0;bottom:0;padding:28px}
.vs3-livetag{display:inline-block;font-size:11px;font-weight:900;letter-spacing:1.5px;padding:5px 13px;border-radius:999px;background:var(--red);color:#fff;margin-bottom:12px;animation:glowPulseRed 1.8s infinite}
.vs3-info h3{font-size:clamp(20px,2.4vw,28px);font-weight:900;margin-bottom:8px}
.vs3-info p{font-size:14px;color:var(--muted);margin-bottom:16px;max-width:480px}
.vs3-list{display:flex;flex-direction:column;gap:10px}
.vs3-item{display:flex;align-items:center;gap:13px;padding:10px 14px;border-radius:13px;background:var(--surface);border:1px solid var(--line);transition:border-color .3s,transform .3s}
.vs3-item:hover{border-color:var(--aur);transform:translateX(5px)}
.vs3-item img{width:56px;height:56px;border-radius:10px;object-fit:cover;flex-shrink:0}
.vs3-item h4{font-size:14.5px;font-weight:800}
.vs3-item span{font-size:12px;color:var(--muted)}
.vs3-item .btn{margin-left:auto}
@media(max-width:1080px){.vs3-stage{grid-template-columns:1fr}.vs3-big{min-height:320px}}

/* ================= SLOTS v4 board ================= */
.vs4-board{border-radius:16px;border:1px solid var(--line);overflow:hidden;background:var(--surface)}
.vs4-head,.vs4-row{display:grid;grid-template-columns:44px 2.2fr .6fr 1.2fr 1fr auto;align-items:center;gap:10px;padding:13px 18px}
.vs4-head{background:rgba(123,97,255,.14);font-size:11px;letter-spacing:1.5px;font-weight:900;color:var(--muted);text-transform:uppercase}
.vs4-row{border-top:1px solid var(--line);transition:background .25s}
.vs4-row:hover{background:var(--surface-2)}
.vs4-idx{font-weight:900;color:var(--muted)}
.vs4-name{display:flex;align-items:center;gap:11px;font-weight:700;font-size:14.5px}
.vs4-name img{width:42px;height:42px;border-radius:9px;object-fit:cover}
.vs4-pot{font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums}
.vs4-heat{font-size:12px;letter-spacing:2px}
@media(max-width:860px){.vs4-head{display:none}.vs4-row{grid-template-columns:44px 1fr auto;grid-template-rows:auto auto}.vs4-name{grid-column:2}.vs4-pot{grid-column:2}.vs4-heat{display:none}}

/* ================= SPORTS v2 match cards ================= */
.vp2-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.vp2-card{border-radius:16px;border:1px solid var(--line);background:var(--surface);overflow:hidden;transition:transform .3s,border-color .3s}
.vp2-card:hover{transform:translateY(-5px);border-color:var(--aur)}
.vp2-top{position:relative;height:92px}
.vp2-top img{width:100%;height:100%;object-fit:cover;opacity:.65}
.vp2-league{position:absolute;top:10px;left:12px;font-size:10.5px;font-weight:900;letter-spacing:1.2px;padding:4px 11px;border-radius:999px;background:rgba(7,11,24,.8);color:var(--gold-2)}
.vp2-time{position:absolute;bottom:10px;right:12px;font-size:11px;font-weight:800;color:#fff;background:var(--red);padding:4px 10px;border-radius:999px}
.vp2-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px 20px 8px;gap:8px}
.vp2-t{font-size:16.5px;font-weight:900;text-align:center}
.vp2-vs{font-size:13px;font-weight:900;color:var(--red);letter-spacing:1px}
.vp2-odds{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:10px 20px 18px}
.vp2-odds>div{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 6px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line)}
.vp2-odds span{font-size:10.5px;color:var(--muted)}
.vp2-odds b{font-size:16px;color:var(--gold);font-weight:900}
@media(max-width:860px){.vp2-grid{grid-template-columns:1fr}}

/* ================= SPORTS v3 banner+cats ================= */
.vp3-banner{position:relative;min-height:330px;border-radius:20px;overflow:hidden;border:1px solid var(--line)}
.vp3-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vp3-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(95deg,rgba(7,11,24,.95) 25%,rgba(7,11,24,.35))}
.vp3-cap{position:relative;z-index:1;padding:40px;max-width:620px}
.vp3-cap h3{font-size:clamp(22px,2.6vw,32px);font-weight:900;margin-bottom:10px;color:var(--gold-2)}
.vp3-cap p{font-size:14.5px;color:var(--muted);margin-bottom:22px}
.vp3-btns{display:flex;gap:12px;flex-wrap:wrap}
.vp3-cats{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-top:18px}
.vp3-cat{padding:20px 14px;border-radius:14px;border:1px solid var(--line);background:var(--surface);text-align:center;transition:transform .3s,border-color .3s}
.vp3-cat:hover{transform:translateY(-4px);border-color:var(--aur)}
.vp3-cat span{font-size:30px;display:block;margin-bottom:8px}
.vp3-cat h4{font-size:15px;font-weight:800;margin-bottom:3px}
.vp3-cat p{font-size:11.5px;color:var(--muted)}
@media(max-width:1080px){.vp3-cats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.vp3-cats{grid-template-columns:repeat(2,1fr)}.vp3-cap{padding:24px}}

/* ================= SPORTS v4 feed ================= */
.vp4-feed{border-radius:16px;border:1px solid var(--line);overflow:hidden;background:var(--surface)}
.vp4-line{display:grid;grid-template-columns:70px 1.6fr 1fr 90px auto;align-items:center;gap:12px;padding:13px 18px;border-top:1px solid var(--line);transition:background .2s}
.vp4-line:first-child{border-top:0}
.vp4-line:hover{background:var(--surface-2)}
.vp4-ltag{font-size:10.5px;font-weight:900;text-align:center;padding:4px 0;border-radius:6px;letter-spacing:.5px}
.vp4-ltag.live{background:var(--red);color:#fff;animation:glowPulseRed 1.8s infinite}
.vp4-ltag.soon{background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}
.vp4-match{font-weight:800;font-size:14.5px}
.vp4-match b{color:var(--gold)}
.vp4-market{font-size:12.5px;color:var(--muted)}
.vp4-odd{text-align:center;font-weight:900;color:var(--gold);background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:7px 0;font-size:14px}
@media(max-width:860px){.vp4-line{grid-template-columns:64px 1fr auto}.vp4-market{display:none}.vp4-odd{display:none}}

/* ================= LIVE v2 quad ================= */
.vl2-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.vl2-card{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line);min-height:300px;transition:transform .3s,border-color .3s}
.vl2-card:hover{transform:translateY(-6px);border-color:rgba(246,196,83,.5)}
.vl2-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vl2-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,11,24,.96) 18%,transparent 62%)}
.vl2-live{position:absolute;top:12px;left:12px;z-index:1;font-size:11px;font-weight:900;color:#fff;background:rgba(255,93,122,.92);padding:4px 11px;border-radius:999px;animation:glowPulseRed 1.8s infinite}
.vl2-cap{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:20px}
.vl2-cap h3{font-size:17.5px;font-weight:900;margin-bottom:7px}
.vl2-cap p{font-size:12.5px;color:var(--muted);margin-bottom:14px}
@media(max-width:1080px){.vl2-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.vl2-grid{grid-template-columns:1fr}}

/* ================= LIVE v3 stage ================= */
.vl3-stage{position:relative;min-height:520px;overflow:hidden;border-radius:22px;border:1px solid var(--line)}
.vl3-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vl3-stage::after{content:"";position:absolute;inset:0;background:radial-gradient(720px 340px at 30% 60%,rgba(7,11,24,.55),rgba(7,11,24,.97))}
.vl3-inner{position:relative;z-index:1;padding:70px 24px;max-width:760px}
.vl3-badge{display:inline-block;font-size:12px;font-weight:900;letter-spacing:1.5px;padding:7px 16px;border-radius:999px;background:var(--red);color:#fff;margin-bottom:18px;animation:glowPulseRed 1.8s infinite}
.vl3-inner h2{font-size:clamp(24px,3.2vw,38px);font-weight:900;margin-bottom:14px}
.vl3-inner>p{color:var(--muted);font-size:15.5px;margin-bottom:26px;max-width:560px}
.vl3-acts{display:flex;gap:13px;flex-wrap:wrap;margin-bottom:22px}
.vl3-meta{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;color:var(--gold-2);font-weight:700}
@media(max-width:600px){.vl3-stage{min-height:460px}.vl3-inner{padding:44px 20px}}

/* ================= LIVE v4 dealers ================= */
.vl4-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.vl4-card{border-radius:18px;border:1px solid var(--line);background:var(--surface);padding:24px;text-align:center;transition:transform .3s,border-color .3s}
.vl4-card:hover{transform:translateY(-6px);border-color:var(--gold)}
.vl4-ava{position:relative;width:120px;height:120px;margin:0 auto 14px}
.vl4-ava img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--line)}
.vl4-on{position:absolute;bottom:4px;right:4px;font-size:9.5px;font-weight:900;padding:3px 8px;border-radius:999px;background:#22c55e;color:#04250f;letter-spacing:.5px}
.vl4-card h3{font-size:17px;font-weight:900;margin-bottom:3px}
.vl4-game{display:block;font-size:12px;color:var(--gold);font-weight:800;margin-bottom:9px}
.vl4-card p{font-size:13px;color:var(--muted);margin-bottom:14px}
@media(max-width:860px){.vl4-row{grid-template-columns:1fr}}

/* ================= PROMO v2 timeline ================= */
.vm2-timeline{position:relative;max-width:860px;margin:0 auto;padding:10px 0}
.vm2-timeline::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--line);transform:translateX(-50%)}
.vm2-step{position:relative;width:50%;padding:0 36px 30px 0}
.vm2-step.right{margin-left:50%;padding:0 0 30px 36px}
.vm2-dot{position:absolute;top:6px;right:-8px;width:16px;height:16px;border-radius:50%;background:var(--grad-aur);box-shadow:var(--shadow-aur);z-index:1}
.vm2-step.right .vm2-dot{right:auto;left:-8px}
.vm2-card{border-radius:16px;border:1px solid var(--line);background:var(--surface);padding:20px 22px}
.vm2-stage{display:block;font-size:10.5px;letter-spacing:1.8px;font-weight:900;color:var(--aur);margin-bottom:8px}
.vm2-card h3{font-size:17px;font-weight:800;margin-bottom:6px}
.vm2-card p{font-size:13.5px;color:var(--muted);margin-bottom:14px}
@media(max-width:860px){.vm2-timeline::before{left:12px}.vm2-step,.vm2-step.right{width:100%;margin-left:0;padding:0 0 26px 40px}.vm2-dot,.vm2-step.right .vm2-dot{left:4px;right:auto}}

/* ================= PROMO v3 stamps ================= */
.vm3-stamps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.vm3-stamp{position:relative;border-radius:14px;border:1px solid var(--line);background:var(--surface);padding:26px 20px 20px;text-align:center;transition:transform .3s,border-color .3s}
.vm3-stamp:hover{transform:translateY(-6px) rotate(-1.2deg);border-color:var(--gold)}
.vm3-postmark{position:absolute;top:10px;left:50%;transform:translateX(-50%) rotate(-3deg);font-size:8.5px;letter-spacing:1.5px;color:var(--red);border:1.5px solid var(--red);border-radius:4px;padding:2px 7px;opacity:.75;font-weight:900;white-space:nowrap}
.vm3-val{font-size:40px;font-weight:900;background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:14px 0 4px}
.vm3-stamp h3{font-size:15.5px;font-weight:800;margin-bottom:6px}
.vm3-stamp p{font-size:12.5px;color:var(--muted);margin-bottom:14px}
.vm3-edge{display:block;border-top:2px dashed rgba(246,196,83,.5);margin:12px -20px 14px}
@media(max-width:1080px){.vm3-stamps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.vm3-stamps{grid-template-columns:1fr}}

/* ================= PROMO v4 stack ================= */
.vm4-stack{display:flex;flex-direction:column;gap:14px}
.vm4-band{display:flex;align-items:center;justify-content:space-between;gap:22px;border-radius:16px;padding:22px 28px;border:1px solid var(--line);flex-wrap:wrap;transition:transform .3s}
.vm4-band:hover{transform:translateX(8px)}
.vm4-band.b1{background:linear-gradient(95deg,rgba(34,230,195,.14),var(--surface))}
.vm4-band.b2{background:linear-gradient(95deg,rgba(123,97,255,.16),var(--surface))}
.vm4-band.b3{background:linear-gradient(95deg,rgba(246,196,83,.14),var(--surface))}
.vm4-band.b4{background:linear-gradient(95deg,rgba(255,93,122,.14),var(--surface))}
.vm4-chip{display:inline-block;font-size:10.5px;font-weight:900;letter-spacing:1.5px;padding:4px 12px;border-radius:999px;background:var(--bg-3);color:var(--gold-2);border:1px solid var(--line);margin-bottom:8px}
.vm4-info h3{font-size:18px;font-weight:900;margin-bottom:4px}
.vm4-info p{font-size:13px;color:var(--muted)}

/* ================= NEWS v2 numbered ================= */
.vn2-list{display:flex;flex-direction:column;gap:14px;max-width:860px;margin:0 auto}
.vn2-item{display:grid;grid-template-columns:56px 190px 1fr;gap:18px;align-items:center;border-radius:16px;border:1px solid var(--line);background:var(--surface);padding:14px 18px;transition:border-color .3s,transform .3s}
.vn2-item:hover{border-color:var(--aur);transform:translateX(6px)}
.vn2-no{font-size:30px;font-weight:900;color:var(--line);-webkit-text-stroke:1px var(--au2)}
.vn2-thumb{width:190px;height:110px;border-radius:12px;overflow:hidden}
.vn2-thumb img{width:100%;height:100%;object-fit:cover}
.vn2-body h3{font-size:16.5px;font-weight:800;margin-bottom:6px;line-height:1.4}
.vn2-body p{font-size:13px;color:var(--muted);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:700px){.vn2-item{grid-template-columns:44px 1fr}.vn2-thumb{display:none}}

/* ================= NEWS v3 magazine ================= */
.vn3-mag{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;align-items:start}
.vn3-lead{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--line);min-height:430px}
.vn3-pic{position:absolute;inset:0}
.vn3-pic img{width:100%;height:100%;object-fit:cover}
.vn3-lead::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,11,24,.97) 14%,transparent 58%)}
.vn3-cap{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:30px}
.vn3-flag{display:inline-block;font-size:10.5px;font-weight:900;letter-spacing:2px;padding:5px 13px;border-radius:999px;background:var(--grad-gold);color:#2a1a02;margin-bottom:12px}
.vn3-cap h2{font-size:clamp(20px,2.6vw,30px);font-weight:900;margin-bottom:10px;line-height:1.35}
.vn3-cap p{font-size:14px;color:var(--muted);margin-bottom:12px;max-width:520px}
.vn3-side{display:flex;flex-direction:column;gap:14px}
.vn3-mini{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--surface);transition:border-color .3s}
.vn3-mini:hover{border-color:var(--aur)}
.vn3-mpic{width:120px;height:86px;border-radius:10px;overflow:hidden}
.vn3-mpic img{width:100%;height:100%;object-fit:cover}
.vn3-mini h3{font-size:14.5px;font-weight:800;line-height:1.4;margin-bottom:5px}
.vn3-mini time{font-size:12px;color:var(--muted)}
@media(max-width:1080px){.vn3-mag{grid-template-columns:1fr}.vn3-lead{min-height:320px}}

/* ================= NEWS v4 cards3 ================= */
.vn4-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.vn4-card{border-radius:16px;border:1px solid var(--line);background:var(--surface);overflow:hidden;transition:transform .3s,border-color .3s}
.vn4-card:hover{transform:translateY(-5px);border-color:var(--aur)}
.vn4-pic{height:170px;overflow:hidden}
.vn4-pic img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.vn4-card:hover .vn4-pic img{transform:scale(1.07)}
.vn4-body{padding:18px 20px}
.vn4-cat{font-size:10.5px;font-weight:900;letter-spacing:1.5px;color:var(--aur)}
.vn4-body h3{font-size:16px;font-weight:800;line-height:1.45;margin:7px 0 8px}
.vn4-body p{font-size:13px;color:var(--muted);margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:1080px){.vn4-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.vn4-grid{grid-template-columns:1fr}}

/* ================= PARTNERS v2 marquee ================= */
.vt2-marquee{overflow:hidden;padding:8px 0;border-block:1px solid var(--line);background:var(--surface)}
.vt2-track{display:flex;gap:38px;width:max-content;animation:vt2roll 30s linear infinite;padding:14px 0}
.vt2-marquee:hover .vt2-track{animation-play-state:paused}
.vt2-track img{height:52px;width:auto;object-fit:contain;filter:grayscale(.55) brightness(1.5);opacity:.8;transition:all .3s;border-radius:10px}
.vt2-track img:hover{filter:none;opacity:1}
@keyframes vt2roll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ================= PARTNERS v3 circles ================= */
.vt3-rail{display:flex;flex-wrap:wrap;justify-content:center;gap:26px}
.vt3-c{display:flex;flex-direction:column;align-items:center;gap:9px;width:120px;transition:transform .3s}
.vt3-c:hover{transform:translateY(-5px)}
.vt3-c img{width:88px;height:88px;border-radius:50%;object-fit:cover;border:2px solid var(--line);padding:6px;background:var(--surface);transition:border-color .3s}
.vt3-c:hover img{border-color:var(--gold)}
.vt3-c span{font-size:12.5px;color:var(--muted);font-weight:700;text-align:center}

/* ================= FAQ v2 cards ================= */
.vf2-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.vf2-card{border-radius:16px;border:1px solid var(--line);background:var(--surface);padding:22px;transition:transform .3s,border-color .3s}
.vf2-card:hover{transform:translateY(-4px);border-color:var(--aur)}
.vf2-q{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--grad-aur);color:#04101c;font-weight:900;font-size:14px;margin-bottom:12px}
.vf2-card h3{font-size:15.5px;font-weight:800;margin-bottom:7px}
.vf2-card p{font-size:13px;color:var(--muted)}
.vf2-cta{background:linear-gradient(150deg,rgba(34,230,195,.14),var(--surface));border-color:rgba(34,230,195,.4);display:flex;flex-direction:column}
.vf2-cta .btn{align-self:flex-start;margin-top:auto}
@media(max-width:1080px){.vf2-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.vf2-grid{grid-template-columns:1fr}}

/* ================= FAQ v3 numbered ================= */
.vf3-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:0}
.vf3-list li{display:grid;grid-template-columns:66px 1fr;gap:18px;padding:22px 8px;border-bottom:1px dashed var(--line)}
.vf3-list li:last-child{border-bottom:0}
.vf3-n{font-size:30px;font-weight:900;color:var(--au2);opacity:.85;line-height:1}
.vf3-list h3{font-size:16.5px;font-weight:800;margin-bottom:6px}
.vf3-list p{font-size:13.5px;color:var(--muted)}

/* ================= CTA v2 band ================= */
.vc2-band{background:linear-gradient(100deg,rgba(34,230,195,.16),rgba(123,97,255,.18));border-block:1px solid var(--line);padding:52px 0}
.vc2-inner{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap}
.vc2-copy h2{font-size:clamp(21px,2.6vw,30px);font-weight:900;margin-bottom:8px}
.vc2-copy p{color:var(--muted);font-size:14.5px}
.vc2-btns{display:flex;gap:12px;flex-wrap:wrap}

/* ================= CTA v3 ticket ================= */
.vc3-ticket{display:grid;grid-template-columns:280px 1fr;border-radius:20px;overflow:hidden;border:1px dashed rgba(246,196,83,.6);background:var(--surface)}
.vc3-stub{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(160deg,rgba(246,196,83,.18),var(--surface));border-right:2px dashed rgba(246,196,83,.6);padding:30px 20px;text-align:center}
.vc3-brand{font-size:34px}
.vc3-t{font-size:13px;font-weight:900;letter-spacing:3px;color:var(--gold-2)}
.vc3-code{font-size:17px;font-weight:900;padding:7px 16px;border-radius:9px;background:var(--grad-gold);color:#2a1a02;letter-spacing:1.5px}
.vc3-note{font-size:11px;color:var(--muted)}
.vc3-main{padding:34px 36px}
.vc3-main h2{font-size:clamp(21px,2.6vw,30px);font-weight:900;margin-bottom:10px}
.vc3-main p{color:var(--muted);font-size:14.5px;margin-bottom:20px;max-width:560px}
.vc3-acts{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.vc3-sub{font-size:13px;color:var(--muted)}
.vc3-sub b{color:var(--red);font-variant-numeric:tabular-nums}
@media(max-width:860px){.vc3-ticket{grid-template-columns:1fr}.vc3-stub{border-right:0;border-bottom:2px dashed rgba(246,196,83,.6)}}

/* ================= HEADER v2 topbar ================= */
.hd2{position:sticky;top:0;z-index:90}
.hd2-top{background:var(--bg-3);border-bottom:1px solid var(--line)}
.hd2-topin{display:flex;justify-content:space-between;align-items:center;height:36px;font-size:12.5px;color:var(--gold-2)}
.hd2-notice{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hd2-short b{font-variant-numeric:tabular-nums;color:var(--gold)}
.hd2-nav{background:rgba(7,11,24,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.hd2-navin{display:flex;align-items:center;gap:20px;height:66px}
@media(max-width:700px){.hd2-short{display:none}.hd2-notice{font-size:11.5px}}

/* ================= HEADER v3 centered ================= */
.hd3{position:sticky;top:0;z-index:90;background:rgba(7,11,24,.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.hd3-wrap{display:flex;flex-direction:column}
.hd3-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;gap:14px}
.hd3-side{display:flex;align-items:center;gap:18px}
.hd3-side.right{justify-content:flex-end}
.hd3-menu{display:flex;gap:4px}
.hd3-menu a{display:block;padding:8px 12px;font-size:14.5px;font-weight:700;color:var(--muted);border-radius:9px;transition:all .25s}
.hd3-menu a:hover{color:var(--text);background:var(--surface-2)}
.hd3-logo{display:flex;align-items:center;gap:10px}
.hd3-name{font-size:20px;font-weight:900;background:var(--grad-aur);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hd3-sub{border-top:1px solid var(--line)}
.hd3-cats{display:flex;justify-content:center;gap:6px;padding:9px 0;flex-wrap:wrap}
.hd3-cats a{font-size:12.5px;color:var(--muted);padding:5px 13px;border-radius:999px;border:1px solid transparent;transition:all .25s}
.hd3-cats a:hover{color:var(--aur);border-color:var(--line)}
@media(max-width:960px){.hd3-menu{display:none}.hd3-row{grid-template-columns:auto 1fr auto}}
@media(max-width:640px){.hd3-sub{display:none}}

/* ================= FOOTER v2 center ================= */
.ft2{border-top:1px solid var(--line);background:rgba(7,11,24,.85);margin-top:20px}
.ft2-wrap{display:flex;flex-direction:column;align-items:center;text-align:center;padding:52px 0 26px;gap:18px}
.ft2-logo{display:flex;align-items:center;gap:10px}
.ft2-name{font-size:21px;font-weight:900;background:var(--grad-aur);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ft2-desc{max-width:620px;color:var(--muted);font-size:13.8px}
.ft2-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 4px}
.ft2-nav a{font-size:13.5px;color:var(--muted);padding:6px 13px;border-radius:999px;transition:all .25s}
.ft2-nav a:hover{color:var(--aur);background:var(--surface)}
.ft2-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}
.ft2-badges span{font-size:11.5px;padding:6px 13px;border-radius:8px;border:1px solid var(--line);color:var(--muted);background:var(--surface)}
.ft2-fl ul{justify-content:center}
.ft2-copy{font-size:12.5px;color:var(--muted)}

/* ================= FOOTER v3 mega ================= */
.ft3{border-top:2px solid var(--au2);background:var(--bg-2);margin-top:20px}
.ft3-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.1fr;gap:28px;padding:50px 0 34px}
.ft3-brand p{font-size:13.5px;color:var(--muted);margin:14px 0 18px;max-width:300px}
.ft3 h4{font-size:14px;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:15px}
.ft3 h4::after{content:"";display:block;width:26px;height:2.5px;border-radius:2px;background:var(--grad-aur);margin-top:8px}
.ft3-pays{display:flex;flex-wrap:wrap;gap:8px}
.ft3-pays span{font-size:11.5px;padding:7px 11px;border-radius:8px;border:1px solid var(--line);color:var(--muted);background:var(--surface)}
.ft3-bottom{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;border-top:1px solid var(--line);padding:17px 0;font-size:12px;color:var(--muted)}
@media(max-width:1080px){.ft3-grid{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:700px){.ft3-grid{grid-template-columns:1fr 1fr}}

@media(max-width:860px){
  .vh2-srow{grid-template-columns:1fr 1fr}.vh2-si:nth-child(3){border-left:0}
  .vh3-wrap{grid-template-columns:1fr;align-items:start}.vh3-hero{min-height:auto;padding:70px 0}
  .vh4-wrap{grid-template-columns:1fr}.vh4-vkicker{display:none}
  .vh5-boards{grid-template-columns:1fr 1fr}
  .vg3-info h3{font-size:16px}
}
@media(max-width:600px){
  .vh5-boards{grid-template-columns:1fr 1fr}
}

/* list page: zebra cards (al2) */
.post-list.zebra .post-card:nth-child(even){grid-template-columns:1fr 240px}
.post-list.zebra .post-card:nth-child(even) .pic{order:2}
.post-list.zebra .post-card:nth-child(even) .pc-body{order:1}

/* list page: compact rows (al3) */
.post-list.al3{gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}
.al3-row{display:grid;grid-template-columns:64px 1fr auto;gap:18px;align-items:center;padding:16px 20px;border-top:1px solid var(--line);transition:background .2s}
.al3-row:first-child{border-top:0}
.al3-row:hover{background:var(--surface-2)}
.al3-date{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--line);padding-right:14px}
.al3-date time{font-size:17px;font-weight:900;color:var(--gold);line-height:1.1}
.al3-main h2{font-size:16.5px;font-weight:800;line-height:1.45;margin-bottom:5px}
.al3-main h2 a:hover{color:var(--aur)}
.al3-main p{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.al3-side{display:flex;align-items:center;gap:14px;flex-shrink:0}
.al3-side .cat{font-size:11.5px;color:var(--aur);font-weight:800}
.al3-side>span:not(.cat){font-size:12px;color:var(--muted)}
@media(max-width:860px){.al3-row{grid-template-columns:56px 1fr}.al3-side{display:none}}

/* list page LA2: inline bar + left sidebar */
.la2-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:20px 0 16px;border-bottom:2px solid var(--au2);margin-bottom:24px;flex-wrap:wrap}
.la2-bar h1{font-size:clamp(24px,3vw,34px);font-weight:900}
.layout-2col.rev{grid-template-columns:340px 1fr}
.layout-2col.rev>aside{order:1}
.layout-2col.rev>main{order:2}
@media(max-width:1080px){.layout-2col.rev{grid-template-columns:1fr}.layout-2col.rev>aside{order:2}}

/* detail DA2: reading layout */
.da2-head{max-width:860px;margin:0 auto;padding:36px 0 18px;text-align:center}
.da2-head h1{font-size:clamp(24px,3.2vw,36px);font-weight:900;line-height:1.3;margin-bottom:14px}
.da2-head .crumb{justify-content:center}
.da2-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px;font-size:13px;color:var(--muted);padding-bottom:20px;border-bottom:1px solid var(--line)}
.da2-meta .dt-tags{margin-left:0}
.reading{max-width:860px;margin:0 auto}
.da2-share{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0 0;padding:18px 22px;border-radius:14px;background:linear-gradient(95deg,rgba(34,230,195,.12),rgba(123,97,255,.12));border:1px solid var(--line);flex-wrap:wrap}
.da2-share span{font-size:14px;color:var(--muted)}
.da2-related{padding:44px 0 70px}
.da2-related .sec-head{margin-bottom:26px}
.da2-rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.da2-rcard{border-radius:14px;border:1px solid var(--line);background:var(--surface);overflow:hidden;transition:transform .3s,border-color .3s}
.da2-rcard:hover{transform:translateY(-5px);border-color:var(--aur)}
.da2-rpic{height:150px;background:var(--bg-3);overflow:hidden}
.da2-rpic img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.da2-rcard:hover .da2-rpic img{transform:scale(1.07)}
.da2-rbody{padding:15px 17px}
.da2-rbody h3{font-size:15px;font-weight:800;line-height:1.45;margin-bottom:6px}
.da2-rbody time{font-size:12px;color:var(--muted)}
@media(max-width:1080px){.da2-rgrid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.da2-rgrid{grid-template-columns:1fr}.da2-share{flex-direction:column;text-align:center}}

/* partners t4 wall */
.vt4-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.vt4-tile{position:relative;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;transition:transform .3s,border-color .3s}
.vt4-tile img{width:72%;max-height:66%;object-fit:contain;filter:grayscale(.4);transition:filter .3s,transform .3s}
.vt4-tile:hover{transform:translateY(-5px);border-color:var(--aur)}
.vt4-tile:hover img{filter:grayscale(0);transform:scale(1.08)}
@media(max-width:960px){.vt4-wall{grid-template-columns:repeat(2,1fr)}}

/* faq f4 two-col details */
.vf4-wrap{columns:2;column-gap:16px}
.vf4-item{break-inside:avoid;border:1px solid var(--line);border-radius:14px;background:var(--surface);margin-bottom:16px;overflow:hidden}
.vf4-item summary{cursor:pointer;list-style:none;padding:16px 18px;font-weight:800;font-size:15px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.vf4-item summary::-webkit-details-marker{display:none}
.vf4-item summary::after{content:"+";font-size:20px;color:var(--aur);flex-shrink:0;transition:transform .25s}
.vf4-item[open] summary::after{transform:rotate(45deg)}
.vf4-item[open] summary{border-bottom:1px dashed var(--line)}
.vf4-body{padding:14px 18px 16px}
.vf4-body p{font-size:13.5px;color:var(--muted);line-height:1.7}
@media(max-width:860px){.vf4-wrap{columns:1}}

/* cta c4 curtain */
.vc4-curtain{position:relative;background:linear-gradient(100deg,var(--bg-3),var(--bg-2) 55%,var(--bg-3));border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}
.vc4-curtain::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 300px at 12% 50%,rgba(227,179,65,.12),transparent 60%),radial-gradient(700px 300px at 88% 50%,rgba(120,90,255,.1),transparent 60%)}
.vc4-inner{position:relative;display:grid;grid-template-columns:1.35fr 1fr;gap:30px;align-items:center;padding:52px 0}
.vc4-kicker{display:inline-block;font-size:12px;font-weight:800;letter-spacing:2.5px;color:var(--gold);border:1px solid var(--line);border-radius:999px;padding:6px 14px;margin-bottom:14px;background:var(--surface)}
.vc4-copy h2{font-size:clamp(24px,3vw,34px);font-weight:900;margin-bottom:10px}
.vc4-copy p{color:var(--muted);font-size:14.5px}
.vc4-side{text-align:center;border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:22px 24px;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.vc4-jp{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}
.vc4-jl{font-size:11px;letter-spacing:2px;color:var(--muted)}
.vc4-jp .jackpot-val{font-size:clamp(22px,2.6vw,30px)}
.vc4-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
@media(max-width:900px){.vc4-inner{grid-template-columns:1fr;padding:40px 0}}

/* list card al4 vertical cover */
.post-list.vgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.al4-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden;transition:transform .3s,border-color .3s}
.al4-card:hover{transform:translateY(-6px);border-color:var(--aur)}
.al4-pic{aspect-ratio:16/9;background:var(--bg-3);overflow:hidden}
.al4-pic img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.al4-card:hover .al4-pic img{transform:scale(1.06)}
.al4-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px}
.al4-body .cat{font-size:11px;font-weight:800;color:var(--aur);letter-spacing:.5px}
.al4-body h2{font-size:17px;font-weight:800;line-height:1.45}
.al4-body p{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.al4-meta{display:flex;gap:14px;align-items:center;font-size:12px;color:var(--muted);margin-top:auto;padding-top:10px;border-top:1px dashed var(--line)}
.al4-meta a{color:var(--aur);font-weight:700;margin-left:auto}
@media(max-width:860px){.post-list.vgrid{grid-template-columns:1fr}}

/* list page la3 full width */
.la3-wrap{padding-bottom:50px}
.la3-explore{margin-top:44px}
.la3-erow{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:14px;align-items:stretch}
.la3-erow img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;border:1px solid var(--line)}
.la3-erow .btn{white-space:nowrap}
@media(max-width:960px){.la3-erow{grid-template-columns:repeat(2,1fr)}.la3-erow .btn{grid-column:1/-1}}

/* detail da3 cover + sticky side */
.da3-cover{position:relative;min-height:380px;display:flex;align-items:flex-end;overflow:hidden;background:var(--bg-3)}
.da3-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.da3-cover-veil{position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 8%,rgba(0,0,0,.72) 46%,rgba(0,0,0,.28))}
.da3-cover-txt{position:relative;padding-bottom:34px}
.da3-cover-txt h1{font-size:clamp(24px,3.4vw,40px);font-weight:900;line-height:1.28;margin:10px 0 12px;max-width:900px}
.da3-cover-txt .crumb a,.da3-cover-txt .crumb .cur{color:rgba(255,255,255,.85)}
.da3-cover-txt .crumb .cur{color:var(--gold)}
.da3-meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13px;color:rgba(255,255,255,.8)}
.da3-grid{display:grid;grid-template-columns:1fr 330px;gap:26px;padding:30px 0 10px}
.da3-sticky{position:sticky;top:88px;display:flex;flex-direction:column;gap:20px}
@media(max-width:1080px){.da3-grid{grid-template-columns:1fr}.da3-sticky{position:static}}

/* ===== inner40 ===== */
/* la4 magazine + sticky toc */
.la4-bar{background:var(--bg-2);border-bottom:2px solid var(--au2)}
.u-lh-slim .la4-bar{padding-top:0!important;padding-bottom:0!important}
.u-lh-tall .la4-bar{padding-top:26px!important}
.la4-head{padding:30px 0 22px}
.la4-head h1{font-size:clamp(24px,3vw,36px);font-weight:900}
.la4-grid{display:grid;grid-template-columns:270px 1fr;gap:30px;padding:30px 0 50px}
.la4-tocin{position:sticky;top:90px;display:flex;flex-direction:column;gap:20px}
.la4-toc h3{font-size:13px;letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-bottom:12px}
.la4-toc ul{list-style:none;display:flex;flex-direction:column;gap:2px}
.la4-toc ul a{display:block;padding:9px 13px;border-radius:10px;font-size:14px;color:var(--muted);transition:all .2s}
.la4-toc ul a:hover{background:var(--surface);color:var(--aur)}
@media(max-width:1080px){.la4-grid{grid-template-columns:1fr}.la4-tocin{position:static}}

/* la5 ribbon + chips + masonry */
.la5-ribbon{background:linear-gradient(120deg,var(--bg-3),var(--bg-2));border-bottom:1px solid var(--line);padding:34px 0 22px}
.la5-ribbon h1{font-size:clamp(24px,3vw,36px);font-weight:900;margin-bottom:16px}
.la5-chips{display:flex;gap:8px;flex-wrap:wrap}
.la5-chip{font-size:13px;padding:8px 18px;border-radius:999px;border:1px solid var(--line);color:var(--muted);background:var(--surface);transition:all .2s}
.la5-chip.on,.la5-chip:hover{border-color:var(--aur);color:var(--aur)}
.la5-wrap{padding:30px 0 50px}
.la5-explore{margin-top:40px}
.la5-erow{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:14px;align-items:stretch}
.la5-erow img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;border:1px solid var(--line)}
.la5-erow .btn{white-space:nowrap}
@media(max-width:960px){.la5-erow{grid-template-columns:repeat(2,1fr)}.la5-erow .btn{grid-column:1/-1}}

/* da4 doc toc */
.u-dw-narrow .da4-grid{grid-template-columns:220px 720px;justify-content:center}
.u-dw-wide .da4-grid{grid-template-columns:270px 1fr}
.u-dp-slim .da4-grid{gap:20px}
.u-dp-airy .da4-grid{gap:44px}
.da4-grid{display:grid;grid-template-columns:250px 1fr;gap:34px;padding:34px 0 50px}
.da4-tocin{position:sticky;top:90px;display:flex;flex-direction:column;gap:20px}
.da4-back a{font-size:13px;color:var(--muted)}
.da4-back a:hover{color:var(--aur)}
.da4-toc h3{font-size:13px;letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin:14px 0 10px}
.da4-toc ul{list-style:none;display:flex;flex-direction:column;gap:2px}
.da4-toc ul a{display:block;padding:8px 12px;border-left:2px solid var(--line);font-size:13.5px;color:var(--muted)}
.da4-toc ul a:hover{border-color:var(--aur);color:var(--aur)}
.da4-meta{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--muted)}
.da4-main h1{font-size:clamp(24px,3.2vw,38px);font-weight:900;line-height:1.3;margin:10px 0 14px}
@media(max-width:1080px){.da4-grid{grid-template-columns:1fr}.da4-tocin{position:static}}

/* da5 split cover */
.da5-split{display:grid;grid-template-columns:38% 1fr;min-height:620px}
.da5-cover{position:relative;overflow:hidden;background:var(--bg-3)}
.da5-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.da5-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.15) 55%)}
.da5-covercap{position:absolute;left:0;right:0;bottom:0;padding:30px;display:flex;flex-direction:column;gap:12px;z-index:2}
.da5-tag{font-size:10.5px;letter-spacing:3px;color:rgba(255,255,255,.75)}
.da5-jp b{display:block;font-size:22px;font-weight:900;color:var(--gold)}
.da5-jp span{font-size:12px;color:rgba(255,255,255,.7)}
.da5-main{padding:34px 0 50px}
.da5-main h1{font-size:clamp(24px,3vw,36px);font-weight:900;line-height:1.3;margin:10px 0 14px}
@media(max-width:960px){.da5-split{grid-template-columns:1fr}.da5-cover{min-height:300px}}

/* al5 rail card */
.u-cr-43 .al5-pic{aspect-ratio:4/3}
.u-cr-169 .al5-pic{aspect-ratio:16/9}
.u-ch-zoom .al5-card:hover{transform:scale(1.02)}
.u-ch-tilt .al5-card:hover{transform:rotate(-.6deg) translateY(-4px)}
.post-list.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,1fr);gap:16px;overflow-x:auto;padding:6px 2px 18px;scroll-snap-type:x mandatory}
.al5-card{scroll-snap-align:start;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden;transition:transform .3s,border-color .3s}
.al5-card:hover{transform:translateY(-5px);border-color:var(--aur)}
.al5-pic{position:relative;aspect-ratio:16/9;background:var(--bg-3);overflow:hidden}
.al5-pic img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.al5-card:hover .al5-pic img{transform:scale(1.06)}
.al5-pic .cat{position:absolute;top:12px;left:12px;font-size:11px;font-weight:800;background:var(--bg-2);border:1px solid var(--line);color:var(--aur);border-radius:999px;padding:5px 12px}
.al5-body{padding:15px 17px 17px;display:flex;flex-direction:column;gap:7px}
.al5-body time{font-size:11.5px;color:var(--gold);font-weight:800;letter-spacing:1px}
.al5-body h2{font-size:16px;font-weight:800;line-height:1.45}
.al5-body p{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.al5-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:auto;padding-top:9px;border-top:1px dashed var(--line)}
.al5-meta a{color:var(--aur);font-weight:700}

/* ===== inner60 ===== */
/* la6 kanban strip + board */
.la6-strip{background:var(--bg-3);border-bottom:1px solid var(--line)}
.la6-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:30px 0 22px;flex-wrap:wrap}
.la6-top h1{font-size:clamp(24px,3vw,36px);font-weight:900}
.u-lh-slim .la6-strip{padding-top:0!important}
.u-lh-tall .la6-strip{padding-top:24px!important}
.la6-board{display:grid;grid-template-columns:230px 1fr;gap:30px;padding:30px 0 50px}
.u-dw-narrow .la6-board{grid-template-columns:230px 720px;justify-content:center}
.u-dw-wide .la6-board{grid-template-columns:260px 1fr}
.u-dp-slim .la6-board{gap:18px}
.u-dp-airy .la6-board{gap:44px}
.la6-cats{display:flex;flex-direction:column;gap:6px;position:sticky;top:90px;align-self:start}
.la6-cats h3{font-size:12px;letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-bottom:8px}
.la6-cats a{display:block;padding:10px 14px;border-left:3px solid var(--line);border-radius:0 10px 10px 0;font-size:14px;color:var(--muted);background:var(--surface);transition:all .2s}
.la6-cats a:hover{border-color:var(--aur);color:var(--aur)}
@media(max-width:1080px){.la6-board{grid-template-columns:1fr}.la6-cats{position:static;flex-direction:row;flex-wrap:wrap}.la6-cats h3{width:100%}}

/* la7 editorial flow */
.la7-hero{text-align:center;padding:56px 0 34px;border-bottom:1px solid var(--line);position:relative}
.u-lh-slim .la7-hero{padding-top:30px!important}
.u-lh-tall .la7-hero{padding-top:84px!important}
.la7-rule{display:block;width:64px;height:3px;background:var(--grad-gold);margin:0 auto 18px}
.la7-hero h1{font-size:clamp(28px,4vw,48px);font-weight:900;line-height:1.15}
.u-lc-line .la7-hero h1{text-decoration:underline;text-decoration-color:var(--au2);text-underline-offset:12px}
.u-lc-pill .la7-hero h1{display:inline-block;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:8px 34px}
.la7-hero p{max-width:560px;margin:14px auto 0;color:var(--muted);font-size:15px}
.la7-flow{padding:34px 0 50px}
.post-list.lead{display:flex;flex-direction:column;gap:14px}
.post-list.lead .al6-item:first-child{flex-direction:row;border-width:2px}
.post-list.lead .al6-item:first-child .al6-pic{width:46%;aspect-ratio:auto}
.post-list.lead .al6-item:first-child h2{font-size:24px}

/* da6 drop-cap reading */
.da6-grid{display:grid;grid-template-columns:1fr 300px;gap:34px;padding:34px 0 50px}
.u-dw-narrow .da6-grid{grid-template-columns:720px 280px;justify-content:center}
.u-dw-wide .da6-grid{grid-template-columns:1fr 340px}
.u-dp-slim .da6-grid{gap:20px}
.u-dp-airy .da6-grid{gap:46px}
.da6-main h1{font-size:clamp(24px,3.2vw,38px);font-weight:900;line-height:1.3;margin:10px 0 14px}
.da6-article .detail-body>p:first-of-type::first-letter{float:left;font-size:64px;line-height:.9;font-weight:900;color:var(--aur);padding:6px 12px 0 0;font-family:Georgia,serif}
.da6-sidein{position:sticky;top:90px;display:flex;flex-direction:column;gap:20px}
.da6-jp{border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--surface);text-align:center}
.da6-jp span{font-size:10.5px;letter-spacing:3px;color:var(--muted)}
.da6-jp b{display:block;font-size:21px;font-weight:900;color:var(--gold);margin-top:4px}
@media(max-width:1080px){.da6-grid{grid-template-columns:1fr}.da6-sidein{position:static}}

/* da7 gallery head + rail */
.da7-head{background:linear-gradient(180deg,var(--bg-3),var(--bg));border-bottom:1px solid var(--line);padding:34px 0 26px}
.u-lh-slim .da7-head{padding-top:14px!important}
.u-lh-tall .da7-head{padding-top:56px!important}
.u-lc-line .da7-head{border-bottom:3px double var(--au2)}
.u-lc-pill .da7-head h1{display:inline-block;background:var(--surface);border-radius:999px;padding:8px 30px;border:1px solid var(--line)}
.da7-head h1{font-size:clamp(24px,3.2vw,38px);font-weight:900;line-height:1.3;margin:10px 0 12px}
.da7-wrap .container{padding-top:30px;padding-bottom:50px}
.da7-rail{margin-top:28px}
.da7-railin{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:14px;align-items:stretch}
.da7-railin img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;border:1px solid var(--line)}
.da7-jp{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px dashed var(--au2);border-radius:14px;padding:16px 22px;text-align:center}
.da7-jp b{font-size:19px;font-weight:900;color:var(--gold)}
@media(max-width:960px){.da7-railin{grid-template-columns:1fr 1fr}.da7-jp{grid-column:1/-1}}

/* al6 item (lead+mini handled by container) */
.u-cr-43 .al6-pic{aspect-ratio:4/3}
.u-cr-169 .al6-pic{aspect-ratio:16/9}
.al6-item{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden;transition:transform .3s,border-color .3s}
.u-bb-solid .al6-item{border-width:2px}
.u-bb-dash .al6-item{border-style:dashed}
.al6-item:hover{transform:translateY(-4px);border-color:var(--aur)}
.u-ch-zoom .al6-item:hover{transform:scale(1.015)}
.u-ch-tilt .al6-item:hover{transform:rotate(-.6deg) translateY(-4px)}
.al6-pic{aspect-ratio:16/10;background:var(--bg-3);overflow:hidden}
.al6-pic img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.al6-item:hover .al6-pic img{transform:scale(1.06)}
.al6-body{padding:16px 18px 14px;display:flex;flex-direction:column;gap:8px}
.al6-cat{align-self:flex-start;font-size:10.5px;font-weight:800;letter-spacing:1px;color:var(--aur);border:1px solid var(--line);border-radius:999px;padding:4px 10px}
.al6-body h2{font-size:17px;font-weight:800;line-height:1.45}
.al6-body p{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.al6-meta{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--muted);margin-top:auto;padding-top:10px;border-top:1px dashed var(--line)}
.al6-meta a{margin-left:auto;color:var(--aur);font-weight:700}

/* ===== inner80 ===== */
/* la8 timetable */
.la8-band{background:var(--bg-3);border-bottom:1px solid var(--line)}
.la8-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:30px 0 20px;flex-wrap:wrap}
.la8-head h1{font-size:clamp(24px,3vw,36px);font-weight:900}
.u-lh-slim .la8-band{padding-top:0!important}
.u-lh-tall .la8-band{padding-top:22px!important}
.la8-wrap{padding:30px 0 50px}
.u-dw-narrow .la8-wrap{max-width:860px}
.u-dw-wide .la8-wrap{max-width:1200px}
.u-dp-slim .post-list.tl{gap:10px}
.u-dp-airy .post-list.tl{gap:22px}
.post-list.tl{display:flex;flex-direction:column;gap:14px}
.post-list.tl .al7-item{border-left:4px solid var(--line);border-radius:8px;padding-left:16px;background:var(--surface)}
.post-list.tl .al7-item:hover{border-left-color:var(--aur)}

/* la9 drawer */
.la9-grid{display:grid;grid-template-columns:280px 1fr;gap:32px;padding:32px 0 50px}
.u-dw-narrow .la9-grid{grid-template-columns:250px 720px;justify-content:center}
.u-dw-wide .la9-grid{grid-template-columns:300px 1fr}
.u-dp-slim .la9-grid{gap:20px}
.u-dp-airy .la9-grid{gap:46px}
.la9-din{position:sticky;top:90px;display:flex;flex-direction:column;gap:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:20px;box-shadow:6px 6px 0 rgba(0,0,0,.25)}
.la9-title{display:flex;align-items:center;gap:12px}
.la9-knob{width:30px;height:30px;border-radius:50%;background:var(--grad-gold);box-shadow:inset 0 0 0 3px var(--bg-2)}
.la9-title b{display:block;font-size:17px;font-weight:900}
.la9-title i{font-size:11.5px;color:var(--muted);font-style:normal}
.u-lc-line .la9-title{border-bottom:1px solid var(--line);padding-bottom:12px}
.u-lc-pill .la9-title b{background:var(--surface-2);border-radius:999px;padding:2px 12px}
.la9-drawer ul{list-style:none;display:flex;flex-direction:column;gap:2px}
.la9-drawer ul a{display:block;padding:9px 12px;border-radius:10px;font-size:14px;color:var(--muted)}
.la9-drawer ul a:hover{background:var(--surface-2);color:var(--aur)}
@media(max-width:1080px){.la9-grid{grid-template-columns:1fr}.la9-din{position:static}}

/* da8 margin notes */
.da8-grid{display:grid;grid-template-columns:1fr 250px;gap:38px;padding:34px 0 50px}
.u-dw-narrow .da8-grid{grid-template-columns:720px 230px;justify-content:center}
.u-dw-wide .da8-grid{grid-template-columns:1fr 300px}
.u-dp-slim .da8-grid{gap:22px}
.u-dp-airy .da8-grid{gap:52px}
.da8-main h1{font-size:clamp(24px,3.2vw,38px);font-weight:900;line-height:1.3;margin:10px 0 14px}
.da8-margin{position:relative}
.da8-min{position:sticky;top:90px;display:flex;flex-direction:column;gap:18px}
.da8-note{border-left:3px solid var(--au2);background:var(--surface);border-radius:0 12px 12px 0;padding:16px 18px}
.u-ds-overline .da8-note{border-left:none;border-top:3px solid var(--au2);border-radius:12px 12px 0 0}
.u-ds-inline .da8-note{border-left-style:dashed}
.da8-note span{font-size:10px;letter-spacing:3px;color:var(--muted)}
.da8-note p{font-size:13px;color:var(--muted);margin-top:6px;font-style:italic}
.da8-note.jp{border-left-color:var(--gold);display:flex;flex-direction:column;gap:8px}
.da8-note.jp b{font-size:19px;font-weight:900;color:var(--gold)}
.da8-note.jp span{font-size:12px;letter-spacing:0}
@media(max-width:1080px){.da8-grid{grid-template-columns:1fr}.da8-min{position:static}}

/* da9 film strip */
.da9-strip{background:var(--bg-3);border-bottom:1px solid var(--line)}
.da9-strip .container{padding-top:26px}
.u-lh-slim .da9-strip .container{padding-top:8px}
.u-lh-tall .da9-strip .container{padding-top:52px}
.da9-strip h1{font-size:clamp(24px,3.2vw,38px);font-weight:900;line-height:1.3;margin:10px 0 18px}
.u-lc-pill .da9-strip h1{display:inline-block;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 26px}
.da9-metabar{background:var(--bg-2);border-top:1px dashed var(--line)}
.da9-mrow{display:flex;align-items:center;gap:22px;padding:11px 0;font-size:12.5px;color:var(--muted);flex-wrap:wrap}
.da9-holes{letter-spacing:6px;color:var(--line)}
.da9-jp{margin-left:auto;letter-spacing:1px}
.da9-jp b{color:var(--gold);margin-left:6px}
.da9-body{padding:32px 0 50px}
.u-dw-narrow .da9-body{max-width:820px}
.u-dw-wide .da9-body{max-width:1200px}

/* al7 media object */
.post-list.mo{display:flex;flex-direction:column;gap:14px}
.u-cr-43 .al7-pic{width:150px}
.u-cr-169 .al7-pic{width:200px}
.al7-item{display:flex;gap:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:14px;transition:transform .3s,border-color .3s}
.u-bb-solid .al7-item{border-width:2px}
.u-bb-dash .al7-item{border-style:dashed}
.al7-item:hover{transform:translateX(6px);border-color:var(--aur)}
.u-ch-zoom .al7-item:hover{transform:scale(1.01)}
.u-ch-tilt .al7-item:hover{transform:rotate(-.4deg)}
.al7-pic{width:170px;flex:none;aspect-ratio:4/3;background:var(--bg-3);border-radius:10px;overflow:hidden}
.al7-pic img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.al7-item:hover .al7-pic img{transform:scale(1.07)}
.al7-body{display:flex;flex-direction:column;gap:7px;min-width:0}
.al7-body h2{font-size:16.5px;font-weight:800;line-height:1.45}
.al7-body p{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.al7-meta{display:flex;align-items:center;gap:12px;margin-top:auto;font-size:11.5px;color:var(--muted);flex-wrap:wrap}
.al7-cat{border:1px solid var(--line);border-radius:999px;padding:3px 10px;color:var(--aur);font-weight:700}
@media(max-width:700px){.al7-pic{width:110px}.al7-body h2{font-size:15px}}

/* ===== inner100 ===== */
/* la10 divider list */
.la10-hero{text-align:center;padding:52px 0 30px;border-bottom:1px solid var(--line)}
.u-lh-slim .la10-hero{padding-top:26px!important}
.u-lh-tall .la10-hero{padding-top:80px!important}
.la10-hero h1{font-size:clamp(26px,3.6vw,44px);font-weight:900;letter-spacing:1px}
.la10-rule{display:block;width:90px;height:3px;background:var(--grad-gold);margin:14px auto 16px}
.u-lc-line .la10-rule{width:44%;height:1px}
.u-lc-pill .la10-hero h1{display:inline-block;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:8px 34px}
.la10-wrap{padding:34px 0 50px}
.u-dw-narrow .la10-wrap{max-width:840px}
.u-dw-wide .la10-wrap{max-width:1220px}
.post-list.idx{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.u-dp-slim .post-list.idx{gap:10px}
.u-dp-airy .post-list.idx{gap:24px}
@media(max-width:960px){.post-list.idx{grid-template-columns:1fr}}

/* la11 index rows */
.la11-grid{display:grid;grid-template-columns:250px 1fr;gap:34px;padding:34px 0 50px}
.u-dw-narrow .la11-grid{grid-template-columns:230px 720px;justify-content:center}
.u-dw-wide .la11-grid{grid-template-columns:280px 1fr}
.u-dp-slim .la11-grid{gap:20px}
.u-dp-airy .la11-grid{gap:48px}
.la11-in{position:sticky;top:90px;display:flex;flex-direction:column;gap:16px}
.la11-in h3{font-size:12px;letter-spacing:3px;color:var(--muted);text-transform:uppercase}
.la11-in ol{list-style:none;counter-reset:la11;display:flex;flex-direction:column;gap:4px;margin:0;padding:0}
.la11-in ol li{counter-increment:la11}
.la11-in ol li a{display:flex;gap:10px;font-size:13px;color:var(--muted);padding:7px 10px;border-radius:8px}
.la11-in ol li a:hover{background:var(--surface);color:var(--aur)}
.la11-in ol li a::before{content:counter(la11,decimal-leading-zero);color:var(--au2);font-weight:800}
.la11-cat{display:inline-block;font-size:12.5px;border:1px solid var(--line);border-radius:999px;padding:6px 14px;color:var(--muted);margin:2px 4px 2px 0}
.la11-title{font-size:clamp(24px,3.2vw,38px);font-weight:900;margin-bottom:18px}
@media(max-width:1080px){.la11-grid{grid-template-columns:1fr}.la11-in{position:static}}

/* da10 chapter */
.da10-grid{display:grid;grid-template-columns:1fr 270px;gap:36px;padding:34px 0 50px}
.u-dw-narrow .da10-grid{grid-template-columns:720px 240px;justify-content:center}
.u-dw-wide .da10-grid{grid-template-columns:1fr 310px}
.u-dp-slim .da10-grid{gap:22px}
.u-dp-airy .da10-grid{gap:50px}
.da10-chap{border-left:4px solid var(--au2);padding-left:18px;margin:8px 0 14px}
.u-lc-line .da10-chap{border-left-style:dashed}
.u-lc-pill .da10-chap{border-left:none;background:var(--surface);border-radius:14px;padding:14px 22px}
.da10-no{font-size:10px;letter-spacing:4px;color:var(--muted)}
.da10-main h1{font-size:clamp(24px,3.2vw,38px);font-weight:900;line-height:1.28;margin-top:4px}
.da10-sin{position:sticky;top:90px;display:flex;flex-direction:column;gap:20px}
.da10-jp{border:1px solid var(--line);border-radius:14px;padding:18px;text-align:center;background:var(--surface)}
.da10-jp span{display:block;font-size:19px;font-weight:900;color:var(--gold)}
.da10-jp i{font-size:11.5px;color:var(--muted);font-style:normal}
@media(max-width:1080px){.da10-grid{grid-template-columns:1fr}.da10-sin{position:static}}

/* da11 dossier */
.da11-head{background:var(--bg-3);border-bottom:1px solid var(--line);padding:32px 0 24px}
.u-lh-slim .da11-head{padding-top:12px!important}
.u-lh-tall .da11-head{padding-top:52px!important}
.u-lc-line .da11-head{border-bottom:1px double var(--au2)}
.u-lc-pill .da11-head h1{display:inline-block;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 28px}
.da11-head h1{font-size:clamp(24px,3.2vw,38px);font-weight:900;line-height:1.3;margin:10px 0 12px}
.da11-grid{display:grid;grid-template-columns:240px 1fr;gap:34px;padding:32px 0 50px}
.u-dw-narrow .da11-grid{grid-template-columns:220px 720px;justify-content:center}
.u-dw-wide .da11-grid{grid-template-columns:280px 1fr}
.u-dp-slim .da11-grid{gap:20px}
.u-dp-airy .da11-grid{gap:48px}
.da11-tin{position:sticky;top:90px;display:flex;flex-direction:column;gap:18px}
.da11-tin h4{font-size:11px;letter-spacing:3px;color:var(--muted)}
.da11-tin ul{list-style:none;display:flex;flex-direction:column;gap:4px}
.da11-tin ul a{display:block;padding:8px 12px;border-left:2px solid var(--line);font-size:13.5px;color:var(--muted)}
.da11-tin ul a:hover{border-color:var(--aur);color:var(--aur)}
.da11-jp{border:1px dashed var(--au2);border-radius:12px;padding:14px;text-align:center}
.da11-jp b{display:block;font-size:18px;font-weight:900;color:var(--gold)}
.da11-jp span{font-size:11px;letter-spacing:2px;color:var(--muted)}
@media(max-width:1080px){.da11-grid{grid-template-columns:1fr}.da11-tin{position:static}}

/* al8 index card */
.post-list.al8{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:960px){.post-list.al8{grid-template-columns:1fr}}
.u-cr-43 .al8-pic{aspect-ratio:4/3}
.u-cr-169 .al8-pic{aspect-ratio:16/9}
.al8-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden;transition:transform .3s,border-color .3s}
.u-bb-solid .al8-card{border-width:2px}
.u-bb-dash .al8-card{border-style:dashed}
.al8-card:hover{transform:translateY(-5px);border-color:var(--aur)}
.u-ch-zoom .al8-card:hover{transform:scale(1.015)}
.u-ch-tilt .al8-card:hover{transform:rotate(-.5deg) translateY(-4px)}
.al8-num{position:absolute;top:0;left:0;z-index:3;font-size:13px;font-weight:900;background:var(--bg-3);border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--au2);padding:6px 12px;border-radius:0 0 10px 0}
.al8-pic{aspect-ratio:16/10;background:var(--bg-3);overflow:hidden}
.al8-pic img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.al8-card:hover .al8-pic img{transform:scale(1.06)}
.al8-body{padding:16px 18px;display:flex;flex-direction:column;gap:8px}
.al8-body time{font-size:11px;letter-spacing:2px;color:var(--gold);font-weight:800}
.al8-body h2{font-size:16.5px;font-weight:800;line-height:1.45}
.al8-body p{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.al8-more{font-size:12.5px;color:var(--aur);font-weight:700;margin-top:auto}

/* ===== chrome40 ===== */
/* hd4 floating dock */
.hd4{padding:14px 0;position:sticky;top:0;z-index:90}
.hd4-pill{display:flex;align-items:center;gap:18px;border:1px solid var(--line);border-radius:999px;background:rgba(10,14,24,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:10px 14px 10px 20px;box-shadow:0 16px 44px rgba(0,0,0,.4)}
.hd4-pill{flex-wrap:wrap;row-gap:8px}
.hd4-pill .aur-nav{flex-wrap:wrap;justify-content:center;gap:2px 4px}
.hd4-pill .burger{flex:0 0 auto}
@media(max-width:1300px){.hd4-pill .aur-nav li a{padding:8px 10px;font-size:12.5px}}
.hd4-nav .aur-nav{display:flex;gap:2px;list-style:none}
.hd4-nav .aur-nav li a{display:block;padding:8px 12px;font-size:13.5px;color:var(--muted);border-radius:999px;transition:all .2s}
.hd4-nav .aur-nav li.active a,.hd4-nav .aur-nav li a:hover{color:var(--text);background:var(--surface-2)}
.hd4-cta{display:flex;gap:8px;margin-left:auto}
.hd4 .burger{display:none}
@media(max-width:1080px){.hd4-nav{display:none}.hd4 .burger{display:flex}}

/* hd5 banner + navline */
.hd5-hero{background:linear-gradient(120deg,var(--bg-3),var(--bg-2));border-bottom:1px solid var(--line)}
.hd5-brandrow{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;flex-wrap:wrap}
.hd5-brand .txt{font-size:26px}
.hd5-jp{font-size:12px;letter-spacing:2px;color:var(--muted)}
.hd5-jp b{display:block;font-size:21px;color:var(--gold);letter-spacing:0}
.hd5-navline{position:sticky;top:0;z-index:90;background:rgba(10,14,24,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.hd5-navin{display:flex;align-items:center;justify-content:center}
.hd5-navin .aur-nav{display:flex;gap:4px;list-style:none;padding:8px 0}
.hd5-navin .aur-nav li a{display:block;padding:9px 14px;font-size:13.5px;color:var(--muted);border-radius:8px;transition:all .2s}
.hd5-navin .aur-nav li.active a,.hd5-navin .aur-nav li a:hover{color:var(--text);background:var(--surface)}
.hd5-navin .burger{display:none;margin-left:auto}
@media(max-width:1080px){.hd5-navin .aur-nav{display:none}.hd5-navin .burger{display:flex}}

/* ft4 compact */
.ft4{border-top:1px solid var(--line);background:var(--bg-2);margin-top:26px}
.ft4-row{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px 0 8px;flex-wrap:wrap}
.ft4-nav{display:flex;gap:18px;flex-wrap:wrap}
.ft4-nav a{font-size:13.5px;color:var(--muted)}
.ft4-nav a:hover{color:var(--aur)}
.ft4-badges{display:flex;gap:8px}
.ft4-badges span{font-size:11px;border:1px solid var(--line);border-radius:8px;padding:5px 10px;color:var(--muted)}
.ft4-copy{font-size:12px;color:var(--muted);padding:10px 0 22px;border-top:1px dashed var(--line);margin-top:12px}

/* ft5 columns + orbit */
.ft5{border-top:2px solid var(--au2);background:var(--bg-2);margin-top:26px}
.ft5-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:28px;padding:46px 0 30px}
.ft5-brand p{font-size:13.5px;color:var(--muted);margin:14px 0 16px;max-width:320px}
.ft5-pay{display:flex;gap:8px;flex-wrap:wrap}
.ft5-pay span{font-size:11.5px;border:1px solid var(--line);border-radius:8px;padding:6px 11px;color:var(--muted);background:var(--surface)}
.ft5-col h4{font-size:13.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:14px}
.ft5-col h4::after{content:"";display:block;width:22px;height:2px;background:var(--grad-gold);margin-top:7px;border-radius:2px}
.ft5-col a{display:block;font-size:13.5px;color:var(--muted);padding:5px 0}
.ft5-col a:hover{color:var(--aur)}
.ft5-logos{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ft5-logos img{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:8px}
.ft5-orbit{border-top:1px solid var(--line);background:var(--bg-3)}
.ft5-orow{display:flex;justify-content:center;gap:10px 24px;flex-wrap:wrap;padding:15px 0;font-size:12px;color:var(--muted)}
@media(max-width:1080px){.ft5-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.ft5-grid{grid-template-columns:1fr}}

/* ===== chrome60 ===== */
/* hd6 slab + ticker */
.hd6-row{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;padding:14px 0}
.hd6-logo{display:flex;align-items:center;gap:0;background:var(--bg-3);border:1px solid var(--line);border-radius:14px 0 0 14px;overflow:hidden}
.hd6-logo .mark{padding:12px 14px;background:linear-gradient(135deg,var(--aur),transparent);font-size:22px}
.hd6-logo .txt{padding:12px 18px 12px 12px;font-weight:900;font-size:19px}
.hd6-nav .aur-nav{display:flex;gap:2px;list-style:none;justify-content:center;flex-wrap:wrap}
.hd6-nav .aur-nav li a{display:block;padding:8px 12px;font-size:13.5px;color:var(--muted);border-radius:8px;transition:all .2s}
.hd6-nav .aur-nav li.active a,.hd6-nav .aur-nav li a:hover{color:var(--text);background:var(--surface)}
.hd6-cta{display:flex;gap:8px}
.hd6-ticker{background:var(--bg-3);border-top:1px solid var(--line);text-align:center;font-size:12px;letter-spacing:1px;color:var(--muted);padding:7px 0}
.hd6-ticker b{color:var(--gold)}
.hd6 .burger{display:none}
@media(max-width:1080px){.hd6-row{grid-template-columns:auto auto}.hd6-nav{display:none;grid-column:1/-1}.hd6 .burger{display:flex}}

/* hd7 capsule */
.hd7{position:sticky;top:0;z-index:90;padding:14px 0 18px}
.hd7-wrap{display:flex;align-items:center;gap:18px;border:1px solid var(--line);border-radius:999px;background:rgba(10,14,24,.78);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:9px 12px 9px 18px;box-shadow:0 18px 50px rgba(0,0,0,.45)}
.hd7-nav .aur-nav{display:flex;gap:2px;list-style:none;margin:0 auto}
.hd7-nav .aur-nav li a{display:block;padding:8px 11px;font-size:13px;color:var(--muted);border-radius:999px;transition:all .2s}
.hd7-nav .aur-nav li.active a,.hd7-nav .aur-nav li a:hover{color:var(--text);background:var(--surface-2)}
.hd7-cta{display:flex;gap:8px;margin-left:auto}
.hd7 .burger{display:none}
@media(max-width:1080px){.hd7-nav{display:none}.hd7 .burger{display:flex}}

/* ft6 big cta footer */
.ft6{background:var(--bg-2);border-top:1px solid var(--line);margin-top:26px}
.ft6-cta{background:linear-gradient(120deg,var(--bg-3),var(--bg-2));border-bottom:1px solid var(--line)}
.ft6-ctain{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:40px 0;flex-wrap:wrap}
.ft6-left h3{font-size:clamp(22px,2.8vw,32px);font-weight:900;line-height:1.25}
.ft6-left h3 span{color:var(--gold)}
.ft6-left p{color:var(--muted);margin-top:8px;font-size:14px}
.ft6-actions{display:flex;gap:12px;flex-wrap:wrap}
.ft6-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;flex-wrap:wrap}
.ft6-nav{display:flex;gap:18px;flex-wrap:wrap}
.ft6-nav a{font-size:13.5px;color:var(--muted)}
.ft6-nav a:hover{color:var(--aur)}
.ft6-copy{width:100%;font-size:12px;color:var(--muted);border-top:1px dashed var(--line);padding-top:14px;margin-top:4px}

/* ft7 status footer */
.ft7{background:var(--bg-2);border-top:1px solid var(--line);margin-top:26px}
.ft7-status{background:var(--bg-3);border-bottom:1px solid var(--line)}
.ft7-strow{display:flex;gap:14px;align-items:center;padding:10px 0;font-size:12px;color:var(--muted);letter-spacing:1px;flex-wrap:wrap}
.ft7-dot{width:9px;height:9px;border-radius:50%;background:#4ade80;box-shadow:0 0 10px #4ade80;animation:ft7pulse 2s infinite}
@keyframes ft7pulse{0%,100%{opacity:1}50%{opacity:.35}}
.ft7-strow b{color:var(--gold)}
.ft7-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.1fr;gap:26px;padding:38px 0 26px}
.ft7-brand p{font-size:13.5px;color:var(--muted);margin-top:12px;max-width:330px}
.ft7-col h4{font-size:13px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px}
.ft7-col a{display:block;font-size:13.5px;color:var(--muted);padding:4px 0}
.ft7-col a:hover{color:var(--aur)}
.ft7-payrow{display:flex;gap:8px;flex-wrap:wrap}
.ft7-payrow span{font-size:11.5px;border:1px solid var(--line);border-radius:8px;padding:6px 11px;color:var(--muted);background:var(--surface)}
.ft7-legal{text-align:center;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding:14px 0 20px}
@media(max-width:1080px){.ft7-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.ft7-grid{grid-template-columns:1fr}}

/* ===== chrome80 ===== */
/* hd8 mega two-deck */
.hd8-top{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 0;flex-wrap:wrap;row-gap:10px}
.hd8-brand .txt{font-size:25px}
.hd8-jp{text-align:right}
.hd8-jp span{font-size:10.5px;letter-spacing:2px;color:var(--muted)}
.hd8-jp b{display:block;font-size:21px;color:var(--gold)}
.hd8-cta{display:flex;gap:8px}
.hd8-sub{position:sticky;top:0;z-index:90;background:var(--bg-3);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hd8-subin{display:flex;align-items:center}
.hd8-nav .aur-nav{display:flex;gap:2px;list-style:none;padding:7px 0}
.hd8-nav .aur-nav li a{display:block;padding:9px 13px;font-size:13.5px;color:var(--muted);border-radius:6px;transition:all .2s}
.hd8-nav .aur-nav li.active a,.hd8-nav .aur-nav li a:hover{color:var(--text);background:var(--surface)}
.hd8 .burger{display:none;margin-left:auto}
@media(max-width:1080px){.hd8-nav{display:none}.hd8 .burger{display:flex}}

/* hd9 ticker first */
.hd9-news{background:var(--bg-3);border-bottom:1px solid var(--line);overflow:hidden}
.hd9-nrow{display:flex;align-items:center;gap:16px;padding:7px 0}
.hd9-live{color:#4ade80;font-size:11px;letter-spacing:2px;animation:hd9blink 1.8s infinite}
@keyframes hd9blink{0%,100%{opacity:1}50%{opacity:.3}}
.hd9-track{display:flex;gap:44px;font-size:12px;color:var(--muted);white-space:nowrap;animation:hd9slide 22s linear infinite}
.hd9-track b{color:var(--gold)}
@keyframes hd9slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hd9-bar{display:flex;align-items:center;gap:18px;position:sticky;top:0;z-index:90;background:rgba(10,14,24,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:10px 0}
.hd9-nav .aur-nav{display:flex;gap:2px;list-style:none;margin:0 auto}
.hd9-nav .aur-nav li a{display:block;padding:8px 11px;font-size:13px;color:var(--muted);border-radius:8px;transition:all .2s}
.hd9-nav .aur-nav li.active a,.hd9-nav .aur-nav li a:hover{color:var(--text);background:var(--surface)}
.hd9-cta{display:flex;gap:8px;margin-left:auto}
.hd9 .burger{display:none}
@media(max-width:1080px){.hd9-nav{display:none}.hd9 .burger{display:flex}}

/* ft8 ladder */
.ft8{background:var(--bg-2);border-top:1px solid var(--line);margin-top:26px}
.ft8-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:24px;padding:40px 0 24px}
.ft8-col.c1{padding-top:0}
.ft8-col.c2{padding-top:22px}
.ft8-col.c3{padding-top:44px}
.ft8-col.c4{padding-top:66px}
.ft8-brand p{font-size:13.5px;color:var(--muted);margin:12px 0 14px;max-width:320px}
.ft8-badges{display:flex;gap:8px}
.ft8-badges span{font-size:11px;border:1px solid var(--line);border-radius:8px;padding:5px 10px;color:var(--muted)}
.ft8-col h4{font-size:13px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px}
.ft8-col a{display:block;font-size:13.5px;color:var(--muted);padding:4px 0}
.ft8-col a:hover{color:var(--aur)}
.ft8-col.c4 span{display:block;font-size:13px;color:var(--muted);padding:4px 0}
.ft8-copy{text-align:center;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding:14px 0 20px}
@media(max-width:1080px){.ft8-grid{grid-template-columns:1fr 1fr}.ft8-col{padding-top:0!important}}

/* ft9 tabs */
.ft9{background:var(--bg-2);border-top:1px solid var(--line);margin-top:26px}
.ft9-tabs{display:flex;gap:6px;padding-top:22px;flex-wrap:wrap}
.ft9-tab{font-size:12px;font-weight:800;letter-spacing:1.5px;color:var(--muted);border:1px solid var(--line);border-bottom:none;border-radius:10px 10px 0 0;padding:10px 18px;background:var(--bg-3)}
.ft9-tab.on{color:var(--gold);background:var(--surface)}
a.ft9-tab:hover{color:var(--aur)}
.ft9-panel{display:flex;align-items:center;justify-content:space-between;gap:26px;border-top:1px solid var(--line);background:var(--surface);padding:30px 32px;border-radius:0 0 16px 16px;flex-wrap:wrap}
.ft9-brand p{font-size:13.5px;color:var(--muted);margin-top:12px;max-width:420px}
.ft9-side{display:flex;flex-direction:column;gap:12px;align-items:flex-end}
.ft9-jp{text-align:right}
.ft9-jp span{font-size:10px;letter-spacing:2px;color:var(--muted)}
.ft9-jp b{display:block;font-size:20px;color:var(--gold)}
.ft9-pay{display:flex;gap:8px}
.ft9-pay span{font-size:11px;border:1px solid var(--line);border-radius:8px;padding:5px 10px;color:var(--muted)}
.ft9-copy{text-align:center;font-size:12px;color:var(--muted);padding:14px 0 20px}

/* ===== chrome100 ===== */
/* hd10 split rail */
.hd10{position:sticky;top:0;z-index:90;background:rgba(10,14,22,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.hd10-row{display:flex;align-items:center;gap:20px;padding:12px 0;flex-wrap:wrap;row-gap:10px}
.hd10-logo{display:flex;align-items:center;gap:12px}
.hd10-logo .txt{font-weight:900;font-size:20px}
.hd10-raildiv{width:1px;height:34px;background:var(--line)}
.hd10-nav .aur-nav{display:flex;gap:2px;list-style:none;flex-wrap:wrap}
.hd10-nav .aur-nav li a{display:block;padding:8px 11px;font-size:13px;color:var(--muted);border-radius:6px;transition:all .2s}
.hd10-nav .aur-nav li.active a,.hd10-nav .aur-nav li a:hover{color:var(--text);background:var(--surface)}
.hd10-jp{margin-left:auto}
.hd10-jp b{font-size:16px;color:var(--gold);font-weight:900}
.hd10-cta{display:flex;gap:8px}
.hd10 .burger{display:none}
@media(max-width:1180px){.hd10-jp{display:none}}
@media(max-width:1080px){.hd10-nav{display:none;order:3;width:100%}.hd10 .burger{display:flex;margin-left:auto}}

/* hd11 full-bleed band */
.hd11{position:sticky;top:0;z-index:90}
.hd11-band{background:linear-gradient(90deg,rgba(255,255,255,.02),transparent 15%,transparent 85%,rgba(255,255,255,.02));border-bottom:2px solid var(--au2)}
.hd11-row{display:flex;align-items:center;gap:18px;padding:12px 0;flex-wrap:wrap;row-gap:10px}
.hd11-nav .aur-nav{display:flex;gap:2px;list-style:none;margin:0 auto;flex-wrap:wrap}
.hd11-nav .aur-nav li a{display:block;padding:8px 12px;font-size:13px;color:var(--muted);border-radius:0;transition:color .2s}
.hd11-nav .aur-nav li.active a,.hd11-nav .aur-nav li a:hover{color:var(--text);box-shadow:inset 0 -2px 0 var(--au2)}
.hd11-chip{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:5px 14px}
.hd11-chip span{font-size:9.5px;letter-spacing:2px;color:#4ade80}
.hd11-chip b{font-size:13.5px;color:var(--gold)}
.hd11 .burger{display:none}
@media(max-width:1080px){.hd11-nav{display:none}.hd11 .burger{display:flex;margin-left:auto}}

/* ft10 receipt */
.ft10{background:var(--bg-2);border-top:1px dashed var(--line);margin-top:26px}
.ft10-paper{font-family:'Courier New',monospace;padding:26px 0 24px}
.ft10-head{text-align:center;font-size:13px;letter-spacing:3px;color:var(--gold);padding-bottom:14px;border-bottom:1px dashed var(--line)}
.ft10-row{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:26px;padding:22px 0;border-bottom:1px dashed var(--line)}
.ft10-col h4{font-size:12px;letter-spacing:2px;color:var(--muted);margin-bottom:10px}
.ft10-col a{display:block;font-size:13px;color:var(--muted);padding:3px 0}
.ft10-col a:hover{color:var(--au2)}
.ft10-col span{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);padding:3px 0}
.ft10-col span b{color:var(--gold)}
.ft10-bar{height:38px;margin:16px 0 10px;background:repeating-linear-gradient(90deg,var(--muted) 0 2px,transparent 2px 5px,var(--muted) 5px 6px,transparent 6px 11px);opacity:.5}
.ft10-copy{text-align:center;font-size:11.5px;color:var(--muted);letter-spacing:1px}
@media(max-width:860px){.ft10-row{grid-template-columns:1fr}}

/* ft11 colophon */
.ft11{background:var(--bg-2);border-top:1px solid var(--line);margin-top:26px;text-align:center;padding:44px 0 30px}
.ft11-mark{font-size:30px;margin-bottom:10px}
.ft11-brand{font-family:Georgia,serif;font-size:24px;font-weight:900;letter-spacing:2px}
.ft11-desc{max-width:520px;margin:12px auto 18px;font-size:13.5px;color:var(--muted)}
.ft11-nav{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px}
.ft11-nav a{color:var(--muted)}
.ft11-nav a:hover{color:var(--au2)}
.ft11-nav span{color:var(--line)}
.ft11-jp{margin-top:16px;font-family:Georgia,serif;font-size:13px;color:var(--muted)}
.ft11-jp b{font-size:19px;color:var(--gold);letter-spacing:1px}
.ft11-copy{margin-top:18px;font-size:11.5px;color:var(--muted);letter-spacing:1.5px}

/* ===== module dna ===== */
/* ================= MODULE DNA UTILITIES (per-template structural params) ================= */
/* head alignment */
.dna.u-head-l .sec-head{text-align:left}
.dna.u-head-l .sec-head .divider{margin:18px 0 0}
.dna.u-head-c .sec-head{text-align:center}
.dna.u-head-c .sec-head .divider{margin-left:auto;margin-right:auto}
.dna.u-head-r .sec-head{text-align:right}
.dna.u-head-r .sec-head .divider{margin:18px 0 0 auto}
/* density */
.dna.u-slim{padding-top:34px!important;padding-bottom:34px!important}
.dna.u-airy{padding-top:92px!important;padding-bottom:92px!important}
/* grid gaps */
.dna.u-gap-s [class*="grid"],.dna.u-gap-s [class*="rows"],.dna.u-gap-s [class*="feed"],.dna.u-gap-s [class*="wall"]{gap:10px!important}
.dna.u-gap-l [class*="grid"],.dna.u-gap-l [class*="rows"],.dna.u-gap-l [class*="feed"],.dna.u-gap-l [class*="wall"]{gap:26px!important}
/* accent bar on cards (selectors auto-collected, EACH scoped) */
.dna.u-acc-top .dna.u-acc-top .faq-item, .dna.u-acc-top .game-card, .dna.u-acc-top .news-card, .dna.u-acc-top .odds-row, .dna.u-acc-top .partner-item, .dna.u-acc-top .promo-card, .dna.u-acc-top .slot-card, .dna.u-acc-top .vf2-card, .dna.u-acc-top .vf4-item, .dna.u-acc-top .vg2-card, .dna.u-acc-top .vg3-row, .dna.u-acc-top .vg4-card, .dna.u-acc-top .vl2-card, .dna.u-acc-top .vl4-card, .dna.u-acc-top .vl4-row, .dna.u-acc-top .vm2-card, .dna.u-acc-top .vm2-timeline, .dna.u-acc-top .vm3-stamp, .dna.u-acc-top .vn2-item, .dna.u-acc-top .vn3-mag, .dna.u-acc-top .vn4-card, .dna.u-acc-top .vp2-card, .dna.u-acc-top .vp4-feed, .dna.u-acc-top .vp4-line, .dna.u-acc-top .vs2-ticket, .dna.u-acc-top .vs3-item, .dna.u-acc-top .vs4-board, .dna.u-acc-top .vs4-row, .dna.u-acc-top .vt4-tile{border-top:3px solid var(--aur)}
.dna.u-acc-left .dna.u-acc-left .faq-item, .dna.u-acc-left .game-card, .dna.u-acc-left .news-card, .dna.u-acc-left .odds-row, .dna.u-acc-left .partner-item, .dna.u-acc-left .promo-card, .dna.u-acc-left .slot-card, .dna.u-acc-left .vf2-card, .dna.u-acc-left .vf4-item, .dna.u-acc-left .vg2-card, .dna.u-acc-left .vg3-row, .dna.u-acc-left .vg4-card, .dna.u-acc-left .vl2-card, .dna.u-acc-left .vl4-card, .dna.u-acc-left .vl4-row, .dna.u-acc-left .vm2-card, .dna.u-acc-left .vm2-timeline, .dna.u-acc-left .vm3-stamp, .dna.u-acc-left .vn2-item, .dna.u-acc-left .vn3-mag, .dna.u-acc-left .vn4-card, .dna.u-acc-left .vp2-card, .dna.u-acc-left .vp4-feed, .dna.u-acc-left .vp4-line, .dna.u-acc-left .vs2-ticket, .dna.u-acc-left .vs3-item, .dna.u-acc-left .vs4-board, .dna.u-acc-left .vs4-row, .dna.u-acc-left .vt4-tile{border-left:3px solid var(--aur)}
/* column overrides (grid variants) */
.dna.u-c3 .grid-3,.dna.u-c3 .vg2-grid,.dna.u-c3 .grid-2,.dna.u-c3 .vn4-grid{grid-template-columns:repeat(3,1fr)!important}
.dna.u-c5 .grid-3,.dna.u-c5 .vg2-grid{grid-template-columns:repeat(5,1fr)!important}
.dna.u-c6 .vg2-grid{grid-template-columns:repeat(6,1fr)!important}
@media(max-width:960px){.dna.u-c5 .grid-3,.dna.u-c5 .vg2-grid,.dna.u-c6 .vg2-grid{grid-template-columns:repeat(2,1fr)!important}}

/* header nav dna */
.dna.u-hn-line .aur-nav a:hover,.dna.u-hn-line .hd2-nav a:hover,.dna.u-hn-line .hd3-menu a:hover{text-decoration:underline;text-underline-offset:7px;background:transparent}
.dna.u-hn-caps .aur-nav a,.dna.u-hn-caps .hd2-nav a,.dna.u-hn-caps .hd3-menu a{text-transform:uppercase;letter-spacing:1.2px;font-size:12.5px}
.dna.u-hs-big .brand .txt{font-size:25px}
.dna.u-hs-big .brand .mark{width:44px;height:44px;font-size:21px}
.dna.u-hs-sml .brand .txt{font-size:16.5px}
.dna.u-hs-sml .brand .mark{width:29px;height:29px;font-size:14px}
/* footer dna */
.dna.u-fd-slim .footer-grid,.dna.u-fd-slim .ft2-wrap,.dna.u-fd-slim .ft3-grid{padding-top:26px!important;padding-bottom:14px!important}
.dna.u-fd-airy .footer-grid,.dna.u-fd-airy .ft2-wrap,.dna.u-fd-airy .ft3-grid{padding-top:64px!important;padding-bottom:44px!important}
.dna.u-fc-line .footer-grid,.dna.u-fc-line .ft2-wrap,.dna.u-fc-line .ft3-grid{border-top:2px solid var(--au2)}
.dna.u-fc-dash .footer-grid,.dna.u-fc-dash .ft2-wrap,.dna.u-fc-dash .ft3-grid{border-top:2px dashed var(--line)}

/* inner: detail width/padding */
.u-dw-narrow .reading{max-width:720px}
.u-dw-wide .reading{max-width:1000px}
.u-dw-narrow .da3-grid{grid-template-columns:1fr 300px}
.u-dw-wide .da3-grid{grid-template-columns:1fr 372px}
.u-dp-slim .layout-2col{gap:16px}
.u-dp-airy .layout-2col{gap:38px}
.u-dp-slim .da3-grid{gap:16px}
.u-dp-airy .da3-grid{gap:38px}
/* inner: list hero height + crumb style */
.u-lh-slim .page-hero{padding-top:28px!important;padding-bottom:28px!important}
.u-lh-tall .page-hero{padding-top:84px!important;padding-bottom:84px!important}
.u-lh-slim .la2-bar{padding-top:8px!important;padding-bottom:10px!important}
.u-lh-tall .la2-bar{padding-top:32px!important;padding-bottom:26px!important}
.u-lc-line .crumb{border-bottom:1px solid var(--line);padding-bottom:10px}
.u-lc-pill .crumb .cur{background:var(--surface-2);border-radius:999px;padding:4px 14px}
/* inner: card ratio + hover */
.u-cr-43 .post-card .pic img{aspect-ratio:4/3;object-fit:cover;height:auto}
.u-cr-169 .post-card .pic img{aspect-ratio:16/9;object-fit:cover;height:auto}
.u-cr-43 .al4-pic{aspect-ratio:4/3}
.u-cr-169 .al4-pic{aspect-ratio:16/9}
.u-ch-zoom .post-card:hover{transform:scale(1.015)}
.u-ch-zoom .al4-card:hover{transform:scale(1.02)}
.u-ch-tilt .post-card:hover,.u-ch-tilt .al4-card:hover{transform:rotate(-.6deg) translateY(-4px)}
/* third axes (batch-3) */
.u-ds-overline h1{text-decoration:none;border-top:2px solid var(--aur);padding-top:14px}
.u-ds-inline h1{display:inline;border-bottom:3px solid var(--au2);padding-bottom:4px}
.u-lg-wide .post-list{grid-template-columns:1fr 380px!important}
.u-lg-wide .layout-2col{grid-template-columns:1fr 380px!important}
.u-lg-tight .layout-2col{grid-template-columns:1fr 300px!important}
.u-bb-solid .post-card,.u-bb-solid .al3-row,.u-bb-solid .al4-card,.u-bb-solid .al5-card{border-width:2px;border-style:solid}
.u-bb-dash .post-card,.u-bb-dash .al3-row,.u-bb-dash .al4-card,.u-bb-dash .al5-card{border-style:dashed}
.dna.u-hb-solid{background:var(--bg-3)!important;backdrop-filter:none!important}
.dna.u-hb-glass{background:rgba(10,14,24,.55)!important;backdrop-filter:blur(22px)!important}
.dna.u-fb-rev .footer-grid,.dna.u-fb-rev .ft2-wrap,.dna.u-fb-rev .ft3-grid,.dna.u-fb-rev .ft4-row,.dna.u-fb-rev .ft5-grid{direction:rtl}
.dna.u-fb-rev .footer-grid>*,.dna.u-fb-rev .ft2-wrap>*,.dna.u-fb-rev .ft3-grid>*,.dna.u-fb-rev .ft4-row>*,.dna.u-fb-rev .ft5-grid>*{direction:ltr}
.dna.u-fb-stack .footer-grid,.dna.u-fb-stack .ft3-grid,.dna.u-fb-stack .ft5-grid{grid-template-columns:1fr!important;text-align:center}
.dna.u-fb-stack .ft3-brand,.dna.u-fb-stack .ft5-brand{display:flex;flex-direction:column;align-items:center}
/* grid-blowout guards (rail/carousel content must not stretch page) */
main{min-width:0}
.post-list.rail{min-width:0}
.la11-grid>main,.da4-grid>main,.la2-wrap>main{min-width:0}

/* ===== welcome popup (every visit) ===== */
.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--text)}
.btn-ghost:hover{border-color:var(--au2);color:var(--au2)}
.ace-pop{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:18px}
.ace-pop .ap-mask{position:absolute;inset:0;background:rgba(5,8,14,.72);backdrop-filter:blur(4px)}
.ace-pop .ap-card{position:relative;max-width:430px;width:100%;background:var(--bg-2);border:3px double var(--gold);border-radius:10px;padding:28px 26px 22px;box-shadow:0 30px 80px rgba(0,0,0,.6);animation:apIn .38s cubic-bezier(.2,.9,.3,1.2) both;overflow:hidden}
.ace-pop .ap-card::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 30% 0%,rgba(255,255,255,.05),transparent 55%);pointer-events:none}
.ace-pop.sk-top{align-items:flex-start;padding-top:6vh}
.ace-pop.sk-bottom{align-items:flex-end;padding-bottom:4vh}
.ace-pop.sk-corner{justify-content:flex-end;align-items:flex-end;padding:0}
.ace-pop.sk-corner .ap-mask{background:rgba(5,8,14,.35)}
.ace-pop.sk-corner .ap-card{max-width:360px;margin:0 18px 18px 0;animation:apSlide .38s ease both}
.ace-pop.sk-full .ap-card{max-width:560px;text-align:center;padding:44px 34px 30px}
.ace-pop.sk-top .ap-card{animation:apDrop .38s cubic-bezier(.2,.9,.3,1.1) both}
.ace-pop.sk-bottom .ap-card{animation:apRise .38s cubic-bezier(.2,.9,.3,1.1) both}
.ace-pop.sk-full .ap-card{animation:apZoom .42s cubic-bezier(.2,.9,.3,1.15) both}
@keyframes apIn{from{opacity:0;transform:translateY(26px) scale(.94)}to{opacity:1;transform:none}}
@keyframes apDrop{from{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:none}}
@keyframes apRise{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes apSlide{from{opacity:0;transform:translate(30px,30px)}to{opacity:1;transform:none}}
@keyframes apZoom{from{opacity:0;transform:scale(.82)}to{opacity:1;transform:none}}
.ace-pop .ap-x{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--muted);font-size:15px;line-height:1;cursor:pointer;z-index:3}
.ace-pop .ap-x:hover{color:var(--text);border-color:var(--au2)}
.ace-pop .ap-badge{width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:30px;margin-bottom:14px;background:var(--surface);border:1px solid var(--line)}
.ace-pop .ap-badge.shape-circle{border-radius:50%}
.ace-pop .ap-badge.shape-pill{border-radius:999px;width:84px;height:44px}
.ace-pop .ap-badge.shape-square{border-radius:6px}
.ace-pop .ap-badge.shape-hex{border-radius:12px;transform:rotate(45deg)}
.ace-pop .ap-badge.shape-hex>*{transform:rotate(-45deg)}
.ace-pop .ap-title{font-size:20px;font-weight:900;line-height:1.3;letter-spacing:0.3px;inherit;margin-bottom:8px}
.ace-pop .ap-desc{font-size:13.5px;color:var(--muted);line-height:1.6;margin-bottom:14px}
.ace-pop .ap-perks{list-style:none;display:flex;flex-direction:column;gap:8px;margin:0 0 18px;padding:0}
.ace-pop .ap-perks li{display:flex;gap:9px;font-size:13px;color:var(--text);align-items:flex-start}
.ace-pop .ap-perks li::before{content:"◆";color:var(--gold);font-size:10px;margin-top:3px}
.ace-pop .ap-actions{display:flex;gap:10px;flex-wrap:wrap}
.ace-pop .ap-go{flex:1;min-width:170px;padding:13px 18px;font-size:15px;font-weight:900;justify-content:center}
.ace-pop .ap-hint{display:block;margin-top:12px;font-size:11px;color:var(--muted);text-align:center;letter-spacing:.5px}
.ace-pop .ap-close2{flex:0 0 auto;padding:13px 16px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted);cursor:pointer}
.ace-pop .ap-close2:hover{color:var(--text);border-color:var(--au2)}
.ace-pop .deco-glow .ap-card{box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 46px rgba(255,255,255,.12)}
.ace-pop .deco-stripes .ap-card::after{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:repeating-linear-gradient(90deg,var(--au2) 0 14px,transparent 14px 24px)}
.ace-pop .deco-dots .ap-card::after{content:"";position:absolute;right:14px;bottom:14px;width:64px;height:44px;background-image:radial-gradient(var(--au2) 1.6px,transparent 1.6px);background-size:12px 12px;opacity:.5}
.ace-pop .deco-rings .ap-card::after{content:"";position:absolute;right:-44px;top:-44px;width:150px;height:150px;border-radius:50%;border:22px solid rgba(255,255,255,.05);pointer-events:none}
.ace-pop .deco-grid .ap-card::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:16px 16px;pointer-events:none}
.ace-pop .deco-lines .ap-card::after{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:repeating-linear-gradient(0deg,var(--gold) 0 12px,transparent 12px 20px)}
@media(max-width:520px){.ace-pop .ap-card{padding:22px 18px 18px}.ace-pop .ap-go{min-width:100%}.ace-pop .ap-close2{min-width:100%;order:2}}

.ace-pop .ap-badge.shape-hex{border-radius:12px}

.ace-pop{--ap-deco:1}