*{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:#000;width:100%;height:100%;overflow:hidden}body{color:#fff;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;font-family:Helvetica Neue,sans-serif;font-size:13px}.blurred{filter:blur(5px)}.bubble{text-align:center;color:#0d4294;background:#fff;max-width:180px;padding:30px;font-size:18px;font-weight:800;line-height:1.15;display:block}@media (width<=768px){.bubble{max-width:140px;padding:20px;font-size:14px}}.webgl{touch-action:none;outline:none;width:100%;height:100%;transition:filter .4s;display:block;position:fixed;inset:0}.intro{z-index:50;pointer-events:none;transition:opacity .6s;position:fixed;inset:0}.intro.hide{opacity:0}.intro-bg{pointer-events:auto;background:#000;transition:opacity .8s;position:fixed;inset:0}.intro-bg.fade{opacity:0;pointer-events:none}.intro-logo-wrap{aspect-ratio:537.3/434;flex-direction:column;width:160px;transition:top .7s cubic-bezier(.69,-.57,0,1.02),transform .7s cubic-bezier(.69,-.57,0,1.02);display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.intro-logo-wrap.moved{top:15px;transform:translate(-50%)}.intro-logo-wrap .intro-logo{background:#ffffff14;position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.intro-logo-wrap .intro-logo.wiggle{pointer-events:auto;cursor:pointer;animation:1.6s infinite introLogoBounce}.intro-logo-wrap .intro-logo .intro-logo-fill{background:#fff;height:0;transition:height 1.9s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;right:0}.intro-logo-wrap .intro-logo .intro-logo-fill.filled{height:100%}@media (width<=768px){.intro-logo-wrap{width:100px}}@keyframes introLogoBounce{0%{transform:scale(1)}30%{transform:scale(1.02,.98)}55%{transform:scale(.97,1.02)}75%{transform:scale(1.02,.98)}to{transform:scale(1)}}.card-view{z-index:30;pointer-events:auto;opacity:0;background:0 0;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.card-view.shown{opacity:1}.card-view .card-backdrop{z-index:0;pointer-events:none;background:#000c;position:absolute;inset:0}.card-view .card-close{z-index:3;color:#fff;white-space:nowrap;cursor:pointer;background:0 0;border:0;font-family:helvetica,sans-serif;font-size:18px;font-weight:800;transition:background .18s,color .18s,border-color .18s;position:fixed;top:15px;right:15px}.card-view .card-stage{z-index:1;flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.card-view .card-stage .card-canvas{pointer-events:auto;cursor:grab;width:100%;height:100%;display:block;position:fixed;inset:0}.card-view .card-stage .card-canvas:active{cursor:grabbing}.card-view .card-stage .card-fields{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:15px;display:grid}.card-view .card-stage .card-fields .card-step-btn{width:240px}.card-view .card-stage .card-data{z-index:9;gap:10px;font-size:14px;display:flex;position:fixed;bottom:60px}.card-view .card-stage .card-data input,.card-view .card-stage .card-data input::placeholder{font-size:inherit}.card-view .card-stage .card-actions{justify-content:center;align-items:center;gap:10px;display:flex}.card-view .card-stage .card-actions .card-action{cursor:pointer;color:#000;background:#fff;border:2px solid #fff;border-radius:5px;justify-content:center;width:auto;padding:6px 12px;font-family:Helvetica Neue,sans-serif;font-weight:800;display:flex}.card-name,.upload-photo{box-sizing:border-box;cursor:pointer;border:0;border-bottom:2px solid #fff;outline:none;width:240px;padding:7px 14px;font-family:helvetica,sans-serif;font-weight:800;transition:background .15s,opacity .15s}.upload-photo{border:0}.card-name{text-align:center;color:#fff;background:0 0;border:0;border-bottom:2px solid #fff}.card-name::placeholder{color:#ffffff4d;font-weight:inherit;font-family:inherit}.upload-row{border-bottom:2px solid #fff;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.upload-row:has(.remove-photo) .upload-photo{width:188px}.remove-photo{box-sizing:border-box;color:#fff;cursor:pointer;background:0 0;border:0;border-radius:53% 47% 52% 48%/48% 52% 48% 53%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-family:helvetica Neue,sans-serif;font-size:1.4em;font-weight:500;line-height:1;transition:background .15s,opacity .15s;display:inline-flex}.upload-photo{white-space:nowrap;justify-content:center;align-items:center;min-width:0;display:inline-flex}.upload-photo.has-name{text-overflow:ellipsis;text-align:center;display:block;overflow:hidden}.upload-photo.loading{cursor:progress;animation:1s ease-in-out infinite card-loading-pulse}.upload-photo input[type=file]{display:none}.card-step-btn{color:#fff;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #fff;border-radius:0;justify-content:center;align-items:center;width:100%;padding:4px;font-family:helvetica,sans-serif;font-weight:800;transition:background .18s,color .18s,border-color .18s,opacity .15s;display:inline-flex}.card-step-btn:hover{color:#000;background:#fff;border-color:#fff}.card-step-btn:disabled{opacity:.35;cursor:not-allowed}.card-step-btn.primary:hover{background:#ffffffd9;border-color:#ffffffd9}.card-step-btn.loading{cursor:progress;animation:1s ease-in-out infinite card-loading-pulse}.card-step-btn.loading:hover{color:#fff;background:0 0;border-color:#fff}.card-step-btn input[type=file]{display:none}@keyframes card-loading-pulse{0%,to{opacity:1}50%{opacity:.4}}.card-close:hover,.card-close:active{animation:.5s jellyPop}@media (width<=768px){.card-view .card-close{font-size:12px;top:15px;right:12px}.card-view .card-stage .card-data{flex-direction:column;width:100%;max-width:220px;font-size:12px;bottom:25px}.card-view .card-stage .card-data .card-fields{grid-template-columns:1fr;gap:0;width:100%;margin-bottom:15px;padding:0 15px}.card-view .card-stage .card-data .card-fields .card-name,.card-view .card-stage .card-data .card-fields .upload-photo{width:100%}.card-view .card-stage .card-data .card-actions{padding:0 15px}.card-view .card-stage .card-data .card-actions .card-action{width:100%;padding:8px 20px}.card-view .remove-photo{width:36px;height:36px}}.slides-view{z-index:40;color:#fff;opacity:0;flex-direction:column;justify-content:center;align-items:center;font-family:helvetica,sans-serif;font-size:18px;transition:opacity .4s;display:flex;position:fixed;inset:0}.slides-view.shown{opacity:1}.slides-view .slides-backdrop{z-index:0;background:#000;position:absolute;inset:0}.slides-view .slides-counter{z-index:3;pointer-events:none;gap:4px;font-weight:800;line-height:1;display:flex;position:fixed;top:15px;left:15px}.slides-view .slides-close{z-index:3;font-size:inherit;color:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800;position:fixed;top:15px;right:15px}.slides-view .slides-close:hover,.slides-view .slides-close:active{animation:.85s jellyPop}.slides-view .slides-swiper{z-index:1;--swiper-navigation-color:#0d4294;--swiper-navigation-size:22px;--swiper-navigation-sides-offset:12px;width:100%;height:100%;padding:15px;position:relative}.slides-view .swiper-slide{justify-content:center;align-items:center;display:flex}.slides-view .slides-img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.slides-view .swiper-button-prev,.slides-view .swiper-button-next{color:#fff;width:auto;height:auto;padding:15px}.slides-view .swiper-button-prev:hover,.slides-view .swiper-button-prev:active,.slides-view .swiper-button-next:hover,.slides-view .swiper-button-next:active{animation:.85s jellyPop}.slides-view .swiper-button-prev:after,.slides-view .swiper-button-next:after{font-family:inherit;font-size:18px;font-weight:800}.slides-view .swiper-button-prev{left:0!important}.slides-view .swiper-button-next{right:0!important}.slides-view .swiper-button-prev:after{content:"Prev"}.slides-view .swiper-button-next:after{content:"Next"}@media (width<=768px){.slides-view{font-size:14px}.slides-view .swiper-button-prev,.slides-view .swiper-button-next{padding:9px 13px;bottom:15px;top:auto!important}.slides-view .swiper-button-prev:after,.slides-view .swiper-button-next:after{font-size:13px}}.vgauge{z-index:25;opacity:0;width:calc(100% - 30px);padding:25px 15px;transition:opacity .5s,filter .4s;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.vgauge.show{opacity:1}.vgauge-trackwrap{position:relative}.vgauge-labels{z-index:2;pointer-events:none;height:0;margin-bottom:7px;font-size:11px;position:absolute;bottom:100%;left:0;right:0}.vgauge-track{background:#fff;grid-template-columns:repeat(20,1fr);height:18px;display:grid;position:relative}.vgauge-track-inner{background:radial-gradient(#177bd0 0%,#0d4294 100%);width:100%;height:calc(100% - 8px);position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:inset 0 0 5px #0000,inset 0 0 5px #0000}.vgauge-fill{z-index:1;background:#ffd000;border-top-right-radius:9999px;border-bottom-right-radius:9999px;width:0;height:calc(100% - 8px);transition:width 1.4s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:inset 0 0 5px #0003,inset 0 0 5px #0003}.vgauge-sheen{border-radius:inherit;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(110deg,#0000 30%,#ffffff8c 48%,#ffffffb3 50%,#0000 70%) 0 0/220% 100%;animation:5s ease-in-out infinite vgaugeSheen;position:absolute;inset:0}.vgauge-cell{z-index:2;background-clip:content-box;width:100%;height:100%;padding:0;position:relative}.vgauge-cell.gap-r{border-radius:0 9999px 9999px 0;padding-right:2px}.vgauge-cell.gap-l{border-radius:9999px 0 0 9999px;padding-left:2px}.vgauge-cell.gap-l.gap-r{border-radius:9999px;padding:0 2px}.vgauge-cell{--ch:calc(100% + 10px)}.vgauge-cell.is-major:after{content:"";width:1px;height:var(--ch);background:#fff;position:absolute;top:50%;right:-1px;transform:translateY(-50%)}.vgauge-cell.is-first:before{content:"";width:1px;height:var(--ch);background:#fff;position:absolute;top:50%;left:-1px;transform:translateY(-50%)}.vgauge-label{color:#fff;white-space:nowrap;font-family:helvetica neue,sans-serif;font-size:15px;font-weight:800;position:absolute;bottom:5px;transform:translate(-50%)}.vgauge-label .unit{display:none}.vgauge-sparks{z-index:2;pointer-events:none;height:0;position:absolute;top:34px;left:15px;right:15px}.vgauge-bubbles{z-index:3;pointer-events:none;height:0;position:absolute;bottom:calc(100% + 10px);left:15px;right:15px}.vgauge-bubble{transform-origin:bottom;min-width:64px;animation:2.6s cubic-bezier(.22,1,.36,1) forwards vgaugeBubble;position:absolute;bottom:0;transform:translate(-50%)}.vgauge-bubble--intro{pointer-events:auto;cursor:pointer;animation:.6s cubic-bezier(.22,1,.36,1) forwards vgaugeBubbleIn}.vgauge-bubble--intro.leaving{animation:.4s forwards vgaugeBubbleOut}@keyframes vgaugeBubbleOut{0%{opacity:1;transform:translateX(-50%) translateY(0) scale(1) rotate(var(--rot,0deg))}to{opacity:0;transform:translateX(-50%) translateY(-10px) scale(.92) rotate(var(--rot,0deg))}}@keyframes vgaugeBubbleIn{0%{opacity:0;transform:translateX(-50%) translateY(8px) scale(.5, .5) rotate(var(--rot,0deg))}35%{opacity:1;transform:translateX(-50%) translateY(0) scale(1.18, .85) rotate(var(--rot,0deg))}55%{transform:translateX(-50%) translateY(0) scale(.92, 1.1) rotate(var(--rot,0deg))}72%{transform:translateX(-50%) translateY(0) scale(1.05, .96) rotate(var(--rot,0deg))}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1, 1) rotate(var(--rot,0deg))}}.vgauge-star{color:#fff;font-size:var(--size);text-shadow:0 0 6px #ffffffe6;--scale:1;opacity:0;animation:vgaugeStar .6s ease-out var(--delay) forwards;line-height:1;position:absolute;top:0;left:0;transform:translate(0)scale(0)rotate(0)}@keyframes vgaugeBubble{0%{opacity:0;transform:translateX(-50%) translateY(8px) scale(.5, .5) rotate(var(--rot,0deg))}12%{opacity:1;transform:translateX(-50%) translateY(0) scale(1.18, .85) rotate(var(--rot,0deg))}22%{transform:translateX(-50%) translateY(-2px) scale(.92, 1.1) rotate(var(--rot,0deg))}32%{transform:translateX(-50%) translateY(-3px) scale(1.05, .96) rotate(var(--rot,0deg))}42%{transform:translateX(-50%) translateY(-3px) scale(1, 1) rotate(var(--rot,0deg))}80%{opacity:1;transform:translateX(-50%) translateY(-10px) scale(1, 1) rotate(var(--rot,0deg))}to{opacity:0;transform:translateX(-50%) translateY(-22px) scale(.96, .96) rotate(var(--rot,0deg))}}@keyframes vgaugeStar{0%{opacity:0;transform:translate(0)scale(0)rotate(0)}40%{transform:translate(calc(var(--tx) * .7), calc(var(--ty) * .7)) scale(calc(1.2 * var(--scale))) rotate(90deg);opacity:1}to{transform:translate(var(--tx), var(--ty)) scale(calc(.4 * var(--scale))) rotate(160deg);opacity:0}}@keyframes vgaugeSheen{0%{opacity:0;background-position:140% 0}18%{opacity:1}55%{opacity:1;background-position:-40% 0}60%,to{opacity:0;background-position:-40% 0}}@keyframes vgaugeEdgePulse{0%,to{opacity:.55}50%{opacity:1}}@media (width<=768px){.vgauge{width:calc(100% - 10px)}.vgauge-label{font-size:12px}}.top-logo{z-index:9;pointer-events:none;opacity:0;width:160px;transition:filter .4s;position:fixed;top:15px;left:50%;transform:translate(-50%)}.top-logo.show{opacity:1}.top-logo.closable{pointer-events:auto;cursor:pointer}.card-trigger{z-index:35;z-index:99;opacity:0;justify-content:center;align-items:center;width:160px;transition:opacity .5s;display:flex;position:fixed;top:25px;left:25px}.card-trigger.show{opacity:1}.card-trigger.behind{z-index:5}.card-trigger img{filter:invert();border-radius:10px;width:100%;height:auto;display:block}.controller{align-items:center;gap:12px;transition:filter .4s;display:flex;position:fixed;top:20px;right:20px}.controller .links-logo{opacity:0;width:50px;height:auto;transition:opacity .5s;display:inline-flex;position:relative}.controller .links-logo.show{opacity:1}.controller .links-logo img{width:100%;height:100%}.controller .links-logo:after{content:"";pointer-events:none;opacity:0;border-bottom:9px solid #fff;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;transition:opacity .4s;animation:1.1s ease-in-out infinite linksArrowBob;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.controller .links-logo.arrow-show:after{opacity:1}.controller .bgm-toggle{opacity:0;transition:opacity .5s}.controller .bgm-toggle.show{opacity:1}.controller .bgm-toggle img{filter:invert();width:auto;height:22px;display:block}.pointer{cursor:pointer}.hint-bubble{transform:translateX(var(--hint-tx,-50%)) rotate(var(--rot,0deg));z-index:100;cursor:pointer;pointer-events:auto;border-radius:60% 40% 56% 44%/56% 46% 54% 44%;max-width:170px;position:absolute;top:calc(100% + 15px);left:50%;box-shadow:0 6px 16px #0003}.hint-card{white-space:nowrap}.hint-stream{max-width:150px;top:calc(100% + 15px)}.hint-enter-active{animation:.6s hintJelly}.hint-leave-active{transition:opacity .3s,transform .3s}.hint-leave-to{opacity:0;transform:translateX(var(--hint-tx,-50%)) translateY(-6px) scale(.9) rotate(var(--rot,0deg))}@keyframes hintJelly{0%{opacity:0;transform:translateX(var(--hint-tx,-50%)) scale(.3, .3) rotate(var(--rot,0deg))}40%{opacity:1;transform:translateX(var(--hint-tx,-50%)) scale(1.15, .85) rotate(var(--rot,0deg))}58%{transform:translateX(var(--hint-tx,-50%)) scale(.92, 1.08) rotate(var(--rot,0deg))}74%{transform:translateX(var(--hint-tx,-50%)) scale(1.05, .95) rotate(var(--rot,0deg))}88%{transform:translateX(var(--hint-tx,-50%)) scale(.98, 1.02) rotate(var(--rot,0deg))}to{opacity:1;transform:translateX(var(--hint-tx,-50%)) scale(1, 1) rotate(var(--rot,0deg))}}.ripple-layer{z-index:40;pointer-events:none;position:fixed;inset:0}.burst{width:0;height:0;position:absolute}.burst-spark{--scale:1;--dist:20px;width:var(--size);height:calc(var(--size) * .15);margin:calc(var(--size) * -.07) 0 0 0;filter:drop-shadow(0 0 4px #fffffff2);transform-origin:0;transform:rotate(var(--rot)) translateX(0) scaleX(.15) scaleY(calc(.62 * var(--scale)));opacity:0;animation:burstSpark .85s cubic-bezier(.12, .6, .28, 1) var(--delay) forwards;background:radial-gradient(closest-side,#ff0 0%,#ffffffe6 45%,#0000 100%);border-radius:50%;position:absolute;top:0;left:0}@keyframes linksArrowBob{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(2px)}}@keyframes jellyPop{0%{transform:scale(1)}25%{transform:scale(1.15,.85)}45%{transform:scale(.9,1.1)}65%{transform:scale(1.06,.94)}82%{transform:scale(.97,1.03)}to{transform:scale(1)}}@keyframes burstSpark{0%{transform:rotate(var(--rot)) translateX(0) scaleX(.15) scaleY(calc(.62 * var(--scale)));opacity:0}12%{opacity:1}45%{opacity:1}to{transform:rotate(var(--rot)) translateX(calc(var(--dist) * 1.35)) scaleX(calc(1.45 * var(--scale))) scaleY(calc(.22 * var(--scale)));opacity:0}}@keyframes burstWord{0%{transform:translate(-50%, -50%) scale(0) rotate(var(--wrot));opacity:0}30%{transform:translate(calc(-50% + var(--wdx)), -130%) scale(1.15) rotate(var(--wrot));opacity:1}to{transform:translate(calc(-50% + var(--wdx)), -280%) scale(.9) rotate(var(--wrot));opacity:0}}@media (width<=768px){.top-logo{width:100px}.card-trigger{width:100px;top:20px;left:20px}.controller{flex-direction:column-reverse;top:18px;right:12px}.controller .links-logo{width:35px}.controller .links-logo .hint-stream{--hint-tx:0;top:calc(100% + 8px);left:auto;right:-6px}.controller .bgm-toggle img{height:20px}}