/* BingoBloom vNext — warm, premium, play-first design */
:root{--mint:#cfe9dd;--cream:#f6fbf8;--sage:#89b7a0;--text:#314a41}
body{background:linear-gradient(180deg,#edf8f3 0,#f7fbf9 34%,#fcfffd 72%,#eef7f2 100%);color:#31483f}
.topline{height:5px;background:linear-gradient(90deg,#9ccfb6,#7ab99c,#b6ddd0)}
header{background:rgba(244,250,247,.94)!important;backdrop-filter:blur(20px);border-bottom:1px solid #d8e9e1!important}
.nav{min-height:70px}.brand{color:#396254!important;letter-spacing:-1px}.brand span{color:#72a78b!important}
.links{color:#587269!important}.links a:hover{color:#4e8f75!important}
.cta,.btn:not(.secondary){background:#5f9f83!important;color:#fff!important;box-shadow:0 7px 19px rgba(95,159,131,.20)!important;border-radius:13px}
.cta:hover,.btn:not(.secondary):hover{background:#4b876d!important}
.btn.secondary{color:#4d7968!important;border-color:#d4e8df!important;background:#fbfefd!important}
.hero{padding:55px 22px 25px;text-align:left;max-width:1180px;margin:0 auto;position:relative}
.hero:before{content:'';position:absolute;width:340px;height:260px;right:20px;top:15px;background:radial-gradient(ellipse,#d8efe6 0%,transparent 70%);opacity:.75;pointer-events:none}
.hero .eyebrow{font-size:11px;background:#f7fdf9!important;color:#5f8d7a!important;border:1px solid #d9ebe2!important;letter-spacing:.15em}
.hero h1{margin:19px 0 19px;max-width:780px;font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:clamp(46px,5.7vw,78px);line-height:1.05;letter-spacing:-2.7px;color:#314d42}
.hero h1 em{color:#6ea98d!important;font-style:italic}
.hero p{font-size:17px;line-height:1.7;max-width:620px;color:#5c756c!important;margin:0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px;position:relative}
.hero-primary,.hero-outline{font-size:15px;padding:15px 24px!important}
.hero-outline{background:#fbfefd!important;color:#537d6d!important;border:1px solid #d5e8df!important;box-shadow:none!important}
.theme-discovery{margin:22px 0 30px}.discovery-head{margin:0 0 18px}.mini-label{font-size:11px;color:#6e9a84;letter-spacing:.18em;font-weight:800}.discovery-head h2{margin:6px 0;font-size:clamp(25px,3vw,35px);font-family:Georgia,serif;letter-spacing:-.7px;color:#314d42}.discovery-head p{margin:0;color:#678076}
.discovery-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.discovery-tile{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:8px;min-height:210px;padding:0;border-radius:24px;border:1px solid #d9e8e0;box-shadow:0 14px 30px rgba(80,110,95,.10);transition:transform .18s,box-shadow .18s;color:#365145;background:#fff}.discovery-tile:hover{transform:translateY(-4px);box-shadow:0 20px 36px rgba(80,110,95,.16)}.discovery-tile strong{font-size:17px;line-height:1.22;z-index:1}.discovery-tile small{font-size:12px;color:#688176;z-index:1}.discovery-tile b{font-size:12px;margin-top:auto;color:#5b8f78;z-index:1}.tile-cover{height:112px;display:flex;align-items:flex-start;justify-content:space-between;padding:16px;border-bottom:1px solid rgba(255,255,255,.35)}.tile-badge{font-size:11px;font-weight:700;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.72);backdrop-filter:blur(6px);color:#375548}.tile-art{font-size:40px;opacity:.85;line-height:1}.tile-copy{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}.tile-count{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#f5fbf8;color:#618273;font-size:11px;font-weight:700;width:max-content;margin-top:4px}.goals-tile{background:linear-gradient(145deg,#f0f8f4,#d9ebe2)}.travel-tile{background:linear-gradient(145deg,#ecfaf9,#d1ece7)}.friends-tile{background:linear-gradient(145deg,#f4fbf7,#dfeee7)}.party-tile{background:linear-gradient(145deg,#f0f6f4,#d8eae2)}.class-tile{background:linear-gradient(145deg,#eef8f1,#d6e8dd)}
.workspace{grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr)!important;gap:22px!important;margin-top:18px!important}
.workspace .preview{grid-column:1;grid-row:1;position:sticky;top:90px;padding:24px!important}
.workspace .controls{grid-column:2;grid-row:1;padding:25px!important}
.workspace .panel{background:rgba(255,253,249,.96)!important;border:1px solid #dceae3!important;box-shadow:0 16px 35px rgba(84,120,104,.10)!important}
.preview .bingo-card{background:linear-gradient(150deg,#eef8f3,#fbfefc 52%,#dfeee7)!important;box-shadow:0 14px 28px rgba(93,130,111,.14)!important}
.preview .bingo-title{color:#3b594d}.preview .cell{border-radius:10px}.step{color:#6a977f!important}.template.active{border-color:#8ab59f!important;background:#eef8f4!important}
.editor-intro{padding:10px 13px;border-radius:12px;color:#5f796f;background:#f7fcf9;font-size:13px;line-height:1.55;margin:5px 0 12px}
.play-challenges{background:#fbfefc!important;border:1px solid #dbe9e2!important;border-radius:22px!important;box-shadow:0 12px 30px rgba(80,110,95,.08)}
.trust-note{background:#f5fbf8;border:1px solid #dce9e2;padding:23px 30px;border-radius:22px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#607a70;margin-bottom:36px}.trust-note span{font-size:13px}
:focus-visible{outline:3px solid #5f9f83!important;outline-offset:3px}
@media(max-width:940px){.discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace{grid-template-columns:1fr!important}.workspace .preview,.workspace .controls{grid-column:1;grid-row:auto;position:static}.workspace .preview{order:0}.workspace .controls{order:1}}
@media(max-width:600px){.hero{padding:37px 3px 16px}.hero h1{font-size:clamp(40px,10.8vw,56px);letter-spacing:-1.7px}.hero p{font-size:15px}.hero-actions .btn{flex:1;white-space:nowrap;padding:13px 11px!important;font-size:13px}.discovery-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 15px;gap:11px}.discovery-tile{min-width:174px;min-height:158px;scroll-snap-align:start}.workspace .preview,.workspace .controls{padding:16px!important}.trust-note{padding:18px}.nav .brand{font-size:21px}}
@media(prefers-reduced-motion:reduce){.discovery-tile{transition:none}}

.hero-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:24px;align-items:center}
.hero-visual{display:flex;justify-content:center;align-items:center;position:relative;padding:10px 0 10px}
.card-stack{position:relative;width:min(100%,400px);height:330px}
.mini-bingo-card,.mini-side-card{position:absolute;border-radius:26px;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border:1px solid #d9ebe2;box-shadow:0 18px 40px rgba(84,120,104,.14)}
.mini-bingo-card{inset:32px 8px 0 52px;padding:22px 22px 18px;transform:rotate(-2.5deg)}
.mini-side-card{width:150px;padding:16px;right:0;top:0;transform:rotate(6deg)}
.mini-side-card.bottom{width:170px;left:0;bottom:0;top:auto;right:auto;transform:rotate(-5deg)}
.mini-card-title{font-size:14px;font-weight:800;color:#426659;letter-spacing:.02em;margin-bottom:12px}
.mini-bingo-header{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:6px}
.mini-bingo-header span{font-size:18px;font-weight:900;color:#649a81;text-align:center}
.mini-bingo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.mini-bingo-grid i{display:block;aspect-ratio:1;border-radius:10px;background:linear-gradient(145deg,#f7fcf9,#e0efe8);border:1px solid #d9ebe2}
.mini-bingo-grid i.checked{background:linear-gradient(145deg,#a9d0bd,#d8ece2)}
.mini-side-card h3{margin:0 0 8px;font-size:16px;color:#38574a;font-family:Georgia,serif}
.mini-side-card p{margin:0 0 12px;font-size:12px;line-height:1.5;color:#678075}
.tag-row{display:flex;gap:7px;flex-wrap:wrap}.tag{padding:7px 10px;border-radius:999px;background:#eef8f4;color:#567a68;font-size:11px;font-weight:700}
.hero-note{position:absolute;right:18px;bottom:12px;padding:9px 13px;border-radius:999px;background:#ffffffcc;border:1px solid #d9ebe2;color:#567a68;font-size:12px;font-weight:700;box-shadow:0 10px 24px rgba(84,120,104,.12)}
@media(max-width:940px){.hero-layout{grid-template-columns:1fr}.hero-visual{order:-1}.card-stack{height:290px;max-width:390px;margin-inline:auto}.mini-bingo-card{inset:38px 16px 10px 48px}}
@media(max-width:600px){.mini-side-card{width:128px}.mini-side-card.bottom{width:145px}.card-stack{height:255px}.mini-bingo-card{inset:34px 14px 10px 42px;padding:16px 16px 14px}.mini-bingo-header span{font-size:15px}.mini-bingo-grid{gap:4px}.hero-note{right:12px;bottom:0;font-size:11px;padding:8px 11px}}

/* Mint atelier — final visual polish, overrides legacy warm colors */
:root{--mint-ink:#294d3f;--mint-accent:#3f9473;--mint-wash:#f0faf5}
body[data-home="true"]{background:radial-gradient(circle at 15% 7%,#dbf3e6,transparent 28%),linear-gradient(180deg,#ecf8f2,#f8fcfa 50%,#eef8f3)!important}
body[data-home="true"] .brand,body[data-home="true"] .brand span{color:#327c60!important}
body[data-home="true"] .hero h1{color:#274b3e!important}
body[data-home="true"] .hero h1 em{background:none!important;-webkit-text-fill-color:#459876;color:#459876!important}
body[data-home="true"] .hero:before{display:none!important}
body[data-home="true"] .hero{padding:48px 38px!important;overflow:hidden}
body[data-home="true"] .hero .hero-copy{position:relative;z-index:2}
body[data-home="true"] .hero-layout{align-items:center}
body[data-home="true"] .hero h1{font-size:clamp(44px,4.6vw,66px)!important;line-height:1.07!important;letter-spacing:-2.3px!important}
body[data-home="true"] .hero p{text-align:left!important;margin:0!important}
body[data-home="true"] .hero .eyebrow{font-size:11px!important;letter-spacing:.09em!important}
body[data-home="true"] .hero .hero-actions{justify-content:flex-start!important}
body[data-home="true"] .hero-primary,body[data-home="true"] .cta,body[data-home="true"] .quickstart .btn{background:#388d6b!important;color:white!important;box-shadow:0 10px 20px #418e7125!important}
body[data-home="true"] .hero-outline{background:#fff!important;color:#307557!important;box-shadow:none!important;border:1px solid #c8e6d5!important}
body[data-home="true"] .quickstart{background:#e1f4e9!important;border-color:#cae8d7!important;color:#315c49!important}
body[data-home="true"] .quickstart p{color:#557966!important}
body[data-home="true"] .theme-discovery .discovery-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;overflow:visible!important}
body[data-home="true"] .discovery-tile{background:#fff!important;min-width:0!important;min-height:246px!important}
body[data-home="true"] .discovery-tile .tile-cover{background:linear-gradient(135deg,#e4f4ea,#bbdfcd)!important}
body[data-home="true"] .travel-tile .tile-cover{background:linear-gradient(135deg,#e0f6f4,#bde3df)!important}
body[data-home="true"] .friends-tile .tile-cover{background:linear-gradient(135deg,#fcefe9,#f3d8cd)!important}
body[data-home="true"] .party-tile .tile-cover{background:linear-gradient(135deg,#f3eaff,#e2d1ee)!important}
body[data-home="true"] .class-tile .tile-cover{background:linear-gradient(135deg,#eff6e2,#d7e9c1)!important}
body[data-home="true"] .tile-cover{height:104px!important;align-items:center!important}
body[data-home="true"] .tile-art{font-size:40px!important}
body[data-home="true"] .tile-copy{padding:16px!important;gap:8px!important}
body[data-home="true"] .discovery-tile strong{font-size:16px!important}
body[data-home="true"] .discovery-tile small{line-height:1.5!important}
body[data-home="true"] .discovery-tile b{padding-top:8px!important}
body[data-home="true"] .workspace .panel{background:#fff!important;border-color:#dbe9e2!important}
body[data-home="true"] .preview .bingo-card{background:linear-gradient(145deg,#e5f5ec,#f6fcf8,#daeee4)!important}
body[data-home="true"] .cell{color:#38574a!important;border-color:#cfe7da!important}
body[data-home="true"] .cell.checked{background:#a4d9bf!important}
body[data-home="true"] .preview .bingo-title{color:#315e4a!important}
body[data-home="true"] .player-toolbar,body[data-home="true"] .play-challenges{background:#f5fbf7!important;border-color:#d6e8df!important}
body[data-home="true"] .preview-actions .btn:not(.secondary){background:#408e70!important}
body[data-home="true"] .template.active{background:#e7f6ed!important;border-color:#7ab79a!important}
body[data-home="true"] .field{background:#fbfefd!important;border-color:#cfdfd6!important;color:#365b49!important}
body[data-home="true"] .style-chip.selected,body[data-home="true"] .mode.active{background:#408e70!important;border-color:#408e70!important;color:#fff!important}
body[data-home="true"] .result-banner{background:#d9f0e4!important;color:#2f7753!important}
body[data-home="true"] .footer{background:#e9f5ee!important;border-color:#d8e8df!important;color:#577665!important}
.mini-side-card{z-index:3}.mini-bingo-card{z-index:2}.mini-side-card.bottom{z-index:4}
.mini-bingo-card{inset:24px 40px 0 58px;min-width:0}
.mini-side-card{top:-5px;right:0}.mini-side-card.bottom{bottom:-8px;left:2px}
@media(max-width:1150px){body[data-home="true"] .theme-discovery .discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:940px){body[data-home="true"] .hero-visual{order:0!important}}
@media(max-width:650px){body[data-home="true"] .hero{padding:32px 18px!important}body[data-home="true"] .hero-layout{grid-template-columns:1fr!important}body[data-home="true"] .hero h1{font-size:clamp(37px,9vw,49px)!important}body[data-home="true"] .hero-visual{display:none!important}body[data-home="true"] .theme-discovery .discovery-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;gap:12px!important;padding:4px 0 14px!important}body[data-home="true"] .discovery-tile{flex:0 0 205px!important;min-height:232px!important}body[data-home="true"] .hero .hero-actions{display:grid!important;grid-template-columns:1fr!important}body[data-home="true"] .hero .hero-actions .btn{width:100%!important}}