:root{--ground:#e4edf0;--ink:#16263f;--sown:#8fb98a;--grown:#4a8f5b;--harvest:#d9962c;--signal:#c4553d;--paper:#f9fcfc;--line:#b8cbd1;--sun:#f6d76d;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--ground)}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,#e4edf0 0%,#eef5f1 72%,#f7f3df 100%);min-height:100vh}button,input{font:inherit}button{cursor:pointer;color:inherit}.shell{width:min(1040px,calc(100% - 32px));margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;padding:22px 0}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.2rem}.brand img{width:44px;height:44px;object-fit:contain}.quiet-button,.primary{min-height:48px;border-radius:7px;border:2px solid var(--ink);font-weight:800;padding:0 18px;background:transparent}.primary{background:var(--ink);color:#fff;box-shadow:4px 4px 0 var(--harvest)}.primary:hover{transform:translate(1px,1px);box-shadow:3px 3px 0 var(--harvest)}.quiet-button:hover{background:#fff}.home{padding:40px 0 58px}.home-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.eyebrow{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#426576}.home h1{font-size:clamp(2.5rem,6vw,5.1rem);line-height:.98;margin:10px 0 18px;max-width:600px;letter-spacing:0}.home p{font-size:1.13rem;line-height:1.55;max-width:550px;margin:0 0 25px}.map-wrap{position:relative;background:var(--paper);border:2px solid var(--ink);padding:20px;box-shadow:8px 8px 0 #a9c2bd}.map-label{font-size:.78rem;font-weight:bold;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.map{display:grid;grid-template-columns:repeat(13,1fr);gap:3px;aspect-ratio:1}.parcel{border:1px solid rgba(22,38,63,.38);background:#d5e2e5;min-width:0}.parcel:nth-child(4n){background:repeating-linear-gradient(45deg,#d5e2e5,#d5e2e5 4px,#cbdadd 4px,#cbdadd 6px)}.parcel.sown{background:repeating-linear-gradient(90deg,#8fb98a 0,#8fb98a 4px,#b8d39f 4px,#b8d39f 6px)}.parcel.grown{background:repeating-linear-gradient(45deg,#4a8f5b 0,#4a8f5b 5px,#75a968 5px,#75a968 7px)}.parcel.harvest{background:linear-gradient(135deg,#f6d76d 0 45%,#d9962c 45% 100%);border:2px solid var(--ink)}.legend{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;font-size:.8rem}.legend i{display:inline-block;width:12px;height:12px;border:1px solid var(--ink);vertical-align:middle;margin-right:4px}.key-unexplored{background:#d5e2e5}.key-sown{background:#8fb98a}.key-grown{background:#4a8f5b}.key-harvest{background:#d9962c}.practice-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.practice{width:min(760px,100%);text-align:center}.progress-line{height:8px;background:#c6d8dd;border:1px solid var(--ink);margin-bottom:34px}.progress-line span{display:block;height:100%;background:var(--harvest);transition:width .2s}.fact{font-variant-numeric:tabular-nums;font-size:clamp(4rem,15vw,8.5rem);font-weight:800;line-height:1;margin:20px 0 32px;letter-spacing:0}.answer{display:block;width:min(300px,100%);height:76px;margin:auto;border:3px solid var(--ink);border-radius:5px;background:#fff;font-size:2.2rem;text-align:center;color:var(--ink);font-variant-numeric:tabular-nums}.answer:focus-visible,.primary:focus-visible,.quiet-button:focus-visible{outline:4px solid var(--harvest);outline-offset:4px}.hint{margin-top:18px;font-size:.88rem;color:#426576}.reveal{font-size:clamp(3rem,10vw,6rem);font-weight:800;color:var(--signal);min-height:120px}.done{text-align:center;padding:52px 0}.done .mark{width:150px;height:150px;object-fit:contain}.done h1{font-size:clamp(2.4rem,6vw,4.5rem);margin:12px 0}.done p{font-size:1.2rem;line-height:1.5}.return{margin-top:28px}.welcome-back{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:48px;padding:60px 0}.welcome-back h1{font-size:clamp(2.5rem,6vw,4.8rem);line-height:1;margin:10px 0 18px}.welcome-back p{font-size:1.2rem;line-height:1.55}.guide-card{display:grid;justify-items:center;gap:10px;font-weight:800}.guide-avatar{width:220px;max-width:100%;aspect-ratio:1;border:3px solid var(--ink);background-image:url('map-guides.png');background-size:200% 200%;background-repeat:no-repeat;box-shadow:7px 7px 0 var(--harvest)}.guide-avatar.surveyor{background-position:0 0}.guide-avatar.keeper{background-position:100% 0}.guide-avatar.guide{background-position:0 100%}.guide-avatar.cartographer{background-position:100% 100%}.unlock-note{width:min(360px,100%);margin:24px auto;padding:16px;border-top:2px solid var(--line);display:grid;gap:14px;font-weight:800}.unlock-note .guide-avatar{width:150px}.new-guide{animation:guide-arrive .55s ease-out}@keyframes guide-arrive{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}.report{padding:28px 0 60px}.report h1{font-size:2.2rem}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.metric{border:2px solid var(--ink);background:var(--paper);padding:18px;min-height:150px}.metric strong{display:block;font-size:2.4rem;margin-top:10px}.metric-note{margin:8px 0 0;font-size:.82rem;font-weight:600;line-height:1.4;color:#426576}.notice{border-left:7px solid var(--harvest);padding:14px 16px;background:#fff;margin:20px 0;font-weight:600}.practice-title{font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.settings-link{background:none;border:0;text-decoration:underline;font-weight:700;padding:8px}@media(max-width:720px){.home-grid{grid-template-columns:1fr;gap:30px}.home{padding-top:16px}.report-grid{grid-template-columns:1fr}.topbar{padding-top:14px}.welcome-back{grid-template-columns:1fr;padding:28px 0}.welcome-back .guide-card{grid-row:1}.welcome-back .guide-avatar{width:180px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}