@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

/*
! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.min-h-screen{min-height:100vh}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--ink:#293d47;--muted:#6b7e84;--cream:#fffdf7;--leaf:#347a5d;--coral:#f4846d;--yellow:#ffd86d;--line:#e3e8e0}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:DM Sans,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:wait;opacity:.65}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,48px);background:#fffefa;border-bottom:1px solid #edf0e8}.brand{font-family:Fraunces,serif;font-size:24px;font-weight:700;letter-spacing:0}.brand span{color:var(--coral)}.navlinks{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}.navlinks button.active{color:var(--leaf)}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffcf73;font-weight:700}.hero{min-height:410px;display:flex;align-items:center;overflow:hidden;padding-left:max(8vw,68px);background:#d9f2e6}.hero-copy{width:51%;z-index:1}.eyebrow{margin:0 0 10px;color:#66877b;font-size:11px;font-weight:700;letter-spacing:1.5px}.editor h2,.hero h1{margin:0;font-family:Fraunces,serif;letter-spacing:0}.hero h1{font-size:58px;line-height:1.02}.hero h1 em{color:#e67360;font-style:normal}.lede{max-width:410px;margin:20px 0 25px;color:#527166;font-size:17px;line-height:1.5}.primary{padding:13px 20px;border-radius:8px;background:#347a5d;color:#fff;font-size:14px;font-weight:700;box-shadow:0 3px 0 #215c43}.primary b{margin-left:8px;font-size:18px}.hero-art{position:relative;flex:1;align-self:stretch;overflow:hidden;background:#b7e7ec}.sun{position:absolute;top:54px;right:22%;color:#ffdb65;font-size:43px}.cloud{width:110px;height:23px;border-radius:30px}.cloud,.cloud:after,.cloud:before{position:absolute;background:#fffdf4}.cloud:after,.cloud:before{bottom:0;border-radius:50%;content:""}.cloud:before{width:42px;height:42px;left:21px}.cloud:after{width:32px;height:32px;left:55px}.c1{top:86px;left:14%}.c2{top:42px;right:4%;transform:scale(.62)}.hill{position:absolute;bottom:0;border-radius:50% 50% 0 0}.h1{width:370px;height:150px;left:-72px;background:#76ac75}.h2{width:420px;height:130px;right:-100px;bottom:-35px;background:#5c9a69}.tree{position:absolute;bottom:64px;color:#347a5d;font-size:100px;line-height:.6}.t1{left:18%;font-size:115px}.t2{right:10%;color:#408466;font-size:80px}.projects{max-width:1120px;padding:55px max(8vw,68px) 90px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.section-heading h2{margin:0;font-family:Fraunces,serif;font-size:30px}.section-heading h2 span{padding:4px 9px;border-radius:20px;background:#e3f3e9;color:#4f876f;font:600 13px DM Sans;vertical-align:middle}.text-button{color:var(--leaf);font-size:14px;font-weight:700}.project-list{display:grid;gap:15px}.project-card{display:flex;max-width:760px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 3px 11px #2c56300b}.project-picture{width:265px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#cbe9ce;color:#347a5d;font-family:Fraunces,serif;font-size:50px}.project-picture small{font:700 11px DM Sans;letter-spacing:1px;text-transform:uppercase}.project-info{padding:26px 30px}.project-info h3{margin:4px 0 8px;font-family:Fraunces,serif;font-size:24px}.project-info>p:not(.eyebrow){max-width:350px;margin:0 0 20px;color:var(--muted);font-size:14px;line-height:1.5}.secondary{padding:10px 15px;border:1px solid #cbd9d1;border-radius:8px;background:#fff;color:#2d7056;font-size:14px;font-weight:700}.delete-button{margin-left:10px;padding:10px 4px;color:#a94f44;font-size:13px;font-weight:700}.empty-state{max-width:760px;padding:30px 0;color:var(--muted);font-size:15px}.workspace-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,48px);border-bottom:1px solid var(--line);background:#fff}.workspace-header>div{font-size:14px}.workspace-header span{color:#82918b}.back{color:#537268;font-weight:600}.back,.save{font-size:13px}.save{color:#2e7558;font-weight:700}.builder{display:flex;min-height:calc(100vh - 64px)}.steps{width:265px;padding:40px 25px;border-right:1px solid var(--line);background:#f4f8f2}.step-title{margin:0 0 17px 12px;color:#83978c;font-size:10px;font-weight:700;letter-spacing:1.3px}.step{width:100%;display:flex;align-items:center;gap:12px;margin:3px 0;padding:12px;border-radius:8px;color:#6d8077;font-size:14px;text-align:left}.step b{width:23px;height:23px;display:grid;place-items:center;border:1px solid #c4d2ca;border-radius:50%;font-size:11px}.step.current{background:#fff;color:#2e7055;font-weight:700;box-shadow:0 1px 4px #67816a18}.step.current b,.step.done b{border-color:#3e8a67;background:#3e8a67;color:#fff}.editor{width:100%;max-width:935px;padding:54px clamp(35px,8vw,120px)}.editor h2{margin:0 0 9px;font-size:36px}.intro{max-width:580px;margin:0 0 31px;color:var(--muted);font-size:15px;line-height:1.55}.editor label{display:block;margin:18px 0;color:#5e756a;font-size:11px;font-weight:700;letter-spacing:.7px}.editor input,.editor textarea{width:100%;margin-top:8px;padding:13px 14px;border:1px solid #cddbd2;border-radius:8px;outline-color:#6aac86;background:#fff;color:var(--ink);font-size:14px}.editor textarea{height:92px;resize:vertical;line-height:1.5}.editor>.primary{margin-top:12px}.moods{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:650px}.mood{min-height:90px;padding:17px;border:1px solid #dbe3db;border-radius:8px;background:#fff;text-align:left}.mood strong{display:block;margin:2px 0 6px;font-size:14px}.mood.selected{border:2px solid #579a75;background:#f9fdf9}.cards-heading{display:flex;align-items:start;justify-content:space-between;gap:15px}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:8px 0 25px}.game-card{padding:0;overflow:hidden;border:2px solid #f0a894;border-radius:8px;background:#fff;color:inherit;text-align:left;box-shadow:0 2px 7px #293e3314}.game-card.yellow{border-color:#efc85f}.game-card.blue{border-color:#81bdd5}.card-selected{outline:3px solid #347a5d;outline-offset:2px}.card-art{height:120px;display:grid;place-items:center;overflow:hidden;background:#f6c9b9}.yellow .card-art{background:#ffe49a}.blue .card-art{background:#bfe8ed}.card-art span{font-size:55px}.card-art img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card-body{padding:11px}.card-body small{color:#c36c59;font-size:9px;font-weight:700;letter-spacing:1px}.yellow small{color:#b1841a}.blue small{color:#488ba3}.card-body strong{display:block;margin:4px 0;font-family:Fraunces,serif;font-size:16px;line-height:1.15}.card-body p{margin:0;color:#708178;font-size:10px;line-height:1.3}.new-card{min-height:220px;border:2px dashed #bcd3c5;border-radius:8px;color:#6c9980;font-size:30px}.new-card span{font-size:12px;font-weight:700}.card-editor{max-width:650px;margin:28px 0 8px;padding:24px;border:1px solid #d5e2d9;border-radius:8px;background:#fbfefa}.card-editor h3{margin:0;font-family:Fraunces,serif;font-size:23px}.card-editor label{margin:14px 0}.artwork-preview{display:block;width:180px;height:140px;margin:8px 0 18px;border:1px solid #cddbd2;border-radius:7px;-o-object-fit:cover;object-fit:cover}.csv-import{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:650px;margin:8px 0 16px}.csv-columns,.csv-errors,.csv-import>div,.csv-valid{padding:18px;border:1px solid #d5e2d9;border-radius:8px;background:#fff}.csv-import h3{margin:0 0 6px;font-family:Fraunces,serif;font-size:18px}.csv-import p,.csv-valid p{margin:0 0 14px;color:var(--muted);font-size:13px;line-height:1.45}.csv-import input{width:100%;margin-top:7px;color:var(--ink);font-size:13px}.csv-columns{max-width:650px;margin-bottom:16px;background:#f5f8f2;color:#527166;font-size:12px}.csv-columns strong{display:block;margin-bottom:7px}.csv-columns code{display:block;overflow:auto;color:#2e7055;font-size:11px}.csv-errors{max-width:650px;margin-bottom:16px;border-color:#efb7ae;background:#fff7f5;color:#8e443a;font-size:13px}.csv-errors ul{margin:8px 0 0;padding-left:18px}.csv-errors li{margin:4px 0}.csv-valid{max-width:650px;margin-bottom:16px;border-color:#b9d7c6;background:#f3fbf6;color:#2e7055}.csv-valid p{margin-top:5px}.import-summary{max-width:650px;align-items:center;margin-top:24px}.import-summary .intro{margin:0}.bulk-summary,.bulk-upload{max-width:650px;margin:8px 0 16px;padding:20px;border:1px solid #d5e2d9;border-radius:8px;background:#fff}.bulk-upload label{margin:0}.bulk-upload input{margin-top:10px}.bulk-summary p,.bulk-upload p{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.bulk-summary{border-color:#b9d7c6;background:#f7fcf8}.bulk-summary ul{max-height:190px;margin:14px 0 18px;padding:0;overflow:auto;border-top:1px solid #d8e7dc;list-style:none}.bulk-summary li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #d8e7dc;font-size:13px}.bulk-summary li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bulk-summary small{flex:0 0 auto;color:#4d8069}.next-step{margin-top:8px}.results-empty,.results-panel{max-width:760px;margin:10px 0 20px;padding:22px;border:1px solid #d5e2d9;border-radius:8px;background:#fff}.results-empty h3,.results-panel h3{margin:0 0 7px;font-family:Fraunces,serif;font-size:22px}.results-empty p,.results-panel p{color:var(--muted);font-size:13px}.job-note{padding:10px;background:#fff5d9;color:#756c55!important}.job-error{color:#a94f44!important}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.result-card{overflow:hidden;border:1px solid #d5e2d9;border-radius:8px;background:#fbfefa}.result-card img,.result-missing{display:block;width:100%;height:150px;-o-object-fit:cover;object-fit:cover}.result-missing{display:grid;place-items:center;background:#f1f4ee;color:#82918b;font-size:13px}.result-card>div{padding:11px}.result-card small{display:block;color:#4d8069;font-size:10px;font-weight:700;text-transform:uppercase}.result-card strong{display:block;margin:4px 0 8px;font-family:Fraunces,serif;font-size:16px}.result-card p{margin:0 0 8px;color:#a94f44;font-size:11px}.export-box{max-width:540px;margin-top:25px;padding:42px;border-radius:8px;background:#e7f5e9;text-align:center}.export-box h3{margin:8px;font-family:Fraunces,serif;font-size:23px}.export-box p{margin-bottom:22px;color:#60776b;font-size:14px}.notice{position:fixed;z-index:10;right:22px;bottom:22px;display:flex;align-items:center;gap:15px;max-width:360px;padding:12px 14px;border:1px solid #b9d7c6;border-radius:8px;background:#fff;color:#2e7055;box-shadow:0 5px 18px #293e3324;font-size:13px;font-weight:600}.notice button{font-size:16px}.brand,.card-body strong,.card-editor h3,.editor h2,.export-box h3,.hero h1,.project-info h3,.project-picture,.section-heading h2,body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.brand,.card-body strong,.card-editor h3,.editor h2,.export-box h3,.hero h1,.project-info h3,.section-heading h2{font-weight:700}.hero-art{background:#17212b;min-height:410px}.hero-card{position:absolute;width:190px;height:265px;border:5px solid #d6c18e;border-radius:8px;box-shadow:0 18px 34px #0008}.hero-card-back{top:102px;left:16%;background:repeating-linear-gradient(45deg,#27394a 0 10px,#1d2b38 10px 20px);transform:rotate(-18deg)}.hero-card-mid{top:66px;left:37%;background:#334557;color:#f6eedb;transform:rotate(-5deg)}.hero-card-front,.hero-card-mid{display:flex;flex-direction:column;justify-content:flex-end;padding:16px}.hero-card-front{top:47px;left:57%;background:#4c2631;color:#f9f3df;transform:rotate(12deg)}.hero-card span{align-self:flex-start;margin-bottom:auto;color:#e8c577;font-size:10px;font-weight:700;letter-spacing:1.4px}.hero-card b{font-size:22px;line-height:1.05}.hero-card i{position:absolute;top:12px;right:13px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#d5b657;color:#2a2020;font-style:normal;font-weight:700}.hero-token{position:absolute;width:39px;height:39px;border:4px solid #c5aa62;border-radius:50%;background:#9c4d46;box-shadow:0 5px 8px #0007}.token-one{top:72px;right:17%}.token-two{bottom:55px;left:19%;background:#4d7992}@media (max-width:720px){.topbar{padding:0 20px}.navlinks button:not(.avatar){display:none}.hero{min-height:440px;padding:50px 26px}.hero-copy{width:100%}.hero h1{font-size:43px}.hero-art{display:none}.projects{padding:40px 26px}.project-card{display:block}.project-picture{width:100%;height:130px}.builder{display:block}.steps{width:100%;display:flex;overflow:auto;padding:20px}.step-title{display:none}.step{min-width:-moz-max-content;min-width:max-content}.editor{padding:38px 25px}.card-grid,.csv-import,.moods,.results-grid{grid-template-columns:1fr}.workspace-header{padding:0 18px}.editor h2{font-size:31px}}