:root{--pw-ink:#1f2a24;--pw-muted:#5a6b62;--pw-paper:#fffdf8;--pw-line:rgba(40,70,55,.14);--pw-meadow:#3f8f6b;--pw-meadow-deep:#2f6d52;--pw-gold:#d4a24c;--pw-rose:#d97884;--pw-sky:#6aa8d8;--pw-shadow:0 18px 40px rgba(40,60,50,.12);--pw-radius:1.1rem}.pw-page{max-width:1180px;margin:0 auto;padding:1.1rem 1rem 3rem;color:var(--pw-ink)}.pw-hero{position:relative;overflow:hidden;border-radius:calc(var(--pw-radius) + .2rem);min-height:clamp(420px,68vh,620px);display:grid;grid-template-columns:1.1fr .9fr;gap:1rem;padding:clamp(1.2rem,3vw,2.2rem);background:radial-gradient(ellipse at 20% 10%,hsla(0,0%,100%,.55),transparent 45%),linear-gradient(160deg,#8ec8ef,#b7df9a 48%,#7fbf78);box-shadow:var(--pw-shadow);border:1px solid hsla(0,0%,100%,.35)}.pw-hero-theme-dusk{background:radial-gradient(ellipse at 80% 0,rgba(255,210,160,.45),transparent 40%),linear-gradient(160deg,#6b7fb8,#c9a0c4 55%,#e8b48a)}.pw-hero-theme-ember{background:radial-gradient(ellipse at 30% 0,rgba(255,230,170,.5),transparent 42%),linear-gradient(160deg,#f0b35a,#e58a6a 50%,#8fbf7a)}.pw-hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:.75rem;max-width:34rem}.pw-kicker{margin:0;font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;color:rgba(20,40,30,.72)}.pw-hero h1{margin:0;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;font-size:clamp(2.1rem,5vw,3.4rem);line-height:1.05;letter-spacing:-.03em}.pw-hero-lead{margin:0;font-size:1.05rem;color:rgba(20,40,30,.86);max-width:32rem}.pw-cta-row{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.35rem}.pw-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:.85rem 1.25rem;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.pw-btn:hover{transform:translateY(-1px)}.pw-btn-primary{background:var(--pw-meadow-deep);color:#fff;box-shadow:0 10px 24px rgba(47,109,82,.28)}.pw-btn-secondary{background:hsla(0,0%,100%,.86);color:var(--pw-ink);border:1px solid rgba(40,70,55,.16)}.pw-btn-ghost{background:transparent;color:var(--pw-ink);border:1px dashed rgba(40,70,55,.28)}.pw-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.pw-hero-visual{position:relative;z-index:1;display:grid;place-items:end center}.pw-hero-visual img{width:min(100%,360px);height:auto;filter:drop-shadow(0 18px 30px rgba(30,50,40,.25))}.pw-panel-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:1rem;margin-top:1rem}.pw-card{background:var(--pw-paper);border:1px solid var(--pw-line);border-radius:var(--pw-radius);padding:1rem 1.05rem;box-shadow:0 8px 24px rgba(40,60,50,.06)}.pw-card h2{margin:0 0 .55rem;font-size:1.12rem}.pw-card p{margin:0;color:var(--pw-muted);font-size:.94rem}.pw-stat-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.pw-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;border-radius:999px;background:rgba(63,143,107,.12);color:var(--pw-meadow-deep);font-weight:750;font-size:.86rem}.pw-pill-gold{background:rgba(212,162,76,.18);color:#8a6218}.pw-pill-sky{background:rgba(106,168,216,.18);color:#2f6288}.pw-list{list-style:none;margin:.6rem 0 0;padding:0;display:grid;gap:.55rem}.pw-list li{display:flex;justify-content:space-between;gap:.75rem;align-items:center;padding:.55rem 0;border-bottom:1px solid rgba(40,70,55,.08)}.pw-list strong{display:block}.pw-list span{display:block;color:var(--pw-muted);font-size:.86rem}.pw-progress{width:100%;height:8px;border-radius:999px;background:rgba(40,70,55,.1);overflow:hidden;margin-top:.35rem}.pw-progress>span{display:block;height:100%;background:linear-gradient(90deg,#49a57a,#2f6d52)}.pw-setup{max-width:720px;margin:0 auto}.pw-setup-steps{display:grid;gap:1rem}.pw-field{display:grid;gap:.4rem}.pw-field label{font-weight:750}.pw-field input,.pw-field select{border:1px solid var(--pw-line);border-radius:.75rem;padding:.75rem .9rem;font:inherit;background:#fff}.pw-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.pw-choice{border:1px solid var(--pw-line);border-radius:.9rem;padding:.8rem;background:#fff;cursor:pointer;text-align:left}.pw-choice.is-on{border-color:var(--pw-meadow);box-shadow:0 0 0 3px rgba(63,143,107,.2)}.pw-choice strong{display:block;margin-bottom:.2rem}.pw-scene{position:relative;min-height:220px;border-radius:var(--pw-radius);overflow:hidden;background:linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0)),linear-gradient(160deg,#9fd0ef,#b8df9c 60%,#78b873);border:1px solid var(--pw-line);margin-bottom:1rem}.pw-scene-dusk{background:linear-gradient(160deg,#7a89c0,#d2a8c6 55%,#efc09a)}.pw-scene-ember{background:linear-gradient(160deg,#f2c06a,#e89272 50%,#8fbf7a)}.pw-buildings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.pw-building{background:var(--pw-paper);border:1px solid var(--pw-line);border-radius:var(--pw-radius);padding:1rem;display:grid;gap:.55rem}.pw-building-art{height:72px;border-radius:.8rem;background:linear-gradient(180deg,hsla(0,0%,100%,.5),transparent),linear-gradient(135deg,#d8efe0,#9ec9b0)}.pw-pet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.85rem}.pw-pet-card{background:var(--pw-paper);border:1px solid var(--pw-line);border-radius:var(--pw-radius);padding:.95rem;display:grid;gap:.45rem}.pw-pet-card.is-locked{opacity:.62}.pw-pet-card img{width:88px;height:88px;-o-object-fit:contain;object-fit:contain;justify-self:center}.pw-banner{margin:1rem 0;padding:.85rem 1rem;border-radius:.9rem;background:rgba(63,143,107,.12);color:var(--pw-meadow-deep);font-weight:700}.pw-empty{padding:1.2rem;text-align:center;color:var(--pw-muted)}@media (max-width:960px){.pw-hero{min-height:auto}.pw-buildings,.pw-choice-grid,.pw-hero,.pw-panel-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.pw-btn{transition:none}}