.lp-chara{--ink:#14161a;--sub:#5c6370;--line:#e6e8ee;--lime:#c8ff3c;--mag:#ff3fa8;--cyan:#3fe0ff;--tc:#7c8a9e;--font-head:var(--font-dela), "Dela Gothic One", "Hiragino Sans", sans-serif;--font-text:var(--font-body), "Noto Sans JP", "Hiragino Sans", system-ui, sans-serif;--p:0;--background:#fff;--text-primary:var(--ink);--text-secondary:var(--sub);--text-muted:var(--sub);--border:var(--line);min-height:100svh;color:var(--ink);font-family:var(--font-text);letter-spacing:.01em;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;background:#fff;font-size:16px;line-height:1.75;position:relative;overflow-x:clip}.lp-chara *,.lp-chara :before,.lp-chara :after{box-sizing:border-box}.lp-chara p{margin:0}.lp-chara .h{font-family:var(--font-head);letter-spacing:.02em;color:var(--ink);margin:0;font-weight:400;line-height:1.35}.lp-chara h1.h{font-size:clamp(26px,7vw,34px)}.lp-chara h2.h{font-size:clamp(24px,6.8vw,30px)}.lp-chara h3.h{font-size:18px}.lp-chara .lead{color:var(--sub);margin-top:14px;font-size:16px}.lp-chara .small{color:var(--sub);font-size:13px;line-height:1.6}.lp-chara .pill{background:var(--ink);color:#fff;letter-spacing:.04em;border-radius:999px;align-items:center;gap:6px;height:30px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.lp-chara .pill.lime{background:var(--lime);color:var(--ink)}.lp-chara .mark{background:linear-gradient(transparent 55%, var(--lime) 55%);padding:0 2px}.lp-chara .bg{z-index:0;pointer-events:none;background:#fff;transition:background .6s;position:fixed;inset:0;overflow:hidden}.lp-chara .bg .orb{will-change:transform;position:absolute}.lp-chara .bg .orb i{filter:blur(64px);opacity:.72;border-radius:50%;animation:14s ease-in-out infinite alternate lpcDrift;display:block}.lp-chara .bg .o1{top:-12vh;left:-22vw}.lp-chara .bg .o1 i{background:var(--lime);width:76vw;max-width:520px;height:76vw;max-height:520px}.lp-chara .bg .o2{top:34vh;right:-30vw}.lp-chara .bg .o2 i{background:var(--mag);width:80vw;max-width:560px;height:80vw;max-height:560px;animation-delay:-5s}.lp-chara .bg .o3{bottom:-24vh;left:4vw}.lp-chara .bg .o3 i{background:var(--cyan);width:70vw;max-width:500px;height:70vw;max-height:500px;animation-delay:-9s}.lp-chara.is-result .bg{background:color-mix(in srgb, var(--tc) 14%, #fff)}.lp-chara.is-result .bg .orb i{opacity:.35}@keyframes lpcDrift{0%{transform:translate(0,0)scale(1)}to{transform:translate(6vw,4vh)scale(1.12)}}.lp-chara .fg{z-index:1;position:relative}.lp-chara .top{z-index:20;-webkit-backdrop-filter:blur(14px);background:#ffffff8c;border-bottom:1px solid #ffffffb3;justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:10px 16px;display:flex;position:sticky;top:0}.lp-chara .top .brand{font-family:var(--font-head);letter-spacing:.04em;white-space:nowrap;font-size:14px}.lp-chara .top .brand b{color:var(--mag);font-weight:400}.lp-chara .top .link{font:inherit;color:var(--sub);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:13px;text-decoration:underline}.lp-chara .wrap{max-width:560px;margin:0 auto;padding:0 16px}.lp-chara .ch{flex-direction:column;justify-content:center;max-width:560px;min-height:100svh;margin:0 auto;padding:72px 16px 56px;display:flex;position:relative}.lp-chara .ch.tall{min-height:175svh;padding:0 16px;display:block}.lp-chara .ch.tall .sticky{flex-direction:column;min-height:100svh;padding:68px 0 32px;display:flex;position:sticky;top:0}.lp-chara .ch.tall .sticky .in{width:100%;margin:auto 0}.lp-chara .ch .num{font-family:var(--font-head);letter-spacing:.2em;color:var(--mag);margin-bottom:10px;font-size:12px}.lp-chara .rv{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(22px)}.lp-chara .rv.is-in{opacity:1;transform:none}.lp-chara .rv.d1{transition-delay:.1s}.lp-chara .rv.d2{transition-delay:.2s}.lp-chara .rv.d3{transition-delay:.3s}.lp-chara .fv{padding-top:72px;padding-bottom:40px}.lp-chara .fv .copy{padding-right:15%}.lp-chara .fv h1.h{margin-top:14px}.lp-chara .fv .stage{height:300px;margin:6px -16px 2px;position:relative}.lp-chara .fv .stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.lp-chara .fv .scroll{font-family:var(--font-head);letter-spacing:.24em;color:var(--sub);flex-direction:column;align-items:center;gap:2px;margin-top:26px;font-size:11px;display:flex}.lp-chara .fv .scroll i{border-right:2px solid var(--sub);border-bottom:2px solid var(--sub);width:10px;height:10px;animation:1.4s ease-in-out infinite lpcBob;transform:rotate(45deg)}@keyframes lpcBob{0%,to{opacity:.5;transform:translateY(0)rotate(45deg)}50%{opacity:1;transform:translateY(6px)rotate(45deg)}}.lp-chara .btn{cursor:pointer;background:var(--ink);color:#fff;width:100%;height:56px;font-family:var(--font-head);letter-spacing:.04em;box-shadow:6px 6px 0 var(--lime);-webkit-tap-highlight-color:transparent;border:0;border-radius:18px;justify-content:center;align-items:center;gap:8px;font-size:18px;transition:transform .12s,box-shadow .12s;display:flex}.lp-chara .btn:active{box-shadow:3px 3px 0 var(--lime);transform:translate(3px,3px)}.lp-chara .btn.ghost{color:var(--ink);border:2px solid var(--ink);box-shadow:none;font-family:var(--font-text);background:#fff;height:52px;font-size:15px;font-weight:700}.lp-chara .btn.tc{box-shadow:6px 6px 0 var(--tc)}.lp-chara .btn:disabled{opacity:.6;cursor:default}.lp-chara .under{text-align:center;margin-top:12px}.lp-chara .stk{filter:drop-shadow(0 10px 18px #14161a29);flex:none;display:block}.lp-chara .glass{-webkit-backdrop-filter:blur(16px);background:#ffffffad;border:1px solid #ffffffd9;border-radius:24px;box-shadow:0 12px 40px #14161a14}.lp-chara .card{background:#fff;border-radius:24px;padding:20px;box-shadow:0 10px 30px #14161a12}.lp-chara .card+.card{margin-top:14px}.lp-chara .card .lb{letter-spacing:.08em;color:var(--sub);margin-bottom:8px;font-size:12px;font-weight:700;display:inline-block}.lp-chara .card .lb.tc{color:var(--tc)}.lp-chara .card.hot{border:3px solid var(--tc)}.lp-chara .card p{font-size:16px}.lp-chara .card .big{font-family:var(--font-head);font-size:20px;line-height:1.45}.lp-chara .qcard{transform:rotate(calc((1 - var(--p)) * -7deg)) translateY(calc((1 - var(--p)) * 60px));opacity:calc(.15 + var(--p) * .85);padding:20px 18px 18px}.lp-chara .scene{color:var(--sub);letter-spacing:.06em;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.lp-chara .scene:before{content:"";background:var(--mag);border-radius:50%;width:8px;height:8px}.lp-chara .qtext{font-family:var(--font-head);margin:8px 0 14px;font-size:22px;line-height:1.4}.lp-chara .opts{gap:10px;display:grid}.lp-chara .opt{border:2px solid var(--ink);width:100%;min-height:76px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;box-shadow:4px 4px 0 var(--ink);-webkit-tap-highlight-color:transparent;will-change:transform;background:#fff;border-radius:20px;align-items:center;gap:14px;padding:14px 16px;font-size:16px;font-weight:700;line-height:1.5;transition:transform .12s,box-shadow .12s;display:flex}.lp-chara .opt .em{flex:none;font-size:28px;line-height:1}.lp-chara .opt:active{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.lp-chara .qcard .opt.l{transform:translateX(calc((1 - var(--p)) * -40vw))}.lp-chara .qcard .opt.r{transform:translateX(calc((1 - var(--p)) * 40vw))}.lp-chara .qcard .opt{pointer-events:none}.lp-chara .cap{color:var(--sub);text-align:center;margin-top:16px;font-size:14px}.lp-chara .cap b{color:var(--ink);font-weight:700}.lp-chara .fan{gap:10px;margin-top:16px;display:grid;position:relative}.lp-chara .fan .card{padding:14px 16px}.lp-chara .fan .card p{font-size:15px;line-height:1.6}.lp-chara .fan .card .big{font-size:18px}.lp-chara .fan .card .lb{margin-bottom:4px}.lp-chara .fan .card{--k:clamp(0, calc((var(--p) - var(--d)) / .3), 1);transform:translateY(calc((1 - var(--k)) * 70px)) rotate(calc((1 - var(--k)) * -4deg));opacity:var(--k)}.lp-chara .fan .who{align-items:center;gap:14px;display:flex}.lp-chara .fan .who .nm{font-family:var(--font-head);font-size:20px}.lp-chara .fan .who .rd{color:var(--sub);font-size:13px}.lp-chara .ex{color:var(--sub);text-align:center;margin-top:10px;font-size:12px}.lp-chara .grid8{grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 6px;display:grid}.lp-chara .grid8 .stk{width:100%;height:auto}.lp-chara .grid8 .g{opacity:0;transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .6s;transform:scale(.6)rotate(-8deg)}.lp-chara .grid8.is-in .g{opacity:1;transform:none}.lp-chara .grid8.is-in .g:nth-child(2){transition-delay:50ms}.lp-chara .grid8.is-in .g:nth-child(3){transition-delay:.1s}.lp-chara .grid8.is-in .g:nth-child(4){transition-delay:.15s}.lp-chara .grid8.is-in .g:nth-child(5){transition-delay:.2s}.lp-chara .grid8.is-in .g:nth-child(6){transition-delay:.25s}.lp-chara .grid8.is-in .g:nth-child(7){transition-delay:.3s}.lp-chara .grid8.is-in .g:nth-child(8){transition-delay:.35s}.lp-chara .fixed4{margin-top:22px;padding:18px 18px 16px}.lp-chara .fixed4 .lb{letter-spacing:.08em;color:var(--sub);margin-bottom:8px;font-size:12px;font-weight:700}.lp-chara .fixed4 ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.lp-chara .fixed4 li{gap:10px;font-size:15px;line-height:1.6;display:flex}.lp-chara .fixed4 li:before{content:"✓";background:var(--ink);width:22px;height:22px;color:var(--lime);border-radius:7px;flex:none;place-items:center;margin-top:2px;font-size:13px;font-weight:700;display:grid}.lp-chara .cta-wrap{margin-top:22px}.lp-chara footer{text-align:center;color:var(--sub);padding:36px 16px 44px;font-size:12px;line-height:1.7}.lp-chara footer .flinks{margin-top:6px}.lp-chara footer a{color:var(--sub);text-underline-offset:3px;text-decoration:underline}.lp-chara footer .disc{opacity:.85;margin-top:12px;font-size:11px}.lp-chara .screen{flex-direction:column;max-width:560px;min-height:calc(100svh - 52px);margin:0 auto;padding:20px 16px 60px;display:flex}.lp-chara .prog{align-items:center;gap:12px;margin-bottom:18px;display:flex}.lp-chara .prog .n{font-family:var(--font-head);white-space:nowrap;font-size:14px}.lp-chara .prog .n b{color:var(--mag);font-size:22px;font-weight:400}.lp-chara .pips{flex:1;gap:3px;display:flex}.lp-chara .pips i{background:#14161a1a;border-radius:4px;flex:1;height:8px;transition:background .3s}.lp-chara .pips i.on{background:var(--ink)}.lp-chara .pips i.star{position:relative}.lp-chara .pips i.star:after{content:"";background:var(--mag);border-radius:50%;width:6px;height:6px;position:absolute;top:-3px;right:-2px}.lp-chara .qwrap{flex-direction:column;flex:1;justify-content:center;display:flex}.lp-chara .qwrap .qtext{margin:10px 0 22px;font-size:clamp(22px,6.4vw,28px)}.lp-chara .qwrap .opt{min-height:88px;font-size:17px}.lp-chara .qwrap .opt .em{font-size:34px}.lp-chara .qwrap .opt.in{animation:.36s cubic-bezier(.2,.7,.2,1) both lpcIn}.lp-chara .qwrap .opt.in.r{animation-delay:60ms}.lp-chara .qwrap .opt.fly-l{animation:.4s cubic-bezier(.3,.6,.3,1) forwards lpcFlyL}.lp-chara .qwrap .opt.fly-r{animation:.4s cubic-bezier(.3,.6,.3,1) forwards lpcFlyR}.lp-chara .qwrap .opt.drop{animation:.3s forwards lpcDrop}@keyframes lpcIn{0%{opacity:0;transform:translateY(26px)scale(.96)}to{opacity:1;transform:none}}@keyframes lpcFlyL{to{opacity:0;transform:translate(-130%)rotate(-16deg)}}@keyframes lpcFlyR{to{opacity:0;transform:translate(130%)rotate(16deg)}}@keyframes lpcDrop{to{opacity:0;transform:translateY(24px)scale(.94)}}.lp-chara .hint{text-align:center;color:var(--sub);margin-top:16px;font-size:13px}.lp-chara .back{font:inherit;color:var(--sub);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-self:center;margin-top:10px;padding:8px;font-size:13px;text-decoration:underline}.lp-chara .mgrid{grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0 10px;display:grid}.lp-chara .mcell{border:2px solid var(--ink);cursor:pointer;font:inherit;box-shadow:3px 3px 0 var(--ink);-webkit-tap-highlight-color:transparent;background:#fff;border-radius:16px;padding:10px 4px 8px}.lp-chara .mcell:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.lp-chara .mcell .code{font-family:var(--font-head);letter-spacing:.04em;font-size:15px;display:block}.lp-chara .mcell .nm{color:var(--sub);font-size:11px;display:block}.lp-chara .reward{z-index:30;-webkit-backdrop-filter:blur(18px);background:#ffffffb8;place-items:center;padding:24px;animation:.3s both lpcFade;display:grid;position:fixed;inset:0}.lp-chara .reward .box{text-align:center;width:100%;max-width:360px;padding:28px 22px 22px}.lp-chara .reward .stk{margin:0 auto 14px;animation:.6s cubic-bezier(.2,.9,.2,1.3) both lpcPop}.lp-chara .reward .t{font-family:var(--font-head);font-size:22px;line-height:1.4}.lp-chara .reward .s{color:var(--sub);margin-top:6px;font-size:14px}.lp-chara .reward .dots{justify-content:center;gap:8px;margin:14px 0 6px;display:flex}.lp-chara .reward .dots i{background:#14161a1f;border-radius:4px;width:34px;height:8px}.lp-chara .reward .dots i.on{background:var(--tc)}@keyframes lpcFade{0%{opacity:0}to{opacity:1}}@keyframes lpcPop{0%{opacity:0;transform:scale(.4)rotate(-14deg)}to{opacity:1;transform:none}}.lp-chara .res{max-width:560px;margin:0 auto;padding:24px 16px 40px}.lp-chara .hero{text-align:center;padding:16px 0 6px}.lp-chara .hero .no{font-family:var(--font-head);letter-spacing:.2em;color:var(--tc);font-size:13px}.lp-chara .hero .stk{margin:10px auto 12px;animation:.9s cubic-bezier(.2,.8,.2,1) both lpcFlip}.lp-chara .hero .name{font-family:var(--font-head);font-size:clamp(30px,9vw,40px);line-height:1.25}.lp-chara .hero .read{color:var(--sub);margin-top:6px;font-size:15px}.lp-chara .hero .zerifu{font-family:var(--font-head);color:var(--tc);margin-top:12px;font-size:20px}.lp-chara .hero .tags{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.lp-chara .hero .tag{border:2px solid var(--tc);height:30px;color:var(--ink);background:#fff;border-radius:999px;align-items:center;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.lp-chara .hero .tag.fill{background:var(--tc);color:#fff;border-color:var(--tc)}@keyframes lpcFlip{0%{opacity:0;transform:rotateY(100deg)scale(.7)}60%{opacity:1;transform:rotateY(-14deg)scale(1.04)}to{opacity:1;transform:none}}.lp-chara .up{animation:.6s cubic-bezier(.2,.7,.2,1) both lpcIn}.lp-chara .up.d1{animation-delay:.15s}.lp-chara .up.d2{animation-delay:.3s}.lp-chara .up.d3{animation-delay:.45s}.lp-chara .share{margin-top:22px;padding:18px}.lp-chara .share .t{font-family:var(--font-head);text-align:center;margin-bottom:12px;font-size:18px}.lp-chara .share .btn{margin-bottom:14px}.lp-chara .share .hash{text-align:center;color:var(--sub);margin-top:10px;font-size:12px}.lp-chara .sec{margin-top:22px}.lp-chara .sec .st{font-family:var(--font-head);margin-bottom:10px;font-size:18px}.lp-chara .aru{background:color-mix(in srgb, var(--tc) 12%, #fff);border-radius:16px;margin-top:12px;padding:12px 14px;font-size:15px}.lp-chara .aru b{color:var(--tc);margin-bottom:2px;font-size:12px;display:block}.lp-chara .axis{margin-top:12px}.lp-chara .axis .lbs{color:var(--sub);justify-content:space-between;font-size:12px;font-weight:700;display:flex}.lp-chara .axis .lbs .on{color:var(--ink)}.lp-chara .axis .bar{background:#14161a14;border-radius:7px;height:14px;margin-top:6px;position:relative;overflow:hidden}.lp-chara .axis .bar i{width:var(--w);background:var(--tc);transform-origin:0;border-radius:7px;animation:.9s cubic-bezier(.2,.7,.2,1) .4s both lpcGrow;position:absolute;top:0;bottom:0;left:0}.lp-chara .axis .bar i.flip{transform-origin:100%;left:auto;right:0}.lp-chara .axis .v{color:var(--ink);margin-top:4px;font-size:13px}@keyframes lpcGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.lp-chara .aisho{grid-template-columns:1fr 1fr;gap:10px;display:grid}.lp-chara .aisho .ai{text-align:center;background:#fff;border-radius:20px;padding:14px 8px 12px;box-shadow:0 8px 24px #14161a0f}.lp-chara .aisho .stk{margin:6px auto}.lp-chara .aisho .lb{color:var(--sub);letter-spacing:.06em;font-size:12px;font-weight:700}.lp-chara .aisho .nm{font-family:var(--font-head);font-size:15px}.lp-chara .locked{margin-top:22px;position:relative}.lp-chara .locked .blur{filter:blur(6px);opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none}.lp-chara .locked .gate{text-align:center;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.lp-chara .locked .gate .in{max-width:320px;padding:18px 16px}.lp-chara .locked .gate .t{font-family:var(--font-head);font-size:18px;line-height:1.4}.lp-chara .locked .gate .s{color:var(--sub);margin-top:6px;font-size:13px}.lp-chara .restart{margin-top:26px}.lp-chara .modal{z-index:40;background:#14161a8c;place-items:center;padding:20px;animation:.25s both lpcFade;display:grid;position:fixed;inset:0}.lp-chara .modal .in{text-align:center;background:#fff;border-radius:24px;width:min(320px,100%);padding:14px}.lp-chara .modal img{border-radius:16px;width:100%;height:auto;display:block}.lp-chara .modal .s{color:var(--sub);margin:10px 0 8px;font-size:13px}.lp-chara .modal .row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.lp-chara .modal a,.lp-chara .modal button{border:2px solid var(--ink);height:44px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;font-size:14px;font-weight:700;text-decoration:none;display:flex}.lp-chara .modal a{background:var(--ink);color:#fff}@media (prefers-reduced-motion:reduce){.lp-chara *,.lp-chara :before,.lp-chara :after{transition:none!important;animation:none!important}.lp-chara .ch,.lp-chara .qcard,.lp-chara .fan .card{--p:1!important}.lp-chara .rv,.lp-chara .grid8 .g{opacity:1;transform:none}.lp-chara .bg .orb{transform:none!important}}
