/* 01 — Daybreak: illustrated light hub and soft bento cards. */
html[data-design="1"]{color-scheme:light;--bg:#f4f7f0;--panel:#fff;--raised:#e8eedf;--line:#d7e0cf;--text:#20382f;--muted:#65766b;--accent:#245847;--accent-soft:#b6df7340;--accent-contrast:#fff;--mint:#245847;--violet:#72569e;--radius:24px;--map-bg:#192e27;--map-glow:#80b88318}
html[data-design="1"] .modern-hero{background:linear-gradient(115deg,#edf4e4,#f5f8f1 65%);border-radius:35px;padding:40px;margin-top:10px}html[data-design="1"] .hero-scene:before{background:radial-gradient(ellipse,#bbd79c77,transparent 70%)}html[data-design="1"] .tool-card:first-child{background:#e5eedb!important}html[data-design="1"] .tool-card:nth-child(4){background:#eee8f6!important}html[data-design="1"] .rt-dex-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:20px}html[data-design="1"] .rt-card-art{background:radial-gradient(ellipse,#e5eddb,transparent 70%);height:180px}html[data-design="1"] .rt-toolbar{border-radius:20px;padding:22px}html[data-design="1"] .rt-code-grid{gap:20px}html[data-design="1"] .rt-code-card{padding:25px;box-shadow:0 7px 25px #476e3310}html[data-design="1"] .egg-gallery{gap:20px}html[data-design="1"] .rt-element-pickers fieldset{padding:20px}
/* 02 — Nightfall: cinematic hero and asymmetric tools. */
html[data-design="2"]{--bg:#0d1225;--panel:#181e38;--raised:#242c4b;--line:#343959;--text:#f2f0ff;--muted:#a4aecb;--accent:#d4bcff;--accent-soft:#a881ff28;--accent-contrast:#211339;--mint:#d4bcff;--violet:#e3b4e7;--radius:22px;--map-bg:#0a0c1a;--map-glow:#9375ff20}
html[data-design="2"] body{background:radial-gradient(ellipse at 80% 20%,#39296155,transparent 45%),var(--bg)}html[data-design="2"] .modern-hero{min-height:560px;border-bottom:1px solid var(--line)}html[data-design="2"] .hero-copy{z-index:5}html[data-design="2"] .modern-hero h1{font-size:80px;font-weight:500}html[data-design="2"] .hero-scene{transform:scale(1.1);margin-left:-25px}html[data-design="2"] .hero-scene:before{background:radial-gradient(ellipse,#9c6efc50,transparent 70%)}html[data-design="2"] .tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}html[data-design="2"] .tool-card:first-child,html[data-design="2"] .tool-card:nth-child(4){grid-column:span 2}html[data-design="2"] .tool-card{background:linear-gradient(140deg,#27213d,#141a31)!important;min-height:260px}html[data-design="2"] .tool-card:first-child .tool-icon{width:140px;height:140px}html[data-design="2"] .rt-dex-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:20px}html[data-design="2"] .rt-card-art{height:205px;background:radial-gradient(ellipse,#6d459e55,transparent 70%)}html[data-design="2"] .rt-card-art img{width:170px;height:170px}html[data-design="2"] .rt-element-pickers{grid-template-columns:1fr 1fr}html[data-design="2"] .rt-element-pickers fieldset:last-child{grid-column:1/-1}html[data-design="2"] .rt-code-grid{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-design="2"] .rt-code-top code{font-size:22px}html[data-design="2"] .rt-event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-design="2"] .rt-event-card{display:grid;grid-template-columns:45% 1fr}
/* 03 — Editorial: magazine masthead, serif type and indexed rows. */
html[data-design="3"]{color-scheme:light;--bg:#f4eee5;--panel:#fffaf3;--raised:#eae1d5;--line:#cfc2b1;--text:#273c3d;--muted:#7e786b;--accent:#a64431;--accent-soft:#a6443115;--accent-contrast:#fff9ef;--mint:#a64431;--violet:#716383;--radius:2px;--heading-font:Georgia,'Times New Roman',serif;--body-font:'Segoe UI',sans-serif;--map-bg:#272a22}
html[data-design="3"] .hub-header{border-bottom:3px double var(--line)}html[data-design="3"] .hub-brand{font-family:Georgia,serif;letter-spacing:.06em}html[data-design="3"] .hub-nav a{border-radius:0}html[data-design="3"] .modern-hero{grid-template-columns:1.2fr 1fr;border-bottom:3px double var(--line);padding-bottom:35px}html[data-design="3"] .modern-hero h1{font-size:80px;font-weight:400;letter-spacing:-.065em}html[data-design="3"] .modern-hero h1 em{font-style:italic}html[data-design="3"] .hero-primary{border-radius:0}html[data-design="3"] .hero-scene .scene-orbit{display:none}html[data-design="3"] .scene-sticker{border-radius:0;box-shadow:none}html[data-design="3"] .tool-grid{grid-template-columns:1fr 1fr;gap:0 35px}html[data-design="3"] .tool-card{border:0!important;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;box-shadow:none;border-radius:0;min-height:190px;grid-template-columns:1fr 100px;grid-template-rows:auto auto;background:transparent!important;padding:25px 0}html[data-design="3"] .tool-card-art{grid-row:1/3;grid-column:2}html[data-design="3"] .tool-card-copy{grid-column:1;grid-row:2;max-width:90%}html[data-design="3"] .tool-card h2{font-size:30px;font-weight:400}html[data-design="3"] .tool-card .arrow{display:none}html[data-design="3"] .rt-toolbar{background:transparent!important;border-width:1px 0!important;padding:20px 0}html[data-design="3"] .rt-dex-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:30px}html[data-design="3"] .rt-creature-card{background:transparent!important;border-width:0 0 1px!important;border-radius:0}html[data-design="3"] .rt-card-art{background:none;height:180px}html[data-design="3"] .rt-code-grid{grid-template-columns:1fr 1fr;gap:0 30px}html[data-design="3"] .rt-code-card{border-width:1px 0!important;padding:24px 0;box-shadow:none;background:transparent!important}html[data-design="3"] .rt-element-buttons button{border-radius:0}html[data-design="3"] .rt-event-grid{grid-template-columns:1fr 1fr}html[data-design="3"] .community-card{border-width:0 0 1px!important;background:transparent!important;border-radius:0!important}
/* 04 — Candy Club: oversized playful stickers and tactile colour-blocks. */
html[data-design="4"]{color-scheme:light;--bg:#fff1f5;--panel:#fff;--raised:#f6dce8;--line:#e4bdd0;--text:#4e2943;--muted:#956c83;--accent:#a32d66;--accent-soft:#f0a8ca4d;--accent-contrast:#fff;--mint:#a32d66;--violet:#8b5cc3;--radius:32px;--heading-font:'Trebuchet MS','Segoe UI',sans-serif;--map-bg:#38243d}
html[data-design="4"] .hub-nav a{border:1px solid var(--line);background:#fff}html[data-design="4"] .modern-hero{grid-template-columns:1fr 1.1fr;gap:0}html[data-design="4"] .modern-hero h1{font-size:74px;font-weight:900;letter-spacing:-.06em}html[data-design="4"] .hero-scene{background:#f6dce8;border-radius:50% 40% 42% 35%;transform:rotate(3deg);min-height:470px}html[data-design="4"] .scene-sticker{background:#fff8cc;border:2px solid #e2bc68;box-shadow:4px 4px 0 #a32d6622}html[data-design="4"] .scene-orbit{display:none}html[data-design="4"] .tool-card{border:2px solid var(--line)!important;box-shadow:5px 5px 0 var(--line);min-height:295px}html[data-design="4"] .tool-card:nth-child(even){background:#f7e4ff!important}html[data-design="4"] .tool-card:nth-child(3n){background:#fff6cf!important}html[data-design="4"] .tool-icon{width:110px;height:110px;transform:rotate(8deg)}html[data-design="4"] .rt-dex-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}html[data-design="4"] .rt-creature-card{border:2px solid var(--line)!important;box-shadow:4px 4px 0 var(--line)}html[data-design="4"] .rt-card-art{background:#fbe4f0;border-radius:50%;margin:12px;height:155px}html[data-design="4"] .rt-tabs a{border-radius:30px!important}html[data-design="4"] .rt-element-buttons button{border-radius:20px;min-height:100px}html[data-design="4"] .rt-code-card{box-shadow:5px 5px 0 var(--line);border:2px solid var(--line)!important;padding:24px}html[data-design="4"] .egg-gallery button{box-shadow:5px 5px 0 var(--line)}
/* 05 — Mission Control: compact operations dashboard. */
html[data-design="5"]{--bg:#111d27;--panel:#1b2b37;--raised:#233b49;--line:#35505e;--text:#d9edf1;--muted:#95aebb;--accent:#79d3d7;--accent-soft:#79d3d71c;--accent-contrast:#11272a;--mint:#79d3d7;--violet:#9eb4df;--radius:7px;--heading-font:'Segoe UI',sans-serif;--body-font:'Segoe UI',sans-serif;--map-bg:#0b1720}
html[data-design="5"] .hub-header{padding-top:12px;padding-bottom:12px;gap:5px}html[data-design="5"] .hub-nav{justify-content:flex-start!important;gap:0}html[data-design="5"] .hub-nav a{border-radius:3px}html[data-design="5"] .modern-hero{min-height:300px;grid-template-columns:1.5fr 1fr;margin-bottom:25px;border-bottom:1px solid var(--line);padding:15px 0 30px}html[data-design="5"] .modern-hero h1{font-size:52px;line-height:1.1;margin:14px 0}html[data-design="5"] .modern-hero p{font-size:14px;max-width:580px}html[data-design="5"] .hero-meta{margin-top:20px;font-family:Consolas,monospace}html[data-design="5"] .hero-scene{min-height:290px}html[data-design="5"] .scene-sticker{display:none}html[data-design="5"] .hero-pet{filter:drop-shadow(0 15px 12px #0004)}html[data-design="5"] .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}html[data-design="5"] .tool-card{min-height:170px;padding:17px;grid-template-columns:1fr 68px;grid-template-rows:auto 1fr}html[data-design="5"] .tool-card-art{grid-row:1/3;grid-column:2}html[data-design="5"] .tool-icon{width:60px;height:60px}html[data-design="5"] .tool-card-copy{grid-column:1;grid-row:2;max-width:95%}html[data-design="5"] .tool-card h2{font-size:20px;margin:12px 0 6px}html[data-design="5"] .tool-card p{font-size:11px}html[data-design="5"] .card-category{display:none}html[data-design="5"] .tool-card .arrow{display:none}html[data-design="5"] .rt-toolbar{padding:12px;margin:15px 0;gap:9px}html[data-design="5"] .rt-dex-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:9px}html[data-design="5"] .rt-card-art{height:135px;background:#233b4922}html[data-design="5"] .rt-card-art img{width:120px;height:120px}html[data-design="5"] .rt-card-copy{padding:0 12px 12px}html[data-design="5"] .rt-element-pickers fieldset{padding:10px}html[data-design="5"] .rt-element-buttons button{min-height:70px;max-width:none;padding:7px}html[data-design="5"] .rt-code-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}html[data-design="5"] .rt-code-card{padding:17px}html[data-design="5"] .rt-event-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}html[data-design="5"] .community-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
@media(max-width:1000px){html[data-design="2"] .modern-hero h1,html[data-design="3"] .modern-hero h1,html[data-design="4"] .modern-hero h1{font-size:59px}html[data-design="2"] .tool-grid{grid-template-columns:1fr 1fr}html[data-design="2"] .tool-card:first-child,html[data-design="2"] .tool-card:nth-child(4){grid-column:span 1}html[data-design="5"] .rt-code-grid{grid-template-columns:1fr 1fr}html[data-design="2"] .rt-element-pickers{grid-template-columns:1fr}}
@media(max-width:650px){html[data-design="1"] .modern-hero{padding:20px;border-radius:25px;margin:0 -6px 35px}html[data-design="2"] .modern-hero,html[data-design="3"] .modern-hero,html[data-design="4"] .modern-hero,html[data-design="5"] .modern-hero{grid-template-columns:1fr;min-height:0;gap:0}html[data-design="2"] .modern-hero h1,html[data-design="3"] .modern-hero h1,html[data-design="4"] .modern-hero h1{font-size:51px}html[data-design="2"] .hero-scene{transform:none;margin:10px 0 0;min-height:320px}html[data-design="4"] .hero-scene{min-height:320px;margin:28px 0 5px}html[data-design="5"] .hero-scene{min-height:260px}html[data-design="3"] .tool-grid{grid-template-columns:1fr;gap:0}html[data-design="3"] .tool-card{min-height:160px;padding:20px 0;grid-template-columns:1fr 90px}html[data-design="3"] .tool-card-art{grid-row:1/3;grid-column:2}html[data-design="3"] .tool-card-copy{grid-column:1;grid-row:2}html[data-design="3"] .tool-card h2{font-size:28px}html[data-design="2"] .rt-code-grid,html[data-design="2"] .rt-event-grid,html[data-design="3"] .rt-code-grid,html[data-design="3"] .rt-event-grid{grid-template-columns:1fr}html[data-design="2"] .rt-event-card{display:block}html[data-design="4"] .tool-card{min-height:235px;padding:15px;box-shadow:3px 3px 0 var(--line)}html[data-design="4"] .tool-icon{width:70px;height:70px}html[data-design="5"] .tool-grid{grid-template-columns:1fr}html[data-design="5"] .tool-card{min-height:135px;grid-template-columns:1fr 65px;grid-template-rows:auto 1fr}html[data-design="5"] .tool-card-art{grid-row:1/3;grid-column:2}html[data-design="5"] .tool-card-copy{grid-column:1;grid-row:2}html[data-design="5"] .rt-code-grid{grid-template-columns:1fr}html[data-design="5"] .rt-dex-grid{grid-template-columns:1fr 1fr}}