:root{--paper:#f1ebdd;--paper-2:#ddd3bf;--white:#fbf8f0;--ink:#15172b;--ink-2:#2a2d4c;--ink-soft:#5c5a72;--red:#e63b2e;--yellow:#ffd23f;--violet:#5b3fd1;--teal:#11a39a;--blue:#2f6fdf;--left-w:450px;--right-w:310px;--display:"Dela Gothic One", "Zen Kaku Gothic New", sans-serif;--ui:"Zen Kaku Gothic New", system-ui, sans-serif;--dot:"DotGothic16", ui-monospace, monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--ink);height:100%;color:var(--ink);font-family:var(--ui);-webkit-user-select:none;user-select:none;margin:0;font-weight:700;overflow:hidden}#gl{touch-action:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}.hidden{display:none!important}.screen{pointer-events:none;position:fixed;inset:0}.screen>*{pointer-events:auto}.jp{font-family:var(--dot);font-weight:400}kbd{font-family:var(--dot);background:var(--ink);color:var(--yellow);margin:0 3px;padding:1px 6px;font-size:.85em}.btn{isolation:isolate;cursor:pointer;white-space:nowrap;font:900 15px var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:0 0;border:none;padding:11px 22px;transition:transform .12s;position:relative}.btn:before{content:"";z-index:-1;background:var(--btn-bg,var(--white));border:2px solid var(--ink);box-shadow:4px 4px 0 var(--btn-shadow,var(--ink));transition:box-shadow .12s,background .12s;position:absolute;inset:0;transform:skew(-12deg)}.btn:hover{transform:translate(-2px,-2px)}.btn:hover:before{box-shadow:7px 7px 0 var(--red)}.btn:active{transform:translate(3px,3px)}.btn:active:before{box-shadow:1px 1px 0 var(--ink)}.btn.primary{--btn-bg:var(--red);color:var(--white)}.btn.primary:hover:before{box-shadow:7px 7px 0 var(--ink)}.btn.yellow{--btn-bg:var(--yellow)}.btn.big{padding:15px 30px;font-size:20px}.btn.big.primary:after{content:"";z-index:-2;border:2px solid var(--ink);background:repeating-linear-gradient(-45deg, var(--yellow) 0 6px, var(--ink) 6px 12px);width:26px;position:absolute;top:0;bottom:0;right:-10px;transform:skew(-12deg)}.btn.small{padding:7px 14px;font-size:12px}.btn.small:before{box-shadow:3px 3px 0 var(--ink)}.btn.ghost{--btn-bg:transparent}.btn:disabled{opacity:.45;pointer-events:none}.btn.pulse:before{animation:1.1s ease-in-out infinite pulse}@keyframes pulse{0%,to{background:var(--btn-bg,var(--white))}50%{background:var(--yellow)}}.btn.primary.pulse{color:var(--white)}.btn.primary.pulse:before{animation:1.1s ease-in-out infinite pulse-red}@keyframes pulse-red{0%,to{box-shadow:4px 4px 0 var(--ink)}50%{box-shadow:4px 4px 0 var(--ink), 0 0 0 6px #ffd23fcc}}.wipe{pointer-events:none;z-index:40;position:fixed;inset:0;overflow:hidden}.wipe i{width:180vw;transition:transform .48s cubic-bezier(.75,0,.25,1);position:absolute;top:-20vh;bottom:-20vh;left:-40vw;transform:translate(-150%)skew(-14deg)}.wipe i:first-child{background:var(--red)}.wipe i:nth-child(2){background:var(--ink);background-image:radial-gradient(#ffd23f24 1.4px,#0000 1.6px);background-size:9px 9px;transition-delay:70ms}.wipe b{font:400 clamp(80px, 16vw, 180px) var(--display);color:var(--yellow);opacity:0;letter-spacing:.1em;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.wipe.cover i{transform:translate(0)skew(-14deg)}.wipe.cover b{opacity:1;transition-delay:.3s}.wipe.out i{transform:translate(150%)skew(-14deg)}.wipe.out i:first-child{transition-delay:70ms}.wipe.out i:nth-child(2){transition-delay:0s}.wipe.no-anim i,.wipe.no-anim b{transition:none!important}#title{align-items:center;display:flex}#title:before{content:"";pointer-events:none;background:var(--ink);clip-path:polygon(0 0,54% 0,41% 100%,0 100%);background-image:radial-gradient(#ffd23f1f 1.3px,#0000 1.5px);background-size:8px 8px;position:absolute;inset:0}#title .box-slab{pointer-events:none;background:var(--red);clip-path:polygon(54% 0,56.5% 0,43.5% 100%,41% 100%);position:absolute;inset:0}#title .title-kana{writing-mode:vertical-rl;white-space:nowrap;pointer-events:none;font:400 min(17vh, 12vw) var(--display);color:#0000;-webkit-text-stroke:2px #fbf8f0e6;letter-spacing:.02em;text-shadow:6px 6px #e63b2e8c;position:absolute;top:50%;right:2.5vw;transform:translateY(-50%)}.title-card{color:var(--white);max-width:620px;padding-left:6vw;position:relative}.serial{font:400 13px var(--dot);color:#fbf8f0b3;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.serial b{background:var(--yellow);color:var(--ink);padding:2px 8px;font-weight:400}.logo{font:400 clamp(64px, 9.5vw, 138px) var(--display);letter-spacing:-.01em;margin:0;line-height:.86}.logo .l1{color:var(--yellow);text-shadow:6px 6px 0 var(--red);display:block}.logo .l2{background:var(--red);color:var(--white);margin-top:.06em;padding:.02em .16em .06em;display:inline-block;transform:skew(-10deg);box-shadow:8px 8px #000}.logo-kana{font:400 18px var(--dot);letter-spacing:.7em;color:var(--yellow);margin:18px 0 0 4px}.tagline{font:900 20px/1.45 var(--ui);margin:18px 0 22px}.tagline em{color:var(--ink);background:var(--yellow);padding:0 6px;font-style:normal}.menu{flex-direction:column;gap:9px;display:flex}.menu-item{cursor:pointer;border:none;border-left:5px solid var(--yellow);width:min(460px,88vw);color:var(--white);font:900 19px var(--ui);text-transform:uppercase;letter-spacing:.04em;text-align:left;background:#fbf8f014;grid-template-columns:40px 1fr auto;align-items:center;gap:4px;padding:12px 20px;transition:transform .14s,background .14s,color .14s;display:grid;transform:skew(-10deg)}.menu-item>*{transform:skew(10deg)}.menu-item i{font:400 15px var(--dot);color:var(--yellow);font-style:normal}.menu-item b{font-weight:900}.menu-item b small{font:500 12px var(--ui);text-transform:none;letter-spacing:0;opacity:.7;margin-top:2px;display:block}.menu-item>small{font:400 14px var(--dot);color:#fbf8f073}.menu-item.hero{background:var(--yellow);color:var(--ink);border-left-color:var(--red)}.menu-item.hero i,.menu-item.hero>small{color:var(--ink)}.menu-item:hover,.menu-item:focus-visible{background:var(--red);color:var(--white);border-left-color:var(--white);outline:none;transform:skew(-10deg)translate(14px)}.menu-item:hover i,.menu-item:hover>small{color:var(--white)}.lore{font:500 15px/1.5 var(--ui);opacity:.65;max-width:400px;margin-top:26px}#title .box-sticker{background:var(--white);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--red);font:400 12px var(--dot);color:var(--ink);pointer-events:none;padding:10px 12px 8px;position:absolute;bottom:26px;right:26px;transform:rotate(-4deg)}.barcode{background:repeating-linear-gradient(90deg, var(--ink) 0 2px, transparent 2px 4px, var(--ink) 4px 5px, transparent 5px 8px, var(--ink) 8px 11px, transparent 11px 12px, var(--ink) 12px 13px, transparent 13px 17px);width:160px;height:36px}.sticker-row{justify-content:space-between;gap:14px;margin-top:5px;font-size:13px;display:flex}.sticker-row.small{color:var(--ink-soft);margin-top:2px;font-size:10px}.card{background:var(--paper);border:3px solid var(--ink);box-shadow:10px 10px 0 var(--red)}.card-head,.modal-card h2{background:var(--ink);color:var(--white);font:400 22px var(--display);align-items:center;gap:12px;margin:0;padding:10px 18px;display:flex}.card-head .jp,.modal-card h2 .jp{color:var(--ink);background:var(--yellow);padding:1px 6px;font-size:14px}.card-head .dots{gap:10px;margin-left:auto;display:flex}.card-head .dots i{border:2px solid var(--white);width:10px;height:10px;transform:rotate(45deg)}.card-head .dots i.on{background:var(--yellow);border-color:var(--yellow)}#quiz{background:#15172b8c;justify-content:center;align-items:center;display:flex}.quiz-card{width:min(620px,92vw);padding-bottom:24px}.quiz-step{font:400 30px var(--display);margin:22px 24px 18px}.quiz-options{grid-template-columns:1fr 1fr;gap:14px 22px;margin:0 28px;display:grid}.quiz-options .btn{white-space:normal;text-align:left;padding:16px 14px;font-size:16px}.opt-letter{font:400 22px var(--display);color:var(--red);vertical-align:-2px;margin-right:10px}.panel{background:var(--paper);border:3px solid var(--ink);box-shadow:9px 9px 0 var(--ink);background-image:radial-gradient(#15172b12 1px,#0000 1.2px);background-size:6px 6px;flex-direction:column;gap:9px;padding-bottom:12px;display:flex;position:absolute;top:16px;bottom:16px;overflow:hidden}.panel>:not(.panel-title){margin-left:12px;margin-right:12px}.paper-panel{width:var(--left-w);left:16px}.look-panel{width:var(--right-w);bottom:auto;right:16px}.panel-title{background:var(--ink);color:var(--white);font:400 18px var(--display);letter-spacing:.03em;flex:none;align-items:center;gap:10px;padding:8px 12px;display:flex}.panel-title .jp{color:var(--yellow);font-size:13px}.panel-title .exit{font:900 12px var(--ui);letter-spacing:.05em;text-transform:uppercase;background:var(--red);color:var(--white);cursor:pointer;border:none;padding:4px 9px;transform:skew(-10deg)}.panel-title .exit:hover{background:var(--yellow);color:var(--ink)}.panel-title .code{font:400 12px var(--dot);color:#fbf8f08c;margin-left:auto}.panel-title:after{content:"";background:repeating-linear-gradient(-45deg, var(--yellow) 0 6px, var(--ink) 6px 12px);flex:none;width:42px;height:14px}.frames{gap:8px;display:flex}.frame-btn{cursor:pointer;background:var(--white);border:2px solid var(--ink);color:var(--ink);font:900 13px var(--ui);text-transform:uppercase;letter-spacing:.05em;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;padding:6px 4px;transition:transform .1s;display:flex;transform:skew(-8deg)}.frame-btn>*{transform:skew(8deg)}.frame-btn small{font:500 10px var(--ui);text-transform:none;letter-spacing:0;color:var(--ink-soft)}.frame-btn.on{background:var(--ink);color:var(--yellow);box-shadow:4px 4px 0 var(--red)}.frame-btn.on small{color:#fbf8f0b3}#frame-current{flex-direction:row;justify-content:space-between;padding:7px 14px}#frame-current small{color:#fbf8f0b3}.frame-picker{z-index:3;background:#f1ebddf5;flex-direction:column;gap:10px;padding:14px;display:flex;position:absolute;inset:0}.fp-head{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.fp-head .no{font:400 12px var(--dot);background:var(--yellow);padding:2px 6px}.fp-head b{font:400 22px var(--display)}.fp-head small{font:500 13px var(--ui);color:var(--ink-soft);flex-basis:100%}.fp-grid{flex:1;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:8px;min-height:0;display:grid}.fp-card{cursor:pointer;background:var(--white);border:2px solid var(--ink);min-height:0;box-shadow:4px 4px 0 var(--ink);color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;transition:transform .1s,box-shadow .1s;display:flex}.fp-card canvas{aspect-ratio:1;object-fit:contain;flex:auto;width:100%;max-width:92px;height:auto;min-height:0}.fp-card b{font:400 14px var(--display)}.fp-card small{font:700 10px var(--ui);color:var(--ink-soft);text-align:center}.fp-card:hover{box-shadow:6px 6px 0 var(--red);background:var(--yellow);transform:translate(-2px,-2px)}.fp-card.on{outline:3px solid var(--red);outline-offset:2px}.step-bar{background:var(--ink);color:var(--white);align-items:center;gap:10px;padding:7px 8px 7px 12px;display:flex}.step-bar .no{font:400 12px var(--dot);color:var(--ink);background:var(--yellow);white-space:nowrap;padding:2px 6px}.step-bar .txt{min-width:0;font:900 14px/1.25 var(--ui);flex:1}.step-bar .txt small{font:500 11px var(--ui);color:#fbf8f0b3;display:block}.step-bar .btn{--btn-bg:var(--white)}.step-bar .btn.primary{--btn-bg:var(--red);color:var(--white)}.step-bar .btn.ghost{--btn-bg:transparent;color:var(--white)}.step-bar .btn.ghost:before{box-shadow:none;border-color:#fbf8f099}.part-tabs{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.part-tab{cursor:pointer;border:2px solid var(--ink);border-bottom:5px solid var(--c);background:var(--white);color:var(--ink);font:900 10px var(--ui);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;text-align:center;padding:12px 1px 3px;position:relative;overflow:hidden}.part-tab:before{content:attr(data-n);font:400 9px var(--dot);color:var(--ink-soft);position:absolute;top:0;left:0;right:0}.part-tab.has:after{content:"";background:var(--c);border:1.5px solid var(--ink);width:6px;height:6px;position:absolute;top:3px;right:3px;transform:rotate(45deg)}.part-tab.on{background:var(--ink);color:var(--white)}.part-tab.on:before{color:var(--yellow)}.paper-wrap{border:2px solid var(--ink);background-color:#fbf8f0;background-image:linear-gradient(#2f6fdf1a 1px,#0000 1px),linear-gradient(90deg,#2f6fdf1a 1px,#0000 1px),linear-gradient(#2f6fdf38 1px,#0000 1px),linear-gradient(90deg,#2f6fdf38 1px,#0000 1px);background-position:-1px -1px;background-size:20px 20px,20px 20px,100px 100px,100px 100px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.reg{border:1.5px solid var(--ink);pointer-events:none;z-index:1;opacity:.6;border-radius:50%;width:18px;height:18px;position:absolute}.reg:before,.reg:after{content:"";background:var(--ink);position:absolute}.reg:before{height:1.5px;margin-top:-.75px;top:50%;left:-5px;right:-5px}.reg:after{width:1.5px;margin-left:-.75px;top:-5px;bottom:-5px;left:50%}.reg.tl{top:8px;left:8px}.reg.tr{top:8px;right:8px}.reg.bl{bottom:8px;left:8px}.reg.br{bottom:8px;right:8px}#paper{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.paper-hint{font:700 12px var(--ui);background:var(--ink);color:var(--yellow);pointer-events:none;max-width:calc(100% - 70px);padding:3px 9px;position:absolute;bottom:7px;left:34px}.paper-empty{pointer-events:none;text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:18%;left:0;right:0}.paper-empty b{font:400 34px var(--display);color:#15172b38;letter-spacing:.04em}.paper-empty span{font:700 13px var(--ui);color:var(--ink-soft)}.guide-btn{position:absolute;top:10px;right:36px}.tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px 12px;display:flex;position:relative}.tools-extra{display:contents}.tools .slider-row{flex:100%;min-width:0}.tool-group{gap:5px;display:flex}.tool{cursor:pointer;background:var(--white);border:2px solid var(--ink);min-width:42px;height:46px;color:var(--ink);box-shadow:3px 3px 0 var(--ink);flex-direction:column;justify-content:center;align-items:center;padding:0 4px;transition:transform 80ms,box-shadow 80ms;display:flex}.tool b{font:400 17px/1 var(--display)}.tool small{font:900 8.5px var(--ui);letter-spacing:.04em;color:var(--ink-soft);margin-top:3px}.tool:active{box-shadow:none;transform:translate(3px,3px)}.tool.on{background:var(--yellow)}.tool.on small{color:var(--ink)}.tool.danger b{color:var(--red)}.size{border:2px solid var(--ink);background:var(--white);cursor:pointer;width:32px;height:46px;box-shadow:3px 3px 0 var(--ink);justify-content:center;align-items:center;padding:0;display:flex}.size i{width:var(--s);height:var(--s);background:var(--ink);border-radius:50%}.size.on{background:var(--yellow)}.slider-row{align-items:center;gap:10px;display:flex}.slider-row span{font:900 11px var(--ui);background:var(--ink);color:var(--white);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:3px 8px}.slider-row input{flex:1}.slider-row b{text-align:right;width:46px;font:400 14px var(--dot)}input[type=range]{appearance:none;border:2px solid var(--ink);background:repeating-linear-gradient(90deg, transparent 0 calc(10% - 1px), #15172b59 calc(10% - 1px) 10%), var(--white);outline:none;height:10px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--red);border:2px solid var(--ink);cursor:pointer;width:14px;height:24px;box-shadow:2px 2px 0 var(--ink)}input[type=range]::-moz-range-thumb{background:var(--red);border:2px solid var(--ink);cursor:pointer;border-radius:0;width:12px;height:22px}.name-row{align-items:center;gap:6px;display:flex}#name{min-width:0;font:400 25px var(--display);color:var(--ink);border:none;border-bottom:3px solid var(--red);text-transform:uppercase;background:0 0;outline:none;flex:1;padding:2px}.stats{background:var(--ink);color:var(--white);box-shadow:5px 5px 0 var(--red);flex-direction:column;gap:6px;padding:10px 12px 8px;display:flex}.stat{grid-template-columns:20px 62px 1fr 30px;align-items:center;gap:6px;display:grid}.stat>span:first-child{font:400 15px var(--display);color:var(--yellow)}.stat>span:nth-child(2){font:900 11px var(--ui);letter-spacing:.05em;text-transform:uppercase}.stat .bar{background:#fbf8f01f;height:12px;position:relative}.stat .bar i{background:var(--c);transition:width .45s steps(8,end);position:absolute;top:0;bottom:0;left:0}.stat .bar:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg, transparent 0 calc(10% - 2px), var(--ink) calc(10% - 2px) 10%);position:absolute;inset:0}.stat .v{text-align:right;font:400 13px var(--dot);color:var(--yellow)}.stat .delta{font:400 11px var(--dot);z-index:2;position:absolute;top:-13px;right:2px}.stat-tip{font:500 11px var(--ui);color:#fbf8f099;text-align:center;min-height:15px;margin-top:2px}.pane-scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:0 4px 8px 0;overflow-y:auto}.pane-scroll h3{border-bottom:2px solid var(--ink);font:400 15px var(--display);align-items:baseline;gap:8px;margin:14px 0 8px;padding-bottom:3px;display:flex}.pane-scroll h3:first-child{margin-top:4px}.pane-scroll h3 i{font:400 12px var(--dot);color:var(--red);font-style:normal}.pane-scroll h3 em{font:700 11px var(--ui);color:var(--ink-soft);font-style:normal}.pane-scroll h3 input{flex:1;align-self:center;margin-left:6px}.swatches{flex-wrap:wrap;gap:6px;display:flex}.sw{border:2px solid var(--ink);cursor:pointer;background:var(--c);width:34px;height:34px;box-shadow:2px 2px 0 var(--ink);padding:0}.pane-paint .chip{padding:8px 12px;font-size:12px}.sw.on{outline:3px solid var(--red);outline-offset:1px}.sw.custom{background:conic-gradient(#e63b2e,#ffd23f,#11a39a,#2f6fdf,#5b3fd1,#e63b2e);position:relative;overflow:hidden}.sw.custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.chips{flex-wrap:wrap;gap:5px;display:flex}.chip{font:900 11px var(--ui);text-transform:uppercase;letter-spacing:.04em;border:2px solid var(--ink);background:var(--white);cursor:pointer;color:var(--ink);padding:5px 9px}.chip.on{background:var(--ink);color:var(--yellow);box-shadow:2px 2px 0 var(--red)}.look-actions{justify-content:space-between;gap:8px;padding:0 4px;display:flex}.look-actions .btn{flex:1;min-width:0;padding-left:4px;padding-right:4px}#btn-done{justify-content:space-between;align-items:baseline;gap:10px;display:flex;margin-right:22px!important}#btn-done small{font:400 15px var(--dot);opacity:.85}.center-tip{bottom:24px;left:calc(var(--left-w) + 40px);right:calc(var(--right-w) + 40px);text-align:center;pointer-events:none;transition:opacity .4s;position:absolute}.center-tip span{font:700 13px var(--ui);color:var(--white);background:var(--ink);padding:5px 12px;display:inline-block;transform:skew(-10deg)}.phase-tabs{flex:none;grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.phase-tab{cursor:pointer;border:2px solid var(--ink);background:var(--white);color:var(--ink);font:900 14px var(--ui);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;box-shadow:3px 3px 0 var(--ink);justify-content:center;align-items:center;gap:7px;padding:8px 6px;transition:transform .1s;display:flex;transform:skew(-10deg)}.phase-tab>*{transform:skew(10deg)}.phase-tab i{font:400 13px var(--dot);background:var(--ink);color:var(--yellow);padding:0 6px;font-style:normal}.phase-tab small{display:none}.phase-tab:hover{background:var(--yellow);transform:skew(-10deg)translate(-1px,-1px)}.phase-tab.on{background:var(--red);color:var(--white);box-shadow:4px 4px 0 var(--ink)}.phase-tab.on i{background:var(--yellow);color:var(--ink)}.phase-tab.on small{color:#fbf8f0cc}.pane{flex-direction:column;flex:1;gap:9px;min-height:0;display:flex}.pane-next{flex:none;justify-content:space-between;align-items:center;gap:14px;padding:4px 6px 0 0;display:flex}.pane-next .btn.primary{margin-left:auto}.addon-hint{font:700 13px/1.35 var(--ui);background:var(--ink);color:var(--yellow);flex:none;padding:7px 10px}.addon-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));align-content:start;gap:7px;min-height:0;padding:2px 4px 4px 0;display:grid;overflow-y:auto}.addon-sec{border-bottom:2px solid var(--ink);font:400 14px var(--display);grid-column:1/-1;align-items:baseline;gap:8px;margin:8px 0 0;padding-bottom:3px;display:flex}.addon-sec:first-child{margin-top:0}.addon-sec i{font:400 12px var(--dot);color:var(--red);font-style:normal}.addon-tile{cursor:pointer;background:var(--white);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);color:var(--ink);flex-direction:column;align-items:center;gap:1px;padding:4px 2px 5px;transition:transform 80ms;display:flex}.addon-tile canvas{width:64px;height:64px}.addon-tile span{font:900 10.5px var(--ui);text-transform:uppercase;letter-spacing:.03em;text-align:center;line-height:1.15}.addon-tile:hover{background:var(--yellow);transform:translate(-1px,-1px)}.addon-tile.armed{background:var(--yellow);outline:3px solid var(--red);outline-offset:1px}.addon-edit{border:2px solid var(--ink);background:var(--white);box-shadow:4px 4px 0 var(--red);flex-direction:column;flex:none;gap:7px;padding:8px 10px 10px;display:flex}.ae-head{align-items:center;gap:6px;display:flex}.ae-head b{font:400 18px var(--display);flex:1}.addon-edit .swatches .sw{width:26px;height:26px}.sw.auto{background:repeating-linear-gradient(45deg, var(--white) 0 4px, var(--paper-2) 4px 8px)}.title-links{gap:18px;margin-top:16px;display:flex}.link-btn{cursor:pointer;color:#fbf8f0bf;font:900 13px var(--ui);text-transform:uppercase;letter-spacing:.06em;border:none;border-bottom:2px solid var(--yellow);background:0 0;padding:2px 0}.link-btn:hover,#btn-install{color:var(--yellow)}.credits{max-height:52vh;font:500 12.5px/1.45 var(--ui);color:var(--ink-2);-webkit-user-select:text;user-select:text;margin:0 20px;overflow-y:auto}.credits h4{font:400 14px var(--display);margin:12px 0 4px}.credits p{font:500 12.5px/1.45 var(--ui)!important;margin:0 0 6px!important}.credits a{color:var(--blue);word-break:break-word}.hud-top{top:max(18px, env(safe-area-inset-top));left:max(22px, env(safe-area-inset-left));right:max(22px, env(safe-area-inset-right));pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute}.hud-top>*{pointer-events:auto}.hud-buttons{gap:14px;display:flex}.orbs{background:var(--ink);color:var(--white);box-shadow:5px 5px 0 var(--red);align-items:center;gap:12px;padding:9px 18px 9px 14px;display:flex;transform:skew(-10deg)}.orb-label{font:900 12px var(--ui);color:var(--yellow);text-transform:uppercase;letter-spacing:.05em;margin-right:4px;transform:skew(10deg)}.orb{border:2px solid var(--white);background:var(--violet);width:16px;height:16px;transform:skew(10deg)rotate(45deg)}.orb.on{background:var(--yellow);border-color:var(--yellow);box-shadow:0 0 14px var(--yellow)}.prompt{background:var(--paper);border:3px solid var(--ink);width:min(420px,100vw - 32px);box-shadow:9px 9px 0 var(--ink);padding-bottom:16px;animation:.25s cubic-bezier(.2,1.4,.4,1) slide-up;position:absolute;bottom:110px;left:50%;transform:translate(-50%)}.prompt h2{background:var(--ink);color:var(--white);font:400 22px var(--display);align-items:center;gap:10px;margin:0;padding:8px 14px;display:flex}.prompt h2 .jp{color:var(--ink);background:var(--yellow);padding:1px 6px;font-size:13px}.prompt h2 em{font:900 11px var(--ui);color:var(--white);background:var(--teal);letter-spacing:.05em;margin-left:auto;padding:2px 7px;font-style:normal}.prompt p{font:500 14px/1.5 var(--ui);color:var(--ink-2);margin:10px 16px 14px}.prompt .row{gap:14px;padding:0 18px;display:flex}@keyframes slide-up{0%{opacity:0;transform:translate(-50%,30px)}to{opacity:1;transform:translate(-50%)}}.prompt.mini{width:auto;box-shadow:4px 4px 0 var(--ink);background:var(--ink);white-space:nowrap;border-width:2px;align-items:center;gap:6px;padding:5px 6px 5px 14px;animation:.18s ease-out pill-in;display:flex;bottom:54px}.prompt.mini b{font:400 16px var(--display);color:var(--yellow);text-overflow:ellipsis;max-width:34vw;margin-right:4px;overflow:hidden}.prompt.mini button{font:900 12px var(--ui);text-transform:uppercase;letter-spacing:.04em;border:2px solid var(--ink);background:var(--white);color:var(--ink);cursor:pointer;padding:6px 10px}.prompt.mini button:first-of-type{background:var(--red);color:var(--white)}.prompt.mini button:hover{background:var(--yellow);color:var(--ink)}.prompt.mini kbd{margin:0 0 0 4px;padding:0 4px;font-size:10px}@keyframes pill-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (pointer:coarse){.prompt.mini kbd{display:none}.prompt.mini{bottom:calc(186px + env(safe-area-inset-bottom))}.prompt.mini button{padding:8px 11px}}.event-hud{align-items:center;gap:14px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.pill{background:var(--ink);color:var(--yellow);font:400 22px var(--dot);box-shadow:4px 4px 0 var(--red);padding:4px 16px;transform:skew(-10deg)}.banner{text-align:center;pointer-events:none;font:400 clamp(64px, 11vw, 150px) var(--display);color:var(--yellow);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:9px 9px 0 var(--red);animation:.45s cubic-bezier(.2,1.3,.4,1) slam;position:absolute;top:34%;left:0;right:0;transform:rotate(-4deg)}.banner:before{content:"";z-index:-1;background:repeating-linear-gradient(90deg, transparent 0 38px, #ffd23f2e 38px 40px), var(--ink);opacity:.88;height:.62em;position:absolute;top:50%;left:-10%;right:-10%;transform:translateY(-50%)}@keyframes slam{0%{opacity:0;transform:scale(2.6)rotate(-4deg)}60%{opacity:1;transform:scale(.95)rotate(-4deg)}to{transform:scale(1)rotate(-4deg)}}.controls-hint{white-space:nowrap;pointer-events:none;font:700 12px var(--ui);color:var(--white);background:#15172bcc;padding:6px 14px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.controls-hint kbd{margin-left:12px}.controls-hint kbd:first-child{margin-left:0}.touch{display:none}.touch .stick{left:max(28px, env(safe-area-inset-left));bottom:calc(40px + env(safe-area-inset-bottom));border:3px solid var(--white);touch-action:none;background:#15172b59;background-image:repeating-conic-gradient(#fbf8f080 0 2deg, transparent 2deg 45deg);border-radius:50%;width:130px;height:130px;position:absolute}.touch .stick i{background:var(--yellow);border:3px solid var(--ink);border-radius:50%;width:56px;height:56px;margin:-28px;position:absolute;top:50%;left:50%}.touch .tbtn{right:max(28px, env(safe-area-inset-right));bottom:calc(50px + env(safe-area-inset-bottom));border:3px solid var(--ink);background:var(--red);width:88px;height:88px;color:var(--white);font:900 15px var(--ui);box-shadow:5px 5px 0 var(--ink);touch-action:none;border-radius:50%;position:absolute}.touch .tbtn.small{right:calc(108px + max(28px, env(safe-area-inset-right)));bottom:calc(26px + env(safe-area-inset-bottom));background:var(--yellow);width:62px;height:62px;color:var(--ink);font-size:12px}@media (pointer:coarse){.touch{display:block}.controls-hint{display:none}}.modal{z-index:20;background:#15172b8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{width:min(540px,92vw);padding-bottom:20px;animation:.35s cubic-bezier(.2,1.3,.4,1) card-in}.birth-stamp{pointer-events:none;flex-direction:column;align-items:center;gap:10px;width:max-content;max-width:92vw;display:flex;position:absolute;top:14%;left:50%;transform:translate(-50%)}.birth-stamp b,.birth-stamp span{animation:.45s cubic-bezier(.2,1.3,.4,1) both slam}.birth-stamp b{font:400 34px var(--dot);color:var(--ink);background:var(--yellow);box-shadow:5px 5px 0 var(--red);padding:4px 10px}.birth-stamp span{font:400 clamp(30px, 6vw, 58px) var(--display);color:var(--white);background:var(--ink);box-shadow:8px 8px 0 var(--red);text-align:center;padding:6px 22px;line-height:1.15;animation-delay:80ms}#creator .panel,#creator .center-tip{transition:opacity .35s,transform .35s}#creator.birthing .panel{opacity:0;pointer-events:none}#creator.birthing .center-tip{visibility:hidden}#creator.birthing .paper-panel{transform:translate(-30px)}#creator.birthing .look-panel{transform:translate(30px)}@keyframes card-in{0%{opacity:0;transform:translate(-40px)skew(8deg)}to{opacity:1;transform:none}}.modal-card p{font:500 15px/1.5 var(--ui);color:var(--ink-2);margin:14px 20px}.modal-card textarea{width:calc(100% - 40px);height:110px;font:400 12px var(--dot);border:2px solid var(--ink);background:var(--white);resize:none;-webkit-user-select:text;user-select:text;border-radius:0;margin:0 20px;padding:10px;display:block}.modal-card .row{flex-wrap:wrap;gap:16px;margin-top:16px;padding:0 22px;display:flex}.results{margin:14px 20px 4px}.modal-card p.record{font:400 15px var(--dot);color:var(--red);margin:10px 20px 0}.prompt p.warn{color:var(--red);font-weight:700}.prompt p.stamps{font:400 13px var(--dot);color:var(--ink-2);margin-top:-4px}.stamp-award{border:6px solid var(--red);width:120px;height:120px;color:var(--red);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;margin:18px auto 0;animation:.45s cubic-bezier(.2,1.3,.4,1) both slam;display:flex;transform:rotate(-12deg)}.stamp-award b{font:400 46px/1 var(--display)}.stamp-award span{font:400 13px var(--dot);letter-spacing:.1em}.modal-card img.monster-card{border:2px solid var(--ink);width:auto;max-width:calc(100% - 40px);max-height:62dvh;box-shadow:6px 6px 0 var(--red);margin:16px auto 0;display:block}.modal-card a.btn{text-decoration:none}.tool.curse b{color:var(--red)}.results div{font:900 16px var(--ui);border-bottom:2px solid var(--paper-2);justify-content:space-between;align-items:center;padding:7px 14px;display:flex}.results div i{font:400 18px var(--display);color:var(--red);margin-right:12px;font-style:normal}.results div span:last-child{font:400 14px var(--dot)}.results div.me{background:var(--yellow);box-shadow:4px 4px 0 var(--ink);border-bottom-color:#0000;transform:skew(-8deg)}.toast{left:50%;top:max(78px, calc(env(safe-area-inset-top) + 70px));background:var(--ink);color:var(--yellow);font:900 14px var(--ui);text-transform:uppercase;letter-spacing:.05em;z-index:30;box-shadow:4px 4px 0 var(--red);padding:10px 20px;position:fixed;transform:translate(-50%)skew(-10deg)}.mobile-only{display:none}@media (max-width:900px){:root{--left-w:calc(100vw - 24px);--right-w:calc(100vw - 24px)}#title{align-items:flex-end;padding-bottom:28px}#title:before{clip-path:polygon(0 34%,100% 26%,100% 100%,0 100%)}#title .box-slab{clip-path:polygon(0 31.5%,100% 23.5%,100% 26%,0 34%)}#title .title-kana{font-size:15vw;top:14px;right:14px;transform:none}.title-card{padding:0 18px}#title .box-sticker,.lore{display:none}.tagline{margin:12px 0 16px;font-size:16px}.menu-item{padding:10px 16px;font-size:16px}.paper-panel{top:auto;left:8px;right:8px;bottom:max(8px, env(safe-area-inset-bottom));width:auto;height:auto;max-height:calc(100dvh - 74px);box-shadow:5px 5px 0 var(--ink);gap:7px;padding:8px 0 9px}.panel>:not(.panel-title){margin-left:8px;margin-right:8px}.paper-panel .panel-title{display:none}.pane{gap:7px}.phase-tab{gap:5px;padding:7px 4px;font-size:13px}.phase-tab small{display:none}#frame-current{padding:4px 10px;font-size:11px}#frame-current small{display:none}.step-bar{gap:6px;padding:4px 6px 4px 8px}.step-bar .txt{font-size:12.5px}.step-bar .btn.small{padding:6px 11px;font-size:11px}.part-tab{padding:10px 1px 3px;font-size:9.5px}.paper-wrap{aspect-ratio:1;flex:none;align-self:center;width:min(100%,max(200px,100dvh - 400px))}.paper-hint{max-width:calc(100% - 16px);font-size:11px;bottom:6px;left:8px}.reg{display:none}.tools{flex-wrap:nowrap;gap:4px}.tools>.tool-group{display:contents}.tools .tool{flex:1 1 0;min-width:0;padding-left:0;padding-right:0}.tools #sizes{display:none}.tools .mobile-only{display:flex}.tool{min-width:40px;height:44px}.tool .dot{width:var(--s,8px);height:var(--s,8px);background:var(--ink);border-radius:50%;margin-bottom:1px}.tools-extra{display:none}.tools-extra.open{z-index:6;background:var(--paper);border:2px solid var(--ink);width:min(280px,100vw - 40px);box-shadow:5px 5px 0 var(--ink);flex-direction:column;gap:10px;padding:10px;display:flex;position:absolute;bottom:54px;right:0}#btn-more.on{background:var(--yellow)}.pane-paint,.pane-addons{max-height:46dvh}.pane-scroll h3{margin:10px 0 6px}.sw{width:36px;height:36px}.addon-grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr))}.addon-tile canvas{width:50px;height:50px}.addon-tile span{font-size:9.5px}.pane-next .btn.small{padding:7px 10px;font-size:11px}.pane-next .btn.primary{padding:9px 14px;font-size:13px}.look-panel{top:max(8px, env(safe-area-inset-top));width:auto;height:auto;box-shadow:5px 5px 0 var(--ink);flex-direction:row;align-items:center;gap:6px;padding:6px 0;bottom:auto;left:8px;right:8px}.look-panel .panel-title,.look-panel .stats,.look-panel .look-actions{display:none}.look-panel .name-row{flex:1;min-width:0;margin-right:0}.name-row .mobile-only{display:flex}#name{font-size:18px}.look-panel #btn-done{width:auto;padding:9px 14px;font-size:13px;margin-left:4px!important;margin-right:18px!important}.look-panel #btn-done small,.center-tip,.orb-label{display:none}.frame-picker{gap:6px;padding:8px}.fp-head b{font-size:17px}.fp-head small{display:none}.fp-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.fp-card{min-width:0;box-shadow:2px 2px 0 var(--ink);padding:4px 2px}.fp-card b{font-size:11.5px}.fp-card small{font-size:8.5px;line-height:1.15}.step-bar .txt small{display:none}.prompt{bottom:180px}.hud-top{gap:8px;left:14px;right:14px}.orbs{gap:8px;padding:7px 12px 7px 10px}.orb{width:13px;height:13px}.hud-buttons{flex-wrap:wrap;justify-content:flex-end;gap:7px}.hud-buttons .btn.small{letter-spacing:.02em;padding:6px 9px;font-size:10.5px}}@media (max-height:520px) and (min-width:560px){:root{--left-w:min(430px, 50vw);--right-w:220px}.panel{gap:5px;padding-bottom:6px}.panel>:not(.panel-title){margin-left:8px;margin-right:8px}.paper-panel{top:max(6px, env(safe-area-inset-top));bottom:max(6px, env(safe-area-inset-bottom));left:max(6px, env(safe-area-inset-left));width:var(--left-w);height:auto;max-height:none;box-shadow:5px 5px 0 var(--ink);padding-top:6px;right:auto}.look-panel{top:max(6px, env(safe-area-inset-top));right:max(6px, env(safe-area-inset-right));width:var(--right-w);flex-direction:column;align-items:stretch;padding:6px 0 8px;bottom:auto;left:auto}.paper-panel .panel-title,.look-panel .panel-title,.look-panel .stats,.look-panel .look-actions,.step-bar .txt small,.frames,.tools .slider-row,.center-tip{display:none}.phase-tab{padding:5px 4px;font-size:12px}.part-tab{padding:9px 1px 2px;font-size:9px}.step-bar{padding:3px 6px}.paper-wrap{aspect-ratio:auto;flex:1;align-self:stretch;width:auto;min-height:0}.tool{min-width:34px;height:36px}.tool small{font-size:7.5px}.pane-paint,.pane-addons{max-height:none}.addon-tile canvas{width:44px;height:44px}#name{font-size:17px}.look-panel #btn-done{padding:9px 14px;font-size:14px;margin:0 18px 0 8px!important}.frame-picker{padding:6px}.fp-head small{display:none}.fp-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.fp-card small{display:none}}