.lp{--lp-ink:var(--ink);--lp-rose:var(--accent);max-width:1040px;margin-inline:auto;padding:1.2rem clamp(1.1rem,4vw,2rem) 4rem}.lp-nav{justify-content:space-between;align-items:center;padding:.6rem 0 2rem;display:flex}.lp-brand{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:.55rem;font-size:1.35rem;font-weight:800;display:flex}.lp-brand-sub{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-size:.66rem;transform:translateY(-.35em)}.lp-logo{border:1px solid var(--line);background:#fff;border-radius:9px;flex:none;width:30px;height:30px;position:relative}.lp-logo:after{content:"";background:#f9aecf;border:2px solid #e0439a;border-radius:50%;position:absolute;inset:5px}.lp-cta{background:var(--accent);color:#fff;font-family:var(--font-display);border:none;border-radius:999px;padding:.6rem 1.1rem;font-size:.92rem;font-weight:800;text-decoration:none}.lp-cta.lg{padding:.85rem 1.6rem;font-size:1.05rem}.lp-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,3rem);padding:1rem 0 3rem;display:grid}@media (width<=780px){.lp-hero{grid-template-columns:1fr}}.lp-eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 .8rem;font-size:.7rem}.lp-h1{margin:0 0 1rem;font-size:clamp(1.9rem,5vw,2.9rem);font-weight:800;line-height:1.08}.lp-accent{color:var(--accent)}.lp-lead{color:var(--ink-soft);max-width:58ch;margin:0;font-size:1.05rem}.lp-lead.sm{font-size:.98rem}.lp-lead a{color:var(--accent)}.lp-actions{gap:.7rem;margin:1.4rem 0 .6rem;display:flex}.lp-note{font-family:var(--font-mono);color:var(--ink-faint);margin:0;font-size:.74rem}.lp-ladder{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem}.lp-ladder svg{width:100%;height:auto;display:block}.lp-section{padding:2rem 0}.lp-h2{margin:0 0 1.2rem;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:800}.lp-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:.9rem;display:grid}.lp-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:1.1rem}.lp-card h3{margin:0 0 .35rem;font-size:1rem;font-weight:800}.lp-card p{color:var(--ink-soft);margin:0;font-size:.9rem}.lp-footer{flex-direction:column;align-items:flex-start;gap:.5rem;padding-top:2rem;display:flex}.lp-footer p{color:var(--ink-soft);max-width:52ch;margin:0;font-size:.9rem}.lp-footer a{color:var(--accent);font-size:.9rem}.lp-stamp{font-family:var(--font-mono);color:var(--ink-faint);font-size:.7rem}.set-card,.set-group{background:var(--surface,var(--card));border:1px solid var(--line);border-radius:var(--radius-sm,14px);overflow:hidden}.set-row{flex-direction:column;gap:.45rem;padding:.85rem .9rem;display:flex}.set-row+.set-row{border-top:1px solid var(--line)}.set-label{font-family:var(--font-display);font-size:.95rem;font-weight:700}.seg-group{background:var(--paper-2);border:1px solid var(--line);border-radius:999px;gap:.2rem;padding:.25rem;display:flex}.seg{font-family:var(--font-display);color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:.45rem .5rem;font-size:.9rem;font-weight:700}.seg.on{background:var(--surface,var(--card));color:var(--ink);box-shadow:var(--shadow-sm)}.faq-list{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.faq{background:var(--surface,var(--card));border:1px solid var(--line);border-radius:var(--radius-sm,14px);padding:.6rem .95rem}.faq summary{cursor:pointer;font-size:.9rem;font-weight:700;font-family:var(--font-display);align-items:baseline;gap:.55rem;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"Q";color:var(--accent);flex:none;font-weight:800}.faq summary:after{content:"▾";color:var(--ink-faint);flex:none;margin-left:auto;transition:transform .15s}.faq[open] summary:after{transform:rotate(-180deg)}.faq p{color:var(--ink-soft);margin:.45rem 0 .15rem;padding-left:1.15rem;font-size:.84rem;line-height:1.5;position:relative}.faq p:before{content:"A";color:var(--ink-faint);font-weight:800;font-family:var(--font-display);position:absolute;left:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--paper:#f5f2ec;--paper-2:#ede8df;--card:#fffdf9;--ink:#1a1613;--ink-soft:#6b6259;--ink-faint:#9c9287;--line:#e3dcd0;--line-strong:#d2c9ba;--accent:#e0439a;--fill:var(--accent);--pen:var(--ink);--focus:#7a5cff;--font-display:ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", system-ui, sans-serif;--font-body:ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius:22px;--radius-sm:14px;--shadow-sm:0 1px 2px #1a16130f, 0 4px 14px #1a16130d;--shadow-md:0 2px 6px #1a161314, 0 18px 40px #1a16131a}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-fill=petal]{--fill:#f9aecf}:root[data-pen=rose]{--pen:var(--accent)}:root[data-pen=amber]{--pen:#e8a33d}:root[data-pen=violet]{--pen:#7a5cff}:root[data-pen=blue]{--pen:#4a90e2}:root[data-pen=green]{--pen:#43a868}@media (prefers-color-scheme:dark){:root{--paper:#151310;--paper-2:#1d1a16;--card:#221e19;--ink:#f4efe7;--ink-soft:#b5aa9c;--ink-faint:#7e7467;--line:#302b24;--line-strong:#3e382f;--accent:#ff7ab8;--shadow-sm:0 1px 2px #0006, 0 4px 14px #00000059;--shadow-md:0 2px 6px #00000073, 0 18px 40px #00000080}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain;margin:0;line-height:1.5}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-family:inherit}input[type=range]{width:100%;accent-color:var(--accent);touch-action:manipulation}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:8px}.app,.lp{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.namecard p,.lp-lead,.lp-card p{-webkit-user-select:text;user-select:text}.app{flex-direction:column;max-width:560px;min-height:100%;margin-inline:auto;display:flex}.topbar{padding:max(1rem, env(safe-area-inset-top)) 1.2rem .8rem;z-index:20;background:color-mix(in srgb, var(--paper) 86%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);align-items:center;gap:.6rem;display:flex;position:sticky;top:0}.brand{color:inherit;font-family:var(--font-display);letter-spacing:-.02em;background:0 0;border:none;align-items:center;gap:.55rem;padding:0;font-size:1.4rem;font-weight:800;text-decoration:none;display:flex}.brand-sub{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-size:.68rem;transform:translateY(-.35em)}.logo{border:1px solid var(--line);background:#fff;border-radius:9px;flex:none;width:30px;height:30px;position:relative}.logo:after{content:"";background:#f9aecf;border:2px solid #e0439a;border-radius:50%;position:absolute;inset:5px}.screen{flex:1;padding:.4rem 1.2rem 1rem}.screen-body{flex-direction:column;gap:.8rem;display:flex}.tabbar{width:100%;padding:.5rem .6rem calc(.5rem + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--card) 90%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);backdrop-filter:saturate(1.4)blur(14px);border-top:1px solid var(--line);z-index:30;gap:.2rem;display:flex;position:sticky;bottom:0}.tab{color:var(--ink-faint);background:0 0;border:none;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:.15rem;padding:.5rem 0 .35rem;transition:color .15s;display:flex}.tab.on{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.tab-label{font-size:.68rem;font-weight:600}.tab-icon{place-items:center;display:grid}.tab-icon svg{width:22px;height:22px}@media (width>=700px) and (height>=500px){.screen{padding-bottom:1.2rem}.tabbar{width:auto;bottom:calc(.9rem + env(safe-area-inset-bottom));border:1px solid var(--line);box-shadow:var(--shadow-md);border-radius:999px;align-self:center;margin-bottom:.9rem;padding:.45rem .55rem}.tab{border-radius:999px;flex:none;min-width:84px;padding:.45rem .8rem .4rem}}.stage{background:var(--card);border:1px solid var(--line);touch-action:none;border-radius:18px;position:relative;overflow:hidden}.stage canvas{width:100%;display:block}.caption{color:var(--ink-soft);min-height:2.4em;margin:0;font-size:.92rem}.caption b{color:var(--ink)}.counts{font-family:var(--font-mono);color:var(--ink-soft);letter-spacing:.05em;margin:0;font-size:.72rem}.hint{font-family:var(--font-mono);color:var(--ink-faint);text-align:center;margin:0;font-size:.68rem}.btn-row{flex-wrap:wrap;gap:.5rem;display:flex}.ghost{border:1px solid var(--line);background:var(--card);color:var(--ink-soft);white-space:nowrap;border-radius:999px;flex:auto;padding:.55rem .7rem;font-size:.85rem;font-weight:700}.ghost:hover:not(:disabled){border-color:var(--line-strong);color:var(--ink)}.ghost:disabled{opacity:.45;cursor:default}.row{align-items:center;gap:.5rem;display:flex}.row-label{color:var(--ink-soft);font-size:.75rem}.chips{flex-wrap:wrap;gap:.4rem;display:flex}.chips button{border:1px solid var(--line);background:var(--card);color:var(--ink-soft);border-radius:999px;padding:.38rem .8rem;font-size:.82rem;font-weight:700}.chips button.on{background:var(--accent);border-color:var(--accent);color:var(--paper)}.dims{gap:.45rem;display:flex}.dims button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:14px;flex:1;padding:.55rem 0 .4rem}.dims button b{font-size:1.1rem;font-family:var(--font-display);display:block}.dims button small{color:var(--ink-faint);font-size:.6rem;font-family:var(--font-mono)}.dims button.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.dims button.on small{color:color-mix(in srgb, var(--paper) 65%, transparent)}.namecard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.7rem .95rem}.namecard b{font-size:1.05rem;font-family:var(--font-display)}.namecard p{color:var(--ink-soft);margin:.15rem 0 0;font-size:.85rem}.mini{background:var(--paper);border:1px solid var(--line);border-radius:12px;width:118px;padding:.35rem;position:absolute;bottom:10px;right:10px}.mini canvas{width:110px;height:75px}.mini p{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);text-align:center;margin:0;font-size:.55rem}.section-title{font-family:var(--font-display);margin:.6rem 0 0;font-size:1.02rem;font-weight:800}.screen-head{margin:.4rem 0 .1rem}.screen-head h2{font-size:1.5rem;font-weight:800}.screen-head p{color:var(--ink-soft);font-size:.88rem;font-family:var(--font-mono);margin:.25rem 0 0}.questbar{background:var(--card);border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;align-items:center;gap:.6rem;padding:.35rem .9rem .35rem .5rem;font-size:.9rem;display:flex}.questbar b{color:var(--ink)}.questbar .back{padding:.1rem .4rem;font-size:1rem}.questbar .qstars{margin-left:auto}.qgrid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.qcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:.15rem;padding:.55rem .3rem .45rem;display:flex}.qcard b{font-family:var(--font-mono);font-size:.74rem}.qcard.won{background:color-mix(in srgb, var(--accent) 14%, var(--card));border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.qstars{letter-spacing:.06em;color:var(--ink-faint);font-size:.72rem}.qstars.earned{color:#b8860b}.search{border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink);font:inherit;border-radius:999px;padding:.6rem 1rem;font-size:.95rem}.search::placeholder{color:var(--ink-faint)}.wonder-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;margin-top:.5rem;display:grid}.wonder{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);font:inherit;color:inherit;text-align:left;flex-direction:column;gap:.3rem;padding:.7rem .75rem .65rem;display:flex}button.wonder:hover{border-color:var(--line-strong)}.wonder svg{width:100%;height:auto}.wonder b{font-family:var(--font-display);font-size:.92rem}.wonder p{color:var(--ink-soft);margin:0;font-size:.78rem;line-height:1.45}.fact-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.6rem;margin-top:.5rem;display:grid}.fact{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.7rem .95rem .65rem}.fact b{font-family:var(--font-display);font-size:.95rem}.fact p{color:var(--ink-soft);margin:.25rem 0 0;font-size:.8rem;line-height:1.5}.fact-icon{margin-right:.4rem}.back{color:var(--ink-soft);background:0 0;border:none;align-self:flex-start;padding:.2rem 0;font-size:.85rem;font-weight:700}.tool-tab{flex-direction:column;gap:.8rem;display:flex}.tool-switch{flex:none}@media (orientation:landscape) and (width>=740px) and (height>=500px){.tool-switch{width:min(100%,460px);margin-inline:auto}}.swatch{vertical-align:-1px;border:1px solid #0000001f;border-radius:50%;width:12px;height:12px;margin-right:.4rem;display:inline-block}.swatch-row{gap:.55rem;display:flex}.swatch-btn{border:2px solid var(--line);border-radius:50%;width:30px;height:30px;padding:0;transition:transform .12s}.swatch-btn.on{border-color:var(--ink);transform:scale(1.12)}.set-foot{font-family:var(--font-mono);color:var(--ink-faint);text-align:center;margin:.4rem 0 0;font-size:.68rem}.crash{text-align:center;place-items:center;min-height:100vh;padding:2rem;display:grid}.crash button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:.6rem 1.2rem;font-weight:700}.preview-veil{z-index:60;background:#00000073;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.preview-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);width:min(440px,100%);box-shadow:var(--shadow-md);flex-direction:column;gap:.6rem;padding:.9rem 1.1rem 1rem;animation:.25s egg-pop;display:flex}.preview-head{justify-content:space-between;align-items:center;display:flex}.preview-head b{font-family:var(--font-display);font-size:1.15rem}.preview-close{color:var(--ink-soft);background:0 0;border:none;padding:.2rem .45rem;font-size:1.05rem}.preview-art{touch-action:none;cursor:grab;border:1px solid var(--line);border-radius:18px;place-items:center;min-height:240px;padding:1.2rem;display:grid;overflow:hidden}.preview-art:active{cursor:grabbing}.preview-spin{place-items:center;display:grid}.preview-spin svg{width:min(290px,70vw);height:auto}.preview-card .stage{touch-action:none}.wonder.secret{border:1px dashed var(--accent);animation:.35s egg-pop}.wonder.secret b{color:var(--accent)}@keyframes egg-pop{0%{opacity:0;transform:scale(.92)}}@media (orientation:landscape) and (width>=740px) and (height>=500px){.app{max-width:960px}.screen-body.split{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:.8rem 1.4rem;display:grid}.screen-body.split>*{grid-column:2}.screen-body.split>.stage{grid-area:1/1/span 12}.screen-body.narrow{width:100%;max-width:620px;margin-inline:auto}.qgrid{grid-template-columns:repeat(8,1fr)}}@media (orientation:landscape) and (height<=500px){.app{max-width:860px}.topbar{padding:.45rem 1rem .35rem}.brand{font-size:1.1rem}.brand-sub{font-size:.58rem}.logo{border-radius:7px;width:22px;height:22px}.logo:after{inset:4px}.screen{padding:.2rem 1rem .6rem;padding-inline:max(1rem, env(safe-area-inset-left)) max(1rem, env(safe-area-inset-right))}.screen-body{gap:.6rem}.screen-head{margin:.1rem 0 0}.screen-head h2{font-size:1.2rem}.tabbar{padding:.25rem .5rem calc(.25rem + env(safe-area-inset-bottom));padding-inline:max(.5rem, env(safe-area-inset-left)) max(.5rem, env(safe-area-inset-right))}.tab{gap:.05rem;padding:.25rem 0 .2rem}.tab-icon svg{width:18px;height:18px}.tab-label{font-size:.6rem}.screen-body.split{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:.6rem 1rem;display:grid}.screen-body.split>*{grid-column:2}.screen-body.split>.stage{grid-area:1/1/span 12}.screen-body.narrow{width:100%;max-width:640px;margin-inline:auto}.tool-tab{gap:.5rem}.tool-switch{width:min(100%,420px);margin-inline:auto}.qgrid{grid-template-columns:repeat(6,1fr)}.preview-card{gap:.4rem;width:min(560px,100%);padding:.6rem .9rem .7rem}.preview-art{min-height:150px;padding:.6rem}.preview-spin svg{width:min(180px,38vh)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}