/* 06 — Pocket Console: a tactile compact game interface. */
html[data-design="6"]{color-scheme:light;--bg:#e8f3ee;--panel:#fcfffb;--raised:#d4e8df;--line:#aecabd;--text:#244b41;--muted:#65857a;--accent:#225e50;--accent-soft:#a9d9aa66;--accent-contrast:#fff;--mint:#225e50;--violet:#7566a8;--radius:28px;--heading-font:'Trebuchet MS',sans-serif;--map-bg:#17392f}
html[data-design="6"] .hub-main{max-width:1220px}html[data-design="6"] .hub-header{border:6px solid var(--raised);border-radius:0 0 30px 30px}html[data-design="6"] .hub-nav a{background:var(--raised);border-radius:18px}html[data-design="6"] .modern-hero{grid-template-columns:1.2fr 1fr;min-height:355px;background:var(--panel);border:6px solid var(--raised);border-radius:34px;padding:25px 35px;margin-bottom:30px}html[data-design="6"] .modern-hero h1{font-size:54px;font-weight:800}html[data-design="6"] .hero-scene{min-height:300px}html[data-design="6"] .hero-meta,html[data-design="6"] .scene-sticker{display:none}html[data-design="6"] .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}html[data-design="6"] .tool-card{min-height:250px;text-align:center;display:flex;align-items:center;padding:23px;border:4px solid var(--raised)!important;box-shadow:0 6px 0 var(--line)}html[data-design="6"] .tool-card-art{margin:10px auto 15px;order:1}html[data-design="6"] .tool-card-copy{order:2;max-width:100%}html[data-design="6"] .card-topline{justify-content:center}.design-embedded[data-design="6"] .modern-hero{margin-top:10px}html[data-design="6"] .card-category,html[data-design="6"] .tool-card .arrow{display:none}html[data-design="6"] .tool-icon{width:80px;height:80px}html[data-design="6"] .rt-dex-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:16px}html[data-design="6"] .rt-card-art{height:140px}html[data-design="6"] .rt-card-art img{width:120px;height:120px}html[data-design="6"] .rt-creature-card{border:3px solid var(--raised)!important;box-shadow:0 4px 0 var(--line);text-align:center}html[data-design="6"] .rt-chips{justify-content:center}html[data-design="6"] .rt-element-buttons button{border-radius:22px;border-width:3px;box-shadow:0 3px 0 var(--line)}html[data-design="6"] .rt-code-grid{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-design="6"] .rt-code-card{border:3px solid var(--raised)!important;box-shadow:0 5px 0 var(--line)}html[data-design="6"] .egg-gallery{grid-template-columns:repeat(auto-fill,minmax(225px,1fr))}
/* 07 — Field Journal: paper, notes and a serif field-guide hierarchy. */
html[data-design="7"]{color-scheme:light;--bg:#f1ead7;--panel:#fffaf0;--raised:#e6dcc2;--line:#c8b993;--text:#3f4936;--muted:#887b5f;--accent:#526344;--accent-soft:#c6ad7833;--accent-contrast:#fffaf0;--mint:#526344;--violet:#856d8d;--radius:6px;--heading-font:Georgia,serif;--map-bg:#30392a}
html[data-design="7"] body{background-image:repeating-linear-gradient(0deg,transparent,transparent 27px,#c8b99314 28px)}html[data-design="7"] .hub-header{background:transparent!important;border-bottom:2px solid var(--line)}html[data-design="7"] .hub-brand{font-family:Georgia,serif}.design-embedded[data-design="7"] .hub-header{background:var(--bg)!important}html[data-design="7"] .hub-nav a{border-radius:0;border-bottom:1px dashed var(--line)}html[data-design="7"] .modern-hero{grid-template-columns:1fr 1fr;border-bottom:1px dashed var(--line);min-height:450px}html[data-design="7"] .modern-hero h1{font-size:70px;font-weight:400}html[data-design="7"] .modern-hero h1 em{font-style:italic}html[data-design="7"] .hero-scene{min-height:400px;border:1px dashed var(--line);border-radius:50%;background:#e6dcc244}html[data-design="7"] .hero-primary{border-radius:3px}html[data-design="7"] .scene-sticker{border-radius:0;box-shadow:3px 3px 0 #3f493618}html[data-design="7"] .tool-grid{grid-template-columns:1fr 1fr;gap:24px}html[data-design="7"] .tool-card{transform:rotate(-.5deg);min-height:220px;box-shadow:3px 5px 0 #3f49361c;border-top:4px solid var(--line)!important}html[data-design="7"] .tool-card:nth-child(even){transform:rotate(.5deg)}html[data-design="7"] .card-category{font-family:Consolas,monospace;font-size:9px}html[data-design="7"] .rt-dex-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:24px}html[data-design="7"] .rt-creature-card{border-top:4px solid var(--line)!important;box-shadow:3px 4px 0 #3f493618}html[data-design="7"] .rt-card-art{background:none;height:190px}html[data-design="7"] .rt-toolbar{border-style:dashed!important;background:transparent!important}html[data-design="7"] .rt-code-grid{grid-template-columns:1fr 1fr;gap:22px}html[data-design="7"] .rt-code-card{border-top:4px solid var(--line)!important;padding:26px}html[data-design="7"] .rt-event-grid{grid-template-columns:1fr 1fr}html[data-design="7"] .egg-gallery button{border-top:4px solid var(--line)}html[data-design="7"] .community-card{border-style:dashed!important}
/* 08 — Prism Studio: centred, airy and artwork-first. */
html[data-design="8"]{color-scheme:light;--bg:#faf8ff;--panel:#fff;--raised:#eee8f7;--line:#dfd5ed;--text:#382b50;--muted:#8c7f9e;--accent:#7354b1;--accent-soft:#c8b6ed3d;--accent-contrast:#fff;--mint:#7354b1;--violet:#ad82b9;--radius:30px;--heading-font:'Segoe UI',sans-serif;--map-bg:#261d39}
html[data-design="8"] .hub-header{border-bottom:0}html[data-design="8"] .modern-hero{display:flex;flex-direction:column;text-align:center;min-height:0;padding-top:35px;gap:0;margin-bottom:45px}html[data-design="8"] .modern-hero .hub-kicker,html[data-design="8"] .hero-actions,html[data-design="8"] .hero-meta{justify-content:center}html[data-design="8"] .modern-hero h1{font-size:77px;max-width:none;font-weight:400;letter-spacing:-.055em}html[data-design="8"] .modern-hero h1 br{display:none}html[data-design="8"] .modern-hero p{max-width:620px;margin:auto}html[data-design="8"] .hero-scene{width:570px;min-height:350px;margin:25px auto 0}html[data-design="8"] .hero-pet.pet-one{height:100%;top:-10%;left:17%}html[data-design="8"] .scene-sticker,html[data-design="8"] .hero-meta{display:none}html[data-design="8"] .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}html[data-design="8"] .tool-card{min-height:320px;border:0!important;box-shadow:0 15px 55px #7354b111;text-align:center;display:flex;align-items:center;padding:28px}html[data-design="8"] .tool-card-art{margin:18px auto 30px;order:1}html[data-design="8"] .tool-card-copy{order:2;max-width:100%}html[data-design="8"] .card-category,html[data-design="8"] .card-index,html[data-design="8"] .tool-card .arrow{display:none}html[data-design="8"] .tool-icon{width:100px;height:100px}html[data-design="8"] .rt-dex-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:26px}html[data-design="8"] .rt-creature-card{border:0!important;text-align:center;box-shadow:0 10px 40px #7354b112}html[data-design="8"] .rt-card-art{height:220px;background:radial-gradient(ellipse,#eee8f7,transparent 70%)}html[data-design="8"] .rt-card-art img{width:180px;height:180px}html[data-design="8"] .rt-chips{justify-content:center}html[data-design="8"] .rt-tabs{justify-content:center}html[data-design="8"] .rt-toolbar{justify-content:center;background:transparent!important;border:0!important}html[data-design="8"] .rt-element-buttons button{border-radius:50px;max-width:none}html[data-design="8"] .rt-code-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}html[data-design="8"] .rt-code-card{box-shadow:0 10px 40px #7354b112;border:0!important;padding:30px}html[data-design="8"] .rt-event-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
/* 09 — Atlas Desk: navigation rail and horizontal workspace rows. */
html[data-design="9"]{color-scheme:light;--bg:#edf1f4;--panel:#fff;--raised:#dfe8ed;--line:#c4d2db;--text:#254353;--muted:#78909e;--accent:#245f7a;--accent-soft:#a3c5d440;--accent-contrast:#fff;--mint:#245f7a;--violet:#697eb0;--radius:10px;--map-bg:#183344}
@media(min-width:1200px){html[data-design="9"] body{padding-left:225px}html[data-design="9"] header.hub-header{position:fixed!important;left:0;top:0;bottom:0;width:225px;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start;gap:25px;padding:25px 20px!important;border-right:1px solid var(--line);border-bottom:0;z-index:1200}html[data-design="9"] .hub-brand-row{flex-direction:column;align-items:flex-start;gap:15px}html[data-design="9"] .hub-brand{font-size:16px}html[data-design="9"] .hub-brand small{font-size:7px}html[data-design="9"] .hub-brand img{width:33px;height:33px}html[data-design="9"] .hub-utilities{order:3;flex-direction:column;align-items:stretch;gap:20px;margin-top:auto}html[data-design="9"] .hub-account-actions{display:grid;grid-template-columns:1fr 1fr}html[data-design="9"] .hub-nav{display:flex;flex-direction:column;align-items:stretch;gap:7px;width:100%;order:2}html[data-design="9"] .hub-nav a{border-radius:8px;padding:12px 14px}html[data-design="9"] .hub-main{padding-top:30px}html[data-design="9"] .design-dock{right:20px}html[data-design="9"] .homeland-subnav{padding:15px 25px}html[data-design="9"] .homeland-tools{padding-left:25px!important}}
html[data-design="9"] .modern-hero{grid-template-columns:1.5fr 1fr;min-height:320px;border-bottom:1px solid var(--line);margin-bottom:30px;padding-bottom:30px}html[data-design="9"] .modern-hero h1{font-size:54px}html[data-design="9"] .hero-scene{min-height:300px}html[data-design="9"] .scene-sticker,html[data-design="9"] .hero-meta{display:none}html[data-design="9"] .tool-grid{grid-template-columns:1fr;gap:12px}html[data-design="9"] .tool-card{min-height:130px;display:grid;grid-template-columns:60px 1fr 90px;grid-template-rows:1fr;padding:20px;align-items:center}html[data-design="9"] .card-topline{grid-column:1;grid-row:1}.design-embedded[data-design="9"] .card-topline{grid-column:1}html[data-design="9"] .card-category{display:none}html[data-design="9"] .tool-card-copy{grid-column:2;grid-row:1;max-width:none}html[data-design="9"] .tool-card-art{grid-column:3;grid-row:1}html[data-design="9"] .tool-icon{width:70px;height:70px}html[data-design="9"] .tool-card .arrow{display:none}html[data-design="9"] .rt-dex-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html[data-design="9"] .rt-creature-card{display:grid;grid-template-columns:110px 1fr;align-items:center}html[data-design="9"] .rt-card-art{height:125px}html[data-design="9"] .rt-card-art img{width:100px;height:100px}html[data-design="9"] .rt-card-copy{padding:16px}html[data-design="9"] .rt-code-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}html[data-design="9"] .rt-toolbar{padding:14px}html[data-design="9"] .rt-event-grid{grid-template-columns:1fr}html[data-design="9"] .rt-event-card{display:grid;grid-template-columns:230px 1fr}html[data-design="9"] .egg-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
/* 10 — Neo Arcade: sharp, typographic and high contrast. */
html[data-design="10"]{--bg:#11120e;--panel:#202119;--raised:#303327;--line:#515639;--text:#f4f4df;--muted:#b3b69b;--accent:#e6fc67;--accent-soft:#e6fc671f;--accent-contrast:#171a09;--mint:#e6fc67;--violet:#c9d7b4;--radius:0px;--heading-font:'Arial Black','Segoe UI',sans-serif;--body-font:Consolas,'Courier New',monospace;--map-bg:#0c0e08}
html[data-design="10"] .hub-header{border-bottom:3px solid var(--accent)}html[data-design="10"] .hub-nav a{border-radius:0}.design-embedded[data-design="10"] .hub-nav a{border-radius:0}html[data-design="10"] .modern-hero{grid-template-columns:1.25fr 1fr;position:relative;border-bottom:3px solid var(--accent);padding-bottom:35px;min-height:500px}html[data-design="10"] .modern-hero h1{font-size:74px;font-weight:900;text-transform:uppercase;letter-spacing:-.07em;transform:skew(-4deg)}html[data-design="10"] .modern-hero p{font-size:13px}html[data-design="10"] .hero-primary{border-radius:0;box-shadow:5px 5px 0 #e6fc6733}html[data-design="10"] .hero-scene{background:repeating-linear-gradient(135deg,transparent,transparent 20px,#e6fc6706 21px,#e6fc6706 23px);min-height:440px}.design-embedded[data-design="10"] .hero-scene{min-height:440px}html[data-design="10"] .scene-sticker{border-radius:0;border:2px solid var(--accent);box-shadow:4px 4px 0 #e6fc6733}html[data-design="10"] .scene-orbit{border-radius:0;transform:rotate(8deg);border:1px solid var(--line)}html[data-design="10"] .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}html[data-design="10"] .tool-card{border:2px solid var(--line)!important;min-height:250px;box-shadow:5px 5px 0 #e6fc6720}html[data-design="10"] .tool-card:nth-child(even){border-color:var(--accent)!important}html[data-design="10"] .tool-card h2{text-transform:uppercase;font-size:22px}html[data-design="10"] .rt-toolbar{border-width:2px!important}html[data-design="10"] .rt-dex-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:14px}html[data-design="10"] .rt-creature-card{border-width:2px!important;box-shadow:4px 4px 0 #e6fc6720}html[data-design="10"] .rt-card-art{background:repeating-linear-gradient(135deg,transparent,transparent 15px,#e6fc6708 16px,#e6fc6708 17px)}html[data-design="10"] .rt-tabs a{border-radius:0;text-transform:uppercase;font-size:12px}html[data-design="10"] .rt-element-buttons button{border-radius:0;border-width:2px}html[data-design="10"] .rt-code-grid{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-design="10"] .rt-code-card{border-width:2px!important;border-top-color:var(--accent)!important;padding:25px}html[data-design="10"] .egg-gallery button{border-radius:0;box-shadow:4px 4px 0 #e6fc6720}html[data-design="10"] .community-card{border-width:2px!important}
@media(max-width:1000px){html[data-design="6"] .modern-hero h1,html[data-design="7"] .modern-hero h1,html[data-design="10"] .modern-hero h1{font-size:55px}html[data-design="8"] .modern-hero h1{font-size:61px}html[data-design="6"] .tool-grid,html[data-design="8"] .tool-grid,html[data-design="10"] .tool-grid{grid-template-columns:1fr 1fr}html[data-design="6"] .rt-code-grid,html[data-design="8"] .rt-code-grid,html[data-design="10"] .rt-code-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){html[data-design="6"] .modern-hero,html[data-design="7"] .modern-hero,html[data-design="9"] .modern-hero,html[data-design="10"] .modern-hero{grid-template-columns:1fr;min-height:0}html[data-design="6"] .modern-hero{padding:20px;border-width:4px}html[data-design="6"] .modern-hero h1,html[data-design="7"] .modern-hero h1,html[data-design="8"] .modern-hero h1,html[data-design="9"] .modern-hero h1,html[data-design="10"] .modern-hero h1{font-size:48px}html[data-design="8"] .modern-hero h1 br{display:block}html[data-design="8"] .hero-scene{width:100%;min-height:300px}html[data-design="7"] .hero-scene,html[data-design="10"] .hero-scene{min-height:310px}html[data-design="6"] .tool-card{padding:15px;min-height:225px}html[data-design="6"] .tool-icon{width:65px;height:65px}html[data-design="6"] .tool-card h2{font-size:18px}html[data-design="7"] .tool-grid{grid-template-columns:1fr;gap:18px}html[data-design="7"] .tool-card{min-height:180px}html[data-design="8"] .tool-card{min-height:240px;padding:15px}html[data-design="8"] .tool-card-art{margin:10px auto 15px}html[data-design="8"] .tool-icon{width:70px;height:70px}html[data-design="9"] .tool-card{grid-template-columns:32px 1fr 55px;min-height:120px;padding:15px}html[data-design="9"] .tool-icon{width:52px;height:52px}html[data-design="9"] .rt-dex-grid{grid-template-columns:1fr}html[data-design="9"] .rt-event-card{display:block}html[data-design="9"] .rt-code-grid,html[data-design="7"] .rt-code-grid,html[data-design="6"] .rt-code-grid,html[data-design="8"] .rt-code-grid,html[data-design="10"] .rt-code-grid{grid-template-columns:1fr}html[data-design="7"] .rt-event-grid,html[data-design="8"] .rt-event-grid{grid-template-columns:1fr}html[data-design="10"] .tool-card{min-height:235px;padding:15px}.design-embedded[data-design="10"] .hero-scene{min-height:310px}html[data-design="10"] .tool-card h2{font-size:18px}}