:root{color:#243325;background:#fbf6e7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;--ink: #243325;--muted: #5c684f;--moss: #31563a;--deep-moss: #203a2b;--twilight: #273f58;--parchment: #fbf6e7;--paper: #fffdf5;--gold: #f4ca62;--hearth: #d76535;--line: rgb(49 86 58 / .18);--shadow: 0 1.2rem 3.8rem rgb(41 52 36 / .16)}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth;background:var(--parchment)}body{margin:0;overflow-x:hidden}body,button,input,textarea,select{font:inherit}a{color:inherit}a:focus-visible,button:focus-visible{outline:.2rem solid #8dcf9c;outline-offset:.2rem}img{max-width:100%}main{min-height:100svh}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:#1f3325;font-family:Georgia,Times New Roman,serif;letter-spacing:0}h1{max-width:12ch;margin-bottom:1rem;font-size:clamp(3rem,8vw,6.6rem);line-height:.92}h2{max-width:13ch;margin-bottom:1rem;font-size:clamp(2.1rem,5vw,4.2rem);line-height:.95}h3{margin-bottom:.45rem;font-size:clamp(1.2rem,2.4vw,1.55rem);line-height:1.1}p{color:var(--muted)}.site-shell{width:min(72rem,calc(100% - clamp(2rem,6vw,5rem)));margin:0 auto}.hero{position:relative;min-height:92svh;overflow:hidden;isolation:isolate;background:linear-gradient(90deg,#fbf6e7fa,#fbf6e7e0 38%,#fbf6e74d),url(/assets/sunspell-meadow-banner.png) center / cover}.hero:after{position:absolute;inset:auto 0 0;z-index:-1;height:38%;background:linear-gradient(180deg,#fbf6e700,#fbf6e7 82%);content:""}.hero-shell{display:grid;min-height:92svh;grid-template-rows:auto 1fr;padding:clamp(1rem,2.6vw,1.8rem) 0 clamp(2.5rem,6vw,4rem)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand-link{display:inline-flex;align-items:center;gap:.7rem;color:#213725;font-weight:900;text-decoration:none}.brand-mark{width:2.35rem;height:2.35rem;border-radius:.6rem;box-shadow:0 .45rem 1.3rem #1f33252e}.site-nav,.footer-links,.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.site-nav a,.footer-links a{color:#314834;font-size:.95rem;font-weight:800;text-decoration-color:#31483447;text-underline-offset:.22rem}.hero-content{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(18rem,.72fr);align-items:center;gap:clamp(1.8rem,5vw,4.5rem);padding-top:clamp(2.5rem,8vh,6rem)}.hero-copy{max-width:46rem}.hero-copy h1{max-width:13ch}.eyebrow{margin-bottom:.75rem;color:#55704d;font-size:.82rem;font-weight:950;letter-spacing:0;text-transform:uppercase}.intro{max-width:39rem;margin-bottom:1.55rem;color:#2d4130;font-size:clamp(1.1rem,2.2vw,1.45rem)}.button-primary,.button-secondary{display:inline-flex;min-height:2.85rem;align-items:center;justify-content:center;border-radius:.5rem;padding:.75rem 1rem;font-weight:900;line-height:1;text-decoration:none}.button-primary{border:.12rem solid #28442e;background:#28442e;color:#fff9df;box-shadow:0 .65rem 1.4rem #28442e33}.button-secondary{border:.12rem solid rgb(40 68 46 / .18);background:#fffdf5a3;color:#28442e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-creature{align-self:end;margin:0;text-align:center}.hero-creature img{width:min(100%,28rem);filter:drop-shadow(0 1.4rem 1.8rem rgb(41 52 36 / .22))}.hero-creature figcaption{width:fit-content;max-width:22rem;margin:-1rem auto 0;border:.1rem solid rgb(49 86 58 / .16);border-radius:.5rem;padding:.72rem .9rem;background:#fffdf5c7;color:#385340;font-size:.95rem;font-weight:800;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.section{padding:clamp(4rem,9vw,7rem) 0;background:#fbf6e7}.section-warm{background:linear-gradient(180deg,#fbf6e7,#f4ca6221),radial-gradient(circle at 12% 20%,rgb(215 101 53 / .13),transparent 28rem)}.section-forest{background:linear-gradient(180deg,#31563a14,#273f5814),#f6f2dd}.section-desk{background:linear-gradient(135deg,#273f581a,#f4ca622e),#fbf6e7}.split-section{display:grid;grid-template-columns:minmax(0,.85fr) minmax(20rem,1fr);align-items:center;gap:clamp(2rem,6vw,5rem)}.section-copy p,.section-heading p{max-width:42rem;font-size:1.08rem}.step-list{display:grid;gap:.7rem;margin:1.5rem 0 0;padding:0;list-style:none}.step-list li{border-left:.28rem solid var(--gold);padding:.35rem 0 .35rem .8rem;color:#314834;font-weight:850}.spell-demo{display:grid;gap:1rem;border:.1rem solid var(--line);border-radius:.5rem;padding:clamp(1rem,3vw,1.4rem);background:linear-gradient(180deg,#fffdf5db,#fff7d6c7),radial-gradient(circle at top right,rgb(215 101 53 / .18),transparent 16rem);box-shadow:var(--shadow)}.word-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.tile{display:grid;aspect-ratio:1;place-items:center;border:.12rem solid #d8b769;border-radius:.45rem;background:linear-gradient(180deg,#fff9df,#f2d375);box-shadow:0 .32rem #b7893f;color:#263d2a;font-size:clamp(1.55rem,5vw,2.35rem);font-weight:950}.tile.selected{border-color:#65a30d;background:radial-gradient(circle at 30% 18%,rgb(236 252 203 / .95),transparent 42%),linear-gradient(180deg,#d9f99d,#84cc16);box-shadow:0 .32rem #4d7c0f,0 0 1.2rem #84cc166b;color:#17300f}.spell-result{display:grid;gap:.7rem;border:.1rem solid rgb(101 163 13 / .24);border-radius:.5rem;padding:1rem;background:radial-gradient(circle at top left,rgb(217 249 157 / .22),transparent 18rem),#fffdf5b3}.spell-result p{margin-bottom:0}.element-badge{display:inline-flex;width:fit-content;align-items:center;gap:.45rem;border:.1rem solid rgb(49 86 58 / .17);border-radius:999rem;padding:.34rem .65rem;background:#fffdf5;color:#263c2a;font-size:.86rem;font-weight:900}.element-badge img{width:1.35rem;height:1.35rem}.section-heading{max-width:52rem;margin-bottom:clamp(1.8rem,5vw,3rem)}.section-heading h2{max-width:15ch}.element-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.element-card,.creature-card,.update-card,.timeline-card{border:.1rem solid var(--line);border-radius:.5rem;background:var(--paper);box-shadow:0 .75rem 2.2rem #29342414}.element-card{min-height:16rem;padding:clamp(1.1rem,2.6vw,1.5rem)}.element-card>img{width:2.6rem;height:2.6rem;margin-bottom:1rem}.sample-word{display:block;margin-bottom:.65rem;color:#ad512d;font-size:.9rem;font-weight:950;letter-spacing:.08em}.element-card p,.creature-card p,.update-card p{margin-bottom:0}.bestiary-layout{display:grid;grid-template-columns:minmax(20rem,.95fr) minmax(0,1.2fr);gap:1rem;align-items:stretch}.featured-creature{display:grid;align-content:end;overflow:hidden;border:.1rem solid rgb(49 86 58 / .18);border-radius:.5rem;background:linear-gradient(180deg,#fffdf58c,#fffdf5),radial-gradient(circle at 50% 16%,rgb(244 202 98 / .22),transparent 18rem);box-shadow:var(--shadow)}.featured-creature>img{width:min(100%,26rem);justify-self:center;padding:clamp(1rem,4vw,2rem) clamp(1rem,4vw,2rem) 0}.featured-creature>div{display:grid;gap:.65rem;padding:clamp(1.2rem,3vw,1.6rem)}.featured-creature p{margin-bottom:0}.creature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.creature-card{display:grid;gap:.65rem;align-content:start;min-height:100%;padding:1rem}.creature-card>img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:.45rem;background:radial-gradient(circle at 50% 35%,rgb(244 202 98 / .2),transparent 62%),#f9f1d8}.creature-card h3{margin-bottom:0;font-size:1.15rem}.creature-card p{font-size:.95rem}.update-list{display:grid;gap:.85rem}.update-card{padding:1rem}.timeline-list{display:grid;gap:1rem;margin-top:2rem}.timeline-card{padding:clamp(1rem,3vw,1.35rem)}.timeline-card h2{margin-bottom:.75rem;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(1.3rem,3vw,1.7rem);line-height:1.15}.timeline-card ul{display:grid;gap:.45rem;margin:0;padding-left:1.2rem}.inline-button{width:fit-content;margin-top:.6rem}.update-date{margin-bottom:.35rem;color:#687456;font-size:.84rem;font-weight:950;text-transform:uppercase}.site-footer{padding:2rem 0;background:#243325;color:#fff9df}.footer-layout{display:flex;align-items:center;justify-content:space-between;gap:2rem}.footer-layout p{max-width:36rem;margin:0;color:#fff9dfc7}.footer-mark{width:2.25rem;height:2.25rem;margin-bottom:.6rem;border-radius:.5rem}.footer-links a,.footer-links span{color:#fff9df;text-decoration-color:#fff9df5c}.footer-links span{font-size:.95rem;font-weight:800}.policy-page{min-height:100svh;padding:clamp(2rem,6vw,4rem) 0;background:radial-gradient(circle at top left,rgb(244 202 98 / .22),transparent 34rem),#fbf6e7}.policy-shell{width:min(48rem,calc(100% - 2rem))}.policy-shell h1{max-width:12ch;font-size:clamp(2.4rem,7vw,4.8rem)}.policy-shell h2{max-width:none;margin:2rem 0 .65rem;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.25rem;line-height:1.2}.policy-shell p,.policy-shell li{color:#38463c;font-size:1rem;line-height:1.72}.effective{color:#687456;font-weight:900}.back-link{display:inline-flex;margin-bottom:2rem;color:#31563a;font-weight:900;text-underline-offset:.2rem}.request-form{display:grid;gap:1.1rem;margin:2rem 0;border:.1rem solid var(--line);border-radius:.5rem;padding:clamp(1rem,3vw,1.4rem);background:var(--paper);box-shadow:0 .75rem 2.2rem #29342414}.form-field{display:grid;gap:.45rem}.form-field label,.checkbox-field{color:#263c2a;font-weight:900}.form-field input{width:100%;border:.1rem solid rgb(49 86 58 / .24);border-radius:.45rem;padding:.8rem .85rem;background:#fffdf5;color:#243325}.form-field input:focus{border-color:#31563a;outline:.2rem solid rgb(141 207 156 / .38)}.form-field p,.checkbox-field span,.form-status p,.manual-request p{margin-bottom:0;color:#38463c;line-height:1.62}.honeypot{position:absolute;left:-10000px}.checkbox-field{display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:start}.checkbox-field input{margin-top:.3rem}.form-submit{width:fit-content;border:0;cursor:pointer}.form-submit:disabled{cursor:wait;opacity:.7}.form-status,.manual-request{border:.1rem solid var(--line);border-radius:.5rem;padding:1rem;background:#fffdf5c7}.form-status-success{border-color:#31563a57;background:#8dcf9c29}.form-status-manual,.form-status-error{border-color:#d7653552;background:#f4ca6229}.launch-form{margin:0}.form-status a{display:inline-flex;margin-top:.7rem;color:#31563a;font-weight:900;text-underline-offset:.2rem}.manual-request h2{margin-top:0;font-size:1.25rem}@media(max-width:920px){.site-nav{display:none}.hero{min-height:auto;background:linear-gradient(180deg,#fbf6e7fa,#fbf6e7e0 58%,#fbf6e766),url(/assets/sunspell-meadow-banner.png) center / cover}.hero-shell{min-height:auto}.hero-content,.split-section,.bestiary-layout{grid-template-columns:1fr}.hero-content{gap:1.4rem;padding-top:3rem}.hero-creature{justify-self:center;max-width:20rem}.hero-creature figcaption{margin-top:-.65rem}.element-grid{grid-template-columns:1fr}.creature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){h1{max-width:100%;font-size:3.25rem;line-height:.95}.hero-copy h1{max-width:8ch}h2{max-width:11ch}.site-shell{width:min(calc(100% - 1.25rem),72rem)}.intro{max-width:21.5rem;font-size:1rem}.brand-link span{font-size:.95rem}.hero-actions{align-items:stretch;flex-direction:column}.button-primary,.button-secondary{width:100%}.word-board{gap:.42rem}.creature-grid{grid-template-columns:1fr}.creature-card{grid-template-columns:6.8rem 1fr;align-items:center}.creature-card>img{grid-row:span 3}.footer-layout{align-items:flex-start;flex-direction:column}}