@font-face{font-family:Wanted Sans;src:url(./WantedSans-subset--APWYDLk.woff2) format("woff2-variations");font-weight:400 1000;font-style:normal;font-display:block}html{font-size:min(calc(min(100vw,430px) / 39),calc(100vh / 84.4))}@supports (height: 100dvh){html{font-size:min(calc(min(100vw,430px) / 39),calc(100dvh / 84.4))}}:root{--sat: env(safe-area-inset-top);--paper: #ffffff;--ink: #1a1a1a;--muted: #8a8a8a;--faint: #b3b3b3;--wash: #f4f4f4;--dark: #353535;--board: #ededed;--board-bg: var(--dark);--on-dark: #eaeaea;--on-dark-mute: rgba(234, 234, 234, .5);--on-dark-line: rgba(234, 234, 234, .16);--s1: .6rem;--s2: 1.2rem;--s3: 2rem;--s4: 3.2rem;--s5: 4.8rem;--r: .4rem;--r-sheet: 1.4rem;--t-move: .72s cubic-bezier(.32, .72, 0, 1);--t-tap: .26s ease}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{width:0;height:0;display:none}html,body{height:100%;overscroll-behavior:none}body{background:var(--dark);color:var(--ink);font-family:Wanted Sans,-apple-system,sans-serif;font-weight:450;display:flex;justify-content:center;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased}button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer}#app{position:relative;width:100%;max-width:430px;height:100%;background:var(--paper);overflow:hidden}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;background:var(--paper);padding-top:var(--sat);padding-bottom:env(safe-area-inset-bottom)}.screen.on{display:flex}.spacer{flex:1}.t-title{font-size:2.2rem;line-height:1.45;letter-spacing:.01em;font-weight:450}.t-sub{font-size:1.85rem;line-height:1.55;letter-spacing:.02em;font-weight:450}.t-body{font-size:1.6rem;line-height:1.9;letter-spacing:.02em;color:var(--muted)}.t-note{font-size:1.4rem;line-height:1.65;letter-spacing:.05em;color:var(--muted)}.t-note.faint{color:var(--faint)}.kicker{font-size:1.31rem;letter-spacing:.34em;text-indent:.34em;color:var(--muted);text-align:center}.faint{color:var(--faint)}.center{text-align:center}.btn-solid{width:100%;text-align:center;font-size:1.75rem;font-weight:450;padding:1.4rem 0;background:var(--ink);color:#fff;border-radius:var(--r);transition:opacity var(--t-tap)}.btn-solid:active{opacity:.8}.btn-text{width:100%;text-align:center;font-size:1.51rem;padding:1.4rem 0;color:var(--muted);transition:opacity var(--t-tap)}.btn-text:active{opacity:.55}.back{width:100%;font-size:1.31rem;color:var(--muted)}.chev{display:inline-block;width:.56rem;height:.56rem;border-left:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);vertical-align:.1rem;margin-right:.2rem}.chev.r{border-left:0;border-bottom:0;border-right:1px solid currentColor;border-top:1px solid currentColor;margin-right:0;margin-left:.3rem}.chev.lg{width:1.25rem;height:1.25rem;border-left-width:1.6px;border-bottom-width:1.6px;vertical-align:0;margin:0}.chev.lg.r{border-left-width:0;border-bottom-width:0;border-right-width:1.6px;border-top-width:1.6px}.framed{width:22rem;aspect-ratio:4 / 5;background-size:cover;background-position:center;border-radius:var(--r);flex:none}.framed.w236{width:23.6rem}.home-center{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:var(--s4)}.home-title{font-size:2.06rem;font-weight:450;letter-spacing:.01em;white-space:nowrap}.home-top{position:absolute;z-index:3;top:calc(var(--sat) + var(--s3));right:var(--s3);display:flex;align-items:center;gap:var(--s1)}.home-icon{flex:none;width:3.8rem;height:3.8rem;display:flex;align-items:center;justify-content:center;background:none;border:none;opacity:.5;transition:opacity var(--t-tap)}.home-icon:active{opacity:.28}.home-icon .bar-img{flex:none;width:2.9rem;height:2.9rem}.home-top>button{width:3.8rem;height:3.8rem;border-radius:50%;background:var(--wash);opacity:1}.home-top>button:active{opacity:.6}#galHomeBtn .bar-img{width:2.8rem;height:2.8rem}#achHomeBtn .bar-img{width:2.2rem;height:2.2rem;filter:saturate(.72)}.bgm-home .bar-img{opacity:.3;transition:opacity var(--t-tap)}.bgm-home[aria-pressed=true] .bar-img{opacity:1}.bgm-home .bar-img{width:2.3rem;height:2.3rem;filter:brightness(.42) saturate(1.6)}.deck{width:26.4rem;max-width:82%;aspect-ratio:4 / 5;margin-top:var(--s4);overflow:hidden;position:relative;cursor:grab;touch-action:pan-y}.deck:active{cursor:grabbing}.track{display:flex;height:100%;will-change:transform}.track .card{flex:none;width:100%;height:100%;position:relative;background:#fff;border-radius:var(--r);overflow:hidden;opacity:.48;transition:opacity var(--t-move)}.track .card.on{opacity:1}.track .card.locked img{filter:grayscale(1) contrast(.92) brightness(1.06);opacity:.5}.track .card .lock{display:none}.track .card.locked .lock{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;translate:-50% -50%;width:4.4rem;height:4.4rem;border-radius:50%;background:#ffffffd1;box-shadow:0 .2rem .8rem -.2rem #0000002e}.track .card.locked .lock img{width:2.2rem;height:2.2rem;object-fit:contain;display:block}.track .card img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;filter:saturate(1.02) contrast(.99)}.namerow{display:flex;align-items:center;gap:var(--s3);margin-top:var(--s4)}.sw-arrow{width:3.8rem;height:3.8rem;color:var(--ink);display:flex;align-items:center;justify-content:center;transition:opacity var(--t-tap)}.sw-arrow:disabled{opacity:.28}.namebox{min-width:15rem;text-align:center}.art-name{font-size:1.75rem;font-weight:450;line-height:1.45;letter-spacing:.02em}.art-desc{font-size:1.51rem;color:var(--muted);margin-top:var(--s1);letter-spacing:.02em;white-space:nowrap}.namebox.fade{animation:homeFade var(--t-move) both}@keyframes homeFade{0%{opacity:0;transform:translateY(.9rem)}to{opacity:1;transform:none}}.home-hint{position:absolute;left:0;right:0;bottom:var(--s3);z-index:1;text-align:center;font-size:1.31rem;letter-spacing:.04em;color:var(--muted)}.banner-slot{position:absolute;left:0;right:0;bottom:0;z-index:2}.banner-slot:not(:empty){background:var(--wash);padding-bottom:env(safe-area-inset-bottom)}#home:has(#homeBanner:not(:empty)) .home-hint{bottom:25rem}#home:has(#homeBanner:not(:empty)) .home-center{padding-bottom:24rem}#gallery{padding:0;overflow:hidden}.gal-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:clip;padding:0 var(--s3) calc(var(--s5) + 4.4rem);touch-action:pan-y}.gal-count,.gal-soon{margin-top:var(--s3)}.gal-soon:empty{display:none}#galHead{position:relative;display:block;overflow:hidden}.head-lay{position:absolute;top:0;right:0;bottom:0;left:0;background:center / cover no-repeat;display:flex;align-items:flex-end}#galHead .ach-head-in{padding-bottom:calc(var(--s3) + 2rem)}#galDots{position:absolute;left:0;right:0;bottom:var(--s3);margin-top:0}#galBody{position:relative}.gal-pane{position:absolute;top:0;left:0;width:100%;will-change:transform}.dots{display:flex;justify-content:center;gap:.6rem;margin-top:var(--s2)}.dots .dot{width:.6rem;height:.6rem;border-radius:50%;background:#ffffff73}.dots .dot.on{background:#fff}.gal{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s3) var(--s2);margin-top:var(--s3)}.gal figure{cursor:pointer;transition:opacity var(--t-tap)}.gal figure:active{opacity:.7}.gal .art{width:100%;aspect-ratio:4 / 5;background-size:cover;background-position:center;border-radius:var(--r)}.gal figcaption{margin-top:var(--s1);font-size:1.44rem;text-align:center;letter-spacing:.02em}.gal figure.empty .art{filter:grayscale(1) contrast(.92) brightness(1.06);opacity:.45}.gal figure.empty figcaption{color:var(--faint)}.gal .art{position:relative}.gal .lock{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:.4rem}.gal .lock img{width:2.2rem;height:2.2rem;opacity:.55}.gal .lock b{font-size:1.44rem;font-weight:500;color:var(--ink);opacity:.55}.gal figure.paid .art{opacity:.62}.gal-count{margin-top:var(--s3)}#galDetail{align-items:center;padding:var(--s5) var(--s4) var(--s4);overflow-y:auto}#galDetail .spacer{min-height:var(--s3)}#gdArt{margin-top:var(--s4)}#gdNo{margin-top:var(--s2)}#gdTitle,#gdSub{margin-top:var(--s1)}#galDetail .open-card{margin-top:var(--s3)}.gd-nav{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--s2)}.gd-nav .btn-text{width:auto;flex:1}#start{align-items:center;padding:var(--s5) var(--s4) var(--s4);overflow-y:auto}#start .spacer{min-height:var(--s3)}#startArt,#startTitle{margin-top:var(--s4)}#startStory{margin-top:var(--s2)}#startSub{margin-top:var(--s3)}#play{overflow:hidden;background:var(--dark)}#play{padding-top:0}#playTop{flex:none;height:max(8.8rem,calc(4.6rem + var(--sat)));display:flex;justify-content:space-between;align-items:flex-end;padding:0 var(--s3) var(--s2)}.bar-btn{display:flex;align-items:center;height:3.8rem;font-size:1.4rem;color:var(--on-dark)}.bar-icon{width:3.8rem;height:3.8rem;border-radius:50%;border:1px solid var(--on-dark-line);background:none;display:flex;align-items:center;justify-content:center;opacity:.45;transition:opacity var(--t-tap)}.bar-icon[aria-pressed=true]{opacity:1}.bar-img{width:2.7rem;height:2.7rem;object-fit:contain;display:block}#boardWrap{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;background:var(--board-bg)}#boardCanvas{position:absolute;left:0;top:0;display:block}#pile{flex:none;position:relative;height:clamp(15rem,25.6vh,20rem);background:var(--dark);touch-action:none}#pileHead{position:absolute;left:0;right:0;top:0;z-index:4;display:flex;justify-content:space-between;align-items:center;padding:var(--s2) var(--s3) 0}.icon-btn{position:relative;width:3.8rem;height:3.8rem;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;background:var(--on-dark);color:var(--dark);transition:opacity var(--t-tap)}.icon-btn:active{opacity:.7}.icon-btn:disabled{opacity:.38;cursor:default}.btn-img{width:2.7rem;height:2.7rem;object-fit:contain;display:block;filter:brightness(.55) saturate(1.8)}#pileArea{position:absolute;top:0;right:0;bottom:0;left:0}#refThumb{position:absolute;right:var(--s2);top:var(--s2);z-index:6;width:6.8rem;aspect-ratio:4 / 5;background-size:cover;background-position:center;border-radius:var(--r);box-shadow:0 0 0 1px #eaeaea42,0 .6rem 1.4rem -.6rem #0009;cursor:pointer;transition:width var(--t-move),opacity var(--t-tap);opacity:.92}#refThumb.big{width:min(19rem,54%);opacity:1}#boardTip{position:absolute;left:50%;bottom:var(--s2);transform:translate(-50%);z-index:6;pointer-events:none;white-space:nowrap;font-size:1.31rem;color:var(--dark);background:#eaeaeaf0;padding:.8rem 1.5rem;border-radius:10rem;opacity:0}#boardTip.show{animation:tipFade 3s ease forwards}#storyLine{position:absolute;left:50%;bottom:var(--s2);z-index:6;pointer-events:none;translate:-50% calc(100% + var(--s2) + 1rem);max-width:calc(100% - var(--s3) * 2);width:max-content;font-size:1.44rem;line-height:1.6;color:var(--paper);text-align:center;word-break:keep-all;background:#1a1a1adb;padding:.9rem 1.6rem;border-radius:1.4rem;transition:translate .44s cubic-bezier(.22,.61,.36,1)}#storyLine.show{translate:-50% 0}#storyLine:empty{display:none}.story-more{font-size:.82em;opacity:.7}#toast{position:absolute;left:50%;top:calc(var(--s4) + var(--sat));translate:-50% 0;z-index:95;pointer-events:none;white-space:nowrap;font-size:1.44rem;color:var(--paper);background:#1a1a1ae0;padding:.9rem 1.6rem;border-radius:10rem;opacity:0}#toast.show{animation:tipFade 3s ease forwards}@keyframes tipFade{0%{opacity:0}12%{opacity:1}78%{opacity:1}to{opacity:0}}.pc{position:absolute;left:0;top:0;transform-origin:center center;filter:drop-shadow(0 calc(var(--u, 1px) * 1.5) 0 #b4b4b4) drop-shadow(0 calc(var(--u, 1px) * 1.5) calc(var(--u, 1px) * 2.5) rgba(0,0,0,.3));cursor:grab;z-index:3;touch-action:none;animation:pcIn .3s ease both}@keyframes pcIn{0%{opacity:0}to{opacity:1}}.pc.drag{position:fixed;z-index:90;cursor:grabbing;pointer-events:none;filter:drop-shadow(0 calc(var(--u, 1px) * 1.5) 0 #b4b4b4) drop-shadow(0 calc(var(--u, 1px) * 12) calc(var(--u, 1px) * 14) rgba(0,0,0,.28));transition:scale .12s ease-out,rotate .12s ease-out}.pc.snap{transition:translate .15s ease-out}.pc.snap.seat{transition:translate .15s ease-out,scale .15s ease-in,filter .15s ease-in;filter:drop-shadow(0 0 0 #b4b4b4) drop-shadow(0 0 0 rgba(0,0,0,0))}.pc.back{transition:translate .22s ease,rotate .22s ease,scale .22s ease}#looseLayer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}#looseLayer .pc{pointer-events:auto;animation:none}.ad{padding:var(--s5) var(--s4) var(--s4)}.ad-top{display:flex;justify-content:space-between;align-items:center}.ad-label{font-size:1.31rem;color:var(--faint);letter-spacing:.24em;text-indent:.24em}.plain{font-size:1.31rem;color:var(--muted);transition:opacity var(--t-tap)}.plain:active{opacity:.55}.plain:disabled{color:var(--faint);cursor:default}.ad-box{flex:1;margin-top:var(--s3);background:var(--wash);border-radius:var(--r);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s1)}.ad-b1{font-size:1.51rem;color:var(--muted)}.ad-b2{font-size:1.31rem;color:var(--faint)}.ad-copy{margin-top:var(--s3);font-size:1.51rem;color:var(--muted);text-align:center;line-height:2}.dim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;background:#0000006b;opacity:0;pointer-events:none;transition:opacity var(--t-move)}.dim.on{opacity:1;pointer-events:auto}.sheet{position:absolute;left:0;right:0;bottom:0;z-index:9;background:var(--paper);border-radius:var(--r-sheet) var(--r-sheet) 0 0;padding:var(--s3) var(--s3) calc(var(--s2) + env(safe-area-inset-bottom));translate:0 100%;transition:translate var(--t-move);pointer-events:none}.sheet.on{translate:0 0;pointer-events:auto}.sheet-head{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:var(--s2)}.sheet-title{font-size:1.85rem;font-weight:450;letter-spacing:.02em}[hidden]{display:none!important}.row-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--s2) .2rem;text-align:left;transition:opacity var(--t-tap)}.row-btn:active{opacity:.55}.row-btn:disabled{opacity:.4;cursor:default}.row-main{display:flex;align-items:center;gap:var(--s1);font-size:1.51rem}.row-sub{font-size:1.31rem;color:var(--muted)}.tier-img{width:4rem;height:4rem;flex:none;object-fit:contain;margin:-.6rem .2rem -.6rem -.2rem}.story{font-size:1.6rem;line-height:2.1;letter-spacing:.01em;color:var(--muted);text-align:center;word-break:keep-all}.story:empty{display:none}#ach{padding:0;overflow:hidden}.ach-scroll{flex:1;min-height:0;overflow-y:auto;padding:0 var(--s3) calc(var(--s5) + 4.4rem)}.ach-head{margin:0 calc(var(--s3) * -1);aspect-ratio:3 / 2;background:var(--wash) center/cover no-repeat;display:flex;align-items:flex-end}.ach-head-in{width:100%;padding:var(--s5) var(--s3) var(--s3);background:linear-gradient(#0000,#00000080)}.head-title{font-size:2.38rem;font-weight:500;letter-spacing:.12em;text-indent:.12em;text-align:center}.on-photo{color:#fff;text-shadow:0 .1rem .6rem rgba(0,0,0,.35)}#achCount.on-photo{color:#ffffffb8;margin-top:.4rem}.ach-list{margin-top:var(--s4)}.ach-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);padding:var(--s2) 0}.ach-ico{flex:none;width:3.6rem;height:3.6rem;border-radius:50%;background:var(--wash);display:flex;align-items:center;justify-content:center}.ach-ico img{width:2.8rem;height:2.8rem;object-fit:contain;display:block}.ach-main{flex:1;min-width:0}.ach-name{font-size:1.75rem;color:var(--ink)}.ach-desc{margin-top:.3rem;font-size:1.31rem;color:var(--muted);word-break:keep-all}.ach-key{flex:none;font-size:1.31rem;color:var(--faint);letter-spacing:.04em}.ach-row.got .ach-key{color:var(--paper);background:var(--ink);opacity:.82;padding:.35rem .9rem .45rem;border-radius:10rem;font-size:1.25rem}.ach-row.soon .ach-name,.ach-row.soon .ach-desc{color:var(--faint)}.back-round{position:absolute;z-index:5;left:var(--s3);bottom:calc(var(--s3) + env(safe-area-inset-bottom));width:4.4rem;height:4.4rem;border-radius:50%;border:0;display:flex;align-items:center;justify-content:center;background:var(--paper);color:var(--ink);box-shadow:0 .2rem 1.2rem -.2rem #0000002e;transition:opacity var(--t-tap),transform var(--t-tap)}.back-round:active{opacity:.6;transform:scale(.94)}.back-round svg{width:2rem;height:2rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.done-ach{margin-top:var(--s3)}.done-ach:empty{display:none}.ach-row{margin-top:var(--s2);text-align:center}.ach-row:first-child{margin-top:0}.ach-name{font-size:1.6rem;letter-spacing:.02em;color:var(--ink)}.ach-key{font-size:1.6rem;letter-spacing:.02em;color:var(--muted)}.ach-desc{display:block;margin-top:.2rem;font-size:1.4rem;line-height:1.6;letter-spacing:.04em;color:var(--faint)}#done{align-items:center;padding:var(--s5) var(--s4) var(--s4);overflow-y:auto}#done .spacer{min-height:var(--s3)}#doneArt,#doneTitle{margin-top:var(--s4)}#doneStory{margin-top:var(--s2)}#finale{margin-top:var(--s4);color:var(--ink);opacity:.72}#doneStat{margin-top:var(--s3)}.promo{margin-top:var(--s2);font-size:1.6rem;color:var(--muted);text-align:center}.promo:empty{display:none}#home,#play{will-change:transform}.screen.on:not(#home):not(#play):not(.sc-in-f):not(.sc-in-b):not(.sc-out-f):not(.sc-out-b){animation:screenIn var(--t-move)}@keyframes screenIn{0%{transform:translateY(.8rem)}to{transform:none}}@media (prefers-reduced-motion: reduce){.screen.on,.namebox.fade,#opening.on{animation-duration:1ms}}#opening{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:none;flex-direction:column;align-items:center;padding:var(--s4) var(--s4) var(--s5);background:var(--paper);overflow-y:auto;cursor:pointer}#opening.on{display:flex;animation:openIn 1.1s cubic-bezier(.33,.78,0,1)}@keyframes openIn{0%{opacity:0}to{opacity:1}}.open-card{animation:openIn 2.1s cubic-bezier(.33,.78,0,1)}#openNote{animation:openIn 2.4s cubic-bezier(.33,.78,0,1)}#opening.out{opacity:0;transition:opacity .8s ease;pointer-events:none}.open-body{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s2)}#openArt{width:17rem;flex:none}#openTitle{flex:none}.open-card{flex:none;margin-top:var(--s1);background:var(--wash);border-radius:.8rem;padding:var(--s3) var(--s3) calc(var(--s3) - .4rem);max-width:30rem}.open-card .story{color:var(--ink);opacity:.78;font-weight:400}#openNote{flex:none;margin-top:var(--s4);font-size:1.31rem;color:var(--faint);letter-spacing:.06em;padding:.9rem 0;border-radius:10rem;background:none;transition:color var(--t-tap),background-color var(--t-tap)}#opening.ready #openNote{color:var(--paper);background:var(--ink);padding:1.2rem 2.8rem;font-size:1.62rem;border-radius:var(--r);letter-spacing:.02em}.sc-in-f,.sc-in-b{z-index:2}.sc-in-f{animation:navInF .42s cubic-bezier(.32,.72,0,1)}.sc-out-f{animation:navOutF .42s cubic-bezier(.32,.72,0,1)}.sc-in-b{animation:navInB .42s cubic-bezier(.32,.72,0,1)}.sc-out-b{animation:navOutB .42s cubic-bezier(.32,.72,0,1)}@keyframes navInF{0%{transform:translate(100%)}to{transform:none}}@keyframes navOutF{0%{transform:none}to{transform:translate(-22%)}}@keyframes navInB{0%{transform:translate(-22%)}to{transform:none}}@keyframes navOutB{0%{transform:none}to{transform:translate(100%)}}