*{box-sizing:border-box}
:root{
  --bg:#080a14;--bg2:#0d1020;--panel:#11152a;--panel2:#171b35;--panel3:#1d2140;
  --line:rgba(255,255,255,.10);--line2:rgba(255,255,255,.16);--text:#f7f5ff;--muted:#aaa9bf;
  --gold:#f2cf83;--violet:#a77cff;--violet2:#7c61ff;--cyan:#72d8ff;--mint:#83f0cc;
  --shadow:0 22px 70px rgba(0,0,0,.38);--soft-shadow:0 16px 42px rgba(0,0,0,.24)
}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 18% 0%,#19143d 0,#090b16 34%,#070912 76%),var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}
button,input,select{font:inherit}.hidden{display:none!important}
.page-glow{position:fixed;border-radius:50%;filter:blur(115px);opacity:.18;pointer-events:none;z-index:-1}
.page-glow-a{width:520px;height:520px;background:#7447ff;left:-210px;top:260px}.page-glow-b{width:460px;height:460px;background:#1b96ce;right:-190px;top:760px}.page-glow-c{width:360px;height:360px;background:#e5aa5b;left:35%;top:1400px;opacity:.07}
.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,76px);border-bottom:1px solid var(--line);background:rgba(8,10,20,.75);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}
.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none}.brand-mark{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#8b6cff,#49b7ff);box-shadow:0 0 28px rgba(139,108,255,.35);font-size:20px}.brand strong,.brand small{display:block}.brand strong{font-size:16px}.brand small{color:var(--muted);font-size:11px;margin-top:1px}
.topnav{display:flex;gap:6px}.nav-link,.text-button{border:0;background:transparent;color:var(--muted);cursor:pointer}.nav-link{padding:9px 13px;border-radius:10px}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.07);color:#fff}
main{max-width:1480px;margin:auto;padding:0 clamp(20px,5vw,74px) 80px}.section{margin-top:34px}.section-copy{margin:6px 0 0;color:#85869c;font-size:13px}
.hero{min-height:510px;padding:82px 0 54px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:70px;align-items:center}.eyebrow{letter-spacing:.18em;font-size:11px;font-weight:800;color:var(--gold)}
.hero h1{font-size:clamp(48px,6vw,82px);line-height:.95;letter-spacing:-.055em;margin:14px 0 22px;max-width:850px;background:linear-gradient(100deg,#fff 22%,#d9cbff 57%,#7ad9ff);-webkit-background-clip:text;color:transparent}.hero p{max-width:720px;color:#c5c3d6;font-size:18px;line-height:1.7;margin:0}
.hero-search{margin-top:30px;max-width:760px;height:62px;border:1px solid rgba(255,255,255,.13);background:rgba(18,21,42,.87);display:flex;align-items:center;gap:13px;padding:0 16px;border-radius:18px;box-shadow:var(--shadow)}.hero-search span{font-size:28px;color:#cfc8ff}.hero-search input{flex:1;background:transparent;border:0;outline:0;color:#fff;font-size:16px}.hero-search input::placeholder{color:#77778c}kbd{background:#252a43;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:5px 8px;color:#9797aa;font-size:11px}
.hero-stats{display:flex;gap:26px;margin-top:25px;flex-wrap:wrap}.stat strong{display:block;font-size:20px}.stat span{color:var(--muted);font-size:12px}
.hero-card{min-height:340px;border:1px solid rgba(255,255,255,.11);border-radius:32px;background:linear-gradient(145deg,rgba(139,108,255,.13),rgba(73,183,255,.07)),rgba(17,21,42,.78);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.02),0 0 0 70px rgba(255,255,255,.012)}.sparkles{color:var(--gold);letter-spacing:10px;position:absolute;top:28px}.orb{width:145px;height:145px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#f8e8ff,#8e74ff 32%,#244aa2 68%,#0d173b);box-shadow:0 0 80px rgba(125,105,255,.45);z-index:1}.orb-inner{font-size:45px;text-shadow:0 0 30px white}.hero-card strong,.hero-card span{z-index:1}.hero-card strong{font-size:18px;margin-top:30px}.hero-card span{color:var(--muted);font-size:12px;margin-top:5px}
.section-heading,.results-toolbar{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:22px}.section h2,.results-toolbar h2{font-size:30px;letter-spacing:-.03em;margin:5px 0}.text-button{color:#cabdff}.text-button:hover{color:#fff}

/* Latest update feature */
.update-feature-card{min-height:330px;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:linear-gradient(120deg,rgba(38,34,78,.96),rgba(14,19,42,.94));display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);box-shadow:var(--soft-shadow);position:relative}.update-feature-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 30%,rgba(167,124,255,.16),transparent 32%),radial-gradient(circle at 82% 30%,rgba(114,216,255,.12),transparent 30%);pointer-events:none}.update-feature-copy{padding:44px 46px;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center}.update-kicker{font-size:10px;font-weight:900;letter-spacing:.18em;color:var(--gold)}.update-feature-copy h3{font-size:36px;letter-spacing:-.035em;margin:9px 0 12px}.update-feature-copy p{max-width:720px;margin:0;color:#c0bfd2;font-size:15px;line-height:1.7}.update-mini-stats{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 22px}.update-mini-stats span{display:flex;align-items:baseline;gap:7px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);padding:8px 11px;border-radius:10px;color:#aaaac1;font-size:11px}.update-mini-stats strong{font-size:17px;color:#fff}.primary-button{align-self:flex-start;border:1px solid rgba(187,169,255,.42);background:linear-gradient(135deg,#775cf3,#5b8df1);color:#fff;border-radius:12px;padding:11px 16px;font-weight:800;cursor:pointer;box-shadow:0 10px 28px rgba(75,70,180,.28)}.primary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.update-feature-art{position:relative;min-height:330px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(16,21,48,.2),rgba(17,19,36,.7));overflow:hidden}.waiting-badge{position:absolute;bottom:24px;right:24px;background:rgba(8,11,25,.82);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(12px);border-radius:999px;padding:8px 11px;color:#c8c5d9;font-size:11px}.waiting-badge.hot{color:#ffe4a2;border-color:rgba(242,207,131,.28)}

/* Category visual cards */
.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.category-card{position:relative;text-align:left;min-height:245px;padding:0;border-radius:22px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.022));color:#fff;cursor:pointer;overflow:hidden;transition:.22s ease;box-shadow:0 10px 32px rgba(0,0,0,.12)}.category-card:hover{transform:translateY(-4px);border-color:rgba(167,124,255,.48);box-shadow:0 18px 42px rgba(0,0,0,.25)}.category-card-update{border-color:rgba(242,207,131,.18)}
.category-art{height:150px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(79,77,145,.68),rgba(17,21,42,.95) 72%);isolation:isolate}.category-art:after{content:"";position:absolute;inset:auto 0 0;height:58%;background:linear-gradient(transparent,rgba(10,12,25,.72));z-index:6;pointer-events:none}.category-art.large{height:280px;width:min(520px,100%);border-radius:28px;background:radial-gradient(circle at 50% 35%,rgba(101,83,204,.5),rgba(12,15,31,.96) 72%);border:1px solid rgba(255,255,255,.06);box-shadow:0 28px 70px rgba(0,0,0,.27)}.art-tile{position:absolute;display:grid;place-items:center;border-radius:19px;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.12),rgba(22,25,50,.32));filter:drop-shadow(0 16px 14px rgba(0,0,0,.28));transition:.2s}.art-tile img{width:100%;height:100%;object-fit:contain;padding:8px}.art-tile.broken{display:none}.category-art .art-1{width:42%;height:78%;left:29%;top:8%;z-index:4;transform:rotate(-1deg)}.category-art .art-2{width:34%;height:66%;left:3%;top:25%;z-index:3;transform:rotate(-8deg)}.category-art .art-3{width:34%;height:66%;right:2%;top:23%;z-index:3;transform:rotate(7deg)}.category-art .art-4{width:26%;height:50%;right:20%;top:4%;z-index:2;opacity:.72}.category-art .art-5{width:25%;height:45%;left:18%;top:2%;z-index:2;opacity:.68}.category-art.large .art-1{width:38%;height:78%;left:31%;top:8%}.category-art.large .art-2{width:31%;height:68%;left:4%;top:27%}.category-art.large .art-3{width:31%;height:68%;right:4%;top:27%}.category-art.large .art-4{width:26%;height:48%;right:18%;top:2%}.category-art.large .art-5{width:26%;height:48%;left:17%;top:2%}.art-spark{position:absolute;color:#ffe6a6;text-shadow:0 0 20px rgba(255,232,165,.7);z-index:7}.art-spark-a{top:15px;right:18px;font-size:17px}.art-spark-b{left:17px;bottom:24px;font-size:13px}.category-art-empty{display:grid;place-items:center}.category-art-empty span{font-size:42px;color:#d3caff;text-shadow:0 0 24px rgba(173,143,255,.7)}.category-art-empty i,.category-art-empty b{position:absolute;color:#f6d990;font-style:normal}.category-art-empty i{right:22%;top:25%}.category-art-empty b{left:21%;bottom:22%}
.category-card-copy{position:relative;padding:17px 18px 18px;min-height:94px}.category-title-row{display:flex;align-items:center;gap:8px}.category-card strong{font-size:16px;display:block}.category-card small{color:var(--muted);display:block;margin-top:6px;line-height:1.45;padding-right:28px}.category-card small b{color:#fff;font-weight:800}.category-arrow{position:absolute;right:18px;bottom:17px;color:#817d97;font-size:18px}.tiny-badge{font-size:8px;font-weight:900;letter-spacing:.12em;color:#2a2111;background:#f2cf83;border-radius:999px;padding:4px 6px}

/* Update dashboard */
.results-section{padding-top:38px}.update-dashboard{margin-bottom:36px;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:linear-gradient(145deg,rgba(26,29,60,.94),rgba(11,14,29,.95));box-shadow:var(--soft-shadow)}.update-dashboard-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:26px;padding:34px}.update-dashboard-copy{align-self:center}.update-dashboard-copy h2{font-size:38px;line-height:1.05;letter-spacing:-.04em;margin:8px 0 13px}.update-dashboard-copy p{max-width:720px;color:#c0bfd2;line-height:1.7}.detected-label{display:inline-flex;margin-top:12px;color:#bdb6dd;background:rgba(167,124,255,.09);border:1px solid rgba(167,124,255,.2);padding:7px 9px;border-radius:9px;font-size:11px}.update-dashboard-art{display:grid;place-items:center}.update-stat-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.update-metric{padding:20px 18px;min-width:0;border-right:1px solid var(--line)}.update-metric:last-child{border-right:0}.update-metric span{display:block;color:#837da1;font-size:9px;font-weight:900;letter-spacing:.12em}.update-metric strong{display:block;font-size:26px;margin-top:4px}.update-metric small{display:block;color:#aaa9bd;margin-top:2px;font-size:11px}.update-breakdown-wrap{padding:22px 26px 26px}.update-breakdown-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:13px}.update-breakdown-heading span{color:#7f8096;font-size:11px}.update-breakdown{display:flex;gap:8px;flex-wrap:wrap}.breakdown-chip{border:1px solid var(--line);background:rgba(255,255,255,.035);color:#a9a8bb;padding:8px 10px;border-radius:10px;cursor:pointer;font-size:11px}.breakdown-chip b{color:#fff;margin-left:5px}.breakdown-chip:hover,.breakdown-chip.active{border-color:rgba(167,124,255,.44);background:rgba(167,124,255,.11);color:#fff}

/* Results */
.results-toolbar{align-items:flex-end}.results-toolbar p{margin:0;color:var(--muted)}.toolbar-controls{display:flex;gap:10px}.search-box{height:44px;min-width:290px;display:flex;align-items:center;gap:9px;padding:0 13px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.search-box input{border:0;outline:0;background:transparent;color:#fff;width:100%}select{height:44px;background:var(--panel);border:1px solid var(--line);color:#fff;border-radius:12px;padding:0 12px}.filter-row{display:flex;gap:8px;overflow:auto;padding-bottom:10px}.filter-row:empty{display:none}.chip{flex:0 0 auto;border:1px solid var(--line);background:#101426;color:var(--muted);padding:8px 12px;border-radius:999px;cursor:pointer}.chip:hover,.chip.active{color:#fff;border-color:rgba(167,124,255,.55);background:rgba(167,124,255,.14)}
.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:14px;margin-top:7px}.item-card{border:1px solid var(--line);border-radius:18px;background:rgba(17,21,42,.72);overflow:hidden;cursor:pointer;transition:.2s ease;min-width:0}.item-card:hover{transform:translateY(-3px);border-color:rgba(167,124,255,.5);box-shadow:0 14px 38px rgba(0,0,0,.22)}.item-image{aspect-ratio:1/1;background:radial-gradient(circle at 50% 38%,#222947,#101322 67%);display:grid;place-items:center;position:relative;overflow:hidden}.item-image img{width:100%;height:100%;object-fit:contain;padding:16px}.item-fallback{font-size:45px;color:#575b78}.card-badges{position:absolute;left:9px;right:9px;top:9px;display:flex;gap:5px;flex-wrap:wrap;align-items:flex-start}.status-badge{font-size:8px;font-weight:900;letter-spacing:.08em;padding:5px 6px;border-radius:7px;box-shadow:0 6px 16px rgba(0,0,0,.18);white-space:nowrap}.badge-new{background:#f2cf83;color:#251e0f}.badge-changed{background:#9d84ff;color:#fff}.badge-art{background:#72d8ff;color:#08202b}.badge-text{background:#83f0cc;color:#09261e}.badge-quest{background:#e4a9ff;color:#24102e}.badge-upcoming{background:#ff9d82;color:#32140b}.badge-unreleased{background:#ffbd6f;color:#2b1907}.item-copy{padding:14px}.item-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-copy small{display:block;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.id-line{font-size:10px!important;color:#6f718a!important;margin-top:8px!important}.load-more{margin:25px auto 0;display:block;border:1px solid var(--line);background:var(--panel2);color:#fff;padding:11px 22px;border-radius:12px;cursor:pointer}.empty-state{text-align:center;padding:80px 20px;color:var(--muted);border:1px dashed rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.02);margin-top:12px}.empty-state div{font-size:42px;color:#8d7cc0}.empty-state h3{color:#fff}
footer{border-top:1px solid var(--line);padding:30px clamp(20px,5vw,74px);display:flex;justify-content:space-between;gap:30px;color:#75758a;font-size:12px}

/* Modal */
dialog{width:min(930px,calc(100% - 28px));border:1px solid rgba(255,255,255,.13);border-radius:25px;background:#111527;color:#fff;padding:0;box-shadow:0 30px 100px #000}dialog::backdrop{background:rgba(3,4,10,.78);backdrop-filter:blur(9px)}.modal-close{position:absolute;right:16px;top:14px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#171b31;color:#fff;cursor:pointer;font-size:23px;z-index:2}.modal-grid{display:grid;grid-template-columns:1fr 1.15fr;min-height:510px}.modal-image-wrap{min-height:510px;background:radial-gradient(circle at 50% 40%,#282d52,#101321 70%);display:grid;place-items:center}.modal-image-wrap img{max-width:90%;max-height:470px;object-fit:contain}.modal-placeholder{font-size:80px;color:#555b79}.modal-copy{padding:54px 42px}.modal-heading-row{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.pill{display:inline-flex;border:1px solid rgba(167,124,255,.42);background:rgba(167,124,255,.13);padding:6px 10px;border-radius:999px;color:#d5c9ff;font-size:11px}.modal-status{display:flex;gap:5px;flex-wrap:wrap}.modal-copy h2{font-size:35px;line-height:1.08;margin:15px 0 7px}.internal-name{color:#777991;word-break:break-word}.details-list{margin-top:28px;border-top:1px solid var(--line)}.detail-row{display:grid;grid-template-columns:145px 1fr;padding:11px 0;border-bottom:1px solid var(--line);gap:14px}.detail-row span:first-child{color:#777991}.detail-row span:last-child{word-break:break-word}.modal-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.tag{font-size:11px;color:#aaaac0;background:#1b2038;padding:6px 8px;border-radius:8px}

@media(max-width:1100px){.update-stat-grid{grid-template-columns:repeat(3,1fr)}.update-metric:nth-child(3){border-right:0}.update-metric:nth-child(-n+3){border-bottom:1px solid var(--line)}}
@media(max-width:900px){.topnav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-card{display:none}.update-feature-card,.update-dashboard-hero{grid-template-columns:1fr}.update-feature-art{min-height:280px}.toolbar-controls,.results-toolbar,.section-heading{align-items:stretch;flex-direction:column}.search-box{min-width:0}.modal-grid{grid-template-columns:1fr}.modal-image-wrap{min-height:330px}.modal-copy{padding:32px 24px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.hero h1{font-size:48px}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.item-copy{padding:10px}.category-grid{grid-template-columns:1fr}.category-card{min-height:235px}.toolbar-controls{flex-direction:column}.update-feature-copy{padding:30px 24px}.update-dashboard-hero{padding:24px}.update-stat-grid{grid-template-columns:repeat(2,1fr)}.update-metric{border-bottom:1px solid var(--line)}.update-metric:nth-child(odd){border-right:1px solid var(--line)}.update-metric:nth-child(even){border-right:0}.update-metric:nth-last-child(-n+2){border-bottom:0}.update-breakdown-heading{align-items:flex-start;flex-direction:column}.category-art.large{height:230px}footer{flex-direction:column}}


/* =========================================================
   DDV WEBSITE 1.4.5 — LIVE UPDATE & ROADMAP HUB
   ========================================================= */

.release-pulse{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 34px;
}
.pulse-card{
  min-height:76px;border:1px solid var(--line);background:rgba(17,21,42,.72);
  border-radius:17px;padding:14px 16px;display:grid;grid-template-columns:auto 1fr auto;
  align-items:center;gap:12px;color:var(--text);text-align:left;cursor:pointer;transition:.2s ease;
}
.pulse-card:hover{transform:translateY(-2px);border-color:rgba(167,124,255,.5);background:rgba(26,30,58,.88)}
.pulse-card small{display:block;font-size:9px;letter-spacing:.15em;color:var(--muted);font-weight:800}
.pulse-card strong{display:block;margin-top:3px;font-size:14px}
.pulse-card b{font-size:11px;color:#c8c1df;font-weight:700}
.pulse-dot{width:9px;height:9px;border-radius:50%;box-shadow:0 0 14px currentColor}
.pulse-live .pulse-dot{background:#75e0aa;color:#75e0aa}
.pulse-event .pulse-dot{background:#f1c96f;color:#f1c96f}
.pulse-next .pulse-dot{background:#9e82ff;color:#9e82ff}

.updates-hub{padding-top:52px}
.updates-hub-heading{
  display:flex;justify-content:space-between;align-items:flex-end;gap:38px;margin-bottom:28px
}
.updates-hub-heading h1{
  margin:8px 0 12px;font-size:clamp(38px,5vw,64px);line-height:.98;letter-spacing:-.05em
}
.updates-hub-heading p{max-width:760px;color:#b9b7c9;font-size:16px;line-height:1.7;margin:0}
.truth-legend{
  flex:0 0 auto;display:flex;gap:14px;flex-wrap:wrap;color:#9192aa;font-size:11px;
  background:rgba(17,21,42,.7);border:1px solid var(--line);padding:10px 12px;border-radius:12px
}
.truth-legend span{display:flex;align-items:center;gap:7px}
.truth-dot{width:7px;height:7px;border-radius:50%;display:block}
.truth-dot.official{background:#f2cf83;box-shadow:0 0 10px rgba(242,207,131,.5)}
.truth-dot.mined{background:#78cfff;box-shadow:0 0 10px rgba(120,207,255,.5)}

.release-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.release-card{
  min-height:430px;border:1px solid var(--line);border-radius:28px;overflow:hidden;position:relative;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
  box-shadow:0 24px 70px rgba(0,0,0,.22)
}
.release-card.live{background:
  radial-gradient(circle at 14% 10%,rgba(241,194,82,.17),transparent 38%),
  linear-gradient(145deg,#1b1830,#101427 65%)}
.release-card.upcoming{background:
  radial-gradient(circle at 78% 8%,rgba(90,170,255,.18),transparent 36%),
  radial-gradient(circle at 12% 80%,rgba(169,93,255,.15),transparent 36%),
  linear-gradient(145deg,#11162c,#0e1222 70%)}
.release-card-inner{padding:28px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(210px,.85fr);gap:22px;height:100%}
.release-eyebrow-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.official-badge,.date-badge,.release-status-badge{
  display:inline-flex;align-items:center;border-radius:999px;padding:6px 9px;font-size:9px;
  letter-spacing:.11em;font-weight:900
}
.official-badge{background:rgba(242,207,131,.11);border:1px solid rgba(242,207,131,.32);color:#f2cf83}
.date-badge{background:rgba(255,255,255,.055);border:1px solid var(--line);color:#bcbcd0}
.release-status-badge.live{background:rgba(89,224,158,.1);border:1px solid rgba(89,224,158,.28);color:#7ee4b0}
.release-status-badge.upcoming{background:rgba(154,128,255,.12);border:1px solid rgba(154,128,255,.3);color:#c0adff}
.release-card h2{font-size:38px;line-height:1;margin:18px 0 7px;letter-spacing:-.045em}
.release-subtitle{color:#d2c5ff;font-weight:700;margin:0 0 14px}
.release-description{color:#b8b7c7;line-height:1.65;margin:0}
.feature-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}
.feature-chip{
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075);
  padding:7px 9px;border-radius:9px;color:#c3c2d0;font-size:10px
}
.release-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}
.release-button{
  border:0;border-radius:11px;padding:10px 13px;background:linear-gradient(135deg,#8068ff,#5f96ff);
  color:white;font-weight:800;font-size:11px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center
}
.release-button.secondary{
  background:rgba(255,255,255,.055);border:1px solid var(--line);color:#d2d1dc
}
.release-button:hover{filter:brightness(1.1)}
.release-note{
  margin-top:15px;border-left:2px solid #9d82ff;padding:9px 0 9px 12px;color:#a9a7ba;font-size:10px;line-height:1.55
}

.release-art{display:flex;align-items:center;justify-content:center;min-width:0}
.release-art-frame{
  position:relative;width:100%;height:100%;min-height:290px;border-radius:22px;border:1px solid rgba(255,255,255,.08);
  overflow:hidden;background:radial-gradient(circle at 50% 40%,#25294d,#101322 72%)
}
.release-art-frame .category-art-collage{height:100%;min-height:290px}
.release-art-empty{position:absolute;inset:0;display:grid;place-items:center;color:#817da7;text-align:center;padding:30px}
.release-art-empty strong{font-size:54px;display:block}
.release-art-empty span{font-size:11px;color:#817f96;display:block;margin-top:8px}
.arcade-art{
  position:absolute;inset:0;background:
  linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
  radial-gradient(circle at 50% 35%,rgba(122,103,255,.25),transparent 36%);
  background-size:24px 24px,24px 24px,auto
}
.arcade-machine{
  width:128px;height:190px;border:3px solid #a48cff;border-radius:18px 18px 10px 10px;
  background:linear-gradient(#21284b 0 48%,#34285a 48%);box-shadow:0 0 45px rgba(132,103,255,.3);
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-2deg)
}
.arcade-screen{
  width:91px;height:73px;margin:17px auto 12px;border:2px solid #6ed1ff;border-radius:8px;
  background:repeating-linear-gradient(0deg,#081228 0 5px,#0d1e3e 5px 10px);position:relative;overflow:hidden
}
.arcade-screen:before,.arcade-screen:after{content:"";position:absolute;background:#ffcb6e;width:13px;height:13px;box-shadow:26px 13px #ff6d8d,52px 29px #76e0ff}
.arcade-screen:before{left:10px;top:12px}.arcade-screen:after{right:12px;top:8px;transform:rotate(45deg)}
.arcade-controls{width:70px;height:8px;border-radius:999px;background:#8671ff;margin:20px auto;box-shadow:24px -4px 0 -1px #ff668e}

.release-count-chip{
  position:absolute;right:12px;bottom:12px;background:rgba(7,9,21,.78);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:7px 9px;color:#d2d0dd;font-size:10px
}

.event-roadmap-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px;margin-top:18px}
.event-feature,.roadmap-feature{
  border:1px solid var(--line);border-radius:24px;background:rgba(17,21,42,.7);padding:24px
}
.event-feature{background:
  radial-gradient(circle at 90% 15%,rgba(242,207,131,.11),transparent 34%),
  rgba(17,21,42,.72)}
.event-feature h3,.roadmap-feature h3{font-size:25px;margin:8px 0 8px;letter-spacing:-.03em}
.event-feature p,.roadmap-feature p{color:#aaa9bc;line-height:1.6;margin:0}
.event-date{color:#f2cf83;font-weight:800;font-size:11px}
.event-steps{display:grid;gap:8px;margin-top:18px}
.event-step{display:flex;gap:9px;align-items:flex-start;color:#c6c4d0;font-size:11px}
.event-step i{font-style:normal;color:#f2cf83}

.roadmap-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.roadmap-card{border:1px solid var(--line);border-radius:15px;padding:15px;background:rgba(255,255,255,.026)}
.roadmap-card small{font-size:8px;letter-spacing:.12em;color:#85859d;font-weight:800}
.roadmap-card strong{display:block;font-size:14px;margin:7px 0 3px}
.roadmap-card b{display:block;color:#c8b8ff;font-size:9px;margin-bottom:9px}
.roadmap-card p{font-size:10px!important;line-height:1.5!important}

.source-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.source-link{font-size:9px;color:#aaa7bf;text-decoration:none;border-bottom:1px dotted #77738c}
.source-link:hover{color:white}

.release-data-section{margin-top:34px}
.compact-heading{margin-bottom:14px}
.release-match-summary{
  display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:14px
}
.match-total-card,.match-category-card{
  border:1px solid var(--line);border-radius:20px;background:rgba(17,21,42,.62);padding:20px
}
.match-total-card strong{font-size:34px;display:block}
.match-total-card span{color:#aaa9bc;font-size:11px}
.match-total-card button{margin-top:14px}
.match-categories{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.match-category-chip{border:1px solid var(--line);border-radius:999px;padding:7px 9px;color:#bbb9cb;font-size:10px}
.match-category-chip b{color:white;margin-left:3px}

@media(max-width:980px){
  .release-grid,.event-roadmap-grid,.release-match-summary{grid-template-columns:1fr}
  .release-card-inner{grid-template-columns:1fr}
  .release-art-frame{min-height:240px}
  .release-pulse{grid-template-columns:1fr}
  .updates-hub-heading{align-items:flex-start;flex-direction:column}
}
@media(max-width:680px){
  .roadmap-cards{grid-template-columns:1fr}
  .release-card h2{font-size:32px}
  .release-card-inner{padding:20px}
}


/* =========================================================
   DDV WEBSITE 1.4.6 — VISUAL REPAIR & COMPLETE LATEST RELEASE
   ========================================================= */
.release-card{min-height:470px}
.release-card-inner{grid-template-columns:minmax(0,1.02fr) minmax(280px,.98fr);align-items:stretch}
.release-card h2{font-size:42px}
.release-subtitle{font-size:15px}
.release-description{font-size:15px;line-height:1.78;color:#c2c1cf}
.feature-chip{font-size:11px;line-height:1.45;padding:8px 10px;border-radius:10px}
.source-link{font-size:11px}
.release-note{font-size:12px;line-height:1.65}
.event-feature p,.roadmap-feature p{font-size:15px;line-height:1.8}
.event-feature h3,.roadmap-feature h3{font-size:28px}
.event-step{font-size:13px;line-height:1.6}
.roadmap-card p{font-size:12px!important;line-height:1.65!important}
.match-total-card span,.match-category-card .section-copy{font-size:13px;line-height:1.65}
.match-category-chip{font-size:11px;padding:8px 10px}

.release-art-frame{min-height:336px;background:radial-gradient(circle at 28% 26%,rgba(103,110,255,.18),transparent 34%),linear-gradient(180deg,#161a34,#0f1326 78%)}
.release-art-frame-placeholder{background:radial-gradient(circle at 50% 18%,rgba(143,119,255,.18),transparent 34%),linear-gradient(180deg,#171935,#101325 80%)}
.release-hero-art{position:relative;height:100%;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(130px,.75fr);gap:14px;padding:18px 18px 42px;align-items:stretch}
.release-hero-art.solo{grid-template-columns:1fr}
.release-main-art,.release-side-tile{border:1px solid rgba(255,255,255,.09);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:0}
.release-main-art{padding:18px;min-height:254px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.release-main-art img,.release-side-tile img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 20px 35px rgba(0,0,0,.32))}
.release-side-art{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:12px;min-width:0}
.release-side-tile{padding:10px;min-height:72px}
.release-art-caption{position:absolute;left:20px;bottom:12px;font-size:11px;letter-spacing:.03em;color:#a8a6ba}
.arcade-copy{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);text-align:center;max-width:260px}
.arcade-copy strong{display:block;font-size:14px;margin-bottom:5px}
.arcade-copy span{display:block;font-size:12px;line-height:1.55;color:#b9b7cb}
.arcade-machine{top:45%}
.release-count-chip{font-size:11px}

.latest-release-section{margin-top:22px}
.latest-release-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.latest-release-card{border:1px solid var(--line);border-radius:22px;background:rgba(17,21,42,.72);padding:22px}
.latest-release-card h3{font-size:28px;line-height:1.08;margin:10px 0 10px;letter-spacing:-.03em}
.latest-release-card p{font-size:14px;line-height:1.72;color:#bab8ca;margin:0 0 14px}
.detail-bullet-list,.detail-note-list{margin:0;padding-left:18px;display:grid;gap:10px;color:#d1cfda}
.detail-bullet-list li,.detail-note-list li{font-size:13px;line-height:1.68}
.quick-facts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 16px}
.quick-fact{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:14px;padding:10px 12px}
.quick-fact small{display:block;font-size:10px;letter-spacing:.11em;color:#9190a6;margin-bottom:6px;font-weight:800}
.quick-fact strong{font-size:14px;line-height:1.35;display:block}
.mini-heading{font-size:11px;letter-spacing:.12em;color:#f2cf83;font-weight:900;margin:6px 0 10px}
.match-categories.compact{margin-top:0;margin-bottom:14px}
.latest-release-card-summary .release-actions{margin-top:18px}

@media(max-width:1120px){
  .release-card-inner{grid-template-columns:1fr}
  .release-art-frame{min-height:300px}
  .latest-release-grid{grid-template-columns:1fr}
}
@media(max-width:740px){
  .release-card h2{font-size:34px}
  .release-description,.event-feature p,.roadmap-feature p,.latest-release-card p{font-size:14px}
  .release-hero-art{grid-template-columns:1fr}
  .release-side-art{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none}
  .quick-facts-grid{grid-template-columns:1fr}
}


/* DDV WEBSITE 1.5.0 FINAL - BASELINE INTELLIGENCE */
.baseline-mini-line{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:-8px 0 22px;color:#8f90a8;font-size:10px}.baseline-mini-line code{color:#c9c0f5;background:rgba(167,124,255,.09);border:1px solid rgba(167,124,255,.18);padding:5px 7px;border-radius:7px}.baseline-mini-line b{font-weight:700;color:#85dfb3}.baseline-dashboard-hero{background:radial-gradient(circle at 12% 40%,rgba(167,124,255,.08),transparent 35%)}.baseline-status-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.baseline-status-row span{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.035);color:#c2c0d3;font-size:10px}.baseline-status-row i{font-style:normal;font-size:8px;font-weight:900;letter-spacing:.13em;color:#7f8098}.baseline-status-row code,.mono-small{color:#cfc6ff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.baseline-status-row .ready{color:#8be0b8;border-color:rgba(89,224,158,.2);background:rgba(89,224,158,.055)}.baseline-intelligence-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;padding:22px 24px 0}.baseline-panel{border:1px solid rgba(255,255,255,.085);border-radius:17px;background:rgba(9,12,27,.34);padding:20px}.baseline-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.baseline-panel-heading span{font-size:9px;font-weight:900;letter-spacing:.15em;color:var(--gold)}.baseline-panel-heading b{font-size:13px}.baseline-fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.baseline-fact-grid div{border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);border-radius:11px;padding:12px;min-width:0}.baseline-fact-grid small{display:block;color:#777991;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.baseline-fact-grid strong{display:block;margin-top:5px;font-size:14px;overflow-wrap:anywhere}.baseline-note{font-size:11px!important;color:#9292a8!important;line-height:1.6!important;margin:14px 2px 0!important}.coverage-line{display:flex;align-items:baseline;gap:8px}.coverage-line strong{font-size:31px}.coverage-line span{color:#8e8fa5;font-size:11px}.coverage-track{height:7px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden;margin:11px 0 17px}.coverage-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#775cf3,#72d8ff)}.health-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.health-checks span{color:#9da0b5;font-size:10px;line-height:1.4}.baseline-diff-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 24px 0;padding:15px 17px;border:1px solid rgba(167,124,255,.16);border-radius:14px;background:rgba(167,124,255,.04)}.baseline-diff-strip>div:first-child span{display:block;color:#9b8dea;font-size:8px;font-weight:900;letter-spacing:.15em}.baseline-diff-strip>div:first-child strong{display:block;margin-top:4px;font-size:13px}.baseline-diff-counters{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.baseline-diff-counters span{padding:6px 8px;border:1px solid rgba(255,255,255,.07);border-radius:8px;color:#888a9d;font-size:9px}.baseline-diff-counters b{color:#fff;margin-right:3px}.baseline-category-wrap{padding-top:19px}.baseline-static-chip{cursor:default}.baseline-static-chip:hover{border-color:var(--line);background:rgba(255,255,255,.035);color:#a9a8bb}
@media(max-width:900px){.baseline-intelligence-grid{grid-template-columns:1fr}.baseline-diff-strip{align-items:flex-start;flex-direction:column}.baseline-diff-counters{justify-content:flex-start}}
@media(max-width:620px){.baseline-intelligence-grid{padding:16px 16px 0}.baseline-fact-grid,.health-checks{grid-template-columns:1fr}.baseline-diff-strip{margin:12px 16px 0}.baseline-status-row span{width:100%;justify-content:space-between}}


/* =========================================================
   DDV WEBSITE 1.5.1 - MISSING ARTWORK AUDIT
   ========================================================= */

.category-card-audit{
  border-color:rgba(255,191,101,.34);
  background:
    radial-gradient(circle at 80% 15%,rgba(255,191,101,.10),transparent 34%),
    linear-gradient(180deg,rgba(29,29,52,.98),rgba(12,14,29,.98));
}
.category-card-audit .category-title-row strong{color:#ffd58e;}
.category-card-audit .category-art-empty span{color:#ffbf65;}

.audit-dashboard{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.audit-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) 190px;
  gap:24px;
  align-items:center;
  padding:26px 28px;
  border:1px solid rgba(255,191,101,.24);
  border-radius:22px;
  background:
    radial-gradient(circle at 83% 24%,rgba(255,191,101,.10),transparent 28%),
    linear-gradient(135deg,rgba(32,29,58,.98),rgba(14,17,34,.98));
}
.audit-hero h2{font-size:30px;line-height:1.05;margin:8px 0 10px;}
.audit-hero p{max-width:820px;color:var(--muted);line-height:1.65;}
.audit-trust-line{
  margin-top:18px;
  padding:13px 15px;
  border-radius:13px;
  display:flex;
  flex-direction:column;
  gap:4px;
  border:1px solid rgba(91,221,173,.26);
  background:rgba(55,181,136,.08);
}
.audit-trust-line.warn{
  border-color:rgba(255,191,101,.30);
  background:rgba(255,191,101,.08);
}
.audit-trust-line strong{font-size:13px;}
.audit-trust-line span{font-size:12px;color:var(--muted);}

.audit-ring{
  width:166px;height:166px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;flex-direction:column;
  justify-self:end;
  border:1px solid rgba(255,191,101,.30);
  background:
    radial-gradient(circle at 50% 45%,rgba(255,191,101,.13),transparent 58%),
    rgba(11,14,31,.78);
  box-shadow:inset 0 0 0 10px rgba(255,255,255,.015);
}
.audit-ring strong{font-size:34px;}
.audit-ring span{font-size:11px;color:#ffd58e;text-transform:uppercase;letter-spacing:.12em;font-weight:800;}
.audit-ring small{font-size:10px;color:var(--muted);margin-top:5px;}

.audit-stat-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.audit-stat{
  padding:16px;
  min-height:114px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(17,20,42,.92);
}
.audit-stat span{
  display:block;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#ffd58e;
  font-weight:800;
}
.audit-stat strong{display:block;font-size:26px;margin:8px 0 4px;}
.audit-stat small{display:block;color:var(--muted);line-height:1.4;font-size:11px;}
.audit-stat.priority{border-color:rgba(123,102,255,.30);}

.audit-panel-grid{
  display:grid;
  grid-template-columns:1.35fr .85fr;
  gap:14px;
}
.audit-panel{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(16,19,40,.94);
  border-radius:18px;
  padding:18px;
}
.audit-panel-head{
  display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:14px;
}
.audit-panel-head span{
  font-size:10px;letter-spacing:.12em;color:#ffd58e;font-weight:800;
}
.audit-panel-head b{font-size:12px;}
.audit-chip-cloud{display:flex;flex-wrap:wrap;gap:8px;}
.audit-release-list{display:flex;flex-direction:column;gap:8px;}
.audit-release-list div{
  display:flex;justify-content:space-between;gap:12px;
  padding:10px 12px;border-radius:11px;background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.06);
}
.audit-release-list span{font-size:12px;color:var(--muted);}
.audit-release-list strong{font-size:12px;}
.audit-note{margin:14px 0 0;color:var(--muted);line-height:1.55;font-size:11px;}

.audit-open-button{
  width:100%;
  margin-top:15px;
  border:1px solid rgba(255,191,101,.25);
  border-radius:11px;
  background:rgba(255,191,101,.08);
  color:#ffd58e;
  padding:10px 12px;
  font-weight:800;
  cursor:pointer;
}
.audit-open-button:hover{background:rgba(255,191,101,.14);}

.badge-audit{
  background:#ffd58e;
  color:#16111d;
}
.badge-review{
  background:#8b7cff;
  color:white;
}

body .item-card:has(.badge-audit){
  border-color:rgba(255,191,101,.18);
}
body .item-card:has(.badge-review){
  border-color:rgba(139,124,255,.32);
}

@media (max-width:1000px){
  .audit-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .audit-panel-grid{grid-template-columns:1fr;}
}
@media (max-width:720px){
  .audit-hero{grid-template-columns:1fr;}
  .audit-ring{justify-self:start;width:140px;height:140px;}
  .audit-stat-grid{grid-template-columns:1fr;}
}


/* DDV WEBSITE 1.5.2 - PIXEL PERFECT NEWS & MEDIA HUB */
.launch-brief-section,.media-hub-section{margin-top:28px}
.launch-brief-shell,.media-hub-shell{border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(21,24,50,.94),rgba(11,14,29,.96));box-shadow:var(--soft-shadow);overflow:hidden}
.launch-brief-head,.media-hub-head{padding:28px 30px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}
.launch-brief-head h2,.media-hub-head h2{font-size:34px;line-height:1.05;letter-spacing:-.035em;margin:12px 0 10px}
.launch-brief-head p,.media-hub-head p{max-width:840px;margin:0;color:#b9b8c9;line-height:1.7;font-size:14px}
.launch-ready-chip{min-width:180px;border:1px solid rgba(126,228,176,.25);background:rgba(89,224,158,.06);border-radius:18px;padding:15px 16px;display:flex;flex-direction:column;gap:4px}.launch-ready-chip small{color:#7ee4b0;font-size:9px;font-weight:900;letter-spacing:.15em}.launch-ready-chip strong{font-size:18px}.launch-ready-chip span{color:#8f93aa;font-size:10px}
.launch-prereq{margin:20px 30px 0;padding:14px 16px;border:1px solid rgba(242,207,131,.18);background:rgba(242,207,131,.055);border-radius:14px;display:flex;gap:12px;align-items:flex-start}.launch-prereq strong{color:#f2cf83;white-space:nowrap}.launch-prereq span{color:#c8c6d6;line-height:1.55}
.launch-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:20px 30px}.launch-news-card{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025);padding:18px}.launch-news-card small{font-size:9px;color:var(--gold);font-weight:900;letter-spacing:.12em}.launch-news-card h3{font-size:20px;line-height:1.08;margin:8px 0 8px}.launch-news-card p{margin:0;color:#aaa9bd;line-height:1.62;font-size:12px}
.launch-timeline-wrap{padding:0 30px 22px}.launch-subhead{display:flex;justify-content:space-between;align-items:center;margin:4px 0 12px}.launch-subhead span{font-size:9px;color:var(--gold);font-weight:900;letter-spacing:.13em}.launch-subhead strong{font-size:12px}.launch-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.launch-event{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02);padding:14px}.launch-event b{display:block;color:#bba7ff;font-size:10px;margin-bottom:7px}.launch-event strong{display:block;font-size:13px}.launch-event p{font-size:11px;color:#9291a8;line-height:1.5;margin:7px 0 0}
.launch-warning{margin:0 30px 24px;border:1px solid rgba(255,189,111,.28);background:rgba(255,189,111,.07);border-radius:16px;padding:15px 16px;display:flex;gap:12px;align-items:flex-start}.launch-warning>span{font-size:22px}.launch-warning strong{color:#ffd29b}.launch-warning p{margin:5px 0 0;color:#bbb8c6;font-size:12px;line-height:1.6}.launch-brief-shell>.source-links{padding:0 30px 26px}
.media-official-chip{border:1px solid rgba(126,228,176,.22);background:rgba(89,224,158,.06);color:#7ee4b0;padding:8px 10px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.1em;white-space:nowrap}
.media-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:22px 30px}.media-video-card{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025);overflow:hidden}.media-video-frame{aspect-ratio:16/9;background:#090b15}.media-video-frame iframe{width:100%;height:100%;border:0;display:block}.media-video-copy{padding:16px}.media-video-copy small{color:var(--gold);font-size:9px;font-weight:900;letter-spacing:.12em}.media-video-copy h3{font-size:22px;margin:7px 0}.media-video-copy p{font-size:12px;line-height:1.6;color:#aaa9bd;margin:0 0 14px}
.media-reserved-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 30px 28px}.media-reserved-card{min-height:150px;border:1px dashed rgba(167,124,255,.28);border-radius:18px;background:radial-gradient(circle at 80% 20%,rgba(167,124,255,.08),transparent 35%);padding:18px}.media-reserved-card>span{float:right;color:#9a80ff;font-size:26px}.media-reserved-card small{display:block;color:#9a80ff;font-size:9px;font-weight:900;letter-spacing:.12em}.media-reserved-card h3{margin:9px 0 7px;font-size:18px}.media-reserved-card p{margin:0;color:#85869a;line-height:1.55;font-size:11px}
@media(max-width:1100px){.launch-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.launch-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.launch-brief-head,.media-hub-head{flex-direction:column}.launch-news-grid,.media-video-grid,.media-reserved-grid,.launch-timeline{grid-template-columns:1fr}.launch-news-grid,.media-video-grid,.media-reserved-grid{padding-left:18px;padding-right:18px}.launch-prereq,.launch-warning{margin-left:18px;margin-right:18px}.launch-timeline-wrap{padding-left:18px;padding-right:18px}.launch-brief-shell>.source-links{padding-left:18px;padding-right:18px}}


/* =========================================================
   DDV WEBSITE 1.5.3 — COMPACT RELEASE CARDS + UPCOMING VIDEO
   ========================================================= */

/* The top release cards are summaries now. Full detail remains below. */
.release-card{min-height:0}
.release-card-inner{
  padding:24px;
  grid-template-columns:minmax(0,1.12fr) minmax(230px,.88fr);
  gap:18px;
  align-items:stretch
}
.release-card h2{font-size:36px;margin:14px 0 6px}
.release-subtitle{font-size:13px;margin-bottom:9px}
.release-description{font-size:13px;line-height:1.55}
.feature-list{gap:6px;margin-top:14px}
.feature-chip{font-size:9px;line-height:1.35;padding:6px 8px}
.release-actions{margin-top:15px}
.source-links{margin-top:11px}
.release-art-frame{min-height:245px;height:100%}
.release-art-frame .category-art-collage{min-height:245px}
.release-hero-art{padding:14px 14px 34px;gap:10px}
.release-main-art{min-height:178px;padding:12px}
.release-side-art{gap:8px}
.release-side-tile{min-height:50px;padding:7px}
.release-art-caption{font-size:9px;bottom:9px;left:14px}
.release-count-chip{font-size:9px}
.arcade-machine{width:104px;height:154px}
.arcade-screen{width:74px;height:58px;margin-top:14px}
.arcade-copy{bottom:12px}
.arcade-copy strong{font-size:11px}
.arcade-copy span{font-size:9px;line-height:1.35}

/* Official upcoming video lives immediately below Live / Coming Next. */
.upcoming-video-section{margin-top:18px}
.upcoming-video-shell{
  border:1px solid var(--line);
  border-radius:24px;
  background:
    radial-gradient(circle at 12% 20%,rgba(144,112,255,.12),transparent 32%),
    linear-gradient(145deg,rgba(20,23,48,.96),rgba(10,13,28,.97));
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(300px,.72fr) minmax(420px,1.28fr);
  box-shadow:var(--soft-shadow)
}
.upcoming-video-copy{padding:26px 28px;display:flex;flex-direction:column;justify-content:center}
.upcoming-video-copy h2{font-size:30px;line-height:1.05;letter-spacing:-.035em;margin:9px 0 5px}
.upcoming-video-copy>strong{color:#cdbfff;font-size:13px}
.upcoming-video-copy p{color:#aaa9bd;font-size:12px;line-height:1.6;margin:12px 0 0;max-width:560px}
.upcoming-video-frame{aspect-ratio:16/9;background:#080a14;min-height:260px}
.upcoming-video-frame iframe{width:100%;height:100%;border:0;display:block}

@media(max-width:1100px){
  .release-card-inner{grid-template-columns:1fr}
  .release-art-frame{min-height:220px}
  .upcoming-video-shell{grid-template-columns:1fr}
}
@media(max-width:780px){
  .release-card-inner{padding:18px}
  .release-card h2{font-size:31px}
  .upcoming-video-copy{padding:20px}
  .upcoming-video-frame{min-height:210px}
}

/* =========================================================
   DDV WEBSITE 1.5.4 — FANTASY VISUAL OVERHAUL + RALPH VIDEO INTELLIGENCE
   ========================================================= */
body{position:relative;overflow-x:hidden;background:
  radial-gradient(circle at 14% 3%,rgba(91,78,190,.31),transparent 26%),
  radial-gradient(circle at 86% 12%,rgba(31,123,190,.17),transparent 30%),
  radial-gradient(circle at 52% 64%,rgba(93,63,160,.09),transparent 36%),
  linear-gradient(180deg,#070a18 0,#08101f 42%,#070a14 100%)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;opacity:.75;background-image:
  radial-gradient(circle at 8% 14%,rgba(255,255,255,.95) 0 1px,transparent 1.6px),
  radial-gradient(circle at 23% 46%,rgba(184,215,255,.75) 0 1px,transparent 1.7px),
  radial-gradient(circle at 62% 17%,rgba(255,231,171,.76) 0 1px,transparent 1.5px),
  radial-gradient(circle at 81% 34%,rgba(203,185,255,.85) 0 1px,transparent 1.5px),
  radial-gradient(circle at 92% 72%,rgba(255,255,255,.55) 0 1px,transparent 1.5px);background-size:310px 290px,390px 360px,470px 420px,520px 500px,600px 560px}
.dreamlight-ambient{position:fixed;inset:76px 0 0;z-index:-2;pointer-events:none;overflow:hidden}.dreamlight-ambient i{position:absolute;width:380px;height:110px;border:1px solid rgba(121,151,255,.08);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;filter:blur(.2px);transform:rotate(-18deg)}.dreamlight-ambient i:nth-child(1){left:-110px;top:10%}.dreamlight-ambient i:nth-child(2){right:-130px;top:28%;transform:rotate(162deg)}.dreamlight-ambient i:nth-child(3){left:20%;top:55%;width:520px}.dreamlight-ambient i:nth-child(4){right:10%;top:75%;width:440px;transform:rotate(155deg)}.dreamlight-ambient i:nth-child(5){left:45%;top:12%;width:240px;opacity:.65}.dreamlight-ambient i:nth-child(6){left:4%;top:84%;width:270px;opacity:.5}
.topbar{background:linear-gradient(180deg,rgba(7,10,24,.94),rgba(7,10,24,.77));border-bottom-color:rgba(160,175,255,.14);box-shadow:0 12px 40px rgba(0,0,0,.14)}
.brand-mark{background:radial-gradient(circle at 35% 28%,#fff2c1 0 5%,#b894ff 28%,#477bda 64%,#17234e 100%);box-shadow:0 0 28px rgba(139,108,255,.42),0 0 58px rgba(69,164,255,.16)}
.hero{position:relative;isolation:isolate;min-height:560px}.hero:before{content:"";position:absolute;left:-20vw;right:-20vw;top:-1px;height:100%;z-index:-2;background:
  radial-gradient(ellipse at 22% 32%,rgba(114,98,255,.18),transparent 35%),
  radial-gradient(ellipse at 77% 41%,rgba(78,188,255,.11),transparent 29%),
  radial-gradient(ellipse at 50% 85%,rgba(215,180,255,.06),transparent 40%)}
.hero:after{content:"";position:absolute;width:640px;height:210px;left:1%;bottom:6%;z-index:-1;border-top:1px solid rgba(159,153,255,.13);border-radius:50%;transform:rotate(-8deg);filter:drop-shadow(0 0 14px rgba(132,111,255,.17))}.hero-copy,.hero-card{position:relative;z-index:2}.hero h1{text-shadow:0 0 36px rgba(126,111,255,.13)}.hero-search{border-color:rgba(158,169,255,.2);background:linear-gradient(180deg,rgba(19,25,53,.92),rgba(11,16,35,.88));box-shadow:0 22px 70px rgba(0,0,0,.36),0 0 35px rgba(102,99,255,.08)}
.hero-card{border-color:rgba(166,174,255,.2);background:
  radial-gradient(circle at 50% 42%,rgba(95,151,255,.14),transparent 38%),
  linear-gradient(145deg,rgba(77,64,154,.25),rgba(18,32,69,.18)),rgba(11,16,35,.88);box-shadow:0 28px 90px rgba(0,0,0,.38),0 0 55px rgba(101,94,255,.11)}
.hero-card:before{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.045);border-radius:25px;background:radial-gradient(circle at 20% 20%,rgba(255,232,165,.055),transparent 26%);pointer-events:none}.orb{animation:dreamlightFloat 5.5s ease-in-out infinite;box-shadow:0 0 55px rgba(125,105,255,.5),0 0 110px rgba(64,149,255,.16)}
.hero-magic-field{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.hero-magic-field span{position:absolute;color:#f7e4a8;text-shadow:0 0 18px rgba(255,227,153,.75),0 0 36px rgba(147,123,255,.65);opacity:.72;animation:magicTwinkle 4.6s ease-in-out infinite}.hero-magic-field span:nth-child(1){left:4%;top:15%;font-size:13px}.hero-magic-field span:nth-child(2){left:45%;top:20%;font-size:10px;animation-delay:-1.7s}.hero-magic-field span:nth-child(3){left:61%;top:8%;font-size:14px;animation-delay:-2.4s}.hero-magic-field span:nth-child(4){left:37%;top:76%;font-size:22px;animation-delay:-.8s}.hero-magic-field span:nth-child(5){left:84%;top:20%;font-size:11px;animation-delay:-3.1s}.hero-magic-field span:nth-child(6){left:73%;top:77%;font-size:16px;animation-delay:-1.2s}.hero-magic-field span:nth-child(7){left:9%;top:70%;font-size:20px;animation-delay:-2.7s}.hero-magic-field span:nth-child(8){left:95%;top:63%;font-size:10px;animation-delay:-.3s}
@keyframes magicTwinkle{0%,100%{opacity:.28;transform:translateY(0) scale(.82)}50%{opacity:.95;transform:translateY(-8px) scale(1.12)}}@keyframes dreamlightFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

.release-card{position:relative;isolation:isolate}.release-card.theme-honeyglow{border-color:rgba(238,191,92,.27);background:
  radial-gradient(circle at 87% 18%,rgba(255,191,64,.14),transparent 26%),
  radial-gradient(circle at 14% 90%,rgba(80,128,72,.12),transparent 30%),
  linear-gradient(145deg,rgba(43,39,43,.98),rgba(18,29,38,.98))}.release-card.theme-honeyglow:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.14;background:
  radial-gradient(circle at 25px 25px,transparent 12px,rgba(255,205,96,.32) 13px 14px,transparent 15px),
  radial-gradient(circle at 75px 55px,transparent 12px,rgba(255,205,96,.2) 13px 14px,transparent 15px);background-size:100px 88px}
.release-card.theme-honeyglow:after{content:"🍯  ·  ✦  ·  ❀";position:absolute;right:24px;top:20px;color:#f5ca69;letter-spacing:8px;font-size:11px;opacity:.55}.theme-honeyglow .release-subtitle,.theme-honeyglow .feature-chip{color:#f0dba7}.theme-honeyglow .release-button.story-button{background:linear-gradient(135deg,#c78a27,#e4b95f);color:#20170a}.theme-honeyglow .release-art-frame{background:radial-gradient(circle at 50% 32%,rgba(232,183,66,.18),transparent 34%),linear-gradient(180deg,#22312d,#101a20 78%);border-color:rgba(236,190,83,.18)}
.release-card.theme-pixel{border-color:rgba(88,210,255,.25);background:
  linear-gradient(rgba(77,176,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(77,176,255,.035) 1px,transparent 1px),
  radial-gradient(circle at 83% 18%,rgba(255,68,183,.16),transparent 27%),
  radial-gradient(circle at 18% 90%,rgba(0,220,255,.12),transparent 31%),
  linear-gradient(145deg,rgba(24,20,57,.98),rgba(10,19,42,.98));background-size:26px 26px,26px 26px,auto,auto,auto}.release-card.theme-pixel:after{content:"";position:absolute;right:18px;top:18px;width:58px;height:12px;background:#ff51bc;box-shadow:-17px 18px 0 #55e4ff,11px 36px 0 #8b63ff;opacity:.48;clip-path:polygon(0 0,100% 0,100% 55%,70% 55%,70% 100%,25% 100%,25% 65%,0 65%)}.theme-pixel .release-button.story-button{background:linear-gradient(135deg,#f24fbd,#725fff 48%,#35cbea);box-shadow:0 0 26px rgba(232,69,190,.18)}.theme-pixel .feature-chip{border-color:rgba(84,213,255,.14);color:#bceaff}.theme-pixel .release-art-frame{border-color:rgba(87,215,255,.18)}

.upcoming-video-section,.release-story-section{margin-top:20px}.pixel-video-shell{position:relative;overflow:hidden;border-color:rgba(76,213,255,.23);background:
  linear-gradient(rgba(78,202,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(78,202,255,.025) 1px,transparent 1px),
  radial-gradient(circle at 12% 20%,rgba(255,64,185,.13),transparent 27%),linear-gradient(145deg,rgba(24,20,55,.96),rgba(8,20,39,.97));background-size:28px 28px,28px 28px,auto,auto}.pixel-video-shell:before{content:"PIXEL PERFECT";position:absolute;right:-12px;top:11px;color:rgba(89,220,255,.07);font-weight:1000;font-size:46px;letter-spacing:.1em;pointer-events:none}.video-intelligence{grid-column:1/-1;border-top:1px solid rgba(102,215,255,.12);padding:24px 28px 28px;background:linear-gradient(180deg,rgba(9,15,34,.12),rgba(8,11,28,.5))}.video-intelligence-head{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(280px,1.25fr);gap:28px;align-items:end}.video-intelligence-head span{color:#56dcff;font-size:9px;font-weight:900;letter-spacing:.14em}.video-intelligence-head h3{font-size:27px;letter-spacing:-.03em;margin:6px 0 0}.video-intelligence-head p{margin:0;color:#a9b4c7;font-size:12px;line-height:1.65}.video-intelligence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.video-intelligence-grid article{display:flex;gap:11px;align-items:flex-start;border:1px solid rgba(88,208,255,.11);border-radius:15px;background:rgba(255,255,255,.026);padding:14px}.video-intelligence-grid i{font-style:normal;width:31px;height:31px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,rgba(255,77,187,.18),rgba(70,207,255,.15));color:#86e8ff}.video-intelligence-grid strong{font-size:12px}.video-intelligence-grid p{font-size:10px;line-height:1.55;color:#929aae;margin:5px 0 0}

.release-story-shell{border:1px solid rgba(255,255,255,.1);border-radius:28px;overflow:hidden;background:rgba(10,14,30,.79);box-shadow:var(--soft-shadow)}.release-story-nav{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;padding:26px 30px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)}.release-story-nav h2{font-size:31px;margin:6px 0 5px;letter-spacing:-.035em}.release-story-nav p{margin:0;color:#8f91a8;font-size:12px}.release-story-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.story-tab{border:1px solid var(--line);background:rgba(255,255,255,.04);color:#aaaabd;padding:10px 13px;border-radius:999px;cursor:pointer;font-size:11px;font-weight:800}.story-tab:hover{color:#fff}.story-tab.active[data-story-tab="latest"]{color:#2b1c07;border-color:rgba(247,207,104,.5);background:linear-gradient(135deg,#d49a3a,#f0cc73)}.story-tab.active[data-story-tab="upcoming"]{color:#fff;border-color:rgba(78,218,255,.42);background:linear-gradient(135deg,#dc4daf,#735ef6 52%,#2dbbdc)}.release-story-pane{display:none;position:relative;overflow:hidden;padding:31px}.release-story-pane.active{display:block}.story-atmosphere{position:absolute;inset:0;pointer-events:none}.story-atmosphere i{position:absolute}.release-story-hero{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:35px;align-items:end}.story-eyebrow{font-size:9px;font-weight:1000;letter-spacing:.17em}.release-story-hero h2{font-size:clamp(34px,4vw,51px);line-height:1;letter-spacing:-.045em;margin:9px 0 7px}.release-story-hero>div>strong{font-size:13px}.release-story-hero>div>p{max-width:760px;font-size:14px;line-height:1.75;color:#bcbccc;margin:13px 0 0}.story-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.story-facts div{border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:12px;background:rgba(7,10,22,.28);backdrop-filter:blur(8px)}.story-facts small{display:block;font-size:8px;letter-spacing:.12em;color:#8f90a4;text-transform:uppercase}.story-facts strong{display:block;margin-top:4px;font-size:12px}.story-chapter-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:25px}.story-chapter-grid article{border-radius:17px;padding:17px;border:1px solid rgba(255,255,255,.09);background:rgba(7,10,22,.34);backdrop-filter:blur(6px)}.story-chapter-grid small{font-size:8px;font-weight:900;letter-spacing:.13em}.story-chapter-grid h3{font-size:17px;line-height:1.18;margin:8px 0}.story-chapter-grid p{font-size:11px;line-height:1.62;color:#a7a8ba;margin:0}
.honey-story{background:
  radial-gradient(circle at 91% 8%,rgba(255,201,75,.19),transparent 25%),radial-gradient(circle at 7% 88%,rgba(95,139,69,.16),transparent 26%),linear-gradient(145deg,#273129,#141d21 66%,#13151d)}.honey-story:before{content:"";position:absolute;left:0;right:0;top:0;height:38px;background:radial-gradient(circle at 16px -8px,#d89e34 0 19px,transparent 20px);background-size:54px 38px;opacity:.55}.honey-story .story-eyebrow,.honey-story .story-chapter-grid small{color:#f4c75e}.honey-story .release-story-hero>div>strong{color:#f0daa2}.honey-story .story-atmosphere{opacity:.7;background-image:radial-gradient(circle at 25px 25px,transparent 12px,rgba(242,195,82,.15) 13px 14px,transparent 15px);background-size:92px 80px}.honey-story .story-atmosphere i:nth-child(1):before{content:"🐝";position:absolute;left:74vw;top:90px;font-size:17px;transform:rotate(-12deg)}.honey-story .story-atmosphere i:nth-child(2):before{content:"✦";position:absolute;left:56vw;top:190px;color:#ffd76f;text-shadow:0 0 16px #f3b946}.honey-story .story-atmosphere i:nth-child(3):before{content:"❀";position:absolute;left:8vw;top:220px;color:#e9d98a}.honey-story .story-chapter-grid article{border-color:rgba(236,190,74,.13)}
.pixel-story{background:
  linear-gradient(rgba(81,208,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(81,208,255,.04) 1px,transparent 1px),radial-gradient(circle at 91% 11%,rgba(255,61,182,.18),transparent 25%),radial-gradient(circle at 8% 88%,rgba(65,205,255,.14),transparent 26%),linear-gradient(145deg,#171438,#09172a 68%,#0a1020);background-size:26px 26px,26px 26px,auto,auto,auto}.pixel-story .story-eyebrow,.pixel-story .story-chapter-grid small{color:#60e6ff}.pixel-story .release-story-hero>div>strong{color:#ff83d1}.pixel-story .story-atmosphere i{width:16px;height:16px;background:#f454ba;box-shadow:18px 18px #56def4,36px 0 #8267ff;opacity:.4}.pixel-story .story-atmosphere i:nth-child(1){right:5%;top:13%}.pixel-story .story-atmosphere i:nth-child(2){left:4%;bottom:11%;transform:scale(.7)}.pixel-story .story-atmosphere i:nth-child(3){right:30%;bottom:20%;transform:scale(.45)}.pixel-story .story-chapter-grid article{border-color:rgba(89,218,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.pixel-drop-strip{position:relative;z-index:2;display:grid;grid-template-columns:.75fr 1.25fr;gap:20px;margin-top:12px;padding:17px 19px;border:1px solid rgba(188,88,255,.2);border-radius:18px;background:linear-gradient(90deg,rgba(244,74,184,.085),rgba(70,208,255,.055))}.pixel-drop-strip span{font-size:8px;font-weight:1000;letter-spacing:.13em;color:#ff7bd0}.pixel-drop-strip strong{display:block;font-size:17px;margin:3px 0}.pixel-drop-strip p{font-size:11px;color:#aaaec0;margin:0;line-height:1.55}.pixel-drop-facts{display:flex;gap:7px;flex-wrap:wrap;align-content:center}.pixel-drop-facts span{border:1px solid rgba(255,255,255,.09);border-radius:999px;padding:7px 9px;background:rgba(5,9,23,.32);color:#c5dbea;letter-spacing:0;font-weight:700}

.launch-brief-shell{border-color:rgba(98,191,255,.16);background:radial-gradient(circle at 90% 4%,rgba(247,71,188,.08),transparent 25%),linear-gradient(145deg,rgba(21,24,50,.94),rgba(9,17,32,.97))}.media-hub-shell{border-color:rgba(168,129,255,.17);background:radial-gradient(circle at 7% 8%,rgba(91,198,255,.07),transparent 25%),linear-gradient(145deg,rgba(19,23,48,.95),rgba(10,13,30,.97))}.media-reserved-card{background:radial-gradient(circle at 82% 18%,rgba(167,124,255,.11),transparent 35%),linear-gradient(135deg,rgba(255,255,255,.025),transparent)}

@media(max-width:1050px){.video-intelligence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.release-story-hero{grid-template-columns:1fr}.story-chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pixel-drop-strip{grid-template-columns:1fr}.release-story-nav{align-items:flex-start;flex-direction:column}.release-story-tabs{justify-content:flex-start}}
@media(max-width:720px){.video-intelligence-head{grid-template-columns:1fr;gap:10px}.video-intelligence-grid{grid-template-columns:1fr}.video-intelligence{padding:20px 18px}.release-story-pane{padding:24px 18px}.release-story-nav{padding:22px 18px}.story-chapter-grid,.story-facts{grid-template-columns:1fr}.release-story-tabs{width:100%}.story-tab{flex:1}.pixel-video-shell:before{font-size:28px}.hero{min-height:510px}.hero-magic-field span:nth-child(n+6){display:none}}
@media(prefers-reduced-motion:reduce){.hero-magic-field span,.orb{animation:none}}


/* =========================================================
   DDV WEBSITE 1.5.5 — COMPARISON GATE + MAGICAL BACKGROUND + TYPOGRAPHY UPGRADE
   ========================================================= */
body{background:
  radial-gradient(circle at 16% -4%,rgba(106,78,255,.34),transparent 28%),
  radial-gradient(circle at 86% 12%,rgba(48,176,255,.20),transparent 30%),
  radial-gradient(circle at 50% 46%,rgba(255,214,126,.06),transparent 34%),
  radial-gradient(circle at 48% 100%,rgba(77,63,157,.12),transparent 42%),
  linear-gradient(180deg,#060910 0,#09111f 34%,#07101b 72%,#060911 100%)}
body:after{content:"";position:fixed;inset:76px 0 0;pointer-events:none;z-index:-3;opacity:.7;background:
  radial-gradient(circle at 14% 18%,rgba(255,240,198,.26),transparent 0 26px,transparent 27px),
  radial-gradient(circle at 31% 63%,rgba(133,191,255,.18),transparent 0 22px,transparent 23px),
  radial-gradient(circle at 74% 26%,rgba(217,201,255,.18),transparent 0 20px,transparent 21px),
  radial-gradient(circle at 82% 78%,rgba(255,214,120,.15),transparent 0 18px,transparent 19px);background-size:420px 360px,510px 430px,630px 520px,720px 610px;mix-blend-mode:screen}
.page-glow{opacity:.24;filter:blur(128px)}
.page-glow-a{width:560px;height:560px;left:-220px;top:180px}.page-glow-b{width:520px;height:520px;right:-170px;top:720px}.page-glow-c{width:440px;height:440px;left:38%;top:1260px;opacity:.11}
.dreamlight-ambient i{animation:ambientSweep 18s ease-in-out infinite}
.dreamlight-ambient i:nth-child(7){right:4%;top:6%;width:300px;opacity:.4;transform:rotate(18deg)}
.dreamlight-ambient i:nth-child(8){left:58%;top:36%;width:350px;opacity:.34;transform:rotate(-9deg)}
.dreamlight-ambient i:nth-child(9){left:32%;top:74%;width:260px;opacity:.32;transform:rotate(12deg)}
.dreamlight-ambient i:nth-child(10){right:30%;top:88%;width:320px;opacity:.26;transform:rotate(168deg)}
.storybook-ribbons,.pixie-drift,.hero-fairy-ribbon{pointer-events:none;overflow:hidden}
.storybook-ribbons,.pixie-drift{position:fixed;inset:76px 0 0}
.storybook-ribbons{z-index:-2;opacity:.72;mix-blend-mode:screen}
.storybook-ribbons i{position:absolute;border:1px solid rgba(177,182,255,.09);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;filter:blur(.15px);animation:ribbonDrift 22s ease-in-out infinite}
.storybook-ribbons i:nth-child(1){left:-14vw;top:10%;width:42vw;height:18vw;transform:rotate(9deg)}
.storybook-ribbons i:nth-child(2){right:-12vw;top:44%;width:40vw;height:18vw;transform:rotate(154deg);animation-delay:-7s}
.storybook-ribbons i:nth-child(3){left:16vw;top:66%;width:33vw;height:14vw;transform:rotate(-12deg);animation-delay:-12s}
.storybook-ribbons i:nth-child(4){right:18vw;top:8%;width:24vw;height:11vw;transform:rotate(170deg);animation-delay:-16s;opacity:.65}
.pixie-drift{z-index:-1}
.pixie-drift span{position:absolute;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff7d1 0,#f0d98a 42%,rgba(255,232,159,.15) 72%,transparent 74%);box-shadow:0 0 18px rgba(255,224,153,.5),0 0 34px rgba(121,150,255,.16);opacity:.72;animation:pixieFloat 13s ease-in-out infinite}
.pixie-drift span:nth-child(1){left:7%;top:16%}.pixie-drift span:nth-child(2){left:18%;top:58%;animation-delay:-2.2s}.pixie-drift span:nth-child(3){left:28%;top:28%;animation-delay:-4.1s}.pixie-drift span:nth-child(4){left:38%;top:78%;animation-delay:-1.4s}.pixie-drift span:nth-child(5){left:49%;top:18%;animation-delay:-5.6s}.pixie-drift span:nth-child(6){left:61%;top:52%;animation-delay:-8.2s}.pixie-drift span:nth-child(7){left:72%;top:22%;animation-delay:-3.8s}.pixie-drift span:nth-child(8){left:81%;top:66%;animation-delay:-6.3s}.pixie-drift span:nth-child(9){left:90%;top:34%;animation-delay:-9.1s}.pixie-drift span:nth-child(10){left:12%;top:84%;animation-delay:-10.2s}.pixie-drift span:nth-child(11){left:56%;top:88%;animation-delay:-7.2s}.pixie-drift span:nth-child(12){left:95%;top:76%;animation-delay:-11.4s}
.hero{min-height:590px}
.hero-fairy-ribbon{position:absolute;inset:0;z-index:1}.hero-fairy-ribbon i{position:absolute;border:1px solid rgba(255,227,153,.12);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;filter:drop-shadow(0 0 14px rgba(255,228,153,.14));animation:ribbonDrift 16s ease-in-out infinite}.hero-fairy-ribbon i:nth-child(1){left:8%;bottom:10%;width:56%;height:34%;transform:rotate(-10deg)}.hero-fairy-ribbon i:nth-child(2){right:3%;top:8%;width:28%;height:20%;transform:rotate(168deg);animation-delay:-6s}
.hero-magic-field span:nth-child(9){left:17%;top:30%;font-size:12px;animation-delay:-4.2s}.hero-magic-field span:nth-child(10){left:54%;top:58%;font-size:18px;animation-delay:-1.9s}.hero-magic-field span:nth-child(11){left:79%;top:42%;font-size:12px;animation-delay:-5.1s}.hero-magic-field span:nth-child(12){left:24%;top:88%;font-size:14px;animation-delay:-2.8s}
.update-feature-card,.update-dashboard,.release-card,.release-story-shell,.launch-brief-shell,.media-hub-shell{box-shadow:0 22px 64px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.01) inset}
.update-feature-card:after,.update-dashboard:before,.release-story-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 16%,rgba(255,233,171,.05),transparent 24%),radial-gradient(circle at 86% 22%,rgba(93,170,255,.06),transparent 28%)}
.release-story-shell:before{z-index:0}.release-story-shell>*{position:relative;z-index:1}
/* Typography pass */
.brand strong{font-size:17px}.brand small{font-size:12px}.nav-link{font-size:13px;padding:10px 14px}.section-copy{font-size:14px;line-height:1.6}.eyebrow{font-size:12px}.hero-search input{font-size:17px}kbd{font-size:12px}.stat span{font-size:13px}.hero-card span{font-size:13px}.text-button{font-size:14px}.update-kicker{font-size:11px}.update-feature-copy p{font-size:16px}.update-mini-stats span{font-size:12px;padding:9px 12px}.waiting-badge{font-size:12px}.category-card small{font-size:13px;line-height:1.55}.tiny-badge{font-size:9px}.pulse-card small{font-size:10px}.pulse-card strong{font-size:15px}.pulse-card b{font-size:12px}.truth-legend{font-size:12px}.official-badge,.date-badge,.release-status-badge{font-size:10px}.release-subtitle,.release-description{font-size:14px}.feature-chip{font-size:11px;line-height:1.45}.release-button{font-size:12px}.release-art-caption,.release-count-chip{font-size:10px}.arcade-copy strong{font-size:12px}.arcade-copy span{font-size:10px}.upcoming-video-copy>strong{font-size:14px}.upcoming-video-copy p{font-size:14px;line-height:1.7}.video-intelligence-head span{font-size:10px}.video-intelligence-head p{font-size:13px}.video-intelligence-grid strong{font-size:13px}.video-intelligence-grid p{font-size:12px}.release-story-nav p{font-size:13px}.story-tab{font-size:12px}.story-eyebrow{font-size:10px}.release-story-hero>div>p{font-size:15px}.story-facts small{font-size:9px}.story-facts strong{font-size:13px}.story-chapter-grid small{font-size:9px}.story-chapter-grid p{font-size:12px}.pixel-drop-strip span{font-size:9px}.pixel-drop-strip p{font-size:12px}.update-dashboard-copy p{font-size:16px}.detected-label{font-size:12px}.update-metric span{font-size:10px}.update-metric small{font-size:12px}.update-breakdown-heading span{font-size:12px}.breakdown-chip{font-size:12px}.chip{font-size:13px}.status-badge{font-size:9px}.item-copy small{font-size:12px}.id-line{font-size:11px!important}.load-more{font-size:14px}footer{font-size:13px}.pill{font-size:12px}.tag{font-size:12px}.modal-copy h2{font-size:37px}.internal-name{font-size:14px}.detail-row span:first-child,.detail-row span:last-child{font-size:14px}
.baseline-mini-line b,.baseline-status-row .ready{color:#f2cf83}.baseline-status-row .ready.waiting{border-color:rgba(242,207,131,.22);background:rgba(242,207,131,.08);padding:10px 12px;border-radius:12px}.baseline-diff-strip strong{font-size:18px}
@keyframes ambientSweep{0%,100%{transform:translateY(0) rotate(-18deg)}50%{transform:translateY(-8px) rotate(-14deg)}}
@keyframes ribbonDrift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-10px,0)}}
@keyframes pixieFloat{0%,100%{transform:translate3d(0,0,0) scale(.85);opacity:.45}50%{transform:translate3d(0,-10px,0) scale(1.18);opacity:1}}
@media(max-width:720px){.pixie-drift span:nth-child(n+9),.dreamlight-ambient i:nth-child(n+8),.hero-magic-field span:nth-child(n+9){display:none}.release-description,.upcoming-video-copy p,.video-intelligence-head p,.story-chapter-grid p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.dreamlight-ambient i,.storybook-ribbons i,.pixie-drift span,.hero-fairy-ribbon i{animation:none}}


/* =========================================================
   DDV WEBSITE 1.5.6 — ILLUSTRATED BACKGROUND WORLDS
   ========================================================= */
.scene-layer{position:fixed;pointer-events:none;z-index:-2;background-repeat:no-repeat}
.scene-top{left:0;right:0;top:76px;height:360px;background-image:url("assets/bg_top_magic_trail.svg");background-size:cover;background-position:center top;opacity:.92;mix-blend-mode:screen}
.scene-left{left:0;top:76px;bottom:0;width:min(24vw,430px);background-image:url("assets/bg_left_story_valley.svg");background-size:contain;background-position:left bottom;opacity:.92;filter:drop-shadow(0 0 22px rgba(91,118,255,.12))}
.scene-right{right:0;top:76px;bottom:0;width:min(28vw,520px);background-image:url("assets/bg_right_story_valley.svg");background-size:contain;background-position:right bottom;opacity:.94;filter:drop-shadow(0 0 26px rgba(146,97,255,.12))}
.scene-bottom{left:0;right:0;bottom:0;height:190px;background-image:url("assets/bg_bottom_magic_border.svg");background-size:cover;background-position:center bottom;opacity:.78;mix-blend-mode:screen}
body{background:
  radial-gradient(circle at 18% 10%,rgba(117,88,255,.22),transparent 24%),
  radial-gradient(circle at 84% 17%,rgba(46,166,255,.16),transparent 25%),
  radial-gradient(circle at 48% 40%,rgba(255,211,126,.05),transparent 32%),
  linear-gradient(180deg,#060912 0,#08101d 34%,#07101a 72%,#060911 100%)}
body:before{opacity:.58}
.page-glow{opacity:.19}
.topbar{background:linear-gradient(180deg,rgba(5,8,22,.95),rgba(6,10,24,.78));box-shadow:0 14px 42px rgba(0,0,0,.18)}
.hero,.release-pulse,.update-home,.updates-hub,.results-section{position:relative;z-index:1}
.hero:before{background:
  radial-gradient(ellipse at 26% 34%,rgba(114,98,255,.16),transparent 30%),
  radial-gradient(ellipse at 78% 35%,rgba(74,188,255,.12),transparent 26%),
  radial-gradient(ellipse at 50% 88%,rgba(249,202,122,.05),transparent 24%)}
.update-feature-card,.update-dashboard,.release-card,.release-story-shell,.launch-brief-shell,.media-hub-shell,.event-feature,.roadmap-feature,.latest-release-grid>*,.release-match-summary>*{backdrop-filter:blur(10px)}
.hero-card{box-shadow:0 28px 90px rgba(0,0,0,.42),0 0 70px rgba(117,109,255,.12)}
@media(max-width:1200px){.scene-left{width:min(26vw,330px);opacity:.78}.scene-right{width:min(30vw,360px);opacity:.8}}
@media(max-width:900px){.scene-top{height:250px;opacity:.65}.scene-left,.scene-right{width:34vw;opacity:.55}.scene-bottom{height:130px;opacity:.5}}
@media(max-width:720px){.scene-left,.scene-right,.scene-bottom{display:none}.scene-top{height:190px;opacity:.44}}


/* =========================================================
   DDV WEBSITE 1.5.7 — SCENIC BACKGROUND + BASELINE SCOPE
   ========================================================= */
body{position:relative;background:
  radial-gradient(circle at 18% 8%,rgba(111,86,255,.16),transparent 22%),
  radial-gradient(circle at 84% 12%,rgba(55,166,255,.12),transparent 24%),
  linear-gradient(180deg,#060912 0,#08101d 34%,#07101a 72%,#060911 100%)}
.topbar,main,.modal-shell,.detail-modal,.lightbox-overlay{position:relative;z-index:3}
.page-glow,.scene-layer,.dreamlight-ambient,.storybook-ribbons,.pixie-drift,.twinkle-starfield{pointer-events:none}
.page-glow{z-index:0}
.scene-layer{z-index:0;background-repeat:no-repeat}
.dreamlight-ambient,.storybook-ribbons,.pixie-drift,.twinkle-starfield{position:fixed;inset:0;z-index:1;overflow:hidden}
.scene-top{top:74px;left:28%;width:min(28vw,380px);height:120px;background-image:url("bg_fantasy_trail.png");background-size:contain;background-position:center top;opacity:.92;mix-blend-mode:screen}
.scene-left{left:0;top:74px;bottom:0;width:min(16vw,205px);background-image:url("bg_fantasy_left.png");background-size:contain;background-position:left top;opacity:.98}
.scene-right{right:0;top:74px;bottom:0;width:min(19vw,252px);background-image:url("bg_fantasy_right.png");background-size:contain;background-position:right top;opacity:.98}
.scene-bottom{display:none}
main,header{isolation:isolate}
.topbar{z-index:10}
.hero,.release-pulse,.section,.updates-hub,.results-section,.detail-section,.update-page{position:relative;z-index:3}
.hero{padding-left:max(6vw,120px);padding-right:max(7vw,150px)}
@media (max-width:1200px){.hero{padding-left:max(4vw,88px);padding-right:max(5vw,88px)}.scene-left{width:min(19vw,180px)}.scene-right{width:min(21vw,220px)}.scene-top{width:min(30vw,300px);left:33%}}
@media (max-width:900px){.scene-left,.scene-right{opacity:.65;width:17vw}.scene-top{opacity:.7;height:90px}.hero{padding-left:40px;padding-right:40px}}
@media (max-width:720px){.scene-left,.scene-right{display:none}.scene-top{left:50%;transform:translateX(-50%);width:250px;opacity:.5}.hero{padding-left:24px;padding-right:24px}}

/* Twinkling stars */
.twinkle-starfield i{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffe8a6;box-shadow:0 0 10px rgba(255,226,151,.8),0 0 20px rgba(118,165,255,.25);animation:starBlink 3.2s ease-in-out infinite}
.twinkle-starfield i:nth-child(1){left:7%;top:18%;animation-delay:-.4s}.twinkle-starfield i:nth-child(2){left:14%;top:61%;animation-delay:-2s}.twinkle-starfield i:nth-child(3){left:24%;top:34%;animation-delay:-1.4s}.twinkle-starfield i:nth-child(4){left:38%;top:17%;animation-delay:-2.6s}.twinkle-starfield i:nth-child(5){left:50%;top:44%;animation-delay:-.8s}.twinkle-starfield i:nth-child(6){left:60%;top:22%;animation-delay:-2.2s}.twinkle-starfield i:nth-child(7){left:68%;top:58%;animation-delay:-1.1s}.twinkle-starfield i:nth-child(8){left:78%;top:26%;animation-delay:-2.8s}.twinkle-starfield i:nth-child(9){left:87%;top:15%;animation-delay:-1.8s}.twinkle-starfield i:nth-child(10){left:92%;top:72%;animation-delay:-.2s}.twinkle-starfield i:nth-child(11){left:30%;top:76%;animation-delay:-1.6s}.twinkle-starfield i:nth-child(12){left:73%;top:82%;animation-delay:-2.4s}
@keyframes starBlink{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.4)}}

/* Baseline scope */
.update-feature-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.95fr);gap:20px}
.baseline-feature-copy{min-width:0}
.baseline-what-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.baseline-what-grid div,.baseline-side-card{padding:14px 16px;border:1px solid rgba(126,154,255,.18);border-radius:16px;background:linear-gradient(180deg,rgba(13,21,54,.6),rgba(10,15,37,.78))}
.baseline-what-grid strong,.baseline-side-card strong{display:block;font-size:14px;margin-bottom:6px;color:#eef2ff}
.baseline-what-grid span,.baseline-side-card span{display:block;font-size:13px;line-height:1.55;color:var(--muted)}
.baseline-feature-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.baseline-feature-side{display:flex;flex-direction:column;gap:14px;align-self:stretch;justify-content:center;padding:8px 0}
.baseline-side-stack{display:grid;gap:12px}
.waiting-badge.wide{justify-content:center;padding:12px 18px;text-align:center}
.ghost-button{border:1px solid rgba(126,154,255,.24);background:rgba(15,22,50,.66);color:#eef2ff;border-radius:14px;padding:12px 16px;font-weight:700}
.ghost-button:hover{border-color:rgba(174,186,255,.42);background:rgba(21,30,63,.84)}
.scope-grid div{display:flex;flex-direction:column;gap:6px}
.scope-grid em{font-style:normal;font-size:12px;line-height:1.5;color:var(--muted)}
.baseline-reference-line{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px;font-size:12px;color:var(--muted)}
.baseline-reference-line code{color:#fff1b5}
.baseline-note{margin-top:14px}
@media (max-width:980px){.update-feature-card{grid-template-columns:1fr}.baseline-what-grid{grid-template-columns:1fr}.baseline-feature-side{padding-top:0}}


/* =========================================================
   DDV WEBSITE 1.5.8 — SCENIC ASSET PATH REPAIR
   CSS URLs above are intentionally relative to assets/styles.css.
   ========================================================= */


/* =========================================================
   DDV WEBSITE 1.5.9 — MAGICAL THEME REPAIR
   Turns the scenic experiment into an integrated storybook/fantasy theme.
   ========================================================= */
body{background:
  radial-gradient(circle at 14% 14%,rgba(103,78,255,.18),transparent 24%),
  radial-gradient(circle at 84% 15%,rgba(44,155,255,.14),transparent 27%),
  radial-gradient(circle at 50% 46%,rgba(255,216,138,.05),transparent 30%),
  linear-gradient(180deg,#060912 0,#08101d 32%,#07101a 72%,#060911 100%)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.55;background:
  radial-gradient(circle at 20% 28%,rgba(255,235,164,.08),transparent 16%),
  radial-gradient(circle at 80% 36%,rgba(141,208,255,.07),transparent 18%),
  radial-gradient(circle at 55% 82%,rgba(165,128,255,.06),transparent 18%)}
.topbar,main,.modal-shell,.detail-modal,.lightbox-overlay{position:relative;z-index:3}
.page-glow,.scene-layer,.dreamlight-ambient,.storybook-ribbons,.pixie-drift,.twinkle-starfield{pointer-events:none}
.page-glow{z-index:0;opacity:.17;filter:blur(140px)}
.scene-layer{position:fixed;z-index:1;background-repeat:no-repeat;background-size:contain;background-color:transparent!important}
.scene-top{top:74px;left:50%;transform:translateX(-50%);width:min(38vw,580px);height:150px;background-image:url("bg_magic_top.svg");background-position:center top;opacity:.88;mix-blend-mode:screen}
.scene-left{left:0;top:74px;bottom:0;width:min(18vw,250px);background-image:url("bg_magic_left.svg");background-position:left top;opacity:.96;filter:drop-shadow(0 0 16px rgba(243,192,109,.12))}
.scene-right{right:0;top:74px;bottom:0;width:min(18vw,250px);background-image:url("bg_magic_right.svg");background-position:right top;opacity:.96;filter:drop-shadow(0 0 18px rgba(146,97,255,.12))}
.scene-bottom{display:none}
main,header{isolation:isolate}
.topbar{z-index:10;background:linear-gradient(180deg,rgba(4,7,18,.94),rgba(6,10,24,.8));box-shadow:0 14px 42px rgba(0,0,0,.22)}
.hero,.release-pulse,.section,.updates-hub,.results-section,.detail-section,.update-page{position:relative;z-index:3}
.hero{padding-left:max(5vw,80px);padding-right:max(5vw,80px)}
.hero:before{content:"";position:absolute;inset:10px 3% auto 3%;height:420px;pointer-events:none;z-index:-1;border-radius:36px;background:
  radial-gradient(ellipse at 28% 16%,rgba(122,96,255,.12),transparent 34%),
  radial-gradient(ellipse at 72% 16%,rgba(81,176,255,.09),transparent 30%),
  radial-gradient(ellipse at 50% 90%,rgba(244,199,103,.04),transparent 24%)}
.update-feature-card,.update-dashboard,.release-card,.release-story-shell,.launch-brief-shell,.media-hub-shell,.event-feature,.roadmap-feature,.latest-release-grid>*,.release-match-summary>*{backdrop-filter:blur(12px);box-shadow:0 22px 64px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.02) inset}

/* Refined magical ambience */
.dreamlight-ambient{position:fixed;inset:0;z-index:1;opacity:.68}
.dreamlight-ambient i{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(182,181,255,.42),transparent);filter:blur(.2px);animation:ambientSweep 18s ease-in-out infinite}
.dreamlight-ambient i:nth-child(1){left:-6%;top:12%;width:38vw;transform:rotate(9deg)}
.dreamlight-ambient i:nth-child(2){right:-8%;top:17%;width:28vw;transform:rotate(-8deg);animation-delay:-6s}
.dreamlight-ambient i:nth-child(3){left:5%;top:52%;width:40vw;transform:rotate(-14deg);animation-delay:-12s}
.dreamlight-ambient i:nth-child(4){right:6%;top:63%;width:38vw;transform:rotate(10deg);animation-delay:-2s}
.dreamlight-ambient i:nth-child(5){left:22%;top:34%;width:32vw;transform:rotate(14deg);animation-delay:-9s}
.dreamlight-ambient i:nth-child(6){right:20%;top:77%;width:26vw;transform:rotate(-9deg);animation-delay:-4s}
.dreamlight-ambient i:nth-child(7),.dreamlight-ambient i:nth-child(8),.dreamlight-ambient i:nth-child(9),.dreamlight-ambient i:nth-child(10){display:none}
.storybook-ribbons{position:fixed;inset:74px 0 0;z-index:1;opacity:.55;mix-blend-mode:screen}
.storybook-ribbons i{position:absolute;border:1px solid rgba(177,182,255,.08);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;animation:ribbonDrift 22s ease-in-out infinite}
.storybook-ribbons i:nth-child(1){left:-12vw;top:8%;width:32vw;height:14vw;transform:rotate(10deg)}
.storybook-ribbons i:nth-child(2){right:-11vw;top:38%;width:28vw;height:12vw;transform:rotate(160deg);animation-delay:-8s}
.storybook-ribbons i:nth-child(3){left:18vw;top:68%;width:24vw;height:10vw;transform:rotate(-10deg);animation-delay:-14s}
.storybook-ribbons i:nth-child(4){right:16vw;top:10%;width:19vw;height:8vw;transform:rotate(170deg);animation-delay:-18s}
.pixie-drift{position:fixed;inset:74px 0 0;z-index:1}
.pixie-drift span{position:absolute;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff7d1 0,#f0d98a 42%,rgba(255,232,159,.15) 72%,transparent 74%);box-shadow:0 0 18px rgba(255,224,153,.4),0 0 26px rgba(121,150,255,.14);opacity:.55;animation:pixieFloat 13s ease-in-out infinite}
.twinkle-starfield{position:fixed;inset:74px 0 0;z-index:2}
.twinkle-starfield i{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffe8a6;box-shadow:0 0 10px rgba(255,226,151,.75),0 0 20px rgba(118,165,255,.22);animation:starBlink 3.6s ease-in-out infinite}

/* keep center content readable */
.hero-copy,.search-shell,.hero-card,.hero-strip,.update-feature-card,.update-dashboard,.section-header,.updates-grid,.results-grid{position:relative;z-index:4}
.search-shell,.update-feature-card,.update-dashboard,.release-card,.release-story-shell,.launch-brief-shell,.media-hub-shell{background:linear-gradient(180deg,rgba(11,18,45,.78),rgba(9,14,33,.84));border-color:rgba(121,149,255,.18)}
.update-feature-card{grid-template-columns:minmax(0,1.25fr) minmax(300px,.9fr)}

/* remove inserted-picture feeling on mobile and mid sizes */
@media (max-width:1200px){.scene-left,.scene-right{width:min(17vw,190px);opacity:.84}.scene-top{width:min(36vw,440px);height:126px}.hero{padding-left:max(4vw,56px);padding-right:max(4vw,56px)}}
@media (max-width:900px){.scene-left,.scene-right{width:15vw;opacity:.62}.scene-top{opacity:.72;height:110px}.hero{padding-left:34px;padding-right:34px}.update-feature-card{grid-template-columns:1fr}}
@media (max-width:720px){.scene-left,.scene-right{display:none}.scene-top{width:240px;height:90px;opacity:.55}.hero{padding-left:24px;padding-right:24px}}
@media (prefers-reduced-motion:reduce){.twinkle-starfield i,.pixie-drift span,.dreamlight-ambient i,.storybook-ribbons i{animation:none}}


/* =========================================================
   DDV WEBSITE 1.6.0 — STORYBOOK VISUAL PASS
   Homepage hero, background magic, topbar/nav and major card styling.
   ========================================================= */
:root{
  --story-gold:#f0c977;
  --story-gold-soft:rgba(240,201,119,.18);
  --story-line:rgba(151,172,255,.16);
  --story-panel-top:rgba(16,24,54,.82);
  --story-panel-bot:rgba(9,14,31,.9);
}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 15% 12%,rgba(106,84,255,.2),transparent 24%),
    radial-gradient(circle at 85% 14%,rgba(62,160,255,.14),transparent 28%),
    radial-gradient(circle at 50% 60%,rgba(255,214,132,.05),transparent 34%),
    linear-gradient(180deg,#050811 0,#07101f 36%,#08101c 72%,#050811 100%);
}
body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:
  linear-gradient(90deg,rgba(5,8,17,.36),transparent 14%,transparent 86%,rgba(5,8,17,.36)),
  radial-gradient(circle at 50% -10%,rgba(245,209,124,.06),transparent 30%);
}
.page-glow{opacity:.2;filter:blur(150px)}
.scene-layer{z-index:1;position:fixed;background-repeat:no-repeat;background-size:contain;pointer-events:none}
.scene-left{left:0;top:76px;bottom:0;width:min(20vw,290px);background-image:url("bg_storybook_left.svg");background-position:left bottom;opacity:.97}
.scene-right{right:0;top:76px;bottom:0;width:min(20vw,290px);background-image:url("bg_storybook_right.svg");background-position:right bottom;opacity:.97}
.scene-top{left:50%;top:74px;transform:translateX(-50%);width:min(48vw,760px);height:140px;background-image:url("bg_storybook_top.svg");background-position:center top;opacity:.9;mix-blend-mode:screen}
.scene-bottom{display:block;left:0;right:0;bottom:0;height:160px;background-image:url("bg_storybook_bottom.svg");background-position:center bottom;background-size:cover;opacity:.76;mix-blend-mode:screen}
.dreamlight-ambient,.storybook-ribbons,.pixie-drift,.twinkle-starfield{z-index:2}
.topbar{
  height:84px;
  padding:0 clamp(18px,4vw,64px);
  border-bottom:1px solid rgba(158,173,255,.14);
  background:linear-gradient(180deg,rgba(5,8,20,.96),rgba(7,10,24,.82));
  box-shadow:0 18px 54px rgba(0,0,0,.28),0 1px 0 rgba(255,255,255,.03) inset;
  backdrop-filter:blur(18px) saturate(120%);
}
.brand{display:flex;align-items:center;gap:14px;padding:7px 10px 7px 7px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.04);box-shadow:0 0 0 1px rgba(255,255,255,.02) inset}
.brand-mark{width:34px;height:34px;border-radius:12px;background:radial-gradient(circle at 30% 30%,#f7ebff,#8e74ff 32%,#304daa 72%,#101a3e 100%);box-shadow:0 0 22px rgba(139,110,255,.42),0 0 36px rgba(106,174,255,.14);position:relative}
.brand-mark:before{content:"✦";position:absolute;inset:0;display:grid;place-items:center;color:#fff6ca;font-size:15px;text-shadow:0 0 10px rgba(255,247,211,.8)}
.brand strong{font-size:16px;letter-spacing:-.02em}
.brand small{font-size:11px;color:#b7b7ca}
.topnav{gap:10px;padding:8px;border-radius:999px;border:1px solid rgba(138,159,255,.12);background:linear-gradient(180deg,rgba(14,20,46,.72),rgba(10,15,34,.78));box-shadow:0 8px 28px rgba(0,0,0,.18)}
.nav-link{padding:10px 16px;border-radius:999px;font-size:13px;font-weight:700;border:1px solid transparent;transition:all .2s ease}
.nav-link:hover{border-color:rgba(240,201,119,.18);background:rgba(255,255,255,.04);color:#fff;transform:translateY(-1px)}
.nav-link.active{color:#fff;border-color:rgba(240,201,119,.32);background:linear-gradient(135deg,rgba(127,103,255,.34),rgba(35,57,120,.18));box-shadow:0 10px 26px rgba(93,89,224,.18),0 0 0 1px rgba(255,255,255,.03) inset}
main{position:relative;z-index:3}
.hero{padding-top:70px;padding-bottom:52px;grid-template-columns:minmax(0,1.15fr) minmax(300px,.75fr);gap:34px;align-items:center}
.hero-copy{position:relative;padding:32px 34px 34px;border:1px solid rgba(143,164,255,.16);border-radius:34px;background:
  linear-gradient(180deg,rgba(17,25,55,.58),rgba(10,15,34,.24)),
  radial-gradient(circle at 18% 18%,rgba(255,228,156,.04),transparent 18%),
  radial-gradient(circle at 82% 14%,rgba(102,115,255,.08),transparent 25%);
  box-shadow:0 32px 90px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.02) inset;
  overflow:hidden;
}
.hero-copy:before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.04);border-radius:24px;pointer-events:none}
.hero-copy:after{content:"";position:absolute;right:-40px;top:-40px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(94,128,255,.18),transparent 66%);pointer-events:none;filter:blur(8px)}
.hero-kicker,.eyebrow{color:#f0c977}
.hero h1{font-size:clamp(54px,5vw,78px);line-height:.94;letter-spacing:-.055em;text-shadow:0 12px 40px rgba(14,18,48,.34),0 0 22px rgba(126,111,255,.12);margin-bottom:18px}
.hero-copy p{font-size:16px;line-height:1.78;color:#c8c9da;max-width:700px}
.hero-search,.search-shell{margin-top:22px;border-radius:18px;border:1px solid rgba(149,167,255,.18);background:linear-gradient(180deg,rgba(13,21,48,.9),rgba(9,14,33,.92));box-shadow:0 22px 60px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.03) inset}
.hero-search input,.search-shell input{font-size:16px}
.hero-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.pulse-card,.hero-strip > *,.stat-card{border-radius:18px;border:1px solid rgba(141,161,255,.14);background:linear-gradient(180deg,rgba(12,18,43,.82),rgba(8,12,28,.86));box-shadow:0 12px 38px rgba(0,0,0,.16),0 0 0 1px rgba(255,255,255,.02) inset}
.pulse-card{padding:16px 18px}
.hero-card{min-height:392px;border-radius:36px;border:1px solid rgba(152,170,255,.18);background:
  radial-gradient(circle at 50% 24%,rgba(255,242,204,.08),transparent 18%),
  radial-gradient(circle at 50% 50%,rgba(107,116,255,.18),transparent 42%),
  linear-gradient(180deg,rgba(17,24,53,.92),rgba(9,14,32,.96));
  box-shadow:0 36px 100px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.03) inset;overflow:hidden}
.hero-card:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.05);border-radius:28px;pointer-events:none;background:radial-gradient(circle at 50% 8%,rgba(255,232,165,.06),transparent 22%)}
.sparkles{top:24px;font-size:13px;letter-spacing:9px}
.orb{width:168px;height:168px;box-shadow:0 0 80px rgba(125,105,255,.52),0 0 140px rgba(64,149,255,.18)}
.hero-card strong{font-size:19px}.hero-card span{font-size:12px}
.section-heading,.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
.section-heading h2,.section-header h2{font-size:44px;letter-spacing:-.05em;text-shadow:0 10px 28px rgba(0,0,0,.22)}
.section-heading .eyebrow,.section-header .eyebrow{position:relative;padding-left:18px}
.section-heading .eyebrow:before,.section-header .eyebrow:before{content:"✦";position:absolute;left:0;top:0;color:#f0c977;font-size:11px}
.section-heading:after,.section-header:after{content:"";flex:1;height:1px;margin-bottom:12px;background:linear-gradient(90deg,rgba(240,201,119,.22),rgba(132,150,255,.06),transparent)}
.update-feature-card,.update-dashboard,.release-card,.release-story-shell,.launch-brief-shell,.media-hub-shell,.event-feature,.roadmap-feature,.latest-release-grid>*,.release-match-summary>*{
  border-radius:30px;
  border:1px solid rgba(147,167,255,.16);
  background:
    linear-gradient(180deg,var(--story-panel-top),var(--story-panel-bot)),
    radial-gradient(circle at 18% 18%,rgba(255,229,159,.04),transparent 22%),
    radial-gradient(circle at 82% 16%,rgba(91,106,255,.08),transparent 25%);
  box-shadow:0 28px 82px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.02) inset;
}
.update-feature-card:before,.update-dashboard:before,.release-story-shell:before{background:radial-gradient(circle at 16% 14%,rgba(255,229,159,.07),transparent 24%),radial-gradient(circle at 86% 18%,rgba(99,165,255,.08),transparent 26%)}
.update-feature-copy,.baseline-feature-side,.update-dashboard-copy,.release-story-nav,.release-story-pane,.media-hub-shell,.video-intelligence,.roadmap-feature,.event-feature{position:relative;z-index:2}
.update-feature-copy h3,.update-dashboard-copy h3{font-size:40px;letter-spacing:-.045em}
.update-feature-copy p,.update-dashboard-copy p{font-size:16px;line-height:1.74;color:#c7c7da}
.update-mini-stats span,.baseline-mini-line,.pill,.chip,.tag{border-radius:12px}
.primary-button,.release-button,.ghost-button{border-radius:14px;padding:12px 17px;font-weight:800;box-shadow:0 12px 28px rgba(89,84,209,.22);transition:transform .2s ease,filter .2s ease,border-color .2s ease}
.primary-button{border:1px solid rgba(240,201,119,.24);background:linear-gradient(135deg,#8366ff,#5c8cf0 58%,#4cbad6);}
.primary-button:hover,.release-button:hover,.ghost-button:hover{transform:translateY(-1px);filter:brightness(1.05)}
.ghost-button{background:linear-gradient(180deg,rgba(19,27,58,.9),rgba(11,16,35,.94));border:1px solid rgba(152,167,255,.18)}
.baseline-what-grid div,.baseline-side-card,.scope-grid div{border-radius:18px;padding:16px 17px;border:1px solid rgba(152,166,255,.15);background:linear-gradient(180deg,rgba(14,21,49,.78),rgba(10,15,34,.85));box-shadow:0 14px 34px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.02) inset}
.baseline-side-stack{gap:14px}.baseline-what-grid{gap:14px}.baseline-reference-line{padding-top:6px}
.release-story-nav{padding:30px 32px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent)}
.story-tab{border-radius:999px;padding:11px 15px;font-size:12px;border-color:rgba(154,173,255,.15)}
.story-chapter-grid article,.story-facts div,.video-intelligence-grid article,.pixel-drop-card,.arcade-card{border-radius:18px;background:linear-gradient(180deg,rgba(12,18,43,.72),rgba(8,12,28,.78));border:1px solid rgba(152,166,255,.12);box-shadow:0 10px 24px rgba(0,0,0,.14)}
footer{padding-bottom:120px}

@media (max-width:1200px){
  .scene-left,.scene-right{width:min(17vw,210px)}
  .scene-top{width:min(42vw,540px)}
  .hero h1{font-size:clamp(48px,4.6vw,68px)}
}
@media (max-width:980px){
  .hero{grid-template-columns:1fr}
  .hero-card{display:none}
  .topbar{height:78px}
  .section-heading h2,.section-header h2{font-size:36px}
  .update-feature-card{grid-template-columns:1fr}
}
@media (max-width:720px){
  .scene-left,.scene-right,.scene-bottom{display:none}
  .scene-top{width:260px;height:92px;opacity:.55}
  .hero-copy{padding:24px 22px}
  .hero h1{font-size:44px}
  .topnav{display:none}
  .hero-strip{grid-template-columns:1fr}
}


/* =========================================================
   DDV WEBSITE 1.6.1 — DREAMLIGHT FANTASY PASS
   Much stronger Dreamlight-Valley-inspired presentation while staying original.
   ========================================================= */
:root{
  --dl-gold:#f3cc7a;
  --dl-blue:#6ecbff;
  --dl-lilac:#a78aff;
  --dl-panel:rgba(10,15,34,.9);
}
body{
  background:
    radial-gradient(circle at 15% 13%,rgba(126,99,255,.22),transparent 23%),
    radial-gradient(circle at 85% 14%,rgba(56,173,255,.14),transparent 28%),
    radial-gradient(circle at 52% 72%,rgba(255,219,139,.07),transparent 34%),
    linear-gradient(180deg,#05070f 0,#07101d 38%,#08111d 70%,#05070f 100%);
}
body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(circle at 10% 25%,rgba(255,237,178,.05),transparent 18%),
  radial-gradient(circle at 90% 28%,rgba(118,188,255,.06),transparent 18%),
  linear-gradient(90deg,rgba(6,8,16,.26),transparent 13%,transparent 87%,rgba(6,8,16,.3));opacity:.95}
.page-glow{opacity:.24;filter:blur(155px)}
.scene-left{left:0;top:76px;bottom:0;width:min(24vw,360px);background-image:url("bg_dreamlight_left.svg");background-position:left bottom;opacity:.99;filter:drop-shadow(0 0 28px rgba(120,105,255,.18))}
.scene-right{right:0;top:76px;bottom:0;width:min(24vw,360px);background-image:url("bg_dreamlight_right.svg");background-position:right bottom;opacity:.99;filter:drop-shadow(0 0 28px rgba(86,164,255,.16))}
.scene-top{left:50%;top:72px;transform:translateX(-50%);width:min(52vw,860px);height:170px;background-image:url("bg_dreamlight_top.svg");background-position:center top;opacity:.95;mix-blend-mode:screen}
.scene-bottom{display:block;left:0;right:0;bottom:0;height:220px;background-image:url("bg_dreamlight_bottom.svg");background-position:center bottom;background-size:cover;opacity:.86;mix-blend-mode:screen}
.dreamlight-ambient,.storybook-ribbons,.pixie-drift,.twinkle-starfield{z-index:2}
.pixie-drift span{width:7px;height:7px;box-shadow:0 0 22px rgba(255,224,153,.55),0 0 30px rgba(121,150,255,.18)}
.twinkle-starfield i{width:5px;height:5px;box-shadow:0 0 14px rgba(255,226,151,.88),0 0 28px rgba(118,165,255,.32)}
.topbar{
  height:86px;
  padding:0 clamp(18px,4vw,62px);
  background:linear-gradient(180deg,rgba(5,7,18,.97),rgba(7,10,24,.84));
  border-bottom:1px solid rgba(167,183,255,.12);
  box-shadow:0 18px 52px rgba(0,0,0,.32),0 1px 0 rgba(255,255,255,.04) inset;
}
.brand{
  gap:14px;
  padding:8px 16px 8px 8px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(18,25,56,.68),rgba(9,14,34,.74));
  border:1px solid rgba(149,168,255,.14);
  box-shadow:0 14px 36px rgba(0,0,0,.2),0 0 0 1px rgba(255,255,255,.02) inset;
}
.brand-mark{width:38px;height:38px;border-radius:14px;background:radial-gradient(circle at 35% 28%,#fff6d8 0,#aa8fff 26%,#4678da 63%,#101738 100%);box-shadow:0 0 26px rgba(139,110,255,.48),0 0 56px rgba(73,164,255,.18)}
.brand strong{font-size:17px;letter-spacing:-.02em}.brand small{font-size:11px;color:#c2c5d7}
.topnav{gap:12px;padding:8px 10px;border-radius:999px;border:1px solid rgba(151,168,255,.13);background:linear-gradient(180deg,rgba(16,23,53,.8),rgba(10,15,34,.84));box-shadow:0 14px 36px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.02) inset}
.nav-link{padding:11px 17px;border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.01em}
.nav-link.active{border-color:rgba(243,204,122,.32);background:linear-gradient(135deg,rgba(132,104,255,.44),rgba(35,58,123,.18));box-shadow:0 10px 26px rgba(84,81,212,.24),0 0 0 1px rgba(255,255,255,.03) inset}
.hero{padding-top:76px;padding-bottom:48px;grid-template-columns:minmax(0,1.15fr) minmax(320px,.78fr);align-items:center;gap:36px}
.hero-copy{
  padding:38px 38px 36px;
  border-radius:36px;
  border:1px solid rgba(152,171,255,.16);
  background:
    linear-gradient(180deg,rgba(17,25,56,.78),rgba(9,14,34,.88)),
    radial-gradient(circle at 18% 18%,rgba(255,226,153,.06),transparent 18%),
    radial-gradient(circle at 82% 14%,rgba(113,122,255,.12),transparent 24%);
  box-shadow:0 34px 92px rgba(0,0,0,.36),0 0 0 1px rgba(255,255,255,.02) inset;
  position:relative;overflow:hidden;
}
.hero-copy:before{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.055);border-radius:28px;pointer-events:none}
.hero-copy:after{content:"";position:absolute;left:-120px;bottom:-120px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(243,204,122,.08),transparent 68%);pointer-events:none}
.hero h1{font-size:clamp(58px,5.2vw,86px);line-height:.92;letter-spacing:-.062em;margin:12px 0 18px;text-shadow:0 14px 44px rgba(0,0,0,.28),0 0 26px rgba(126,111,255,.14)}
.hero p{font-size:17px;line-height:1.8;color:#d0d1de;max-width:680px}
.hero-search,.search-shell{margin-top:24px;border-radius:18px;border:1px solid rgba(160,177,255,.2);background:linear-gradient(180deg,rgba(15,22,49,.94),rgba(9,14,34,.96));box-shadow:0 24px 68px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.03) inset}
.hero-search:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:18px;background:linear-gradient(90deg,rgba(243,204,122,.04),transparent 25%,transparent 75%,rgba(110,203,255,.05))}
.hero-card{
  min-height:422px;
  border-radius:38px;
  border:1px solid rgba(154,172,255,.18);
  background:
    radial-gradient(circle at 50% 18%,rgba(255,243,212,.10),transparent 16%),
    radial-gradient(circle at 50% 50%,rgba(107,116,255,.2),transparent 42%),
    linear-gradient(180deg,rgba(17,25,56,.95),rgba(9,14,34,.98));
  box-shadow:0 38px 102px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.03) inset;
}
.hero-card:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.06);border-radius:30px;background:radial-gradient(circle at 50% 10%,rgba(255,232,165,.08),transparent 20%);pointer-events:none}
.orb{width:176px;height:176px;box-shadow:0 0 84px rgba(125,105,255,.56),0 0 150px rgba(64,149,255,.2)}
.hero-strip{margin-top:20px;gap:12px}.pulse-card{padding:17px 18px}
.section-heading,.section-header{margin-bottom:18px}
.section-heading h2,.section-header h2{font-size:46px;letter-spacing:-.055em;text-shadow:0 12px 30px rgba(0,0,0,.22)}
.section-heading .eyebrow,.section-header .eyebrow{font-size:12px;color:var(--dl-gold);padding-left:18px}
.section-heading .eyebrow:before,.section-header .eyebrow:before{content:"✦";left:0;position:absolute;color:var(--dl-gold)}
.section-heading:after,.section-header:after{content:"";flex:1;height:1px;margin-bottom:14px;background:linear-gradient(90deg,rgba(243,204,122,.28),rgba(111,143,255,.08),transparent)}
.update-feature-card,.update-dashboard,.release-card,.release-story-shell,.launch-brief-shell,.media-hub-shell,.event-feature,.roadmap-feature,.latest-release-grid>*,.release-match-summary>*{
  border-radius:32px;
  border:1px solid rgba(149,168,255,.16);
  background:
    linear-gradient(180deg,rgba(16,24,55,.88),rgba(9,14,34,.93)),
    radial-gradient(circle at 16% 14%,rgba(255,229,159,.05),transparent 24%),
    radial-gradient(circle at 84% 16%,rgba(91,106,255,.10),transparent 26%);
  box-shadow:0 30px 90px rgba(0,0,0,.36),0 0 0 1px rgba(255,255,255,.02) inset;
  backdrop-filter:blur(14px) saturate(112%);
}
.update-feature-card:after,.update-dashboard:before,.release-story-shell:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 24%)}
.update-feature-copy h3,.update-dashboard-copy h3{font-size:42px;letter-spacing:-.048em}
.update-feature-copy p,.update-dashboard-copy p{font-size:16px;line-height:1.75;color:#cfd0dd}
.baseline-what-grid div,.baseline-side-card,.scope-grid div,.story-chapter-grid article,.story-facts div,.video-intelligence-grid article,.pixel-drop-card,.arcade-card{border-radius:18px;border:1px solid rgba(154,172,255,.14);background:linear-gradient(180deg,rgba(14,20,48,.76),rgba(9,14,34,.86));box-shadow:0 14px 32px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.02) inset}
.primary-button,.release-button,.ghost-button{border-radius:14px;padding:12px 18px;font-weight:800}
.primary-button{background:linear-gradient(135deg,#8766ff,#5b8bf0 56%,#47b4d6);border:1px solid rgba(243,204,122,.24);box-shadow:0 14px 30px rgba(87,82,207,.26)}
.ghost-button{background:linear-gradient(180deg,rgba(19,27,58,.92),rgba(11,16,35,.96));border:1px solid rgba(152,167,255,.2);box-shadow:0 12px 26px rgba(0,0,0,.12)}
footer{padding-bottom:145px}

@media (max-width:1200px){.scene-left,.scene-right{width:min(22vw,280px)}.scene-top{width:min(50vw,640px);height:145px}.hero h1{font-size:clamp(52px,4.9vw,74px)}}
@media (max-width:980px){.hero{grid-template-columns:1fr}.hero-card{display:none}.scene-left,.scene-right{width:26vw;opacity:.7}.section-heading h2,.section-header h2{font-size:38px}}
@media (max-width:720px){.scene-left,.scene-right,.scene-bottom{display:none}.scene-top{width:280px;height:96px;opacity:.55}.hero-copy{padding:24px 22px}.hero h1{font-size:46px}.topnav{display:none}}


/* =========================================================
   DDV WEBSITE 1.6.2 — DREAMLIGHT LANDSCAPE BACKGROUND
   Integrates the generated cinematic valley panorama as the site background.
   ========================================================= */
body::before,
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
}
body::before{
  z-index:0;
  background:
    linear-gradient(180deg, rgba(5,7,15,.30) 0%, rgba(5,7,15,.18) 14%, rgba(5,7,15,.16) 40%, rgba(5,7,15,.34) 100%),
    radial-gradient(circle at top, rgba(17,28,72,.18), transparent 38%),
    url("dreamlight_landscape_bg.png");
  background-size:cover;
  background-position:center top;
  background-repeat:no-repeat;
}
body::after{
  z-index:1;
  background:
    linear-gradient(180deg, rgba(5,7,15,.50) 0%, rgba(5,7,15,.16) 17%, rgba(5,7,15,.10) 34%, rgba(5,7,15,.28) 62%, rgba(5,7,15,.52) 100%),
    radial-gradient(circle at 50% 18%, rgba(129,116,255,.10), transparent 24%),
    radial-gradient(circle at 50% 100%, rgba(34,66,150,.14), transparent 34%);
}
.page-glow{display:none !important}
.scene-layer,
.scene-left,
.scene-right,
.scene-top,
.scene-bottom{
  display:none !important;
}
.topbar{
  background:linear-gradient(180deg, rgba(5,8,18,.86), rgba(7,10,24,.56));
  backdrop-filter:blur(16px) saturate(120%);
}
.hero-copy,
.hero-card,
.update-feature-card,
.update-dashboard,
.release-card,
.release-story-shell,
.launch-brief-shell,
.media-hub-shell,
.event-feature,
.roadmap-feature,
.latest-release-grid > *,
.release-match-summary > *,
.baseline-what-grid div,
.baseline-side-card,
.scope-grid div,
.story-chapter-grid article,
.story-facts div,
.video-intelligence-grid article,
.pixel-drop-card,
.arcade-card,
.pulse-card{
  background:
    linear-gradient(180deg, rgba(12,18,42,.88), rgba(8,12,28,.90)),
    radial-gradient(circle at 16% 14%, rgba(255,230,164,.05), transparent 24%),
    radial-gradient(circle at 84% 16%, rgba(91,106,255,.10), transparent 26%) !important;
  border-color:rgba(162,178,255,.17) !important;
  box-shadow:0 28px 86px rgba(0,0,0,.36), 0 0 0 1px rgba(255,255,255,.02) inset !important;
  backdrop-filter:blur(12px) saturate(112%);
}
.hero-copy{
  background:
    linear-gradient(180deg, rgba(12,18,42,.74), rgba(8,12,28,.86)),
    radial-gradient(circle at 18% 18%, rgba(255,230,164,.05), transparent 18%),
    radial-gradient(circle at 82% 14%, rgba(113,122,255,.12), transparent 24%) !important;
}
.hero-card{
  background:
    radial-gradient(circle at 50% 18%, rgba(255,243,212,.10), transparent 16%),
    radial-gradient(circle at 50% 50%, rgba(107,116,255,.20), transparent 42%),
    linear-gradient(180deg, rgba(12,18,42,.82), rgba(8,12,28,.94)) !important;
}
.hero h1,
.section-heading h2,
.section-header h2{
  text-shadow:0 14px 38px rgba(0,0,0,.42), 0 0 24px rgba(130,122,255,.16);
}
.twinkle-starfield{z-index:2}
.dreamlight-ambient,.storybook-ribbons,.pixie-drift{z-index:2}


/* =========================================================
   DDV WEBSITE 1.6.3 — CINEMATIC VALLEY ATMOSPHERE
   Adds animated valley-style sky ambience on top of the scenic background.
   ========================================================= */
body::after{
  background:
    linear-gradient(180deg, rgba(5,7,15,.42) 0%, rgba(5,7,15,.10) 17%, rgba(5,7,15,.06) 34%, rgba(5,7,15,.22) 62%, rgba(5,7,15,.46) 100%),
    radial-gradient(circle at 50% 16%, rgba(129,116,255,.08), transparent 24%),
    radial-gradient(circle at 50% 100%, rgba(34,66,150,.12), transparent 34%) !important;
}
.cinematic-clouds,.shooting-stars,.dreamlight-fireworks,.valley-mist{position:fixed;inset:74px 0 0;z-index:3;pointer-events:none;overflow:hidden}
.cinematic-clouds .cloud{position:absolute;display:block;width:230px;height:88px;border-radius:999px;background:linear-gradient(180deg,rgba(135,150,233,.18),rgba(163,176,238,.12));filter:blur(5px);opacity:.52}
.cinematic-clouds .cloud:before,.cinematic-clouds .cloud:after{content:"";position:absolute;border-radius:50%;background:linear-gradient(180deg,rgba(146,159,236,.2),rgba(187,196,244,.11));filter:blur(2px)}
.cinematic-clouds .cloud:before{width:86px;height:86px;left:28px;top:-30px}
.cinematic-clouds .cloud:after{width:86px;height:86px;right:28px;top:-30px}
.cinematic-clouds .cloud-left{left:2.6%;top:11%;transform:scale(1.05)}
.cinematic-clouds .cloud-right{right:2.8%;top:16%;transform:scale(.96)}
.shooting-stars span{position:absolute;display:block;width:170px;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,246,206,.88) 34%,rgba(124,190,255,.28) 76%,rgba(255,255,255,0));box-shadow:0 0 14px rgba(255,234,166,.35);transform:rotate(-17deg);opacity:0;animation:shootingStar 7.8s linear infinite}
.shooting-stars span:after{content:"";position:absolute;right:-1px;top:50%;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle,#fff7d7 0,#f2d88d 45%,rgba(255,231,158,0) 70%);transform:translateY(-50%);box-shadow:0 0 18px rgba(255,226,151,.7)}
.shooting-stars span:nth-child(1){left:14%;top:12%;animation-delay:0s}
.shooting-stars span:nth-child(2){left:48%;top:7%;width:150px;animation-delay:2.4s}
.shooting-stars span:nth-child(3){left:73%;top:18%;width:132px;animation-delay:4.9s}
.shooting-stars span:nth-child(4){left:62%;top:28%;width:110px;animation-delay:6.2s}
.dreamlight-fireworks span{position:absolute;display:block;width:164px;height:164px;opacity:0;animation:fireworkBurst 10s ease-out infinite}
.dreamlight-fireworks span:before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,224,145,.94) 0 6deg,transparent 6deg 20deg);-webkit-mask:radial-gradient(circle,transparent 0 22%,#000 23% 42%,transparent 43%);mask:radial-gradient(circle,transparent 0 22%,#000 23% 42%,transparent 43%);filter:drop-shadow(0 0 10px rgba(255,214,120,.34))}
.dreamlight-fireworks span:after{content:"";position:absolute;left:50%;top:50%;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle,#fff8e0 0,#f5d07d 48%,rgba(255,220,130,0) 74%);transform:translate(-50%,-50%);box-shadow:0 0 24px rgba(255,226,151,.58)}
.dreamlight-fireworks span:nth-child(1){left:7%;top:16%;animation-delay:.8s}
.dreamlight-fireworks span:nth-child(2){right:8%;top:12%;width:154px;height:154px;animation-delay:3.8s}
.dreamlight-fireworks span:nth-child(3){left:72%;top:8%;width:126px;height:126px;animation-delay:6.8s}
.valley-mist{inset:auto 0 0;height:210px;z-index:2;background:
  radial-gradient(circle at 10% 72%, rgba(131,104,255,.16), transparent 20%),
  radial-gradient(circle at 88% 75%, rgba(92,169,255,.14), transparent 22%),
  linear-gradient(180deg, rgba(6,8,17,0) 0%, rgba(7,10,22,.10) 22%, rgba(8,12,28,.32) 68%, rgba(8,12,28,.58) 100%);
  filter:blur(0px)}
.valley-mist:before,.valley-mist:after{content:"";position:absolute;bottom:-12px;width:48%;height:92px;border-radius:50%;background:rgba(69,106,196,.12);filter:blur(18px)}
.valley-mist:before{left:-4%}.valley-mist:after{right:-4%}
.topbar,.hero-copy,.hero-card,.update-feature-card,.update-dashboard,.release-card,.release-story-shell,.launch-brief-shell,.media-hub-shell,.event-feature,.roadmap-feature,.latest-release-grid>*,.release-match-summary>*,.baseline-what-grid div,.baseline-side-card,.scope-grid div,.story-chapter-grid article,.story-facts div,.video-intelligence-grid article,.pixel-drop-card,.arcade-card,.pulse-card{backdrop-filter:blur(14px) saturate(116%)}
.twinkle-starfield{z-index:4}.shooting-stars,.dreamlight-fireworks,.cinematic-clouds{mix-blend-mode:screen}
@keyframes shootingStar{0%{opacity:0;transform:translate3d(0,0,0) rotate(-17deg) scale(.86)}8%{opacity:1}20%{opacity:0;transform:translate3d(280px,90px,0) rotate(-17deg) scale(1)}100%{opacity:0;transform:translate3d(280px,90px,0) rotate(-17deg) scale(1)}}
@keyframes fireworkBurst{0%,72%,100%{opacity:0;transform:scale(.2)}6%{opacity:.95}18%{opacity:0;transform:scale(1)}}
@media(max-width:980px){.dreamlight-fireworks span:nth-child(3),.cinematic-clouds .cloud-right{display:none}.shooting-stars span:nth-child(4){display:none}}
@media(max-width:720px){.dreamlight-fireworks,.cinematic-clouds,.valley-mist{display:none}.shooting-stars span{width:120px}}
@media(prefers-reduced-motion:reduce){.shooting-stars span,.dreamlight-fireworks span{animation:none;opacity:.34}}


/* =========================================================
   DDV WEBSITE 1.6.4 — NATURAL SKY EFFECTS
   Makes shooting stars and fireworks feel more natural, colorful and glittery.
   ========================================================= */
.shooting-stars{z-index:4;opacity:.92}
.shooting-stars span{
  width:190px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,251,225,.96) 24%,rgba(255,223,146,.92) 48%,rgba(150,211,255,.45) 76%,rgba(255,255,255,0));
  box-shadow:0 0 18px rgba(255,236,175,.40),0 0 30px rgba(116,173,255,.18);
  filter:blur(.15px);
  transform:rotate(-19deg) translate3d(0,0,0);
  opacity:0;
  animation:shootingStarNatural 9.6s cubic-bezier(.19,.62,.33,.98) infinite;
}
.shooting-stars span:before{
  content:"";
  position:absolute;
  left:14%;top:50%;
  width:56%;height:7px;
  transform:translateY(-50%);
  background:radial-gradient(ellipse at center, rgba(255,239,185,.30), rgba(255,239,185,0) 70%);
  filter:blur(3px);
}
.shooting-stars span:after{
  content:"";
  position:absolute;
  right:-2px;top:50%;
  width:12px;height:12px;border-radius:50%;
  background:radial-gradient(circle,#fffdf3 0,#ffe6a2 40%,rgba(255,228,158,.15) 70%,rgba(255,228,158,0) 74%);
  transform:translateY(-50%);
  box-shadow:0 0 14px rgba(255,236,175,.85),0 0 28px rgba(114,175,255,.20);
}
.shooting-stars span:nth-child(1){left:10%;top:13%;width:210px;animation-delay:0s}
.shooting-stars span:nth-child(2){left:36%;top:10%;width:160px;animation-delay:1.8s}
.shooting-stars span:nth-child(3){left:68%;top:19%;width:182px;animation-delay:4.9s}
.shooting-stars span:nth-child(4){left:57%;top:30%;width:128px;animation-delay:6.3s}
.shooting-stars span:nth-child(5){left:21%;top:24%;width:146px;animation-delay:7.7s}
.shooting-stars span:nth-child(6){left:80%;top:11%;width:118px;animation-delay:8.8s}

.dreamlight-fireworks{z-index:4;mix-blend-mode:screen}
.dreamlight-fireworks span{
  --burst-main: rgba(255,223,146,.95);
  --burst-alt: rgba(255,121,215,.86);
  --burst-cool: rgba(111,222,255,.84);
  position:absolute;display:block;width:178px;height:178px;opacity:0;
  animation:fireworkBurstNatural 12s ease-out infinite;
}
.dreamlight-fireworks span:before{
  content:"";
  position:absolute;inset:0;border-radius:50%;
  background:
    repeating-conic-gradient(from 0deg,
      var(--burst-main) 0 5deg,
      transparent 5deg 17deg,
      var(--burst-alt) 17deg 22deg,
      transparent 22deg 34deg,
      var(--burst-cool) 34deg 39deg,
      transparent 39deg 51deg);
  -webkit-mask:radial-gradient(circle,transparent 0 16%,#000 17% 48%,transparent 49%);
  mask:radial-gradient(circle,transparent 0 16%,#000 17% 48%,transparent 49%);
  filter:drop-shadow(0 0 9px rgba(255,226,151,.32)) drop-shadow(0 0 14px rgba(123,185,255,.18));
}
.dreamlight-fireworks span:after{
  content:"";
  position:absolute;left:50%;top:50%;width:58px;height:58px;border-radius:50%;
  background:
    radial-gradient(circle,
      rgba(255,255,255,.98) 0 10%,
      rgba(255,233,175,.95) 11% 22%,
      rgba(255,255,255,0) 23% 100%);
  transform:translate(-50%,-50%);
  box-shadow:
    0 0 12px rgba(255,235,171,.75),
    0 0 28px rgba(255,121,215,.26),
    0 0 38px rgba(111,222,255,.22),
    -38px -18px 0 -23px rgba(255,235,171,.85),
    34px -26px 0 -23px rgba(255,121,215,.75),
    -16px 39px 0 -24px rgba(111,222,255,.72),
    24px 34px 0 -24px rgba(255,189,105,.82),
    -48px 4px 0 -25px rgba(211,164,255,.72),
    45px 7px 0 -25px rgba(152,230,255,.78);
}
.dreamlight-fireworks span:nth-child(1){left:7%;top:16%;animation-delay:.8s;--burst-main:rgba(255,223,146,.96);--burst-alt:rgba(255,109,197,.82);--burst-cool:rgba(111,222,255,.84)}
.dreamlight-fireworks span:nth-child(2){right:7%;top:13%;width:162px;height:162px;animation-delay:3.2s;--burst-main:rgba(167,228,255,.9);--burst-alt:rgba(255,210,112,.86);--burst-cool:rgba(181,142,255,.78)}
.dreamlight-fireworks span:nth-child(3){left:70%;top:9%;width:136px;height:136px;animation-delay:5.8s;--burst-main:rgba(255,174,127,.92);--burst-alt:rgba(255,125,214,.78);--burst-cool:rgba(118,241,206,.78)}
.dreamlight-fireworks span:nth-child(4){left:21%;top:8%;width:124px;height:124px;animation-delay:7.5s;--burst-main:rgba(248,236,146,.88);--burst-alt:rgba(110,211,255,.76);--burst-cool:rgba(255,158,232,.78)}
.dreamlight-fireworks span:nth-child(5){right:18%;top:20%;width:118px;height:118px;animation-delay:9.1s;--burst-main:rgba(255,229,161,.86);--burst-alt:rgba(255,113,160,.72);--burst-cool:rgba(122,173,255,.72)}

@keyframes shootingStarNatural{
  0%{opacity:0;transform:translate3d(0,0,0) rotate(-19deg) scale(.78)}
  4%{opacity:.15}
  9%{opacity:1}
  20%{opacity:.72;transform:translate3d(210px,82px,0) rotate(-19deg) scale(1)}
  24%,100%{opacity:0;transform:translate3d(260px,102px,0) rotate(-19deg) scale(1.04)}
}
@keyframes fireworkBurstNatural{
  0%,74%,100%{opacity:0;transform:scale(.16)}
  6%{opacity:.92;transform:scale(.38)}
  11%{opacity:1;transform:scale(.92)}
  16%{opacity:.45;transform:scale(1.12)}
  20%{opacity:0;transform:scale(1.22)}
}
@media(max-width:980px){
  .dreamlight-fireworks span:nth-child(5),.shooting-stars span:nth-child(6){display:none}
}
@media(max-width:720px){
  .shooting-stars span:nth-child(n+5),.dreamlight-fireworks span:nth-child(n+4){display:none}
}
@media(prefers-reduced-motion:reduce){
  .shooting-stars span,.dreamlight-fireworks span{animation:none;opacity:.28}
}


/* =========================================================
   DDV WEBSITE 1.6.5 — NATURAL DREAMLIGHT ATMOSPHERE
   Removes flashy sky effects and replaces them with softer natural ambience.
   ========================================================= */
.shooting-stars,
.dreamlight-fireworks{display:none !important}

.twinkle-starfield{z-index:4;opacity:.78}
.twinkle-starfield i{width:3px;height:3px;box-shadow:0 0 8px rgba(255,226,151,.58),0 0 14px rgba(118,165,255,.16)}

.cinematic-clouds{z-index:3;opacity:.82}
.cinematic-clouds .cloud{background:linear-gradient(180deg,rgba(139,151,225,.14),rgba(176,185,237,.09));filter:blur(6px);opacity:.46}
.cinematic-clouds .cloud:before,.cinematic-clouds .cloud:after{background:linear-gradient(180deg,rgba(156,168,235,.16),rgba(194,201,243,.09));filter:blur(3px)}

.valley-mist{height:240px;z-index:3;background:
  radial-gradient(circle at 12% 74%, rgba(131,104,255,.14), transparent 22%),
  radial-gradient(circle at 84% 76%, rgba(92,169,255,.14), transparent 24%),
  radial-gradient(circle at 50% 84%, rgba(255,235,178,.06), transparent 26%),
  linear-gradient(180deg, rgba(6,8,17,0) 0%, rgba(7,10,22,.10) 18%, rgba(8,12,28,.30) 62%, rgba(8,12,28,.56) 100%);
}
.valley-mist:before,.valley-mist:after{height:104px;filter:blur(24px);background:rgba(92,122,206,.14)}

.water-shimmer,.dreamlight-dust,.castle-glow{position:fixed;inset:74px 0 0;pointer-events:none;overflow:hidden}
.water-shimmer{z-index:3;mix-blend-mode:screen}
.water-shimmer span{position:absolute;display:block;height:26px;border-radius:999px;filter:blur(10px);opacity:.34;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(173,233,255,.34) 18%,rgba(255,247,202,.30) 48%,rgba(124,193,255,.32) 78%,rgba(255,255,255,0));animation:waterPulse 8.5s ease-in-out infinite}
.water-shimmer span:nth-child(1){left:24%;bottom:15%;width:250px;animation-delay:0s}
.water-shimmer span:nth-child(2){left:46%;bottom:17%;width:290px;animation-delay:-2.2s}
.water-shimmer span:nth-child(3){right:16%;bottom:14%;width:220px;animation-delay:-4.4s}
.water-shimmer span:nth-child(4){left:37%;bottom:11%;width:170px;height:20px;animation-delay:-6.6s}

.dreamlight-dust{z-index:4;mix-blend-mode:screen}
.dreamlight-dust span{position:absolute;display:block;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,#fff8de 0,#f3d38e 40%,rgba(255,222,154,0) 72%);box-shadow:0 0 12px rgba(255,231,168,.42),0 0 18px rgba(118,173,255,.12);opacity:.22;animation:dustFloat 18s ease-in-out infinite}
.dreamlight-dust span:nth-child(1){left:14%;bottom:21%;animation-delay:0s}
.dreamlight-dust span:nth-child(2){left:21%;bottom:28%;animation-delay:-3s}
.dreamlight-dust span:nth-child(3){left:31%;bottom:19%;animation-delay:-6s}
.dreamlight-dust span:nth-child(4){left:43%;bottom:24%;animation-delay:-8s}
.dreamlight-dust span:nth-child(5){left:52%;bottom:18%;animation-delay:-10s}
.dreamlight-dust span:nth-child(6){left:61%;bottom:27%;animation-delay:-12s}
.dreamlight-dust span:nth-child(7){left:72%;bottom:22%;animation-delay:-14s}
.dreamlight-dust span:nth-child(8){left:80%;bottom:26%;animation-delay:-16s}
.dreamlight-dust span:nth-child(9){left:26%;bottom:12%;animation-delay:-5s}
.dreamlight-dust span:nth-child(10){left:48%;bottom:10%;animation-delay:-9s}
.dreamlight-dust span:nth-child(11){left:66%;bottom:11%;animation-delay:-13s}
.dreamlight-dust span:nth-child(12){left:87%;bottom:14%;animation-delay:-17s}

.castle-glow{z-index:3}
.castle-glow:before{content:"";position:absolute;left:50%;top:16%;width:220px;height:180px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(255,230,162,.13),rgba(149,133,255,.08) 34%,rgba(149,133,255,0) 68%);filter:blur(14px);opacity:.62}
.castle-glow span{position:absolute;display:block;width:10px;height:18px;border-radius:6px;background:linear-gradient(180deg,rgba(255,248,213,.75),rgba(243,203,122,.42));box-shadow:0 0 12px rgba(255,226,151,.34);opacity:.24;animation:windowTwinkle 7.4s ease-in-out infinite}
.castle-glow span:nth-child(1){left:48.6%;top:18.2%;animation-delay:0s}
.castle-glow span:nth-child(2){left:50.4%;top:19.6%;height:14px;animation-delay:-2.8s}
.castle-glow span:nth-child(3){left:52.1%;top:18.8%;height:16px;animation-delay:-5.2s}

@keyframes waterPulse{
  0%,100%{opacity:.14;transform:scaleX(.92) translateY(0)}
  50%{opacity:.36;transform:scaleX(1.04) translateY(-2px)}
}
@keyframes dustFloat{
  0%,100%{opacity:.10;transform:translate3d(0,0,0) scale(.82)}
  30%{opacity:.28;transform:translate3d(8px,-10px,0) scale(1)}
  60%{opacity:.22;transform:translate3d(-5px,-18px,0) scale(1.06)}
}
@keyframes windowTwinkle{
  0%,100%{opacity:.14;transform:scale(1)}
  50%{opacity:.34;transform:scale(1.05)}
}

@media(max-width:980px){
  .water-shimmer span:nth-child(4),.dreamlight-dust span:nth-child(11),.dreamlight-dust span:nth-child(12){display:none}
  .castle-glow span:nth-child(3){display:none}
}
@media(max-width:720px){
  .water-shimmer,.castle-glow{display:none}
  .dreamlight-dust span:nth-child(n+8){display:none}
}
@media(prefers-reduced-motion:reduce){
  .water-shimmer span,.dreamlight-dust span,.castle-glow span{animation:none}
}


/* =========================================================
   DDV WEBSITE 1.6.6 — UPDATE DAY INTELLIGENCE
   Official release-day reveals + gentle natural atmosphere polish.
   ========================================================= */
.today-intel-section{margin-top:24px}
.today-intel-shell{position:relative;overflow:hidden;border:1px solid rgba(153,173,255,.17);border-radius:32px;padding:30px;background:
  linear-gradient(180deg,rgba(13,20,47,.91),rgba(8,13,30,.94)),
  radial-gradient(circle at 12% 5%,rgba(244,207,127,.06),transparent 24%),
  radial-gradient(circle at 88% 4%,rgba(105,154,255,.08),transparent 27%);
  box-shadow:0 30px 90px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.02) inset;backdrop-filter:blur(14px) saturate(114%)}
.today-intel-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 26%,transparent 70%,rgba(105,154,255,.025))}
.today-intel-head{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:24px;align-items:end;margin-bottom:22px}
.today-intel-kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:900;letter-spacing:.13em;color:#f2cc7d;margin-bottom:8px}.today-intel-kicker:before{content:"✦"}
.today-intel-head h2{font-size:40px;line-height:1;letter-spacing:-.045em;margin:0 0 12px}.today-intel-head p{margin:0;color:#c7c9d8;font-size:15px;line-height:1.7;max-width:780px}
.today-status-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.today-status-chip{display:flex;flex-direction:column;gap:4px;padding:11px 12px;border-radius:14px;border:1px solid rgba(151,170,255,.14);background:rgba(10,16,36,.74)}.today-status-chip small{font-size:9px;font-weight:900;letter-spacing:.1em;color:#9ea7c5}.today-status-chip strong{font-size:12px}.today-status-chip.live strong{color:#f0cd80}.today-status-chip.safe strong{color:#83e6b5}.today-status-chip.waiting strong{color:#9ec8ff}
.today-intel-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.today-intel-card{min-width:0;padding:17px 17px 18px;border-radius:18px;border:1px solid rgba(151,170,255,.13);background:linear-gradient(180deg,rgba(15,22,50,.82),rgba(9,14,32,.88));box-shadow:0 14px 34px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.015) inset}
.today-intel-card.gold{border-color:rgba(242,204,125,.18)}.today-intel-card.warning{border-color:rgba(244,166,104,.22)}.today-intel-card.cyan{border-color:rgba(100,216,238,.18)}.today-intel-card.purple{border-color:rgba(176,135,255,.2)}
.today-intel-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.today-intel-card-top span{font-size:9px;font-weight:900;letter-spacing:.11em;color:#f2cc7d}.today-intel-card.warning .today-intel-card-top span{color:#ffb47c}.today-intel-card.cyan .today-intel-card-top span{color:#84e5f7}.today-intel-card.purple .today-intel-card-top span{color:#c5a2ff}.today-intel-card-top small{font-size:10px;color:#8f96ad}
.today-intel-card h3{font-size:17px;line-height:1.15;margin:0 0 9px}.today-intel-card p{font-size:12.5px;line-height:1.62;color:#bbbfd1;margin:0}.today-intel-card ul{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:6px}.today-intel-card li{position:relative;padding-left:13px;color:#aeb4ca;font-size:11.5px;line-height:1.5}.today-intel-card li:before{content:"✦";position:absolute;left:0;top:0;color:#d7bb77;font-size:7px;line-height:17px}
.today-intel-note{position:relative;z-index:1;display:flex;gap:12px;align-items:flex-start;margin:18px 0 4px;padding:14px 16px;border-radius:16px;border:1px solid rgba(116,160,244,.15);background:rgba(13,21,47,.62)}.today-intel-note span{color:#f2cc7d}.today-intel-note p{margin:0;color:#c1c6d8;font-size:12.5px;line-height:1.6}
.today-intel-shell>.source-links{position:relative;z-index:1;margin-top:16px}
/* 1.6.6 natural atmosphere polish */
.dreamlight-dust{opacity:.76}.water-shimmer{opacity:.82}.castle-glow:before{opacity:.48}.valley-mist{opacity:.9}
@media(max-width:1180px){.today-intel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.today-intel-head{grid-template-columns:1fr}.today-status-stack{max-width:620px}}
@media(max-width:680px){.today-intel-shell{padding:22px 18px}.today-intel-grid{grid-template-columns:1fr}.today-status-stack{grid-template-columns:1fr}.today-intel-head h2{font-size:32px}}


/* DDV WEBSITE 1.6.7 — PIXEL PERFECT LIVE DATABASE */
.pixel-live-hero{border-color:rgba(112,205,255,.38);box-shadow:0 24px 80px rgba(14,91,174,.22),inset 0 0 70px rgba(75,169,255,.06)}
.live-comparison-row .ready{border-color:rgba(120,255,197,.35);background:rgba(58,184,125,.12)}
.pixel-audited-stats .update-metric:nth-child(3) strong{color:#86f7c5}
.pixel-compare-grid,.pixel-intel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}
.pixel-compare-panel,.pixel-quality-panel,.changed-records-panel{border:1px solid rgba(150,196,255,.18);background:linear-gradient(145deg,rgba(14,31,69,.82),rgba(12,22,51,.7));border-radius:22px;padding:20px;box-shadow:inset 0 1px rgba(255,255,255,.04)}
.pixel-compare-panel.audited-panel{border-color:rgba(104,244,193,.22)}
.pixel-compare-panel.raw-panel{border-color:rgba(255,196,111,.2)}
.pixel-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.pixel-panel-heading span{font-size:.72rem;letter-spacing:.14em;color:#85bfff;font-weight:800}.pixel-panel-heading strong{font-size:1rem;text-align:right}
.pixel-compare-numbers{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;align-items:baseline}.pixel-compare-numbers b{font-size:1.55rem;color:#f2f7ff}.pixel-compare-numbers span{color:#aebbd8;font-size:.87rem}.pixel-compare-panel p{color:#aebbd8;line-height:1.58;margin:15px 0 0}
.pixel-quality-panel{margin:18px 0}.pixel-quality-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.pixel-quality-grid div{padding:14px 10px;border-radius:16px;background:rgba(88,142,225,.08);text-align:center}.pixel-quality-grid strong{display:block;font-size:1.25rem}.pixel-quality-grid span{display:block;color:#9eacc8;font-size:.75rem;margin-top:5px}
.pixel-event-list{display:grid;gap:9px}.pixel-event-list div,.changed-record-list div{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;background:rgba(113,162,233,.07)}.pixel-event-list span,.changed-record-list span{color:#9fafd0;font-size:.84rem;text-align:right}.truth-repair-number{font-size:3rem;font-weight:900;line-height:1;color:#8ed7ff}.raw-signal-chip{display:inline-flex;margin-top:14px;padding:8px 11px;border-radius:999px;background:rgba(111,172,255,.11);color:#a9cef9;font-size:.78rem;font-weight:800}
.changed-records-panel{margin:18px 0}.changed-records-panel summary{cursor:pointer;font-weight:850;color:#dfeeff}.changed-record-list{display:grid;gap:8px;margin-top:15px}
@media(max-width:900px){.pixel-compare-grid,.pixel-intel-grid{grid-template-columns:1fr}.pixel-quality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pixel-panel-heading{display:block}.pixel-panel-heading strong{display:block;text-align:left;margin-top:4px}}


/* DDV WEBSITE 1.7.0 - D23 HOME SPOTLIGHT */
.d23-home-spotlight{padding-top:18px}
.d23-spotlight-shell{position:relative;overflow:hidden;border:1px solid rgba(150,198,255,.24);border-radius:28px;padding:26px;background:radial-gradient(circle at 88% 10%,rgba(62,182,255,.20),transparent 32%),radial-gradient(circle at 10% 100%,rgba(231,94,255,.13),transparent 34%),linear-gradient(135deg,rgba(12,24,58,.96),rgba(13,41,67,.93));box-shadow:0 24px 70px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.06)}
.d23-spotlight-shell:after{content:"✦";position:absolute;right:28px;top:14px;font-size:92px;line-height:1;color:rgba(255,255,255,.035);pointer-events:none}
.d23-spotlight-head{display:flex;justify-content:space-between;gap:26px;align-items:flex-end;margin-bottom:20px}
.d23-spotlight-head>div{max-width:820px}.d23-kicker{display:block;color:#91dfff;font-size:12px;font-weight:900;letter-spacing:.16em;margin-bottom:8px}
.d23-spotlight-head h2{margin:0 0 8px;font-size:clamp(26px,3.2vw,42px)}.d23-spotlight-head p{margin:0;color:var(--muted);line-height:1.65}
.d23-spotlight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.d23-spotlight-card{min-height:154px;border:1px solid rgba(255,255,255,.10);border-radius:20px;padding:17px;background:rgba(4,13,35,.52);transition:transform .2s ease,border-color .2s ease,background .2s ease}
.d23-spotlight-card:hover{transform:translateY(-3px);border-color:rgba(146,220,255,.34);background:rgba(9,25,57,.72)}
.d23-spotlight-card small{display:block;color:#9cddff;font-size:11px;font-weight:900;letter-spacing:.13em;margin-bottom:9px}
.d23-spotlight-card strong{display:block;font-size:17px;margin-bottom:8px}.d23-spotlight-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.d23-spotlight-card.pink{box-shadow:inset 0 2px rgba(255,122,220,.34)}.d23-spotlight-card.spooky{box-shadow:inset 0 2px rgba(173,105,255,.38)}
.d23-spotlight-card.ocean,.d23-spotlight-card.sea{box-shadow:inset 0 2px rgba(75,204,255,.36)}
.d23-spotlight-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
.d23-spotlight-foot span{font-size:10px;font-weight:900;letter-spacing:.15em;color:#74d3ff}.d23-spotlight-foot a{color:#d8efff;text-decoration:none;font-size:12px}.d23-spotlight-foot a:hover{text-decoration:underline}
@media(max-width:980px){.d23-spotlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.d23-spotlight-shell{padding:20px}.d23-spotlight-head{align-items:flex-start;flex-direction:column}.d23-spotlight-grid{grid-template-columns:1fr}.d23-spotlight-foot{align-items:flex-start;flex-direction:column}}