:root{
  --bg:#07111b;--panel:#101d29;--panel2:#142535;--ink:#f9f6ee;--muted:#b8c2cf;
  --pink:#ef6f92;--blue:#3d7ed2;--green:#69a863;--gold:#e0a65b;--line:rgba(255,255,255,.16);
  --shell:min(1440px,calc(100% - 36px));--shadow:0 18px 46px rgba(0,0,0,.28)
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:radial-gradient(circle at 50% -10%,#1e3444 0,#09131d 36%,#050b12 74%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}img{max-width:100%;display:block}a{color:inherit}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;left:16px;top:-70px;z-index:99;background:#fff;color:#111;padding:11px 16px;border-radius:9px;font-weight:800}.skip-link:focus{top:12px}
.site-header{height:78px;display:grid;grid-template-columns:300px 1fr auto;align-items:center;gap:24px;padding:0 max(18px,calc((100vw - 1440px)/2));position:sticky;top:0;z-index:50;background:rgba(7,17,27,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{text-decoration:none;display:inline-flex;align-items:baseline;gap:12px}.brand__game{font-family:Georgia,serif;font-weight:800;font-size:24px;text-transform:uppercase;letter-spacing:.02em}.brand__companion{font-size:11px;letter-spacing:.23em;text-transform:uppercase;color:#e9bac7}.primary-nav{display:flex;justify-content:center;gap:30px}.primary-nav a{text-decoration:none;font-weight:800;font-size:15px;color:#edf1f4;position:relative;padding:28px 0}.primary-nav a:after{content:"";position:absolute;left:0;right:0;bottom:14px;height:3px;border-radius:3px;background:transparent}.primary-nav a:hover:after,.primary-nav .is-active:after{background:var(--pink)}.header-cta{background:var(--pink);padding:14px 22px;border-radius:8px;text-decoration:none;font-weight:900;box-shadow:0 9px 24px rgba(239,111,146,.24)}.menu-toggle{display:none}
.hero{min-height:340px;position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1)}.hero__media{position:absolute;inset:0 0 0 38%;background-image:url('../images/mock/hero-farm-clean.jpg');background-size:cover;background-position:center}.hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,#07111b 0%,rgba(7,17,27,.95) 28%,rgba(7,17,27,.6) 56%,rgba(7,17,27,.15) 100%),linear-gradient(0deg,rgba(7,17,27,.55),transparent 60%);z-index:-1}.hero__content{position:relative;padding:44px 24px 28px}.hero__eyebrow{margin:0 0 8px;color:#ff89a8;text-transform:uppercase;font-weight:900;letter-spacing:.06em;font-size:17px}.hero h1{font-family:Georgia,serif;margin:0;text-transform:uppercase;line-height:.86;text-shadow:0 3px 0 rgba(0,0,0,.35)}.hero h1 span{display:block;font-size:clamp(56px,6.2vw,94px);letter-spacing:.025em}.hero h1 small{display:block;margin-top:12px;font-size:clamp(22px,2.4vw,36px);letter-spacing:.33em;color:#f2efe8}.hero__lede{max-width:680px;font-size:18px;line-height:1.55;color:#e2e7ed;margin:22px 0}.hero__actions{display:flex;flex-wrap:wrap;gap:16px}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900;border-radius:8px;padding:13px 20px;box-shadow:0 8px 20px rgba(0,0,0,.18);transition:transform .15s,filter .15s}.button:hover{transform:translateY(-2px);filter:brightness(1.08)}.button--pink{background:var(--pink)}.button--blue{background:var(--blue)}.button--green{background:var(--green)}.button--pale{background:rgba(255,255,255,.72);color:#17314a;box-shadow:none}
.character-stage{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;margin-top:14px}.character-stage__intro{background:linear-gradient(145deg,#13212e,#0c1721);border:1px solid var(--line);border-radius:12px;padding:18px 14px;box-shadow:var(--shadow)}.character-stage__intro p{margin:0;color:#ff83a5;text-transform:uppercase;font-size:12px;font-weight:900}.character-stage__intro h2{font-size:16px;line-height:1.35;margin:22px 0;color:#fff}.character-stage__intro a{font-size:12px;color:#ff8cac;text-decoration:none;font-weight:900}.character-row{display:grid;grid-template-columns:repeat(8,minmax(112px,1fr));gap:9px;min-width:0}.character-card{position:relative;min-width:0;background:linear-gradient(180deg,#182635,#0d1720);border:1px solid rgba(255,255,255,.23);border-radius:12px;padding:7px 7px 8px;text-align:center;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.21)}.character-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--accent,#ef6f92)}.character-card img{width:100%;aspect-ratio:1.17/1;object-fit:cover;border-radius:8px;background:#13202c}.character-card h3{font-size:16px;margin:7px 0 0}.character-card p{font-size:11px;color:#c6ced8;margin:0}.hearts{font-size:13px;color:#ff85a5;white-space:nowrap;letter-spacing:-1px;margin:4px 0}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:4px}.card-actions a{text-decoration:none;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);border-radius:5px;padding:4px 2px;font-size:10px;font-weight:800}.character-card--rose{--accent:#ef6f92}.character-card--gold{--accent:#e3b46f}.character-card--mint{--accent:#64b988}.character-card--orange{--accent:#d97e56}.character-card--cream{--accent:#f0d49b}.character-card--blue{--accent:#79aee1}.character-card--teal{--accent:#5eb6ae}.character-card--lavender{--accent:#a897db}
.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px}.tool-card{min-height:204px;border-radius:13px;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;position:relative;border:2px solid rgba(255,255,255,.65);box-shadow:var(--shadow)}.tool-card--tracker{background:linear-gradient(100deg,#d7edc6 0,#b9dcac 58%,#5d8059 100%);color:#274b2d}.tool-card--finder{background:linear-gradient(100deg,#c9e6f4 0,#b0d4ed 57%,#496f91 100%);color:#244b72}.tool-card__copy{padding:18px 20px;position:relative;z-index:2}.tool-icon{float:left;margin-right:14px;width:60px;height:60px;border-radius:12px;background:rgba(255,255,255,.36);display:grid;place-items:center;font-size:34px;font-weight:900}.kicker{margin:0;text-transform:uppercase;font-weight:900;font-size:16px}.tool-card h2{font-size:24px;line-height:1.08;margin:4px 0 6px}.tool-card p{font-size:14px;line-height:1.4;margin:0}.tool-card ul{list-style:none;padding:0;margin:14px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;font-size:12px}.tool-card li:before{content:"✦";margin-right:5px}.tool-card img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;opacity:.88}.tool-card .button{position:absolute;right:16px;bottom:14px;padding:8px 14px;font-size:12px}
.feature-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:12px}.feature-card{height:145px;position:relative;border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.55);text-decoration:none;box-shadow:0 11px 25px rgba(0,0,0,.2);background:var(--card)}.feature-card span{position:absolute;inset:0;z-index:2;padding:14px 12px 10px;background:linear-gradient(90deg,var(--card) 0%,var(--card) 55%,transparent 100%);font-size:13px;line-height:1.45;max-width:75%}.feature-card b{display:block;font-size:15px;text-transform:uppercase;margin-bottom:8px;color:#fff}.feature-card img{position:absolute;right:0;bottom:0;width:55%;height:100%;object-fit:cover;mix-blend-mode:screen;opacity:.88}.feature-card:hover img{transform:scale(1.04)}.feature-card img{transition:transform .18s}.feature-card--green{--card:#527e45}.feature-card--purple{--card:#4e3379}.feature-card--cyan{--card:#347d80}.feature-card--orange{--card:#a8603f}.feature-card--pink{--card:#a94f78}.feature-card--blue{--card:#3e6784}
.status-strip{display:grid;grid-template-columns:1.15fr 1.15fr 1.45fr 1fr 1.15fr;background:#f5f1e8;color:#172433;border-radius:14px 14px 0 0;margin-top:12px;overflow:hidden;border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow)}.status-strip article{min-height:104px;padding:15px 16px;display:flex;gap:12px;align-items:flex-start;border-right:1px solid #d6d0c5}.status-strip article:last-child{border-right:0}.status-strip h2{font-size:14px;text-transform:uppercase;margin:0 0 4px}.status-strip p{font-size:12px;line-height:1.35;margin:0 0 5px;color:#435264}.status-strip a{font-size:12px;color:#215cab;text-decoration:none;font-weight:800}.status-icon{font-size:28px;color:#3e5f79}.status-icon--warn{color:#c67449;border:2px solid currentColor;width:28px;height:28px;border-radius:6px;display:grid;place-items:center;font-weight:900}.countdown{display:block!important;text-align:center}.countdown>p{text-transform:uppercase;font-weight:900;color:#de5f82!important;margin-bottom:8px!important}.countdown>div{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.countdown span{background:#fde8ed;border-radius:8px;padding:7px 3px;text-transform:uppercase;font-size:8px;color:#ce6a83}.countdown b{display:block;font-size:22px;line-height:1;color:#d95879;margin-bottom:3px}
.lower-content{background:#f7f0e5;color:#1d2a35;padding:74px 0}.lower-content__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}.section-label{text-transform:uppercase;color:#b5536e;font-weight:900;letter-spacing:.08em;font-size:12px}.lower-content h2{font-family:Georgia,serif;font-size:42px;line-height:1.06;margin:12px 0}.lower-content p{font-size:17px;line-height:1.7;color:#4f5d68}.mini-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.mini-panels article{background:#fff;border:1px solid #ded5c8;border-radius:13px;padding:20px;min-height:190px;box-shadow:0 12px 30px rgba(73,50,24,.08)}.mini-panels h3{margin-top:0}.mini-panels p{font-size:14px}.source-bar{background:#121e29;padding:22px 0;color:#aeb9c5;font-size:13px}footer{background:#07111b;border-top:1px solid rgba(255,255,255,.1);padding:28px 0}footer .shell{display:flex;justify-content:space-between;color:#b9c3ce}footer strong{color:#fff}
@media(max-width:1200px){.site-header{grid-template-columns:260px 1fr auto}.primary-nav{gap:16px}.character-row{grid-template-columns:repeat(4,1fr)}.feature-grid{grid-template-columns:repeat(3,1fr)}.status-strip{grid-template-columns:1fr 1fr 1.3fr}.status-strip article:nth-child(4),.status-strip article:nth-child(5){border-top:1px solid #d6d0c5}.tool-card h2{font-size:20px}}
@media(max-width:860px){.site-header{grid-template-columns:1fr auto;height:68px}.header-cta{display:none}.menu-toggle{display:block;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;padding:9px 12px;border-radius:7px}.primary-nav{position:absolute;left:0;right:0;top:68px;display:none;flex-direction:column;background:#0a1722;padding:10px 20px 20px;border-bottom:1px solid var(--line)}.primary-nav.is-open{display:flex}.primary-nav a{padding:10px 0}.hero__media{inset:0;background-position:60% center}.hero__shade{background:linear-gradient(90deg,#07111b 0,rgba(7,17,27,.88) 68%,rgba(7,17,27,.35))}.hero__content{padding-top:38px}.character-stage{grid-template-columns:1fr}.character-stage__intro{display:flex;align-items:center;gap:18px}.character-stage__intro h2{margin:0;flex:1}.tool-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.status-strip{grid-template-columns:1fr 1fr}.status-strip .countdown{grid-column:1/-1}.lower-content__grid{grid-template-columns:1fr}.mini-panels{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:580px){:root{--shell:calc(100% - 22px)}.brand__game{font-size:19px}.brand__companion{display:none}.hero{min-height:510px}.hero__media{inset:0;background-position:62% center;opacity:.76}.hero__shade{background:linear-gradient(0deg,#07111b 4%,rgba(7,17,27,.87) 62%,rgba(7,17,27,.55))}.hero h1 span{font-size:50px}.hero h1 small{font-size:19px}.hero__actions{display:grid}.button{width:100%}.character-stage__intro{display:block}.character-stage__intro h2{margin:10px 0}.character-row{grid-template-columns:repeat(2,1fr)}.tool-card{grid-template-columns:1fr;min-height:330px}.tool-card img{position:absolute;inset:auto 0 0;height:43%;opacity:.55}.tool-card__copy{padding-bottom:120px}.tool-card .button{left:18px;right:auto}.feature-grid{grid-template-columns:1fr}.feature-card{height:124px}.status-strip{grid-template-columns:1fr}.status-strip .countdown{grid-column:auto}.mini-panels{grid-template-columns:1fr}.lower-content h2{font-size:34px}footer .shell{flex-direction:column;gap:6px}}

/* Task 5.1 — wide, edge-to-edge desktop composition matching the approved visual direction */
@media (min-width: 1201px){
  :root{--shell:min(1680px,calc(100% - 56px))}
  .site-header{
    height:68px;
    grid-template-columns:310px 1fr auto;
    gap:20px;
    padding:0 34px;
  }
  .brand__game{font-size:22px}
  .primary-nav{gap:27px}
  .primary-nav a{padding:23px 0;font-size:14px}
  .primary-nav a:after{bottom:10px;height:2px}
  .header-cta{padding:12px 20px}

  .hero{min-height:300px}
  .hero__media{
    inset:0;
    background-position:center 47%;
    background-size:cover;
  }
  .hero__shade{
    background:
      linear-gradient(90deg,rgba(5,12,20,.94) 0%,rgba(5,12,20,.83) 28%,rgba(5,12,20,.36) 58%,rgba(5,12,20,.18) 100%),
      linear-gradient(0deg,rgba(5,12,20,.70) 0%,transparent 62%);
  }
  .hero__content{
    width:var(--shell);
    padding:30px 18px 22px;
  }
  .hero__eyebrow{font-size:15px;margin-bottom:6px}
  .hero h1{line-height:.9}
  .hero h1 span{font-size:clamp(54px,4.65vw,76px)}
  .hero h1 small{font-size:25px;margin-top:9px;letter-spacing:.30em}
  .hero__lede{font-size:15px;max-width:565px;margin:15px 0 16px;line-height:1.45}
  .hero__actions{gap:12px}
  .button{padding:11px 17px;font-size:13px}

  .character-stage{
    width:var(--shell);
    grid-template-columns:145px minmax(0,1fr);
    gap:9px;
    margin-top:9px;
  }
  .character-stage__intro{padding:14px 12px;border-radius:10px}
  .character-stage__intro h2{font-size:14px;margin:16px 0;line-height:1.28}
  .character-row{gap:7px;grid-template-columns:repeat(8,minmax(0,1fr))}
  .character-card{padding:6px;border-radius:9px}
  .character-card img{height:88px;aspect-ratio:auto;object-position:center 15%}
  .character-card h3{font-size:14px;margin-top:5px}
  .character-card p{font-size:9px}
  .hearts{font-size:11px;margin:2px 0}
  .card-actions a{font-size:9px;padding:3px 2px}

  .tool-grid{width:var(--shell);gap:10px;margin-top:9px}
  .tool-card{min-height:176px;border-radius:10px;grid-template-columns:1.05fr .95fr}
  .tool-card__copy{padding:14px 16px}
  .tool-icon{width:50px;height:50px;font-size:29px;margin-right:11px}
  .kicker{font-size:13px}
  .tool-card h2{font-size:20px;margin:2px 0 5px}
  .tool-card p{font-size:12px;line-height:1.32}
  .tool-card ul{margin:10px 0;gap:4px;font-size:10px}
  .tool-card .button{right:12px;bottom:10px;padding:7px 12px;font-size:10px}

  .feature-grid{width:var(--shell);gap:7px;margin-top:8px}
  .feature-card{height:128px;border-radius:9px}
  .feature-card span{padding:11px 9px 8px;font-size:11px;line-height:1.36;max-width:78%}
  .feature-card b{font-size:13px;margin-bottom:6px}

  .status-strip{width:var(--shell);margin-top:8px;border-radius:10px 10px 0 0}
  .status-strip article{min-height:91px;padding:11px 12px;gap:9px}
  .status-strip h2{font-size:12px}
  .status-strip p,.status-strip a{font-size:10px}
  .status-icon{font-size:23px}
  .countdown>p{margin-bottom:5px!important}
  .countdown span{padding:5px 2px}
  .countdown b{font-size:19px}
}


/* Task 10.1 — brighter Mistria homepage. Scoped to homepage so tools and guide pages stay untouched. */
.home-page{
  --bg:#f5ead8;
  --panel:#fffaf0;
  --panel2:#eef5e7;
  --ink:#24313a;
  --muted:#61727a;
  --line:rgba(42,70,68,.15);
  --shadow:0 16px 38px rgba(94,73,47,.15);
  background:
    radial-gradient(circle at 10% 0%,rgba(247,194,211,.34),transparent 27%),
    radial-gradient(circle at 90% 12%,rgba(143,205,218,.34),transparent 30%),
    linear-gradient(180deg,#f7efe0 0%,#eaf3df 48%,#f8efdf 100%);
  color:var(--ink);
}
.home-page .site-header{
  background:rgba(255,250,240,.94);
  border-bottom:1px solid rgba(47,76,70,.15);
  box-shadow:0 7px 22px rgba(89,74,52,.08);
}
.home-page .brand__game{color:#253b3c}
.home-page .brand__companion{color:#b95072}
.home-page .primary-nav a{color:#304348}
.home-page .header-cta{color:#fff;box-shadow:0 8px 20px rgba(218,83,126,.20)}
.home-page .menu-toggle{color:#304348;border-color:rgba(48,67,72,.3)}
.home-page .hero{
  min-height:326px;
  border-bottom:1px solid rgba(65,92,80,.16);
  background:#e9dec8;
}
.home-page .hero__media{
  filter:saturate(.97) brightness(1.08);
}
.home-page .hero__shade{
  background:
    linear-gradient(90deg,rgba(255,248,233,.98) 0%,rgba(255,248,233,.94) 28%,rgba(255,248,233,.66) 50%,rgba(255,248,233,.10) 78%,transparent 100%),
    linear-gradient(0deg,rgba(250,236,211,.28),transparent 52%);
}
.home-page .hero__eyebrow{color:#c4486e;text-shadow:none}
.home-page .hero h1{text-shadow:0 2px 0 rgba(255,255,255,.65);color:#20373b}
.home-page .hero h1 small{color:#496168}
.home-page .hero__lede{color:#43585d;font-weight:600}
.home-page .button{color:#fff}
.home-page .character-stage__intro{
  background:linear-gradient(145deg,#fff2d5,#e7f2d9);
  border:1px solid rgba(85,111,84,.20);
  color:#2d4943;
  box-shadow:var(--shadow);
}
.home-page .character-stage__intro p{color:#bf4f72}
.home-page .character-stage__intro h2{color:#2e4b43}
.home-page .character-stage__intro a{color:#a83b61}
.home-page .character-card{
  background:linear-gradient(180deg,#fffdfa,#f2eadb);
  border:1px solid rgba(70,92,86,.20);
  color:#283e42;
  box-shadow:0 12px 26px rgba(87,69,46,.12);
}
.home-page .character-card img{background:#e9efdf}
.home-page .character-card p{color:#68777a}
.home-page .card-actions a{
  background:#fff;
  border-color:rgba(70,92,86,.18);
  color:#3a5254;
}
.home-page .card-actions a:hover{background:#f5dfeb;color:#8e3455}
.home-page .tool-card{box-shadow:0 14px 32px rgba(78,76,52,.14)}
.home-page .feature-card{box-shadow:0 12px 26px rgba(76,66,46,.15)}
.home-page .status-strip{
  background:#fffaf1;
  border-color:rgba(83,96,83,.16);
  box-shadow:0 15px 34px rgba(76,63,42,.12);
}
.home-page .lower-content{background:linear-gradient(180deg,#fff8ec,#edf4e5)}
.home-page .source-bar{background:#dfeadc;color:#526863;border-top:1px solid rgba(69,91,78,.12)}
.home-page footer{background:#284342;border-top:0}
.home-page footer .shell{color:#dce7df}
.home-page footer strong{color:#fff}

@media(max-width:860px){
  .home-page .primary-nav{background:#fff8ec;border-bottom-color:rgba(48,67,72,.18)}
  .home-page .hero__shade{
    background:linear-gradient(90deg,rgba(255,248,233,.98),rgba(255,248,233,.88) 68%,rgba(255,248,233,.38));
  }
}
@media(max-width:580px){
  .home-page .hero__media{opacity:1;filter:saturate(.92) brightness(1.1)}
  .home-page .hero__shade{
    background:linear-gradient(0deg,rgba(255,248,233,.98) 5%,rgba(255,248,233,.93) 67%,rgba(255,248,233,.45));
  }
  .home-page .hero h1 span{color:#20373b}
  .home-page .hero h1 small{color:#496168}
}

@media (min-width:1201px){
  .home-page .hero__shade{
    background:
      linear-gradient(90deg,rgba(255,248,233,.98) 0%,rgba(255,248,233,.93) 29%,rgba(255,248,233,.58) 51%,rgba(255,248,233,.08) 78%,transparent 100%),
      linear-gradient(0deg,rgba(247,228,196,.18),transparent 58%);
  }
}
.home-page .hero__media{z-index:-2}
.home-page .hero__shade{z-index:-1}