:root{color-scheme:light;--paper:#f6f2e7;--ink:#283d35;--muted:#627066;--line:#d9decf;--green:#35594a;--gold:#dec18a;--sage:#e6ecdf;--night:#243c38;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #c8873e;outline-offset:5px}button{color:inherit}button:disabled{cursor:default;opacity:.5}canvas{image-rendering:pixelated;display:block}p{line-height:1.7;margin:0 0 22px}h1,h2,h3{margin:0 0 24px}h3{font-size:21px;line-height:1.35}small{font-size:12px}header{height:86px;padding:0 max(28px,calc((100vw - 1460px)/2));display:flex;gap:46px;align-items:center;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:2}header nav{display:flex;gap:28px;font-size:14px}.brand{display:inline-flex;letter-spacing:4px;font-weight:800;font-size:25px}.header-actions{margin-left:auto;display:flex;gap:10px;align-items:center}button,.button{border:1px solid var(--line);border-radius:5px;background:transparent;padding:12px 18px;line-height:1.3;font-weight:650;font-size:14px}.button,.primary{background:var(--green);color:#fff9eb;border-color:var(--green);box-shadow:0 3px #203d32}.primary:hover,.button:hover{background:#456d59;text-decoration:none}.quiet{font-size:12px;padding:10px;border-color:transparent}.quiet:hover{border-color:var(--line)}.small{padding:10px 14px;font-size:13px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2.2px;line-height:1.5;margin-bottom:23px}.pixel-heading{font-size:34px;line-height:1.4;font-weight:800}.pixel-heading canvas,.brand canvas{max-width:100%}.pixel-heading>span,.brand>span{display:block}.pixel-ready>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.hero{min-height:658px;max-width:1600px;margin:auto;display:grid;grid-template-columns:44% 56%;align-items:stretch;padding-left:70px}.hero-copy{padding:76px 35px 56px 0;position:relative;z-index:1}.hero-title{margin:0 0 30px}.hero-title>span{display:block;margin:0 0 15px}.hero .intro{max-width:475px}.intro{max-width:610px;color:var(--muted);font-size:17px;line-height:1.75}.actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.text-link{font-weight:650;font-size:14px;border-bottom:1px solid #a7b49f;padding:8px 0}.hero-hint{font-size:12px;color:var(--muted);margin-top:23px;max-width:330px}.visit-stats{display:flex;gap:40px;margin-top:28px}.visit-stats div{display:grid;gap:7px}.visit-stats strong{font-size:27px;font-weight:600;font-variant-numeric:tabular-nums}.visit-stats span{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.hero-world{position:relative;min-height:658px;overflow:hidden;background:#cbdaca}.hero-world>canvas{width:100%;height:100%;position:absolute;inset:0;cursor:crosshair}.scene-controls{position:absolute;bottom:22px;left:22px;right:22px;display:flex;align-items:center;gap:14px}.scene-controls button{background:var(--paper);flex:none}.scene-controls span{font-size:11px;line-height:1.6;max-width:235px;background:#f6f2e7da;padding:7px 12px}.section{scroll-margin-top:24px;padding:85px 40px}.section-inner{max-width:1240px;margin:auto}.sage{background:var(--sage)}.night{background:var(--night);color:#f4f1e6}.night .intro,.night .muted{color:#bbcec0}.night .eyebrow{color:#dfc797}.job-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin-top:38px;gap:10px}.job-tabs button{text-align:left;padding:19px 24px;background:#eeecdf}.job-tabs button small{display:block;font-weight:400;color:var(--muted);margin-top:6px}.job-tabs button[aria-pressed=true]{background:var(--green);color:#fffaeb;border-color:var(--green)}.job-tabs button[aria-pressed=true] small{color:#d4e1ce}.job-stage{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid var(--line);margin-top:20px;border-radius:6px;overflow:hidden}.job-illustration{background:#dce5d5;position:relative;min-height:345px;display:flex;flex-direction:column;align-items:center;justify-content:center}.job-illustration .eyebrow{position:absolute;top:24px;left:25px;font-size:9px}.job-illustration canvas{width:100%;height:310px}.scene-note{font-size:11px;margin:0 18px 17px;color:var(--muted);text-align:center}.job-details{padding:38px}.job-details h3{margin-bottom:15px}.job-details p{font-size:14px;max-width:440px}.builds{display:flex;gap:9px;margin-bottom:17px}.builds button{font-size:12px;padding:9px 13px}.builds [aria-pressed=true]{background:#e0e7d6;border-color:#718866}.skill-name{font-size:12px;margin-left:16px;color:var(--muted)}.monster-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-top:38px}.monster-card{padding:20px 18px 0;background:var(--paper);border:1px solid #ccd5c1;border-radius:5px;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;transition:transform .2s,box-shadow .2s}.monster-card:hover{transform:translateY(-5px);box-shadow:0 8px #cad6c040}.monster-card[aria-pressed=true]{background:#fff5d9;border-color:#b9a477}.monster-number{align-self:stretch;text-align:left;text-transform:uppercase;letter-spacing:1px;font-size:9px;color:var(--muted)}.monster-card canvas{margin:8px auto;max-width:100%}.monster-card strong{font-size:15px;margin:8px 0 14px}.monster-copy{font-size:12px;line-height:1.7;font-weight:400;min-height:82px}.monster-turn{border-top:1px solid var(--line);margin-top:20px;font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:14px 0;width:100%}.crowns-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.crowns-copy>p{font-size:14px;color:#c3d2c5}.crowns-copy .intro{font-size:17px}.opponent{display:flex;gap:22px;align-items:center;margin-top:30px}.opponent>canvas{width:112px;height:112px;background:#466052;border:1px solid #7a8c69}.opponent .eyebrow{font-size:9px;letter-spacing:1px;margin:0 0 12px}.opponent p{font-size:12px;margin:9px 0}.opponent button{color:#e8ecd8;border-color:#6a8071}.card-table{background:#1a302d;border:1px solid #657b64;padding:25px;border-radius:8px;box-shadow:0 12px #152a2755}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-width:390px;margin:auto}.board button{aspect-ratio:1;padding:0;border:1px dashed #71846a;border-radius:3px;min-width:0;position:relative;background:#314c40}.board button:disabled{opacity:1}.board button.owned-0{background:#426579;border:2px solid #95c9d7}.board button.owned-1{background:#785445;border:2px solid #deb795}.board canvas{width:100%;height:100%}.hand-label{font-size:11px;margin:20px 0 10px;color:#bbcec0;text-align:center}.hand{display:flex;gap:7px;justify-content:center;min-height:96px}.hand button{position:relative;padding:0;width:76px;background:#456171;border-color:#94b6bf;border-radius:3px}.hand button canvas{width:100%;height:auto}.hand button[aria-pressed=true]{outline:3px solid #f4d799;transform:translateY(-5px)}.muted{color:var(--muted);font-size:13px}.party-layout,.garden-layout,.waitlist-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.party-layout>canvas{width:100%;height:380px;background:#d2dfc7;border-radius:6px;border:1px solid #b9cbae}.party-layout h3{font-size:17px;margin:32px 0 15px}.party-layout p:not(.eyebrow):not(.intro){font-size:14px}.signup-panel{border:1px solid var(--line);padding:30px;background:#fffcf2;border-radius:6px}.signup-panel label{display:block;font-size:12px;font-weight:600;margin-bottom:17px}.signup-panel input:not([type=checkbox]),.signup-panel select{display:block;width:100%;border:1px solid #bac8b1;background:#fffdf5;border-radius:4px;padding:12px;margin-top:7px;font-size:16px;color:var(--ink)}.signup-panel .consent{display:flex;align-items:start;gap:9px;line-height:1.6;font-weight:400}.consent input{width:18px;height:18px;flex:none}.signup-panel form>button{width:100%}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.privacy-link{display:inline-block;margin-top:18px;font-size:11px;text-decoration:underline}#waitlist-status{font-size:13px;margin:18px 0 0}#badge{width:100%;height:auto;border-radius:4px;margin-bottom:20px}#badge-panel .actions{gap:10px;margin:15px 0}#badge-panel p,#badge-panel button{font-size:12px}.preview-note{border-left:3px solid #af884b;padding-left:16px;font-size:13px}.waitlist-layout>div>p:not(.eyebrow):not(.intro){font-size:13px}footer{background:#dbe4d2}footer>canvas{width:100%;height:190px}.footer-content{max-width:1240px;margin:auto;display:flex;justify-content:space-between;gap:40px;padding:30px 0 45px;border-top:1px solid #bfcdb4}.footer-content p{font-size:13px;margin:18px 0 10px}.footer-content small{color:var(--muted);font-size:11px}.footer-content>div:last-child{display:flex;gap:25px;align-items:center;font-size:12px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:15px 22px;background:#203d32;color:#f9f3de;font-size:12px;box-shadow:0 4px 18px #172b3140;z-index:8;max-width:90vw;border:1px solid #98a67a;border-radius:4px}.skip{position:fixed;top:-100px;left:20px;z-index:9;background:var(--paper);padding:14px}.skip:focus{top:10px}.privacy{max-width:780px;margin:70px auto;padding:30px}.privacy>a{font-size:13px;text-decoration:underline}.privacy>.eyebrow{margin-top:70px}.privacy p{font-size:15px}.privacy h1{font-size:28px}@media(min-width:1700px){.hero{max-width:1640px}.hero-copy{padding-top:95px}.hero-world{min-height:680px}}@media(max-width:1100px){header{gap:25px;padding:0 25px}header nav{gap:18px}.header-actions .quiet{font-size:10px;max-width:80px}.hero{padding-left:35px;grid-template-columns:46% 54%}.hero-copy{padding-right:24px}.hero-world{min-height:640px}.hero-title canvas{max-width:100%}.section{padding:65px 30px}.crowns-layout,.party-layout{gap:40px}.monster-grid{gap:9px}.monster-card{padding:17px 10px 0}.monster-copy{min-height:115px}.footer-content{padding:30px}.scene-controls span{display:none}}@media(max-width:760px){header{height:auto;min-height:76px;padding:18px 20px;gap:15px;flex-wrap:wrap}header .brand{font-size:21px}header nav{order:3;width:100%;justify-content:space-between;font-size:12px;padding-top:10px;border-top:1px solid var(--line)}.header-actions{gap:0}.header-actions .quiet{max-width:80px;padding:5px 8px;font-size:10px}.hero{display:flex;flex-direction:column;padding:0;min-height:0}.hero-copy{padding:45px 24px 32px}.hero-copy>.eyebrow{font-size:9px;letter-spacing:1.4px}.hero-title{margin-bottom:24px}.hero-title>span{margin-bottom:14px}.hero .intro{font-size:15px;max-width:520px}.hero-hint{margin-bottom:0;max-width:100%}.visit-stats{gap:35px;margin-top:22px}.visit-stats strong{font-size:23px}.visit-stats span{font-size:9px}.hero-world{min-height:410px}.scene-controls{bottom:15px;left:15px}.section{padding:50px 22px}.pixel-heading{font-size:25px}.eyebrow{font-size:9px;margin-bottom:20px;letter-spacing:1.8px}.intro{font-size:15px}.job-tabs{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:27px}.job-tabs button{padding:14px;font-size:13px}.job-tabs small{font-size:10px}.job-stage{grid-template-columns:1fr}.job-illustration{min-height:280px}.job-illustration canvas{height:265px}.job-details{padding:25px}.job-details p{font-size:13px}.monster-grid{grid-template-columns:repeat(2,1fr);gap:12px}.monster-card{padding:17px 10px 0}.monster-card canvas{width:140px;height:125px}.monster-card strong{font-size:13px}.monster-copy{font-size:11px;min-height:95px}.monster-turn{font-size:9px;margin-top:10px}.monster-grid>button:last-child{grid-column:1 / -1;max-width:260px;width:100%;justify-self:center}.monster-grid>button:last-child .monster-copy{min-height:45px}.crowns-layout,.party-layout{grid-template-columns:1fr;gap:28px}.crowns-copy>p{font-size:13px}.card-table{padding:16px}.hand{gap:5px;min-height:76px}.hand button{width:20%;max-width:75px}.opponent{margin-top:20px;gap:16px}.party-layout>canvas{height:310px}.signup-panel{padding:22px}.footer-content{padding:28px 22px 35px;flex-direction:column;gap:25px}.footer-content>div:last-child{justify-content:space-between;gap:12px;font-size:11px}.privacy{margin:20px auto;padding:25px}.privacy>.eyebrow{margin-top:45px}.privacy p{font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}body.motion-paused *{transition:none!important;animation:none!important}[hidden]{display:none!important}:root{--paper:#fff8ea;--ink:#2a2f3f;--muted:#5b6172;--line:#e6dcc4;--wood:#4a3222;--parch:#fff3d4;--gold:#ffc93c;--goldd:#c98a12;--sky:#8fd6ff;--grass:#6cc24a;--berry:#ff6f91}header{background:#fffdf6;border-bottom:3px solid var(--wood)}.primary,.button{background:var(--gold);color:var(--wood);border:3px solid var(--wood);border-radius:4px;box-shadow:0 4px 0 var(--goldd);font-weight:800}.primary:hover,.button:hover{background:#ffd966;color:var(--wood)}.primary:active,.button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--goldd)}.hero{max-width:none;margin:0;min-height:0;padding:64px max(40px,calc((100vw - 1560px)/2)) 96px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"copy film" "join film";column-gap:64px;row-gap:28px;align-items:start;position:relative;background:linear-gradient(#7fcfff 0,#b9e7ff 55%,#dff5ff);overflow:hidden}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:40px;background:linear-gradient(90deg,#5fb540 0 16px,#6cc24a 16px 32px) 0 0/32px 8px repeat-x,linear-gradient(#6cc24a 0 8px,#58a93a 8px 12px,#8a5a36 12px 20px,#6e452a 20px);image-rendering:pixelated}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(closest-side,#fff 60%,#fff0) 12% 18%/220px 60px no-repeat,radial-gradient(closest-side,#fff 60%,#fff0) 16% 22%/140px 44px no-repeat,radial-gradient(closest-side,#ffffffd0 60%,#fff0) 88% 9%/260px 64px no-repeat,radial-gradient(closest-side,#ffffffb0 60%,#fff0) 52% 6%/180px 46px no-repeat}.hero-copy{grid-area:copy;padding:0;position:relative;z-index:1}.hero-copy .eyebrow{display:inline-block;background:var(--wood);color:#ffe9a8;padding:7px 12px;border-radius:3px;margin-bottom:22px}.hero-title{margin:0 0 22px}.hero-title>span{margin:0 0 8px}.hero .intro{max-width:560px;color:#2f3b52;font-size:18px;margin:0}.hero-film{grid-area:film;margin:0;position:relative;z-index:1;align-self:center}.film-frame{background:var(--wood);padding:6px;border-radius:6px;box-shadow:0 0 0 4px #ffe08a inset,10px 12px #2b6f8f38}.film-frame video{display:block;width:100%;aspect-ratio:16/9;background:#6cc24a;border:3px solid #ffe08a;border-radius:2px;image-rendering:pixelated}.hero-film figcaption{display:inline-flex;align-items:center;gap:10px;margin:14px 0 0 6px;background:var(--parch);border:2px solid var(--wood);border-radius:3px;padding:7px 12px;font-size:13px;font-weight:700;color:var(--wood)}.rec{width:9px;height:9px;background:#ff4d5e;border-radius:50%;box-shadow:0 0 0 3px #ff4d5e33;animation:rec 1.4s steps(2) infinite}@keyframes rec{50%{opacity:.25}}#waitlist.signup-panel{grid-area:join;position:relative;z-index:1;background:var(--parch);border:3px solid var(--wood);border-radius:6px;box-shadow:0 0 0 3px #fffbe9 inset,8px 10px #2b6f8f30;padding:22px 24px 18px;max-width:600px}.signup-title{font-size:21px;font-weight:850;margin:0 0 6px;color:var(--wood)}#waitlist-intro{margin:0 0 16px;color:var(--muted);font-size:15px;line-height:1.55}#waitlist-form{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}#waitlist-form label{display:grid;gap:6px;font-size:13px;font-weight:750;color:var(--wood)}#waitlist-form input:not([type=checkbox]),#waitlist-form select{width:100%;border:2px solid #b89c73;border-radius:4px;background:#fffdf6;padding:11px 12px;font-size:15px}#waitlist-form input:focus,#waitlist-form select:focus{border-color:var(--wood)}#waitlist-form label:nth-of-type(3){grid-column:1/-1}#waitlist-form .consent{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;font-weight:600;font-size:13px;line-height:1.45}#waitlist-form .consent input{margin-top:2px;width:18px;height:18px;accent-color:var(--grass)}#waitlist-form button[type=submit]{grid-column:1/-1;font-size:17px;padding:14px}#waitlist-status{margin:10px 0 0;font-size:13px;color:var(--muted)}#waitlist-status:empty{display:none}#waitlist .privacy-link{display:inline-block;margin-top:8px;font-size:12px;color:var(--muted);text-decoration:underline}#waitlist .preview-note{font-size:12px;background:#fff;border:1px dashed #b89c73;padding:6px 10px;margin:0 0 12px}#badge-panel canvas{width:100%;height:auto;border:3px solid var(--wood);border-radius:4px}.section.sky{background:#dff3ff}.pop-layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}.pop-layout .hero-world{min-height:440px;position:relative;border:6px solid var(--wood);border-radius:6px;overflow:hidden;box-shadow:10px 12px #2b6f8f24}.pop-layout #hero-scene{width:100%;height:440px}.pop-layout .visit-stats{flex-wrap:wrap}.section.sage{background:#eaf6df}.monster-card{border:3px solid var(--wood)!important;background:var(--parch)!important;border-radius:6px!important}.job-tabs button[aria-pressed=true]{background:var(--gold);color:var(--wood);border-color:var(--wood)}footer{border-top:3px solid var(--wood)}@media(max-width:1100px){.hero{grid-template-columns:1fr;grid-template-areas:"copy" "film" "join";padding:40px 28px 80px}#waitlist.signup-panel{max-width:none}.pop-layout{grid-template-columns:1fr}}@media(max-width:760px){.hero{padding:28px 18px 64px;row-gap:22px}.hero .intro{font-size:15px}.film-frame{padding:4px}#waitlist-form{grid-template-columns:1fr}#waitlist.signup-panel{padding:18px 16px}.pop-layout .hero-world,.pop-layout #hero-scene{min-height:0;height:320px}.hero:before{background-size:120px 36px,80px 26px,140px 36px,100px 28px}.hero .intro,.film-links{display:none}}@media(prefers-reduced-motion:reduce){.rec{animation:none}}.hero{padding-top:52px;padding-bottom:88px;row-gap:24px}.hero-film{align-self:center}.film-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.film-links a{background:#ffffffc0;border:2px solid var(--wood);border-radius:3px;padding:8px 13px;font-size:14px;font-weight:750;color:var(--wood);box-shadow:0 3px #4a322255}.film-links a:hover{background:var(--gold);text-decoration:none}.hero-film figcaption{margin-right:6px}#waitlist.signup-panel{padding:18px 22px 14px}#waitlist-intro{margin-bottom:12px}#waitlist-form{gap:10px 14px}#waitlist-form label{gap:4px}#waitlist-form input:not([type=checkbox]),#waitlist-form select{padding:9px 11px}#waitlist-form button[type=submit]{padding:12px}.hero:before{background:radial-gradient(closest-side,#fff 60%,#fff0) 44% 10%/220px 56px no-repeat,radial-gradient(closest-side,#ffffffd0 60%,#fff0) 90% 6%/260px 60px no-repeat,radial-gradient(closest-side,#ffffffa0 60%,#fff0) 70% 90%/200px 50px no-repeat}@media(max-width:760px){.film-links a{font-size:13px;padding:7px 10px}.hero-film figcaption{font-size:12px}#sound{display:none}}.night{background:linear-gradient(#27305a,#35407a);color:#f6f2ff}.night .intro,.night .muted{color:#c9cff0}.night .eyebrow{color:var(--gold)}.card-table,.board button{background:#2d3868;border-color:#7d88c8}.job-stage,.section:not(.night){background:var(--paper)}.icon{width:40px;height:40px;padding:0;font-size:15px;line-height:1;border:2px solid var(--line);border-radius:4px;background:#fffdf6;color:var(--wood)}.icon:hover{border-color:var(--wood)}.monster-card canvas{width:100%;height:190px;margin:4px 0}.monster-copy{min-height:0}.monster-card strong{margin:4px 0 8px}.night .monster-card{color:var(--ink)}.how{margin:4px 0 18px;font-size:14px;color:#c9cff0}.how summary{cursor:pointer;font-weight:750;color:var(--gold);padding:6px 0}.how p{margin:10px 0 0;font-size:13px}.board button{background:#f3dfb2;border:3px solid #7a5534;border-radius:4px;box-shadow:inset 0 0 0 2px #fff3d4,inset 0 -5px #d9bd86}.join-band{display:flex;align-items:center;justify-content:space-between;gap:40px;background:var(--parch);color:var(--ink);border:4px solid var(--wood);border-radius:6px;box-shadow:0 0 0 3px #fffbe9 inset,10px 12px #0f143055;padding:34px 40px}.join-band .intro{margin:0;color:var(--muted)}.join-band h2{margin-bottom:12px;color:var(--wood)}.join-band .button{font-size:17px;padding:15px 26px;white-space:nowrap}#badge-form{display:grid;gap:10px}#badge-form label{display:grid;gap:4px;font-size:13px;font-weight:750;color:var(--wood)}#badge-form p{margin:0;font-size:14px}#badge-form input,#badge-form select{border:2px solid #b89c73;border-radius:4px;background:#fffdf6;padding:9px 11px;font-size:15px}#waitlist-form{grid-template-columns:1fr}@media(max-width:760px){.hero:before{background-size:120px 32px,150px 38px,110px 30px;background-position:100% 0,-40px 99%,100% 99%}.film-links{display:none}}@media(max-width:760px){.header-actions{gap:6px}.header-actions .icon{display:none}.join-band{flex-direction:column;align-items:stretch;padding:24px 20px;gap:18px}.monster-card canvas{height:150px;width:100%}}.privacy form{margin-top:40px}.privacy form h2{font-size:20px;margin-bottom:14px}.privacy form>button{width:100%}#deletion-status{font-size:13px;margin:18px 0 0}