/* The Guessery — design system + palettes */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Karla:wght@400;500;700&display=swap');

:root{
  /* arrival defaults double as a safety net if data-theme is ever missing/invalid */
  --bg:#FAF7F1; --card:#FFFFFF; --ink:#26384A; --muted:#7C8B99; --line:#E9E2D4;
  --a:#2E4B66; --b:#E8837E; --c:#E9B84A; --soft:#DCE9F1; --on-a:#FFFFFF;
  --radius:18px; --radius-sm:10px;
  --display:'Fraunces',Georgia,serif;
  --body:'Karla',system-ui,sans-serif;
  --shadow:0 2px 4px rgba(0,0,0,.04),0 10px 30px rgba(0,0,0,.08);
}

/* Palettes: --bg page, --card surface, --ink text, --muted secondary,
   --line borders, --a primary accent, --b secondary accent, --c tertiary, --soft accent tint */
[data-theme="arrival"]{ --bg:#FAF7F1; --card:#FFFFFF; --ink:#26384A; --muted:#7C8B99; --line:#E9E2D4;
  --a:#2E4B66; --b:#E8837E; --c:#E9B87A; --soft:#DCE9F1; --on-a:#FFFFFF; }
[data-theme="seaglass"]{ --bg:#FBF5EA; --card:#FFFFFF; --ink:#264653; --muted:#6B7F89; --line:#E8DFCF;
  --a:#2A9D8F; --b:#E76F51; --c:#E9C46A; --soft:#E4F2EF; --on-a:#FFFFFF; }
[data-theme="sorbet"]{ --bg:#FDF3F1; --card:#FFFFFF; --ink:#5B3A48; --muted:#9A7A87; --line:#F2DDD8;
  --a:#E4707E; --b:#5FA8A0; --c:#F4A261; --soft:#FBE4E2; --on-a:#FFFFFF; }
[data-theme="meadow"]{ --bg:#F7F7EF; --card:#FFFFFF; --ink:#3A4A3F; --muted:#7C8A7E; --line:#E3E4D3;
  --a:#5F9471; --b:#C97B5A; --c:#E7C862; --soft:#E7F0E8; --on-a:#FFFFFF; }
[data-theme="dusk"]{ --bg:#F5F3FA; --card:#FFFFFF; --ink:#3B3355; --muted:#7E7796; --line:#E4E0EF;
  --a:#7B6BC4; --b:#B85C79; --c:#D9A441; --soft:#EBE7F7; --on-a:#FFFFFF; }
[data-theme="linen"]{ --bg:#FAF8F4; --card:#FFFFFF; --ink:#2B2B28; --muted:#7A776E; --line:#E7E3DA;
  --a:#44403C; --b:#B08A4F; --c:#7FA6B8; --soft:#EFEBE2; --on-a:#FFFFFF; }
[data-theme="starlight"]{ --bg:#1C2333; --card:#242D42; --ink:#F2EDE2; --muted:#A9B2C7; --line:#38425C;
  --a:#E3B858; --b:#6FD1C2; --c:#F08A6C; --soft:#2E3A55; --on-a:#1C2333;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35); }
[data-theme="peony"]{ --bg:#FDF4F7; --card:#FFFFFF; --ink:#4A3742; --muted:#97808C; --line:#F1DCE4;
  --a:#C95D8A; --b:#6E9B8E; --c:#E8B45F; --soft:#F8E3EC; --on-a:#FFFFFF; }
[data-theme="marigold"]{ --bg:#FDF8EC; --card:#FFFFFF; --ink:#4D3B24; --muted:#93815F; --line:#EFE3C8;
  --a:#C9821F; --b:#58704C; --c:#B5443C; --soft:#F7EAD0; --on-a:#FFFFFF; }
[data-theme="tide"]{ --bg:#F2F7FA; --card:#FFFFFF; --ink:#1F3A52; --muted:#6C8399; --line:#DCE8F0;
  --a:#2E6E9E; --b:#E2856E; --c:#5EA9A0; --soft:#E1EEF5; --on-a:#FFFFFF; }
[data-theme="fawn"]{ --bg:#FAF6F0; --card:#FFFFFF; --ink:#4A3B2E; --muted:#91816F; --line:#EAE0D2;
  --a:#8A6B4F; --b:#7C8F6A; --c:#D9A441; --soft:#F1E8DC; --on-a:#FFFFFF; }
[data-theme="bumble"]{ --bg:#FFFDF2; --card:#FFFFFF; --ink:#2B2A24; --muted:#7B7A6E; --line:#EFEAD3;
  --a:#E8BC1F; --b:#4A4A45; --c:#7FA6B8; --soft:#FBF0C4; --on-a:#2B2A24; }
[data-theme="ember"]{ --bg:#241D1B; --card:#2E2624; --ink:#F4E9E1; --muted:#B5A79D; --line:#453A36;
  --a:#E58A5B; --b:#8FBF9F; --c:#E3C568; --soft:#3A2F2B; --on-a:#241D1B;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35); }

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html,body{overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.65;
  transition:background .35s ease,color .35s ease}
h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.15;margin:0 0 .4em}
h1{font-size:clamp(2rem,5.5vw,3.2rem)}
h2{font-size:clamp(1.45rem,3.4vw,2rem)}
h3{font-size:1.15rem}
p{margin:.35em 0 1em}
a{color:var(--a)}
img{max-width:100%}

.wrap{max-width:880px;margin:0 auto;padding:0 20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:26px;box-shadow:var(--shadow)}
.card+.card{margin-top:18px}
.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--a);margin:0 0 6px}
.muted{color:var(--muted)}
.small{font-size:.86rem}

.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--body);font-weight:700;font-size:1rem;
  background:var(--a);color:var(--on-a);border:none;border-radius:999px;padding:13px 26px;cursor:pointer;
  text-decoration:none;transition:transform .12s ease,filter .12s ease}
.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.btn:focus-visible{outline:3px solid var(--c);outline-offset:2px}
.btn.ghost{background:transparent;color:var(--a);border:2px solid var(--a)}
.btn.small{padding:8px 16px;font-size:.9rem}
.btn:disabled{opacity:.55;cursor:default;transform:none}

label{display:block;font-weight:700;font-size:.92rem;margin:14px 0 5px}
input[type=text],input[type=date],input[type=time],input[type=number],input[type=url],input[type=password],select,textarea{
  width:100%;font-family:var(--body);font-size:1rem;color:var(--ink);background:var(--bg);
  border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:11px 13px}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--a)}
textarea{min-height:96px;resize:vertical}
.hint{font-size:.82rem;color:var(--muted);margin:4px 0 0}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:560px){.row2{grid-template-columns:1fr}}

.pill{display:inline-block;background:var(--soft);color:var(--ink);border-radius:999px;
  padding:4px 12px;font-size:.82rem;font-weight:700}
.badge-a{background:var(--a);color:var(--on-a)}

.choice-grid{display:flex;flex-wrap:wrap;gap:8px}
.choice-grid input{position:absolute;opacity:0;pointer-events:none}
.choice-grid span{display:inline-block;border:1.5px solid var(--line);border-radius:999px;
  padding:7px 15px;font-size:.92rem;font-weight:500;cursor:pointer;background:var(--card);transition:all .12s}
.choice-grid input:checked+span{background:var(--a);color:var(--on-a);border-color:var(--a)}
.choice-grid input:focus-visible+span{outline:3px solid var(--c);outline-offset:2px}

.progress-track{background:var(--soft);border-radius:999px;height:14px;overflow:hidden}
.progress-fill{background:var(--a);height:100%;border-radius:999px;transition:width .6s ease}

table{width:100%;border-collapse:collapse;font-size:.92rem}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 18px}
.tabs button{font-family:var(--body);font-weight:700;font-size:.95rem;border:none;background:transparent;
  color:var(--muted);padding:9px 16px;border-radius:999px;cursor:pointer}
.tabs button[aria-selected=true]{background:var(--ink);color:var(--bg)}
.tabs button:focus-visible{outline:3px solid var(--c);outline-offset:2px}

.msg{border-radius:var(--radius-sm);padding:11px 14px;font-size:.92rem;margin:12px 0;display:none}
.msg.ok{display:block;background:var(--soft);color:var(--ink)}
.msg.err{display:block;background:var(--b);color:#fff}

.swatch-row{display:flex;gap:6px}
.swatch-row i{width:22px;height:22px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.08)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* --- production chrome --- */
.nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 82%,transparent);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav-inner{max-width:1000px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;
  padding:13px 20px}
.brand{font-family:var(--display);font-weight:600;font-size:1.2rem;color:var(--ink);text-decoration:none}
.brand .q{color:var(--b)}
.nav-links{display:flex;gap:20px;align-items:center}
.nav-links a{color:var(--ink);text-decoration:none;font-weight:700;font-size:.95rem}
.nav-links a:hover{color:var(--a)}
@media(max-width:560px){.nav-links a.hide-sm{display:none}}

.section{padding:34px 0 0}
.section-head{text-align:center;max-width:560px;margin:0 auto 8px}

.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:720px;margin:20px auto 0}
@media(max-width:640px){.price-grid{grid-template-columns:1fr}}
.price-card{background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);
  padding:26px;box-shadow:var(--shadow)}
.price-card.featured{border-color:var(--a)}
.price-card .amount{font-family:var(--display);font-weight:600;font-size:2.1rem;margin:2px 0 2px}
.price-card ul{list-style:none;margin:14px 0 0;padding:0}
.price-card li{padding:6px 0 6px 26px;position:relative;font-size:.95rem}
.price-card li::before{content:"";position:absolute;left:2px;top:13px;width:12px;height:7px;
  border-left:2.5px solid var(--a);border-bottom:2.5px solid var(--a);transform:rotate(-45deg)}

.site-footer{margin-top:56px;border-top:1px solid var(--line);text-align:center;
  padding:36px 20px 56px;color:var(--muted);font-size:.9rem}
.site-footer .brand{font-size:1.05rem}
.site-footer nav{margin:10px 0 4px}
.site-footer nav a{color:var(--muted);margin:0 10px;text-decoration:none}
.site-footer nav a:hover{color:var(--a)}


/* --- decorated themes: palettes with scenery --- */
[data-theme="liberty"]{ --bg:#FCF8F0; --card:#FFFFFF; --ink:#1F2C4A; --muted:#6C7890; --line:#E7E0D0;
  --a:#2E4B8F; --b:#B3392E; --c:#E9B84A; --soft:#E3EAF6; --on-a:#FFFFFF; }
[data-theme="liberty"] body{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'160'%20height%3D'160'%20viewBox%3D'0%200%20160%20160'%3E%3Cg%20opacity%3D'.07'%3E%3Cpath%20fill%3D'%23B3392E'%20transform%3D'translate(18%2C22)%20scale(1.05)'%20d%3D'M10%200l2.4%206.9%207.3.2-5.8%204.4%202.1%207-6-4.2-6%204.2%202.1-7L.3%207.1l7.3-.2z'%2F%3E%3Cpath%20fill%3D'%232E4B8F'%20transform%3D'translate(104%2C64)%20scale(0.8)'%20d%3D'M10%200l2.4%206.9%207.3.2-5.8%204.4%202.1%207-6-4.2-6%204.2%202.1-7L.3%207.1l7.3-.2z'%2F%3E%3Cpath%20fill%3D'%232E4B8F'%20transform%3D'translate(44%2C112)%20scale(0.9)'%20d%3D'M10%200l2.4%206.9%207.3.2-5.8%204.4%202.1%207-6-4.2-6%204.2%202.1-7L.3%207.1l7.3-.2z'%2F%3E%3Cpath%20fill%3D'%23B3392E'%20transform%3D'translate(122%2C128)%20scale(0.65)'%20d%3D'M10%200l2.4%206.9%207.3.2-5.8%204.4%202.1%207-6-4.2-6%204.2%202.1-7L.3%207.1l7.3-.2z'%2F%3E%3Cpath%20fill%3D'%23B3392E'%20transform%3D'translate(84%2C10)%20scale(0.55)'%20d%3D'M10%200l2.4%206.9%207.3.2-5.8%204.4%202.1%207-6-4.2-6%204.2%202.1-7L.3%207.1l7.3-.2z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
[data-theme="liberty"] .card{border-top:4px solid var(--b)}

[data-theme="picnic"]{ --bg:#FFFAF4; --card:#FFFFFF; --ink:#4A2E28; --muted:#93776E; --line:#F0DFD2;
  --a:#B33A3A; --b:#4F7A4F; --c:#E9B84A; --soft:#F8E6DC; --on-a:#FFFFFF; }
[data-theme="picnic"] body{background-image:
  repeating-linear-gradient(0deg, rgba(179,58,58,.06) 0 13px, transparent 13px 26px),
  repeating-linear-gradient(90deg, rgba(179,58,58,.06) 0 13px, transparent 13px 26px)}
[data-theme="picnic"] .card{border-top:4px solid var(--a)}

[data-theme="nightsky"]{ --bg:#141B2E; --card:#1F2942; --ink:#F2EDE2; --muted:#9FAAC4; --line:#33405E;
  --a:#E3C568; --b:#8FB8DE; --c:#E8837E; --soft:#28334F; --on-a:#141B2E;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35); }
[data-theme="nightsky"] body{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'180'%20height%3D'180'%20viewBox%3D'0%200%20180%20180'%3E%3Cg%20fill%3D'%23F2EDE2'%3E%3Ccircle%20cx%3D'22'%20cy%3D'30'%20r%3D'1.6'%20opacity%3D'.55'%2F%3E%3Ccircle%20cx%3D'84'%20cy%3D'14'%20r%3D'1.1'%20opacity%3D'.4'%2F%3E%3Ccircle%20cx%3D'140'%20cy%3D'42'%20r%3D'1.8'%20opacity%3D'.6'%2F%3E%3Ccircle%20cx%3D'58'%20cy%3D'74'%20r%3D'1.2'%20opacity%3D'.45'%2F%3E%3Ccircle%20cx%3D'116'%20cy%3D'96'%20r%3D'1.5'%20opacity%3D'.5'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'128'%20r%3D'1.2'%20opacity%3D'.4'%2F%3E%3Ccircle%20cx%3D'96'%20cy%3D'150'%20r%3D'1.7'%20opacity%3D'.55'%2F%3E%3Ccircle%20cx%3D'158'%20cy%3D'134'%20r%3D'1.1'%20opacity%3D'.4'%2F%3E%3Cpath%20d%3D'M70%2040l1%202.4%202.4%201-2.4%201-1%202.4-1-2.4-2.4-1%202.4-1z'%20opacity%3D'.6'%2F%3E%3Cpath%20d%3D'M148%2082l.8%202%202%20.8-2%20.8-.8%202-.8-2-2-.8%202-.8z'%20opacity%3D'.5'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
[data-theme="nightsky"] .card{border-top:4px solid var(--a)}

[data-theme="confetti"]{ --bg:#FFFDF8; --card:#FFFFFF; --ink:#33344A; --muted:#7E7F96; --line:#ECE7DB;
  --a:#5B6ABF; --b:#E8837E; --c:#E9B84A; --soft:#EBEDF9; --on-a:#FFFFFF; }
[data-theme="confetti"] body{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'170'%20height%3D'170'%20viewBox%3D'0%200%20170%20170'%3E%3Cg%20opacity%3D'.5'%3E%3Crect%20x%3D'20'%20y%3D'24'%20width%3D'9'%20height%3D'4.5'%20rx%3D'2'%20fill%3D'%23E8837E'%20transform%3D'rotate(24%2024%2026)'%2F%3E%3Crect%20x%3D'96'%20y%3D'16'%20width%3D'9'%20height%3D'4.5'%20rx%3D'2'%20fill%3D'%235B6ABF'%20transform%3D'rotate(-31%20100%2018)'%2F%3E%3Crect%20x%3D'140'%20y%3D'64'%20width%3D'9'%20height%3D'4.5'%20rx%3D'2'%20fill%3D'%23E9B84A'%20transform%3D'rotate(52%20144%2066)'%2F%3E%3Crect%20x%3D'48'%20y%3D'84'%20width%3D'9'%20height%3D'4.5'%20rx%3D'2'%20fill%3D'%234FA08B'%20transform%3D'rotate(-18%2052%2086)'%2F%3E%3Crect%20x%3D'112'%20y%3D'120'%20width%3D'9'%20height%3D'4.5'%20rx%3D'2'%20fill%3D'%23E8837E'%20transform%3D'rotate(38%20116%20122)'%2F%3E%3Crect%20x%3D'24'%20y%3D'140'%20width%3D'9'%20height%3D'4.5'%20rx%3D'2'%20fill%3D'%235B6ABF'%20transform%3D'rotate(-42%2028%20142)'%2F%3E%3Ccircle%20cx%3D'74'%20cy%3D'48'%20r%3D'3'%20fill%3D'%23E9B84A'%2F%3E%3Ccircle%20cx%3D'150'%20cy%3D'24'%20r%3D'2.6'%20fill%3D'%234FA08B'%2F%3E%3Ccircle%20cx%3D'90'%20cy%3D'158'%20r%3D'3'%20fill%3D'%235B6ABF'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'84'%20r%3D'2.4'%20fill%3D'%23E8837E'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
[data-theme="confetti"] .card{border-top:4px solid var(--c)}


/* --- more themed worlds --- */
[data-theme="nautical"]{ --bg:#F7FAFC; --card:#FFFFFF; --ink:#1E3A5F; --muted:#6A8098; --line:#DFE9F1;
  --a:#1E5A8A; --b:#C0503C; --c:#E9B84A; --soft:#E1EDF5; --on-a:#FFFFFF; }
[data-theme="nautical"] body{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'90'%20height%3D'64'%20viewBox%3D'0%200%2090%2064'%3E%3Cg%20fill%3D'none'%20stroke%3D'%231E5A8A'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20opacity%3D'.07'%3E%3Cpath%20d%3D'M-5%2018%20Q6%208%2017%2018%20T39%2018%20T61%2018%20T83%2018%20T105%2018'%2F%3E%3Cpath%20d%3D'M-16%2048%20Q-5%2038%206%2048%20T28%2048%20T50%2048%20T72%2048%20T94%2048'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
[data-theme="nautical"] .card{border-top:4px solid var(--a)}

[data-theme="garden"]{ --bg:#FBFAF4; --card:#FFFFFF; --ink:#44503C; --muted:#84907B; --line:#E7E9D8;
  --a:#7A9B6C; --b:#D98A94; --c:#E9C46A; --soft:#EDF2E4; --on-a:#FFFFFF; }
[data-theme="garden"] body{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'170'%20height%3D'170'%20viewBox%3D'0%200%20170%20170'%3E%3Cg%20opacity%3D'.45'%3E%3Cg%20fill%3D'%23D98A94'%3E%3Ccircle%20cx%3D'34'%20cy%3D'30'%20r%3D'4'%2F%3E%3Ccircle%20cx%3D'27'%20cy%3D'26'%20r%3D'4'%2F%3E%3Ccircle%20cx%3D'41'%20cy%3D'26'%20r%3D'4'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'20'%20r%3D'4'%2F%3E%3Ccircle%20cx%3D'38'%20cy%3D'20'%20r%3D'4'%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D'34'%20cy%3D'25'%20r%3D'2.6'%20fill%3D'%23E9C46A'%2F%3E%3Cg%20fill%3D'%239DB88F'%3E%3Ccircle%20cx%3D'120'%20cy%3D'84'%20r%3D'3.4'%2F%3E%3Ccircle%20cx%3D'114'%20cy%3D'80'%20r%3D'3.4'%2F%3E%3Ccircle%20cx%3D'126'%20cy%3D'80'%20r%3D'3.4'%2F%3E%3Ccircle%20cx%3D'117'%20cy%3D'75'%20r%3D'3.4'%2F%3E%3Ccircle%20cx%3D'123'%20cy%3D'75'%20r%3D'3.4'%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D'120'%20cy%3D'79'%20r%3D'2.2'%20fill%3D'%23E9C46A'%2F%3E%3Cpath%20d%3D'M60%20130q6-10%200-20'%20stroke%3D'%237A9B6C'%20stroke-width%3D'2'%20fill%3D'none'%20stroke-linecap%3D'round'%2F%3E%3Cellipse%20cx%3D'63'%20cy%3D'116'%20rx%3D'4'%20ry%3D'2.4'%20fill%3D'%237A9B6C'%20transform%3D'rotate(-30%2063%20116)'%2F%3E%3Ccircle%20cx%3D'150'%20cy%3D'150'%20r%3D'2.2'%20fill%3D'%23D98A94'%2F%3E%3Ccircle%20cx%3D'16'%20cy%3D'104'%20r%3D'2'%20fill%3D'%23E9C46A'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
[data-theme="garden"] .card{border-top:4px solid var(--b)}

[data-theme="honeybee"]{ --bg:#FFFCF0; --card:#FFFFFF; --ink:#3A3426; --muted:#847C64; --line:#EFE8CE;
  --a:#D9A31C; --b:#4A4A45; --c:#7FA6B8; --soft:#FBF0C4; --on-a:#3A3426; }
[data-theme="honeybee"] body{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'190'%20height%3D'190'%20viewBox%3D'0%200%20190%20190'%3E%3Cg%20opacity%3D'.5'%3E%3Cg%20transform%3D'translate(40%2C36)'%3E%3Cellipse%20cx%3D'0'%20cy%3D'0'%20rx%3D'7'%20ry%3D'5'%20fill%3D'%23E0A81C'%2F%3E%3Cpath%20d%3D'M-3%20-5v10M1%20-5v10'%20stroke%3D'%233A3426'%20stroke-width%3D'1.6'%2F%3E%3Ccircle%20cx%3D'-4'%20cy%3D'-6'%20r%3D'3'%20fill%3D'%23CFE4F0'%2F%3E%3Ccircle%20cx%3D'2'%20cy%3D'-7'%20r%3D'3'%20fill%3D'%23CFE4F0'%2F%3E%3C%2Fg%3E%3Cpath%20d%3D'M52%2042q22%2014%2040%202t34%208'%20fill%3D'none'%20stroke%3D'%23B8A76F'%20stroke-width%3D'1.4'%20stroke-dasharray%3D'2%205'%20stroke-linecap%3D'round'%2F%3E%3Cg%20transform%3D'translate(140%2C118)%20rotate(-18)'%3E%3Cellipse%20cx%3D'0'%20cy%3D'0'%20rx%3D'6'%20ry%3D'4.4'%20fill%3D'%23E0A81C'%2F%3E%3Cpath%20d%3D'M-2.6%20-4.4v8.8M0.8%20-4.4v8.8'%20stroke%3D'%233A3426'%20stroke-width%3D'1.4'%2F%3E%3Ccircle%20cx%3D'-3.4'%20cy%3D'-5.2'%20r%3D'2.6'%20fill%3D'%23CFE4F0'%2F%3E%3Ccircle%20cx%3D'1.6'%20cy%3D'-6'%20r%3D'2.6'%20fill%3D'%23CFE4F0'%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D'96'%20cy%3D'160'%20r%3D'2.2'%20fill%3D'%23E0A81C'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
[data-theme="honeybee"] .card{border-top:4px solid var(--a)}

[data-theme="snowfall"]{ --bg:#F4F9FD; --card:#FFFFFF; --ink:#2C4257; --muted:#7490A6; --line:#DFEAF3;
  --a:#4A7FA8; --b:#B76E79; --c:#D9C08F; --soft:#E2EEF7; --on-a:#FFFFFF; }
[data-theme="snowfall"] body{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'180'%20height%3D'180'%20viewBox%3D'0%200%20180%20180'%3E%3Cg%20stroke%3D'%239FC4DE'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20opacity%3D'.6'%3E%3Cg%20transform%3D'translate(34%2C40)'%3E%3Cpath%20d%3D'M0%20-8v16M-7%20-4l14%208M-7%204l14%20-8'%2F%3E%3C%2Fg%3E%3Cg%20transform%3D'translate(126%2C88)%20scale(.75)'%3E%3Cpath%20d%3D'M0%20-8v16M-7%20-4l14%208M-7%204l14%20-8'%2F%3E%3C%2Fg%3E%3Cg%20transform%3D'translate(70%2C146)%20scale(.6)'%3E%3Cpath%20d%3D'M0%20-8v16M-7%20-4l14%208M-7%204l14%20-8'%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20fill%3D'%23C4DCEE'%20opacity%3D'.7'%3E%3Ccircle%20cx%3D'104'%20cy%3D'28'%20r%3D'2'%2F%3E%3Ccircle%20cx%3D'158'%20cy%3D'150'%20r%3D'2.4'%2F%3E%3Ccircle%20cx%3D'16'%20cy%3D'112'%20r%3D'1.8'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
[data-theme="snowfall"] .card{border-top:4px solid var(--a)}

[data-theme="harvest"]{ --bg:#FDF7EE; --card:#FFFFFF; --ink:#4A3423; --muted:#93816C; --line:#EFE1CD;
  --a:#C46A2B; --b:#6E7F4C; --c:#B5443C; --soft:#F6E8D5; --on-a:#FFFFFF; }
[data-theme="harvest"] body{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'180'%20height%3D'180'%20viewBox%3D'0%200%20180%20180'%3E%3Cg%20opacity%3D'.5'%3E%3Cg%20transform%3D'translate(40%2C44)'%3E%3Cellipse%20cx%3D'0'%20cy%3D'2'%20rx%3D'11'%20ry%3D'8.6'%20fill%3D'%23D9832E'%2F%3E%3Cellipse%20cx%3D'0'%20cy%3D'2'%20rx%3D'4.6'%20ry%3D'8.6'%20fill%3D'%23C46A2B'%2F%3E%3Crect%20x%3D'-1.6'%20y%3D'-9'%20width%3D'3.2'%20height%3D'5'%20rx%3D'1.4'%20fill%3D'%236E5B3A'%2F%3E%3C%2Fg%3E%3Cpath%20d%3D'M120%2096q7-3%208-11-8%201-8%2011z'%20fill%3D'%23B08A3E'%2F%3E%3Cpath%20d%3D'M136%20100q-7-3-8-11%208%201%208%2011z'%20fill%3D'%23C46A2B'%2F%3E%3Cg%20transform%3D'translate(88%2C150)%20scale(.7)'%3E%3Cellipse%20cx%3D'0'%20cy%3D'2'%20rx%3D'11'%20ry%3D'8.6'%20fill%3D'%23D9832E'%2F%3E%3Cellipse%20cx%3D'0'%20cy%3D'2'%20rx%3D'4.6'%20ry%3D'8.6'%20fill%3D'%23C46A2B'%2F%3E%3Crect%20x%3D'-1.6'%20y%3D'-9'%20width%3D'3.2'%20height%3D'5'%20rx%3D'1.4'%20fill%3D'%236E5B3A'%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
[data-theme="harvest"] .card{border-top:4px solid var(--a)}

[data-theme="rainbow"]{ --bg:#FDFBF7; --card:#FFFFFF; --ink:#3D3D52; --muted:#82829A; --line:#EAE6DC;
  --a:#7C6BC4; --b:#E8837E; --c:#E9B84A; --soft:#EFEAF8; --on-a:#FFFFFF; }
[data-theme="rainbow"] body{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'200'%20height%3D'200'%20viewBox%3D'0%200%20200%20200'%3E%3Cg%20fill%3D'none'%20stroke-width%3D'4'%20stroke-linecap%3D'round'%20opacity%3D'.4'%3E%3Cpath%20d%3D'M28%2064a26%2026%200%200%201%2052%200'%20stroke%3D'%23E8837E'%2F%3E%3Cpath%20d%3D'M36%2064a18%2018%200%200%201%2036%200'%20stroke%3D'%23E9B84A'%2F%3E%3Cpath%20d%3D'M44%2064a10%2010%200%200%201%2020%200'%20stroke%3D'%238FB8DE'%2F%3E%3Cpath%20d%3D'M118%20158a20%2020%200%200%201%2040%200'%20stroke%3D'%23B7A0DE'%2F%3E%3Cpath%20d%3D'M125%20158a13%2013%200%200%201%2026%200'%20stroke%3D'%239DC9A8'%2F%3E%3C%2Fg%3E%3Cg%20fill%3D'%23E9B84A'%20opacity%3D'.5'%3E%3Ccircle%20cx%3D'150'%20cy%3D'40'%20r%3D'2.2'%2F%3E%3Ccircle%20cx%3D'24'%20cy%3D'150'%20r%3D'2'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
[data-theme="rainbow"] .card{border-top:4px solid var(--a)}

/* --- arrival gets its own quiet scenery --- */
[data-theme="arrival"] body{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'210'%20height%3D'210'%20viewBox%3D'0%200%20210%20210'%3E%3Cg%20opacity%3D'.06'%3E%3Cpath%20d%3D'M40%2036c-3-2.6-6-4.9-6-7.4%200-1.7%201.4-3%203.1-3%201.2%200%202.2.6%202.9%201.6.7-1%201.7-1.6%202.9-1.6%201.7%200%203.1%201.3%203.1%203%200%202.5-3%204.8-6%207.4z'%20fill%3D'%23E8837E'%2F%3E%3Ctext%20x%3D'128'%20y%3D'84'%20font-family%3D'Georgia%2Cserif'%20font-size%3D'30'%20fill%3D'%2326384A'%3E%3F%3C%2Ftext%3E%3Cpath%20d%3D'M168%20168c-2.4-2.1-4.8-3.9-4.8-5.9%200-1.4%201.1-2.4%202.5-2.4%201%200%201.8.5%202.3%201.3.5-.8%201.3-1.3%202.3-1.3%201.4%200%202.5%201%202.5%202.4%200%202-2.4%203.8-4.8%205.9z'%20fill%3D'%2326384A'%2F%3E%3Cpath%20d%3D'M64%20150l1.4%203.4%203.4%201.4-3.4%201.4-1.4%203.4-1.4-3.4-3.4-1.4%203.4-1.4z'%20fill%3D'%238FB8DE'%2F%3E%3Cpath%20d%3D'M150%2020l1%202.4%202.4%201-2.4%201-1%202.4-1-2.4-2.4-1%202.4-1z'%20fill%3D'%23E9B84A'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}

/* --- landing personality --- */
.pal-h{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:20px 0 10px}
.palette{transition:border-color .15s,transform .15s,box-shadow .15s}
.palette:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.float-deco{position:absolute;pointer-events:none;user-select:none;opacity:.55;animation:floaty 6s ease-in-out infinite}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-12px) rotate(var(--rot,0deg))}}
.wave-divider{display:block;width:100%;height:56px;margin:-10px 0 -30px}
.step .dot{width:46px;height:46px;box-shadow:0 0 0 6px color-mix(in srgb,var(--soft) 55%,transparent)}
.cta-final{position:relative}
.cta-final::before{content:"";position:absolute;inset:0;background:url('/brand/mark.png') center/74px no-repeat;opacity:.06;pointer-events:none}


/* fixes + host mode */
.nav-links a.btn{color:var(--on-a)}
#paletteRow,#paletteRow2{display:block}
.host-panel{padding:0;overflow:hidden;border:1.5px solid var(--ink)}
.hp-head{background:var(--ink);color:var(--bg);padding:14px 26px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.hp-head .eyebrow{color:var(--c);margin:0 0 2px}
.hp-head b{font-family:var(--display);font-size:1.25rem;font-weight:600}
.hp-body{padding:22px 26px}
.share-strip{background:var(--soft);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:16px;
  display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.share-strip b{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--a)}
.share-strip code{font-family:var(--body);font-size:.9rem;word-break:break-all}
body.hostview #updatesCard,body.hostview #storyCard,body.hostview #potCard,body.hostview #registryCard,
body.hostview #payCard,body.hostview #rulesCard,body.hostview #factCard,body.hostview #tallyCard,body.hostview #playCard,body.hostview #revealCard,body.hostview #boardCard{display:none!important}
.due-heart{position:absolute;top:-8px;transform:translateX(-50%);transition:left .6s ease;line-height:0}


/* --- boy / girl / more worlds --- */
[data-theme="babyblue"]{ --bg:#F2F8FD; --card:#FFFFFF; --ink:#2E4A66; --muted:#7189A0; --line:#DEEAF4;
  --a:#4A7FB5; --b:#E9B84A; --c:#9CC5E8; --soft:#E1EFF9; --on-a:#FFFFFF; }
[data-theme="babyblue"] body{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'200'%20height%3D'160'%20viewBox%3D'0%200%20200%20160'%3E%3Cg%20fill%3D'%23D8E9F6'%20opacity%3D'.8'%3E%3Cpath%20d%3D'M30%2044a12%2012%200%200%201%2023-4%209%209%200%200%201%2013%208H26a10%2010%200%200%201%204-4z'%2F%3E%3Cpath%20d%3D'M128%2096a10%2010%200%200%201%2019-3%207%207%200%200%201%2011%206h-33a8%208%200%200%201%203-3z'%2F%3E%3Cpath%20d%3D'M58%20132a8%208%200%200%201%2015-2%206%206%200%200%201%209%205H56a7%207%200%200%201%202-3z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
[data-theme="babyblue"] .card{border-top:4px solid var(--c)}

[data-theme="balletpink"]{ --bg:#FDF3F5; --card:#FFFFFF; --ink:#573B47; --muted:#9A7C89; --line:#F3DCE3;
  --a:#D96C8A; --b:#8FB8A8; --c:#E9C46A; --soft:#F9E1E8; --on-a:#FFFFFF; }
[data-theme="balletpink"] body{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'180'%20height%3D'180'%20viewBox%3D'0%200%20180%20180'%3E%3Cg%20opacity%3D'.4'%3E%3Cg%20transform%3D'translate(42%2C40)'%20fill%3D'%23D96C8A'%3E%3Cpath%20d%3D'M0%200L-14%20-8v16z'%2F%3E%3Cpath%20d%3D'M0%200L14%20-8v16z'%2F%3E%3Ccircle%20cx%3D'0'%20cy%3D'0'%20r%3D'3.4'%2F%3E%3C%2Fg%3E%3Cg%20transform%3D'translate(130%2C110)%20rotate(14)%20scale(.8)'%20fill%3D'%23D96C8A'%3E%3Cpath%20d%3D'M0%200L-14%20-8v16z'%2F%3E%3Cpath%20d%3D'M0%200L14%20-8v16z'%2F%3E%3Ccircle%20cx%3D'0'%20cy%3D'0'%20r%3D'3.4'%2F%3E%3C%2Fg%3E%3Cpath%20d%3D'M96%2066c-2.4-2.1-4.8-3.9-4.8-5.9%200-1.4%201.1-2.4%202.5-2.4%201%200%201.8.5%202.3%201.3.5-.8%201.3-1.3%202.3-1.3%201.4%200%202.5%201%202.5%202.4%200%202-2.4%203.8-4.8%205.9z'%20fill%3D'%23E8A0B4'%2F%3E%3Cpath%20d%3D'M40%20140c-2-1.7-4-3.2-4-4.9%200-1.1.9-2%202.1-2%20.8%200%201.5.4%201.9%201.1.4-.7%201.1-1.1%201.9-1.1%201.2%200%202.1.9%202.1%202%200%201.7-2%203.2-4%204.9z'%20fill%3D'%23E8A0B4'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
[data-theme="balletpink"] .card{border-top:4px solid var(--a)}

[data-theme="twinkle"]{ --bg:#FDFAF2; --card:#FFFFFF; --ink:#3E3A2E; --muted:#847E6A; --line:#EDE7D2;
  --a:#B8912F; --b:#6C7A9C; --c:#D96C8A; --soft:#F6EDD4; --on-a:#FFFFFF; }
[data-theme="twinkle"] body{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'190'%20height%3D'190'%20viewBox%3D'0%200%20190%20190'%3E%3Cg%20fill%3D'%23D9B23E'%20opacity%3D'.5'%3E%3Cpath%20d%3D'M40%2034l2%206%206%202-6%202-2%206-2-6-6-2%206-2z'%2F%3E%3Cpath%20d%3D'M132%2078l1.4%204.2%204.2%201.4-4.2%201.4-1.4%204.2-1.4-4.2-4.2-1.4%204.2-1.4z'%2F%3E%3Cpath%20d%3D'M78%20142l1.7%205%205%201.7-5%201.7-1.7%205-1.7-5-5-1.7%205-1.7z'%2F%3E%3Ccircle%20cx%3D'160'%20cy%3D'150'%20r%3D'2'%2F%3E%3Ccircle%20cx%3D'20'%20cy%3D'104'%20r%3D'1.8'%2F%3E%3Ccircle%20cx%3D'104'%20cy%3D'20'%20r%3D'1.8'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
[data-theme="twinkle"] .card{border-top:4px solid var(--a)}

[data-theme="storybook"]{ --bg:#FBF6EC; --card:#FFFEF9; --ink:#4A3B2A; --muted:#8E8069; --line:#EBE1CC;
  --a:#8A5A3B; --b:#5F7A8A; --c:#C9A227; --soft:#F1E7D2; --on-a:#FFFFFF; }
[data-theme="storybook"] body{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'190'%20height%3D'190'%20viewBox%3D'0%200%20190%20190'%3E%3Cg%20opacity%3D'.4'%3E%3Cpath%20d%3D'M52%2046a17%2017%200%201%201-13-28%2014%2014%200%201%200%2013%2028z'%20fill%3D'%23B08A4F'%2F%3E%3Cpath%20d%3D'M130%20100l1.6%204.6%204.6%201.6-4.6%201.6-1.6%204.6-1.6-4.6-4.6-1.6%204.6-1.6z'%20fill%3D'%23C9A227'%2F%3E%3Cg%20transform%3D'translate(76%2C150)'%3E%3Cpath%20d%3D'M-12%200q12%20-7%2024%200v4q-12%20-7%20-24%200z'%20fill%3D'%238A5A3B'%2F%3E%3Cline%20x1%3D'0'%20y1%3D'-5'%20x2%3D'0'%20y2%3D'3'%20stroke%3D'%238A5A3B'%20stroke-width%3D'1.4'%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D'160'%20cy%3D'40'%20r%3D'2'%20fill%3D'%23C9A227'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
[data-theme="storybook"] .card{border-top:4px solid var(--c)}

/* --- balloon gender reveal --- */
.balloon-stage{grid-column:1/-1;text-align:center;padding:16px 10px 6px;position:relative}
.balloon-stage .bwrap{display:inline-block;animation:balloonRise 2s ease forwards}
.balloon-stage .bwrap svg{animation:sway 3s ease-in-out infinite}
.balloon-stage .rev-text{opacity:0;transform:scale(.7);animation:revPop .55s ease 1.9s forwards;
  font-family:var(--display);font-weight:600;font-size:clamp(1.6rem,5vw,2.4rem);line-height:1.1}
.balloon-stage .rev-name{font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
@keyframes balloonRise{0%{transform:translateY(70px);opacity:0}20%{opacity:1}80%{transform:translateY(-8px);opacity:1}100%{transform:translateY(-16px);opacity:0}}
@keyframes sway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
@keyframes revPop{to{opacity:1;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.balloon-stage .bwrap{display:none}.balloon-stage .rev-text{opacity:1;transform:none}}

/* --- live stats --- */
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:14px}
.stat-tile{background:var(--soft);border-radius:var(--radius-sm);padding:14px;text-align:center}
.stat-tile small{display:block;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.stat-tile b{font-family:var(--display);font-size:1.2rem;font-weight:600}
.stat-tile .sub{font-size:.8rem;color:var(--muted)}

/* --- cover photo --- */
.cover-photo{display:inline-block;background:var(--card);padding:10px 10px 14px;border-radius:10px;
  box-shadow:var(--shadow);transform:rotate(-2deg);margin:14px 0 4px;border:1px solid var(--line)}
.cover-photo img{display:block;max-width:min(300px,78vw);max-height:240px;border-radius:6px;object-fit:cover}


/* ornament divider before major pool sections */
#playCard::before,#potCard::before,#payCard::before,#tallyCard::before,#storyCard::before,#factCard::before,#rulesCard::before,#boardCard::before{
  content:"";display:block;height:6px;margin:-6px auto 18px;max-width:190px;
  background:radial-gradient(circle 3px at 44% 50%, var(--b) 98%, transparent),
             radial-gradient(circle 3px at 56% 50%, var(--b) 98%, transparent),
             linear-gradient(var(--line),var(--line)) left center/56px 1.5px no-repeat,
             linear-gradient(var(--line),var(--line)) right center/56px 1.5px no-repeat;
  background-repeat:no-repeat}