:root{color-scheme:dark;--pink: #ff2e88;--hi: #ffe600;--ink: #121014;--panel: #1c1420;--line: #2a2530;--smoke: #9b9199;--fg: #f3eef1;--mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;--ub: "Unbounded", "Inter", sans-serif;--dot: "DotGothic16", monospace}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;background:var(--ink);color:var(--fg);font:500 15px/1.4 var(--mono);-webkit-tap-highlight-color:transparent}body{min-height:100dvh}button{font:inherit;color:inherit;cursor:pointer}#app{max-width:520px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:0 16px calc(16px + env(safe-area-inset-bottom))}.top{display:flex;align-items:center;justify-content:space-between;height:54px;flex:none}.top img{height:22px;display:block}.top .step{font:600 12px var(--mono);color:var(--smoke);letter-spacing:.08em}.scr{display:none;flex-direction:column;flex:1;min-height:0}.scr.on{display:flex}h1{font:900 40px/1 var(--ub);letter-spacing:-.03em;margin:0;text-transform:lowercase}h2{font:900 20px/1.1 var(--ub);letter-spacing:-.02em;margin:14px 0 10px;text-transform:lowercase}.lead{color:var(--fg);font-size:15px;margin:12px 0 0}.dim{color:var(--smoke);font-size:12px}.btn{border:0;border-radius:14px;padding:15px 18px;font:800 16px var(--ub);background:var(--pink);color:#fff;letter-spacing:-.01em}.btn:disabled{opacity:.45;cursor:default}.btn.alt{background:var(--line);color:var(--fg)}.btn.hi{background:var(--hi);color:var(--ink)}.bar{position:sticky;bottom:0;display:flex;gap:10px;padding:12px 0 calc(4px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--ink) 30%);margin-top:auto;z-index:3}.bar .btn{flex:1}.bar .btn.alt{flex:0 0 auto}#intro{justify-content:center;gap:0}.intro-art{position:relative;display:flex;justify-content:center;margin:6px 0 18px;border-radius:20px;overflow:hidden;background:#0c080b}.intro-art img{display:block;width:auto;max-width:100%;height:min(50dvh,560px);aspect-ratio:900 / 1166;object-fit:contain}label.f{display:block;margin-top:22px;font:700 12px var(--mono);color:var(--smoke);letter-spacing:.06em;text-transform:uppercase}.handle{display:flex;align-items:center;margin-top:8px;border-radius:14px;background:var(--panel);border:2px solid var(--line);padding:0 14px}.handle:focus-within{border-color:var(--pink)}.handle span{color:var(--smoke);font:700 18px var(--mono)}.handle input{flex:1;min-width:0;border:0;background:transparent;color:var(--fg);font:700 18px var(--mono);padding:14px 4px;outline:none}#introGo{width:100%;margin-top:16px}#stageWrap{display:none;flex:none}#stageWrap.on{display:block}#stage{position:relative;width:100%;aspect-ratio:1 / 1;max-height:46dvh;margin:0 auto;border-radius:20px;overflow:hidden;background:#241a2a;touch-action:pan-y}#stageWrap.wide #stage{aspect-ratio:4 / 3;max-height:52dvh}#stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#gl{touch-action:none}#gl.ink{filter:drop-shadow(1.5px 0 0 #1b2036) drop-shadow(-1.5px 0 0 #1b2036) drop-shadow(0 1.5px 0 #1b2036) drop-shadow(0 -1.5px 0 #1b2036)}#wait{position:absolute;left:50%;bottom:14px;transform:translate(-50%);padding:6px 12px;border-radius:999px;background:#121014cc;font:600 13px var(--mono);color:#ffffffb3;pointer-events:none}#flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;transition:opacity .35s ease-out}#count{position:absolute;inset:0;display:grid;place-items:center;font:900 110px var(--ub);color:#fff;-webkit-text-stroke:3px var(--ink);pointer-events:none}#poseLbl{position:absolute;left:50%;top:12px;transform:translate(-50%);padding:6px 12px;border-radius:999px;background:var(--ink);color:var(--fg);font:700 13px var(--mono);white-space:nowrap;pointer-events:none}#poseLbl:empty{display:none}#dragHint{position:absolute;left:0;right:0;bottom:8px;text-align:center;font:600 11px var(--mono);color:#ffffffb3;pointer-events:none}.tabs{display:flex;gap:6px;margin:14px 0 12px;overflow-x:auto;scrollbar-width:none}.tabs button{flex:none;border:0;border-radius:999px;padding:9px 16px;font:800 13px var(--mono);background:var(--panel);color:#cfc6cf}.tabs button.on{background:var(--pink);color:#fff}.opts{display:grid;gap:16px;padding-bottom:8px}.row h4{margin:0 0 8px;font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--smoke)}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips button{border:2px solid transparent;border-radius:11px;padding:9px 12px;font:700 13px var(--mono);background:var(--panel);color:var(--fg)}.chips button.on{border-color:var(--pink);background:#ff2e8829}.sw{display:flex;flex-wrap:wrap;gap:9px}.sw button{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.2);padding:0}.sw button.on{outline:3px solid var(--pink);outline-offset:2px;border-color:#fff}.sw button[data-v=""]{background:repeating-linear-gradient(45deg,#4a4252 0 4px,#2a2430 4px 8px)!important}.slabs{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px;scrollbar-width:none}.slabs button{flex:none;width:92px;border:0;padding:0;background:none;scroll-snap-align:center;text-align:center}.slabs canvas{width:92px;height:auto;display:block;border-radius:8px;outline:3px solid transparent;outline-offset:3px}.slabs button.on canvas{outline-color:var(--pink)}.slabs small{display:block;margin-top:8px;font:700 11px/1.25 var(--mono);color:var(--smoke)}.slabs button.on small{color:var(--fg)}.bgs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bgs button{border:2px solid transparent;border-radius:12px;padding:0;overflow:hidden;background:var(--panel);text-align:center}.bgs button.on{border-color:var(--pink)}.bgs canvas{width:100%;aspect-ratio:4 / 3;display:block}.bgs small{display:block;padding:6px 2px 7px;font:700 10.5px var(--mono)}#result{align-items:center}#stripImg{width:auto;max-width:80%;max-height:72dvh;border-radius:6px;display:block;margin:8px auto 0;box-shadow:0 0 0 1px var(--line)}#result .bar,#promo .bar{width:100%}#promo{background:var(--pink);color:#fff;margin:0 -16px calc(-16px - env(safe-area-inset-bottom));padding:0 22px;border-radius:0;justify-content:center;text-align:left}#promo .pbody{margin:auto 0;padding:40px 0 20px}#promo .bar{background:none}#promo .mark{width:74px;height:74px;display:block}#promo .kick{font:700 13px var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:22px 0 8px;opacity:.9}#promo .big{font:900 54px/.95 var(--ub);letter-spacing:-.04em;margin:0;text-transform:uppercase}#promo .sub{font:600 16px var(--mono);margin:18px 0 0}#promo .tag{font:600 15px var(--mono);margin:26px 0 0;opacity:.9}#promo .btn{background:var(--ink);color:#fff}#promo .btn.alt{background:#ffffff38}#promo .bar{flex-direction:column;gap:10px}#promo .bar .btn{flex:none;width:100%;box-sizing:border-box;text-align:center;text-decoration:none}#promo .bar label.f{margin:8px 0 0;color:#fff;opacity:.9}#promo .btn.site{background:#fff;color:var(--pink)}#promo .handle{margin:0;background:#fff;border-color:#fff}#promo .handle:focus-within{border-color:var(--ink)}#promo .handle span,#promo .handle input{color:var(--ink)}#promo .handle input::placeholder{color:#b9a9b3}.dim.bad{color:#ff6a8a;min-height:16px;margin:6px 0 0}#dlMsg{font:600 13px var(--mono);min-height:18px;margin-top:10px}#dlPrev{display:none;width:60%;margin:10px auto 0;border-radius:6px}.credit{font-size:10.5px;margin:18px 0 0;opacity:.7}#done{align-items:center;justify-content:center;text-align:center}#done h1{font-size:30px}#done img{max-width:46%;max-height:50dvh;margin:18px auto;border-radius:6px;display:block}html{min-height:100%}body{min-height:100vh;min-height:100dvh}#app{padding-top:env(safe-area-inset-top);padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}button,a.btn{min-height:44px}.sw button{width:40px;height:40px}button:focus-visible,a:focus-visible{outline:3px solid var(--hi);outline-offset:3px}#wait{max-width:95%;text-align:center}#dlPrev,#doneImg{-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}#dlPrev{max-height:65vh;object-fit:contain}#shoot{transition:opacity .18s}.scr.on{animation:appear .18s ease-out}@keyframes appear{0%{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}@media(min-width:768px){#app{max-width:680px;padding-bottom:28px}.top{height:68px}#stage{max-height:48dvh}.opts{gap:20px}.tabs{margin:18px 0}.bar{padding-top:18px}#promo .big{font-size:64px}}@media(max-width:380px){h1{font-size:32px}#promo .big{font-size:42px}.btn{font-size:14px;padding:14px 12px}.bgs{grid-template-columns:repeat(3,1fr)}}@media(max-height:500px)and (orientation:landscape){#stage,#stageWrap.wide #stage{max-height:66dvh}.intro-art img{height:45dvh}}@media(prefers-reduced-motion:reduce){.scr.on{animation:none}*,*:before,*:after{scroll-behavior:auto!important}}#promo .bar{position:static;flex-shrink:0;margin-top:0;padding-bottom:max(24px,env(safe-area-inset-bottom))}#promo .pbody{flex-shrink:0}#dlPrev{width:auto;max-width:100%;max-height:65dvh}.slabs{position:relative;padding:10px 10px 16px;scroll-padding-inline:10px;overscroll-behavior-x:contain}.slabs canvas{outline:0;border-radius:8px;box-shadow:0 0 0 3px transparent,0 0 0 6px transparent;transition:box-shadow .18s ease}.slabs button.on canvas{outline:0;box-shadow:0 0 0 3px var(--ink),0 0 0 6px var(--pink)}.slabs small{transition:color .18s ease}.chips button,.tabs button,.bgs button{transition:background-color .16s ease,border-color .16s ease}#stage{scroll-margin-top:16px}#promo .handle:focus-within{scroll-margin-bottom:24px}@media(prefers-reduced-motion:reduce){.slabs canvas,.slabs small,.chips button,.tabs button,.bgs button{transition:none}}