.city-select-page{padding:clamp(8px,1vw,14px)}.city-select-page:before{background:linear-gradient(#00000057 0 7%,#0000 22% 87%,#00000029 100%),radial-gradient(circle at 49% 67%,#ff2f8426,#0000 24vw),radial-gradient(circle at 50% 52%,#0000 0 57%,#0003 100%);box-shadow:inset 0 0 88px #0000007a,inset 0 0 145px #0000003d}.city-select-page .city-select-content{grid-template-rows:minmax(0,1fr);gap:0;padding-top:0}.city-select-page .compact-topbar{min-height:0;box-shadow:none;backdrop-filter:none;background:0 0;border:0;padding:0}.city-select-page .compact-topbar .back-link{color:#66fff1;background:#0a000c61;border:1px solid #5dfcff47;min-height:22px;padding:0 7px;font-size:.62rem;line-height:1}.city-select-page .compact-topbar .archive-count{color:#ffebdf6b;padding-right:2px;font-size:.58rem}.city-select-page .city-select-hero{align-items:baseline;gap:clamp(8px,1vw,14px);max-width:min(700px,92vw);padding-top:0;display:flex;transform:translateY(clamp(70px,7.5vh,88px))}.city-select-page .city-select-hero .eyebrow{margin:0;font-size:clamp(.56rem,.76vw,.7rem)}.city-select-page .city-select-hero h1{margin:0;font-size:clamp(1.12rem,2.32vw,2.12rem);line-height:.9}.city-select-page .city-select-hero p:not(.eyebrow){display:none}.city-select-page .cassette-carousel{min-height:clamp(480px,63vh,650px);transform:translateY(clamp(92px,10vh,118px))}.city-select-page .cassette-back{z-index:19;width:40px;height:40px;min-height:0;color:var(--cyan);box-shadow:none;filter:drop-shadow(0 0 7px #5dfcff6b)drop-shadow(0 0 14px #ff4fd82e);background:0 0;border:0;place-items:center;padding:0;transition:color .16s,filter .16s,opacity .18s,transform .16s;display:grid;position:fixed;top:clamp(82px,8.5vh,98px);right:clamp(18px,4vw,54px)}.city-select-page:has(.cassette-carousel[data-mode=open])>.cassette-back{opacity:1;pointer-events:auto}.city-select-page .cassette-back svg{display:block}.city-select-page .cassette-back:hover,.city-select-page .cassette-back:focus-visible{color:#fff;box-shadow:none;filter:drop-shadow(0 0 8px #5dfcffdb)drop-shadow(0 0 18px #ff4fd861);background:0 0;border:0;transform:translate(-2px)}.city-select-page .cassette-rail{grid-auto-columns:clamp(190px,15.5vw,238px);align-items:center;gap:clamp(118px,11.5vw,198px);padding:8px calc(50vw - clamp(95px,7.75vw,119px)) 76px;scroll-padding-inline:0}.city-select-page .cassette-case{perspective:none;width:clamp(190px,15.5vw,238px);height:clamp(234px,19vw,293px)}.city-select-page .cassette-shell{filter:contrast(1.08)saturate(.94)drop-shadow(12px 15px #00000075);background:url(https://senri-homepage-media-1471298053.cos.ap-guangzhou.myqcloud.com/portfolio-assets/ui/archive-sidecase-closed-v2.webp) 50%/contain no-repeat;width:100%;height:100%;inset:0;transform:translateY(0)scale(1)}.city-select-page .cassette-case:nth-child(2n) .cassette-shell,.city-select-page .cassette-case:hover .cassette-shell,.city-select-page .cassette-case:focus-within .cassette-shell{transform:translateY(0)scale(1)}.city-select-page .cassette-carousel[data-mode=browse] .cassette-case{opacity:.48;filter:brightness(.72)saturate(.72);transform:translateY(12px)scale(.9)}.city-select-page .cassette-carousel[data-mode=browse] .cassette-case[data-browse-active=true]{opacity:1;filter:brightness(1.08)saturate(1.12);transform:translateY(-4px)scale(1.06)}.city-select-page .cassette-label,.city-select-page .cassette-kicker,.city-select-page .cassette-label strong,.city-select-page .cassette-lines,.city-select-page .cassette-meta,.city-select-page .cassette-number,.city-select-page .cassette-case:after{display:none}.city-select-page .cassette-category-title{z-index:4;pointer-events:none;opacity:.72;filter:drop-shadow(5px 7px #8f003dc7)drop-shadow(0 0 10px #5dfcff33);width:clamp(330px,29vw,510px);height:auto;display:block;position:absolute;top:calc(100% + clamp(5px,.8vh,9px));left:calc(50% + clamp(72px,7.5vw,108px));transform:translate(-50%)}.city-select-page .cassette-case[data-browse-active=true] .cassette-category-title{opacity:1}.city-select-page .cassette-case:before{filter:drop-shadow(16px 18px #00000061)drop-shadow(0 0 8px #ff005c2e);background:url(https://senri-homepage-media-1471298053.cos.ap-guangzhou.myqcloud.com/portfolio-assets/ui/archive-vertical-holder-v1.webp) 50%/contain no-repeat;width:100%;height:100%}.city-select-page .cassette-carousel[data-mode=open] .cassette-rail{overflow:visible}.city-select-page .cassette-carousel[data-mode=open]{transform:translateY(clamp(18px,3vh,36px))}.city-select-page .cassette-carousel[data-mode=open] .cassette-case{aspect-ratio:auto;width:clamp(245px,21vw,305px);height:clamp(355px,46vh,455px)}.city-select-page .cassette-carousel[data-mode=open] .cassette-case[data-position=active]{transform:translate(clamp(-350px,-24vw,-300px))scale(1)}.city-select-page .cassette-carousel[data-mode=open] .cassette-case[data-open=true] .cassette-shell{opacity:0;pointer-events:none}.city-select-page .cassette-carousel[data-mode=open] .cassette-case[data-open=true]:before{opacity:1;transform:translate(0)scale(1)}.city-select-page .cassette-carousel[data-mode=open] .cassette-case[data-open=true] .cassette-category-title{opacity:0}.city-select-page .cassette-carousel[data-mode=open] .cassette-case[data-open=true] .cassette-tape{width:48%;height:77%;box-shadow:none;opacity:1;pointer-events:auto;transform-origin:12%;filter:drop-shadow(10px 12px #0000006b)saturate(.96);background:url(https://senri-homepage-media-1471298053.cos.ap-guangzhou.myqcloud.com/portfolio-assets/ui/vertical-work-case-v1.webp) 50%/contain no-repeat;border:0;display:block;top:13%;left:62%;transform:translate(24%)rotate(.6deg)}.city-select-page .cassette-carousel[data-mode=open] .tape-art{clip-path:polygon(2% 1%,98% 0,100% 99%,0 100%);background:#081719;border:1px solid #5bfff157;border-radius:1px;width:58%;height:76%;min-height:0;margin:0;position:absolute;top:13%;left:18%;overflow:hidden;box-shadow:inset 0 0 0 1px #0000006b,0 0 5px #00000061}.city-select-page .cassette-carousel[data-mode=open] .tape-art img{object-fit:cover;width:100%;height:100%;transform:scale(1.035)}.city-select-page .work-title-stage{z-index:8;pointer-events:auto;isolation:isolate;width:min(760px,47vw);max-width:calc(100vw - 64px);height:clamp(104px,16vh,156px);display:block;position:fixed;top:clamp(500px,74.5vh,620px);left:55%;overflow:visible;transform:translate(-50%)}.city-select-page .work-description-stage{z-index:13;color:#f6f1df;pointer-events:none;transform-origin:0;filter:drop-shadow(0 0 9px #ff388b1f);will-change:transform, opacity, clip-path;width:min(520px,32vw);margin:0;transition:opacity 55ms linear,transform 80ms cubic-bezier(.55,.02,.85,.35);position:absolute;top:clamp(250px,36vh,390px);left:clamp(180px,22vw,430px);transform:none}.city-select-page .work-description-stage[hidden]{display:none}.city-select-page .work-description-summary,.city-select-page .work-description-body{text-wrap:pretty;margin:0}.city-select-page .work-description-summary{color:#fff1a6;font-family:var(--font-ui-pixel);letter-spacing:.01em;text-rendering:geometricprecision;white-space:nowrap;-webkit-text-stroke:.52px #fff1a6;paint-order:stroke fill;text-shadow:2px 2px #7d1835,4px 4px #1e000ae0,0 0 5px #ffe6672e;font-size:clamp(1rem,1.42vw,1.36rem);font-weight:800;line-height:1.08;transform:skew(-4deg)}.city-select-page .work-description-stage[data-summary-length=long] .work-description-summary{font-size:clamp(.88rem,1.18vw,1.12rem)}.city-select-page .work-description-stage[data-summary-length=extra-long] .work-description-summary{font-size:clamp(.72rem,.98vw,.94rem)}.city-select-page .work-description-summary:empty{display:none}.city-select-page .work-description-body{color:#fff8df;max-width:44ch;font-family:var(--font-ui-pixel);letter-spacing:.025em;text-align:justify;text-justify:inter-ideograph;-webkit-text-stroke:.18px #140008e6;text-shadow:1px 1px #68152f,2px 2px #180008d6,0 0 7px #ffecaa1f;margin-top:clamp(12px,1.8vh,20px);font-size:clamp(.74rem,.9vw,.91rem);font-weight:700;line-height:1.66}.city-select-page .work-description-summary:empty+.work-description-body{margin-top:0}.city-select-page .work-description-stage:after{content:none;display:none}.city-select-page .work-description-stage.is-entering{animation:.145s cubic-bezier(.16,.84,.18,1) both work-description-enter}.city-select-page .work-description-stage.is-leaving{opacity:0;transform:translate(-115vw)}@keyframes work-description-enter{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translate(-42px)}62%{opacity:.9;clip-path:inset(0 8% 0 0);transform:translate(4px)}to{opacity:1;clip-path:inset(0);transform:translate(0)}}.city-select-page .cassette-carousel.is-game-card-opening~.work-description-stage{opacity:0}@media (width<=920px){.city-select-page .work-description-stage{width:34vw;top:clamp(192px,31vh,270px);left:9vw}.city-select-page .work-description-body{font-size:clamp(.68rem,1.35vw,.82rem);line-height:1.55}}@media (width<=760px){.city-select-page .work-description-stage{width:42vw;top:23vh;left:9vw}.city-select-page .work-description-summary{font-size:.78rem}.city-select-page .work-description-body{-webkit-line-clamp:5;-webkit-box-orient:vertical;font-size:.62rem;line-height:1.45;display:-webkit-box;overflow:hidden}}@media (prefers-reduced-motion:reduce){.city-select-page .work-description-stage{transition-duration:1ms}.city-select-page .work-description-stage.is-entering{animation-duration:1ms}}.city-select-page .work-title-stage[hidden]{display:none}.city-select-page .work-title-stage img{z-index:1;object-fit:contain;filter:hue-rotate(-22deg)brightness(.92)saturate(1.24)contrast(1.12)drop-shadow(5px 6px #ff2a89d1)drop-shadow(12px 15px #40001cbd)drop-shadow(0 0 8px #70ffeb33);width:100%;height:100%;display:block;position:relative;overflow:visible}.city-select-page .work-title-stage:before,.city-select-page .work-title-stage:after{content:"";z-index:2;pointer-events:none;-webkit-mask-image:var(--work-title-mask);mask-image:var(--work-title-mask);position:absolute;inset:0;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.city-select-page .work-title-stage:before{mix-blend-mode:screen;filter:drop-shadow(0 0 12px #95ffef9e);background:linear-gradient(#0000 0% 39%,#69ffe829 44%,#f6fffcc7 49%,#ff50b080 55%,#0000 63% 100%) 50% -175%/100% 270%;animation:5.2s cubic-bezier(.32,0,.2,1) infinite miami-title-flow}.city-select-page .work-title-stage:after{mix-blend-mode:screen;opacity:.72;filter:drop-shadow(0 0 8px #ff48a86b);background:linear-gradient(#0000 0%,#5bffe20d 30%,#8effed38 43%,#fff3 49%,#ff379a38 58%,#0000 74%) 50% -145%/100% 235%;animation:5.2s cubic-bezier(.32,0,.2,1) 90ms infinite miami-title-flow}.city-select-page .cassette-case.is-work-retracting .cassette-tape{animation:.16s ease-in forwards works-small-case-retract-final}.city-select-page .cassette-case.is-switching .cassette-tape{animation:.28s cubic-bezier(.18,.8,.16,1) works-small-case-slide-final}@keyframes works-small-case-retract-final{0%{opacity:1;transform:translate(24%)rotate(.6deg)}to{opacity:.58;transform:translate(-34%)rotate(-1.2deg)}}@keyframes works-small-case-slide-final{0%{opacity:.68;filter:brightness(1.28)saturate(1.1);transform:translate(-34%)rotate(-1.2deg)}to{opacity:1;filter:drop-shadow(10px 12px #0000006b)saturate(.96);transform:translate(24%)rotate(.6deg)}}@media (width<=760px){.city-select-page{padding:8px 10px}.city-select-page .compact-topbar .archive-count{display:none}.city-select-page .city-select-hero{flex-wrap:wrap;row-gap:0;max-width:360px}.city-select-page .city-select-content{padding-top:0}.city-select-page .city-select-hero{transform:translateY(58px)}.city-select-page .city-select-hero h1{font-size:clamp(1.2rem,6vw,1.55rem)}.city-select-page .cassette-carousel{min-height:565px;transform:translateY(86px)}.city-select-page .cassette-rail{grid-auto-columns:184px;gap:86px;padding:8px calc(50vw - 92px) 70px}.city-select-page .cassette-case{width:184px;height:227px}.city-select-page .cassette-category-title{width:310px;top:calc(100% + 5px)}.city-select-page .cassette-carousel[data-mode=open] .cassette-case{width:220px;height:350px}.city-select-page .cassette-carousel[data-mode=open] .cassette-case[data-position=active]{transform:translate(-142px)scale(.92)}.city-select-page .cassette-carousel[data-mode=open] .cassette-case[data-open=true] .cassette-tape{width:45%;height:75%;top:14%;left:58%;transform:translate(16%)rotate(.6deg)}.city-select-page .work-title-stage{width:min(346px,88vw);max-width:calc(100vw - 32px);top:64vh;left:50%}}.city-select-page{background:linear-gradient(90deg,#ee7655 0%,#c91d3d 43%,#4b001f 100%) top/100% 80.7% no-repeat,linear-gradient(90deg,#ef7764 0%,#dc3f6c 50%,#b51e53 100%) bottom/100% 19.3% no-repeat,#c51b43;padding-left:0;padding-right:0}.city-select-page:before{content:"";z-index:1;pointer-events:none;background:repeating-linear-gradient(#5b002238 0 2px,#0000 2px 8px),linear-gradient(90deg,#ff7e6833,#d5185b14 48%,#56002833);position:fixed;inset:80.7% 0 0;box-shadow:inset 0 2px #59001f57,inset 0 18px 28px #6f002914}.city-select-page:after{background:linear-gradient(90deg,#ffca8a2e,#0000 23% 68%,#18000b52),linear-gradient(#33000d24,#0000 35% 78%,#51002414 100%);box-shadow:inset 0 0 96px #23000e70,inset 0 -3vh 28px #3400131f}.city-select-page .cassette-carousel{clip-path:inset(-100vh 0);width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.city-select-page .cassette-carousel[data-mode=browse]{transform:translateY(clamp(20px,3.2vh,40px))}.city-select-page .cassette-category-title{display:none}.city-select-page .category-title-stage{--category-main-top:clamp(470px, 69.5vh, 760px);--category-title-main-height:clamp(92px, 13.2vh, 128px);z-index:8;pointer-events:none;position:fixed;inset:0;overflow:hidden}.city-select-page .category-title-stage[hidden]{display:none}.city-select-page .category-title-bands{z-index:0;pointer-events:none;position:absolute;inset:0}.city-select-page .category-title-bands:before,.city-select-page .category-title-bands:after{content:"";opacity:.72;background:repeating-linear-gradient(#4a001d4d 0 3px,#9008361c 3px 6px,#0000 6px 11px),linear-gradient(90deg,#75002614,#3300193d,#75002614);border-top:1px solid #49001b38;border-bottom:1px solid #ff5c8014;width:100%;position:absolute;left:0}.city-select-page .category-title-bands:before{height:clamp(48px,6.8vh,72px);top:clamp(96px,13.4vh,150px)}.city-select-page .category-title-kicker,.city-select-page .category-title-hint{text-align:center;z-index:1;width:min(760px,88vw);margin:0;position:absolute;left:50%;transform:translate(-50%)}.city-select-page .category-title-kicker{letter-spacing:0;font-family:Oxanium,Microsoft YaHei,sans-serif;font-size:clamp(1.12rem,2.05vw,1.96rem);font-style:italic;font-weight:600;line-height:.96;top:clamp(112px,15vh,168px)}.city-select-page .category-title-kicker span{color:#72f6e4;-webkit-text-stroke:.3px #03080ad1;text-shadow:1px 1px #050003,2px 2px #6f002c,3px 3px #b70047eb,-1px -1px #d2fff975,0 0 8px #5dfcff3d;transform-origin:50% 60%;animation:22s steps(11,end) infinite category-kicker-palette;display:inline-block;transform:skew(-11deg)scaleX(1.06)}.city-select-page .category-title-main-motion{top:var(--category-main-top);isolation:isolate;z-index:1;width:min(760px,66vw);height:clamp(82px,15vh,128px);position:absolute;left:50%;transform:translate(-50%)}.city-select-page .category-title-main{z-index:1;object-fit:contain;width:100%;height:100%;image-rendering:pixelated;filter:hue-rotate(-24deg)brightness(.92)saturate(1.2)contrast(1.1)drop-shadow(0 0 7px #53f5e029)drop-shadow(4px 5px #ff2786b3)drop-shadow(10px 13px #46001e9e);display:block;position:relative}.city-select-page .category-title-main-motion:before,.city-select-page .category-title-main-motion:after{content:"";pointer-events:none;-webkit-mask-image:var(--category-title-mask);mask-image:var(--category-title-mask);position:absolute;inset:0;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.city-select-page .category-title-main-motion:before{z-index:2;mix-blend-mode:screen;filter:drop-shadow(0 0 12px #97ffed9e);background:linear-gradient(#0000 0% 38%,#63ffe62e 44%,#f5fffbd1 49%,#ff4caf8f 56%,#0000 64% 100%) 50% -175%/100% 270%;animation:5.2s cubic-bezier(.32,0,.2,1) infinite miami-title-flow}.city-select-page .category-title-main-motion:after{z-index:3;mix-blend-mode:screen;opacity:.74;filter:drop-shadow(0 0 8px #ff48a86b);background:linear-gradient(#0000 0%,#57ffe40f 30%,#9bfff03d 43%,#ffffff38 49%,#ff3da23d 59%,#0000 75%) 50% -145%/100% 235%;animation:5.2s cubic-bezier(.32,0,.2,1) 90ms infinite miami-title-flow}.city-select-page .category-title-hint{top:calc(var(--category-main-top) + clamp(96px, 11.6vw, 136px));font-family:var(--font-ui-pixel);isolation:isolate;--category-hint-mask:url(/portfolio-assets/ui/text/generated-3d/category-hint-scroll-unified.webp);font-size:clamp(.72rem,1.02vw,.98rem);font-weight:700;line-height:1}.city-select-page .category-title-hint-image{filter:saturate(1.16)brightness(.98)contrast(1.06)drop-shadow(4px 5px #45001280);width:min(218px,20vw);height:auto;margin:0 auto;animation:5.8s ease-in-out infinite miami-yellow-base-cycle;display:block}.city-select-page .category-title-hint:after{content:"";z-index:2;aspect-ratio:1589/230;pointer-events:none;width:min(218px,20vw);-webkit-mask-image:var(--category-hint-mask);mask-image:var(--category-hint-mask);mix-blend-mode:screen;opacity:0;filter:drop-shadow(0 0 8px #fffcd299);background:#fffef1;animation:5.8s ease-in-out infinite miami-yellow-white-cycle;position:absolute;top:0;left:50%;transform:translate(-50%);mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.city-select-page .category-title-stage.is-leaving[data-direction=next] .category-title-kicker{animation:.105s cubic-bezier(.5,0,1,.58) both category-kicker-out-right}.city-select-page .category-title-stage.is-leaving[data-direction=next] .category-title-main-motion{animation:.105s cubic-bezier(.5,0,1,.58) both category-main-out-left}.city-select-page .category-title-stage.is-entering[data-direction=next] .category-title-kicker{animation:.145s cubic-bezier(0,.72,.18,1) both category-kicker-in-left}.city-select-page .category-title-stage.is-entering[data-direction=next] .category-title-main-motion{animation:.145s cubic-bezier(0,.72,.18,1) both category-main-in-right}.city-select-page .category-title-stage.is-leaving[data-direction=previous] .category-title-kicker{animation:.105s cubic-bezier(.5,0,1,.58) both category-kicker-out-left}.city-select-page .category-title-stage.is-leaving[data-direction=previous] .category-title-main-motion{animation:.105s cubic-bezier(.5,0,1,.58) both category-main-out-right}.city-select-page .category-title-stage.is-entering[data-direction=previous] .category-title-kicker{animation:.145s cubic-bezier(0,.72,.18,1) both category-kicker-in-right}.city-select-page .category-title-stage.is-entering[data-direction=previous] .category-title-main-motion{animation:.145s cubic-bezier(0,.72,.18,1) both category-main-in-left}.city-select-page .work-title-stage.is-leaving[data-direction=next] .work-title-main-motion{animation:.105s cubic-bezier(.5,0,1,.58) both work-main-out-left}.city-select-page .work-title-stage.is-entering[data-direction=next] .work-title-main-motion{animation:.145s cubic-bezier(0,.72,.18,1) both work-main-in-right}.city-select-page .work-title-stage.is-leaving[data-direction=previous] .work-title-main-motion{animation:.105s cubic-bezier(.5,0,1,.58) both work-main-out-right}.city-select-page .work-title-stage.is-entering[data-direction=previous] .work-title-main-motion{animation:.145s cubic-bezier(0,.72,.18,1) both work-main-in-left}@keyframes category-kicker-out-left{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-118vw)}}@keyframes category-kicker-in-right{0%{opacity:0;transform:translate(68vw)}to{opacity:1;transform:translate(-50%)}}@keyframes category-main-out-right{0%{opacity:1;transform:translate(-50%,8px)}to{opacity:0;transform:translate(68vw,8px)}}@keyframes category-main-in-left{0%{opacity:0;transform:translate(-118vw,8px)}to{opacity:1;transform:translate(-50%,8px)}}@keyframes category-kicker-out-right{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(68vw)}}@keyframes category-kicker-in-left{0%{opacity:0;transform:translate(-118vw)}to{opacity:1;transform:translate(-50%)}}@keyframes category-main-out-left{0%{opacity:1;transform:translate(-50%,8px)}to{opacity:0;transform:translate(-118vw,8px)}}@keyframes category-main-in-right{0%{opacity:0;transform:translate(68vw,8px)}to{opacity:1;transform:translate(-50%,8px)}}@keyframes work-main-out-left{0%{opacity:1;transform:translateY(8px)}to{opacity:0;transform:translate(-118vw,8px)}}@keyframes work-main-in-right{0%{opacity:0;transform:translate(68vw,8px)}to{opacity:1;transform:translateY(8px)}}@keyframes work-main-out-right{0%{opacity:1;transform:translateY(8px)}to{opacity:0;transform:translate(68vw,8px)}}@keyframes work-main-in-left{0%{opacity:0;transform:translate(-118vw,8px)}to{opacity:1;transform:translateY(8px)}}@keyframes category-kicker-palette{0%,12%,46%,78%,to{color:#72f6e4;filter:brightness()}22%{color:#c6fff5;filter:brightness(1.14)}34%{color:#ee79c4;filter:brightness(.94)}58%{color:#59d8ff;filter:brightness(1.1)}68%{color:#a7c8ff;filter:brightness(.9)}89%{color:#91ffe7;filter:brightness(1.17)}}@keyframes miami-title-flow{0%,10%{opacity:0;background-position:50% -175%}16%{opacity:.78}76%{opacity:.78;background-position:50% 178%}90%,to{opacity:0;background-position:50% 178%}}@keyframes miami-yellow-white-cycle{0%,to{opacity:0}50%{opacity:.52}}@keyframes miami-yellow-base-cycle{0%,to{filter:saturate(1.16)brightness(.98)contrast(1.06)drop-shadow(0 0 3px #ffdf4333)}50%{filter:saturate(.86)brightness(1.18)contrast(1.08)drop-shadow(0 0 7px #fffacd7a)}}@keyframes miami-yellow-white-pulse{0%,to{opacity:0;filter:drop-shadow(0 0 2px #ffda341f)}50%{opacity:.92;filter:drop-shadow(0 0 8px #fffde194)}}@media (width<=760px){.city-select-page .cassette-carousel[data-mode=browse]{transform:translateY(32px)}.city-select-page .category-title-stage{--category-main-top:68vh}.city-select-page .category-title-kicker{font-size:clamp(.88rem,4.6vw,1.24rem);top:14vh}.city-select-page .category-title-main-motion{width:94vw;height:14vh}.city-select-page .category-title-main{height:100%}.city-select-page .category-title-hint{top:calc(var(--category-main-top) + 14vh + 10px)}.city-select-page .category-title-hint-image,.city-select-page .category-title-hint:after{width:min(180px,46vw)}}@media (prefers-reduced-motion:reduce){.city-select-page .category-title-main,.city-select-page .category-title-kicker span,.city-select-page .category-title-hint-image,.city-select-page .category-title-main-motion:after,.city-select-page .work-title-stage:before,.city-select-page .work-title-stage:after{animation:none}.city-select-page .category-title-stage.is-leaving .category-title-kicker,.city-select-page .category-title-stage.is-leaving .category-title-main-motion,.city-select-page .category-title-stage.is-entering .category-title-kicker,.city-select-page .category-title-stage.is-entering .category-title-main-motion{animation-duration:1ms}}.city-select-page .disc-archive-shell{filter:contrast(1.06)saturate(1.02)drop-shadow(12px 15px #2f001470)drop-shadow(0 0 7px #4fffee1f);background-image:url(https://senri-homepage-media-1471298053.cos.ap-guangzhou.myqcloud.com/portfolio-assets/ui/disc-system/archive-closed.webp);background-position:50%;background-size:158%}.city-select-page .disc-archive-shell:focus,.city-select-page .disc-archive-shell:focus-visible,.city-select-page .disc-work-case:focus,.city-select-page .disc-work-case:focus-visible{outline:0}.city-select-page .disc-archive-case:before{filter:drop-shadow(16px 18px #37001861)drop-shadow(0 0 8px #ff298f24);background-image:url(https://senri-homepage-media-1471298053.cos.ap-guangzhou.myqcloud.com/portfolio-assets/ui/disc-system/archive-open.webp);background-position:50%;background-size:contain}.city-select-page .cassette-carousel[data-mode=open] .disc-archive-case{width:clamp(360px,30vw,430px);height:clamp(384px,54vh,458px)}.city-select-page .cassette-carousel[data-mode=open] .disc-archive-case[data-position=active]{transform:translate(clamp(-300px,-20vw,-220px))scale(1)}.city-select-page .cassette-carousel[data-mode=open] .disc-archive-case[data-open=true] .disc-work-case{width:72%;height:96%;box-shadow:none;opacity:1;filter:drop-shadow(11px 14px #3400176b)drop-shadow(0 0 6px #5bfff01f);background:0 0;border:0;top:2%;left:32%;transform:translate(12%)}.city-select-page .cassette-carousel[data-mode=open] .disc-work-case .tape-art{width:100%;height:100%;box-shadow:none;clip-path:none;background:0 0;border:0;inset:0;overflow:visible}.city-select-page .cassette-carousel[data-mode=open] .disc-work-case .tape-art img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;transform:none}.city-select-page .disc-archive-case.is-work-retracting .disc-work-case{animation:.17s ease-in forwards disc-case-retract}.city-select-page .disc-archive-case.is-switching .disc-work-case{animation:.3s cubic-bezier(.16,.84,.18,1) disc-case-pull}@keyframes disc-case-retract{0%{opacity:1;transform:translate(12%)}to{opacity:.3;transform:translate(-42%)}}@keyframes disc-case-pull{0%{opacity:.3;filter:brightness(.74)saturate(.72);transform:translate(-42%)}to{opacity:1;filter:drop-shadow(11px 14px #3400176b)drop-shadow(0 0 6px #5bfff01f);transform:translate(12%)}}.disc-opening-transition{z-index:4000;opacity:0;pointer-events:none;background:#08000bf0;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.disc-opening-transition[hidden]{display:none}.disc-opening-transition.is-active{opacity:1;pointer-events:auto;animation:.15s ease-out both disc-transition-in}.disc-opening-transition>img{z-index:2;object-fit:contain;width:min(760px,82vw);height:min(690px,74vh);image-rendering:pixelated;filter:drop-shadow(18px 22px #3700198a)drop-shadow(0 0 15px #50ffed29);display:block;position:relative}.disc-opening-transition>p{z-index:3;color:#79fff0;font-family:var(--font-ui-pixel);letter-spacing:0;text-shadow:2px 2px #6e002e,0 0 9px #54ffee75;margin:0;font-size:clamp(.64rem,1vw,.9rem);font-weight:700;position:absolute;bottom:clamp(42px,8vh,82px);left:50%;transform:translate(-50%)}.disc-opening-scanlines{z-index:1;pointer-events:none;background:repeating-linear-gradient(#72ffee06 0 2px,#0000 2px 5px);position:absolute;inset:0}.disc-opening-transition:after{content:"";z-index:5;opacity:0;pointer-events:none;background:#f7ffff;position:absolute;inset:0}.disc-opening-transition.is-flashing:after{animation:.3s ease-in forwards disc-transition-flash}@keyframes disc-transition-in{0%{opacity:0}to{opacity:1}}@keyframes disc-transition-flash{0%{opacity:0}55%{opacity:.94}to{opacity:1}}@media (width<=760px){.city-select-page .disc-archive-shell{background-size:162%}.city-select-page .cassette-carousel[data-mode=open] .disc-archive-case{width:min(430px,92vw);height:min(458px,53vh)}.city-select-page .cassette-carousel[data-mode=open] .disc-archive-case[data-position=active]{transform:translate(-15vw)scale(.88)}.disc-opening-transition>img{width:96vw;height:70vh}}@media (prefers-reduced-motion:reduce){.disc-opening-transition.is-active,.disc-opening-transition.is-flashing:after,.city-select-page .disc-archive-case.is-work-retracting .disc-work-case,.city-select-page .disc-archive-case.is-switching .disc-work-case{animation-duration:1ms}}.city-select-page .work-title-stage{text-align:center;flex-direction:column;align-items:center;gap:clamp(8px,1.2vh,14px);width:min(1040px,68vw);height:auto;text-decoration:none;display:flex;top:clamp(512px,74.5vh,628px);left:55%}.city-select-page .work-title-stage:before,.city-select-page .work-title-stage:after{content:none}.city-select-page .work-title-stage img{display:none}.city-select-page .work-title-kicker{z-index:3;color:#ffe35a;text-transform:none;-webkit-text-stroke:.8px #090001;text-shadow:1px 1px #090001,2px 2px #8b2600,3px 3px #451000,0 0 5px #ffe74f4d;max-width:min(640px,56vw);font-family:Oxanium,Arial Black,Microsoft YaHei,sans-serif;font-size:clamp(.62rem,.86vw,.82rem);font-weight:900;line-height:1;animation:5.8s ease-in-out infinite miami-yellow-face-cycle;display:inline-block;position:relative;transform:skew(-6deg)}.city-select-page .work-title-main{--work-title-face-top:#b9fff6;--work-title-face-mid:#48f4df;--work-title-face-low:#16bfc8;--work-title-side:#ff3a98;--work-title-side-dark:#7a002c;z-index:2;color:#0000;background:linear-gradient(#4adbc8 0%,#84fff0 12%,#eefffb 24%,#67ffe8 36%,#2fd9c8 52%,#14aebc 64%,#ff3a98 76%,#ff72bd 88%,#d41362 100%) 50% 0/100% 215%;letter-spacing:0;white-space:nowrap;paint-order:stroke;-webkit-text-stroke:clamp(2px, .3vw, 5px) #050003;text-transform:none;transform-origin:50% 70%;filter:drop-shadow(0 0 8px #57ffe62e);background-clip:text;width:100%;font-family:Impact,Arial Black,Microsoft YaHei,SimHei,sans-serif;font-size:clamp(2.4rem,5.7vw,5.9rem);font-weight:900;line-height:.92;animation:7.4s cubic-bezier(.38,0,.2,1) infinite miami-title-surface-flow;display:block;position:relative;transform:skew(-7deg)scaleX(1.04)}.city-select-page .work-title-main[data-title-length=medium]{font-size:clamp(2rem,4.7vw,4.85rem)}.city-select-page .work-title-main[data-title-length=long]{font-size:clamp(1.55rem,3.35vw,3.45rem)}.city-select-page .work-title-main[data-title-length=dense]{font-size:clamp(1.18rem,2.58vw,2.68rem)}.city-select-page .work-title-main:before,.city-select-page .work-title-main:after{content:attr(data-text);pointer-events:none;font:inherit;line-height:inherit;letter-spacing:inherit;text-align:inherit;-webkit-text-stroke:clamp(2px, .3vw, 5px) #050003;transform-origin:50% 70%;position:absolute;inset:0}.city-select-page .work-title-main:before{content:none}.city-select-page .work-title-main:after{z-index:-1;color:#ff3f9e;animation:7.4s cubic-bezier(.38,0,.2,1) infinite miami-title-side-flow;transform:translate(7px,8px)skew(-5deg)}.city-select-page .category-title-main{filter:hue-rotate(-24deg)brightness(.94)saturate(1.18)contrast(1.1)drop-shadow(0 0 7px #53f5e02e)}.city-select-page .category-title-main-motion:before{opacity:.88;mix-blend-mode:color-dodge;filter:none;background:linear-gradient(#f2fffc 0%,#9affed 16%,#24f7dc 34%,#08b8dc 54%,#ff4da8 76%,#ff83ca 90%,#9b005a 100%) 50% 0/100% 260%;animation:6.4s cubic-bezier(.42,0,.2,1) infinite miami-title-surface-flow}.city-select-page .category-title-main-motion:after{content:none}@keyframes miami-title-surface-flow{0%,12%{filter:brightness(.94)saturate();background-position:50% 0}42%{filter:brightness(1.14)saturate(1.08);background-position:50% 45%}76%{filter:brightness(1.02)saturate(1.04);background-position:50% 88%}to{filter:brightness(.94)saturate();background-position:50% 118%}}@keyframes miami-title-side-flow{0%,to{color:#f7288d}46%{color:#ff72bd}76%{color:#ff46a4}}@keyframes miami-yellow-face-cycle{0%,to{color:#ffd83f;filter:brightness(.94)}48%{color:#fff8d6;filter:brightness(1.26)}}@media (width<=760px){.city-select-page .work-title-stage{width:min(360px,92vw);top:66vh;left:50%}.city-select-page .work-title-kicker{max-width:88vw;font-size:clamp(.62rem,3.2vw,.82rem)}.city-select-page .work-title-main{-webkit-text-stroke:clamp(1.4px, .9vw, 3px) #050003;font-size:clamp(1.68rem,12vw,3.2rem)}.city-select-page .work-title-main:before,.city-select-page .work-title-main:after{-webkit-text-stroke:clamp(1.4px, .9vw, 3px) #050003}.city-select-page .work-title-main:before{transform:translate(8px,10px)skew(-4deg)}.city-select-page .work-title-main:after{transform:translate(4px,5px)skew(-4deg)}}.city-select-page .miami-title-motion{isolation:isolate;position:relative}.city-select-page .miami-title-image,.city-select-page .work-title-stage .miami-title-image{z-index:1;object-fit:contain;width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(0 0 7px #53f5e02e);display:block;position:relative}.city-select-page .miami-title-motion:before,.city-select-page .miami-title-motion:after{content:none}.city-select-page .miami-title-flow-canvas{z-index:4;pointer-events:none;opacity:0;mix-blend-mode:normal;filter:drop-shadow(0 0 2px #62ffe23d);width:100%;height:100%;display:block;position:absolute;inset:0}.city-select-page .miami-title-motion.has-three-title-flow .miami-title-flow-canvas{opacity:1}.city-select-page .work-title-stage{text-align:center;flex-direction:column;align-items:center;gap:clamp(5px,.8vh,10px);width:auto;max-width:min(1600px,94vw);height:auto;text-decoration:none;display:flex;top:clamp(505px,73.8vh,624px);left:50%;overflow:visible}.city-select-page .work-title-main-motion{--miami-title-height:clamp(92px, 13.2vh, 128px);width:min(calc(var(--miami-title-height) * var(--miami-title-aspect,4)), min(1600px, 94vw));height:var(--miami-title-height);transform:none}.city-select-page .work-title-kicker.miami-yellow-motion{z-index:3;width:min(calc(clamp(26px, 3.5vh, 34px) * var(--miami-yellow-aspect,7)), min(700px, 62vw));max-width:min(700px,62vw);height:clamp(26px,3.5vh,34px);display:block;position:relative;transform:none}.city-select-page .miami-yellow-image,.city-select-page .work-title-stage .miami-yellow-image{z-index:1;object-fit:contain;width:100%;height:100%;image-rendering:pixelated;filter:saturate(1.16)brightness(.98)contrast(1.06)drop-shadow(0 0 3px #ffdf4333);animation:5.8s ease-in-out infinite miami-yellow-base-cycle;display:block;position:relative}.city-select-page .miami-yellow-motion:after{content:"";z-index:2;pointer-events:none;-webkit-mask-image:var(--miami-yellow-mask,var(--category-hint-mask));mask-image:var(--miami-yellow-mask,var(--category-hint-mask));mix-blend-mode:screen;opacity:0;filter:drop-shadow(0 0 8px #fffcd299);background:#fffef1;animation:5.8s ease-in-out infinite miami-yellow-white-cycle;position:absolute;inset:0;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.city-select-page .category-title-hint.miami-yellow-motion:after{aspect-ratio:auto;width:100%;height:100%;inset:0;transform:none}.city-select-page .category-title-main-motion{--miami-title-height:var(--category-title-main-height);width:min(calc(var(--miami-title-height) * var(--miami-title-aspect,4)), min(1600px, 94vw));height:var(--miami-title-height);transform:translate(-50%)}.city-select-page .category-title-hint.miami-yellow-motion{top:calc(var(--category-main-top) + var(--category-title-main-height) + 14px);width:min(calc(clamp(26px, 3.5vh, 34px) * var(--miami-yellow-aspect,7)), min(700px, 62vw));max-width:min(700px,62vw);height:clamp(26px,3.5vh,34px)}@media (width<=760px){.city-select-page .work-title-stage{max-width:92vw;top:65.5vh;left:50%}.city-select-page .work-title-main-motion{--miami-title-height:clamp(76px, 12vh, 104px);width:min(calc(var(--miami-title-height) * var(--miami-title-aspect,4)), 92vw)}.city-select-page .work-title-kicker.miami-yellow-motion{width:min(calc(22px * var(--miami-yellow-aspect,7)), 88vw);max-width:88vw;height:22px}}@media (prefers-reduced-motion:reduce){.city-select-page .miami-title-motion:before,.city-select-page .miami-yellow-image,.city-select-page .miami-yellow-motion:after{animation:none}}.city-select-page{--archive-kicker-top:clamp(112px, 15vh, 168px);--archive-kicker-height:calc(clamp(1.12rem, 2.05vw, 1.96rem) * .96);--archive-main-top:clamp(470px, 69.5vh, 760px);--archive-title-height:clamp(92px, 13.2vh, 128px);--archive-guide-line:5px;--archive-guide-step:10px;--archive-guide-edge:2.5px;--archive-kicker-guide-top:calc(var(--archive-kicker-top) - 2px);--archive-kicker-guide-height:30px;--archive-title-guide-top:calc(var(--archive-main-top) + 13px);--archive-title-guide-height:100px}.city-select-page:before{box-shadow:none;background:linear-gradient(90deg,#ff7e6829,#d5185b0f 48%,#56002829)}.city-select-page .category-title-stage{--category-main-top:var(--archive-main-top);--category-title-main-height:var(--archive-title-height);clip-path:none;overflow:visible}.city-select-page .category-title-bands{clip-path:none;overflow:visible}.city-select-page .category-title-bands:before,.city-select-page .category-title-bands:after{background:repeating-linear-gradient(180deg, transparent 0 var(--archive-guide-edge), #3e001b4d var(--archive-guide-edge) calc(var(--archive-guide-edge) + var(--archive-guide-line)), transparent calc(var(--archive-guide-edge) + var(--archive-guide-line)) var(--archive-guide-step));box-shadow:none;opacity:1;border:0}.city-select-page .category-title-bands:before{top:var(--archive-kicker-guide-top);height:var(--archive-kicker-guide-height)}.city-select-page .category-title-bands:after{top:var(--archive-title-guide-top);height:var(--archive-title-guide-height)}.city-select-page .category-title-kicker{top:var(--archive-kicker-top)}.city-select-page .category-title-stage.is-work-directory .category-title-main-motion,.city-select-page .category-title-stage.is-work-directory .category-title-hint{display:none}.city-select-page .work-title-stage,.city-select-page .cassette-carousel[data-mode=open]~.category-title-stage+.work-title-stage{top:var(--archive-main-top);left:50%}.city-select-page .category-title-main-motion,.city-select-page .work-title-main-motion{--miami-title-height:var(--archive-title-height)}.city-select-page .category-title-main-motion{transform:translate(-50%,8px)}.city-select-page .work-title-main-motion{transform:translateY(8px)}@media (width<=760px){.city-select-page{--archive-kicker-top:14vh;--archive-kicker-height:calc(clamp(.88rem, 4.6vw, 1.24rem) * .96);--archive-main-top:68vh;--archive-title-height:clamp(76px, 12vh, 104px);--archive-guide-step:9px;--archive-guide-edge:2px;--archive-kicker-guide-top:calc(var(--archive-kicker-top) - 3px);--archive-kicker-guide-height:27px;--archive-title-guide-top:calc(var(--archive-main-top) + 10px);--archive-title-guide-height:108px}}@media (height>=800px) and (width>=761px){.city-select-page{--archive-title-guide-height:120px}}.city-select-page .game-card-category-rack{object-fit:contain;width:144%;height:auto;image-rendering:pixelated;pointer-events:none;display:block;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)}.city-select-page .cassette-carousel[data-mode=browse]{clip-path:none;overflow:visible}.city-select-page .cassette-carousel[data-mode=browse] .cassette-rail{margin-top:clamp(-22px,-2vh,-10px);margin-bottom:clamp(-28px,-3vh,-16px);padding-top:clamp(28px,4vh,46px);padding-bottom:clamp(72px,9vh,96px)}.city-select-page .disc-archive-case[data-game-card-category=true],.city-select-page .disc-archive-case[data-game-card-category=true] .disc-archive-shell{clip-path:none;contain:none;overflow:visible}.city-select-page .disc-archive-case[data-game-card-category=true] .disc-archive-shell{filter:drop-shadow(12px 15px #22001161);background:0 0}.city-select-page .cassette-carousel[data-mode=open] .disc-archive-case[data-game-card-category=true] .game-card-category-rack{opacity:0;visibility:hidden}.city-select-page .disc-archive-case[data-game-card-category=true] .cassette-face,.city-select-page .disc-archive-case[data-game-card-category=true] .cassette-side,.city-select-page .disc-archive-case[data-game-card-category=true] .cassette-bottom{display:none}.city-select-page .cassette-carousel[data-mode=open] .disc-archive-case[data-game-card-category=true][data-position=active]{width:clamp(260px,23vw,340px);height:clamp(350px,52vh,500px);top:clamp(6px,1.4vh,16px);transform:translateY(-8%)}.city-select-page .cassette-carousel[data-mode=open] .disc-archive-case[data-game-card-category=true]:before{content:none}.city-select-page .disc-archive-case[data-game-card-category=true]:after,.city-select-page .disc-archive-case[data-game-card-category=true] .disc-work-case[data-game-card-work=true] .tape-art:before,.city-select-page .disc-archive-case[data-game-card-category=true] .disc-work-case[data-game-card-work=true] .tape-art:after{content:none;display:none}.city-select-page .cassette-carousel[data-mode=open] .disc-archive-case[data-game-card-category=true][data-open=true] .disc-work-case[data-game-card-work=true]{opacity:1;filter:drop-shadow(12px 15px #28001361);width:88%;height:96%;top:45%;left:50%;transform:translate(-50%,-50%)}.city-select-page .disc-archive-case[data-game-card-category=true] .disc-work-case[data-game-card-work=true],.city-select-page .disc-archive-case[data-game-card-category=true] .disc-work-case[data-game-card-work=true] .tape-art,.city-select-page .disc-archive-case[data-game-card-category=true] .disc-work-case[data-game-card-work=true] .tape-art img{box-shadow:none;clip-path:none;appearance:none;background:0 0;border:0;border-radius:0;outline:0;overflow:visible}.city-select-page .disc-archive-case[data-game-card-active=true].is-work-retracting .disc-work-case{animation:.15s ease-in forwards game-card-case-retract}.city-select-page .disc-archive-case[data-game-card-active=true].is-switching .disc-work-case{animation:.24s cubic-bezier(.16,.84,.18,1) game-card-case-pull}@keyframes game-card-case-retract{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}@keyframes game-card-case-pull{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.disc-opening-transition[data-opening-type=game-card]{opacity:1;backdrop-filter:none;background:0 0;animation:none}.disc-opening-transition[data-opening-type=game-card] .disc-opening-legacy-image{display:none}.disc-opening-transition[data-opening-type=game-card]{background:0 0}.disc-opening-transition[data-opening-type=game-card] .disc-opening-scanlines,.disc-opening-transition[data-opening-type=game-card]>p{display:none}.city-select-page .cassette-carousel.is-game-card-opening~.work-title-stage,.city-select-page .cassette-carousel.is-game-card-opening~.category-title-stage+.work-title-stage{opacity:0}.city-select-page .cassette-carousel[data-mode=open] .disc-archive-case[data-open=true] .disc-work-case.is-game-card-opening-source{transition:opacity .15s ease-out,transform .42s cubic-bezier(.22,.72,.18,1);opacity:0!important;transform:translate(-50%,-50%)scale(.985)!important}.game-card-opening-stage{z-index:2;position:absolute;inset:0;overflow:hidden}.game-card-opening-stage[hidden]{display:none}.game-card-opening-stage>img{left:var(--game-card-origin-x,50%);top:var(--game-card-origin-y,48%);object-fit:contain;image-rendering:pixelated;opacity:0;filter:drop-shadow(16px 18px #0000007a);transition:left .37s cubic-bezier(.32,0,.18,1),top .37s cubic-bezier(.32,0,.18,1),width .37s cubic-bezier(.32,0,.18,1),opacity .12s ease-in-out,transform .47s cubic-bezier(.2,.78,.2,1);display:block;position:absolute;transform:translate(-50%,-50%)scale(1)}.game-card-opening-stage>.game-card-opening-open{width:var(--game-card-open-width,min(720px, 62vw));transform-origin:50%;height:auto;transform:translate(-50%,-50%)}.game-card-opening-open-right{z-index:2;clip-path:inset(0 0 0 50%)}.game-card-opening-stage>.game-card-opening-open-left{z-index:3;clip-path:inset(0 50% 0 0);transform-origin:50%;backface-visibility:hidden;transform:translate(-50%,-50%)perspective(1200px)rotateY(88deg)}.game-card-opening-cartridge{z-index:3;width:var(--game-card-slot-width,min(72px, 7vw));height:auto;left:calc(var(--game-card-origin-x,50%) + var(--game-card-slot-offset-x,min(150px, 14vw)))!important;top:calc(var(--game-card-origin-y,48%) + var(--game-card-slot-offset-y,min(148px, 15vh)))!important;filter:drop-shadow(8px 9px #0000006b)!important}.disc-opening-transition[data-game-card-step=open] .game-card-opening-open-right,.disc-opening-transition[data-game-card-step=loaded] .game-card-opening-open-right,.disc-opening-transition[data-game-card-step=open] .game-card-opening-open-left,.disc-opening-transition[data-game-card-step=loaded] .game-card-opening-open-left,.disc-opening-transition[data-game-card-step=open] .game-card-opening-cartridge,.disc-opening-transition[data-game-card-step=loaded] .game-card-opening-cartridge,.disc-opening-transition[data-game-card-step=eject] .game-card-opening-open-right,.disc-opening-transition[data-game-card-step=eject] .game-card-opening-open-left,.disc-opening-transition[data-game-card-step=eject] .game-card-opening-cartridge{opacity:1}.disc-opening-transition[data-game-card-step=open] .game-card-opening-open-left,.disc-opening-transition[data-game-card-step=loaded] .game-card-opening-open-left,.disc-opening-transition[data-game-card-step=eject] .game-card-opening-open-left{transform:translate(-50%,-50%)perspective(1200px)rotateY(0)}.disc-opening-transition[data-game-card-step=eject] .game-card-opening-open-right,.disc-opening-transition[data-game-card-step=eject] .game-card-opening-open-left{transition-duration:.36s;left:-55%}.disc-opening-transition[data-game-card-step=eject] .game-card-opening-cartridge{width:min(250px,25vw);top:48%!important;left:50%!important}.disc-opening-transition[data-opening-type=game-card]>p{color:#f0e8d7;text-shadow:2px 2px #000000c2}@media (width<=760px){.city-select-page .game-card-category-rack{width:116%;height:auto;top:54%}.city-select-page .cassette-carousel[data-mode=open] .disc-archive-case[data-game-card-category=true][data-position=active]{width:min(158px,49vw);height:min(330px,46vh);top:8px;transform:translateY(-5%)}.game-card-opening-open{width:var(--game-card-open-width,96vw);height:auto}.game-card-opening-cartridge{width:var(--game-card-slot-width,10vw);left:calc(var(--game-card-origin-x,50%) + var(--game-card-slot-offset-x,15vw))!important;top:calc(var(--game-card-origin-y,48%) + var(--game-card-slot-offset-y,14vh))!important}.disc-opening-transition[data-game-card-step=eject] .game-card-opening-cartridge{width:38vw;top:48%!important;left:50%!important}}@media (width>=921px){.city-select-page{--archive-kicker-top:15svh;--archive-kicker-height:calc(max(clamp(1.12rem, 2.05vw, 1.96rem), min(1.6333vw, 2.9037svh)) * .96);--archive-main-top:69.5svh;--archive-title-height:max(clamp(92px, 13.2vh, 128px), min(6.6667vw, 11.8519svh));--archive-guide-line:max(5px, min(.2604vw, .463svh));--archive-guide-step:max(10px, min(.5208vw, .9259svh));--archive-guide-edge:max(2.5px, min(.1302vw, .2315svh));--archive-kicker-guide-height:max(30px, min(1.5625vw, 2.7778svh));--archive-title-guide-height:max(100px, min(6.25vw, 11.1111svh));--archive-title-copy-gap:max(28px, min(1.4583vw, 2.5926svh))}.city-select-page .city-select-content{width:min(100%,max(min(1460px,100vw - 28px),min(76.0417vw,135.185svh)))}.city-select-page .cassette-carousel{min-height:max(480px,min(33.8542vw,60.1852svh))}.city-select-page .cassette-carousel[data-mode=browse]{transform:translateY(min(3.2svh,5.6889vw))}.city-select-page .cassette-carousel[data-mode=browse] .cassette-rail{margin-top:max(-1.1458vw,-2.037svh);margin-bottom:max(-1.4583vw,-2.5926svh);padding-top:min(4svh,7.1111vw);padding-bottom:max(72px,min(8.8889svh,15.8025vw))}.city-select-page .cassette-rail{grid-auto-columns:max(clamp(190px,15.5vw,238px),min(12.3958vw,22.037svh));gap:max(clamp(118px,11.5vw,198px),min(10.3125vw,18.3333svh));padding-left:calc(50vw - max(clamp(95px,7.75vw,119px),min(6.1979vw,11.0185svh)));padding-right:calc(50vw - max(clamp(95px,7.75vw,119px),min(6.1979vw,11.0185svh)))}.city-select-page .cassette-case{width:max(clamp(190px,15.5vw,238px),min(12.3958vw,22.037svh));height:max(clamp(234px,19vw,293px),min(15.2604vw,27.1296svh))}.city-select-page .cassette-back{width:max(40px,min(2.0833vw,3.7037svh));height:max(40px,min(2.0833vw,3.7037svh));top:calc(max(clamp(4px,.65vw,8px),min(.4167vw,.7407svh)) + max(clamp(82px,7.4vw,116px),min(6.0417vw,10.7407svh)) + max(12px,min(.625vw,1.1111svh)));right:max(clamp(18px,4vw,54px),min(2.8125vw,5svh))}.city-select-page .category-title-kicker,.city-select-page .category-title-hint{width:min(88vw,max(760px,min(39.5833vw,70.3704svh)))}.city-select-page .category-title-kicker{font-size:max(clamp(1.12rem,2.05vw,1.96rem),min(1.6333vw,2.9037svh))}.city-select-page .category-title-main-motion,.city-select-page .work-title-main-motion{width:min(calc(var(--miami-title-height) * var(--miami-title-aspect,4)), min(83.3333vw, 148.148svh), 94vw)}.city-select-page .category-title-hint.miami-yellow-motion,.city-select-page .work-title-kicker.miami-yellow-motion{width:min(calc(max(clamp(26px, 3.5vh, 34px), min(1.7708vw, 3.1481svh)) * var(--miami-yellow-aspect,7)), min(62vw, max(700px, min(36.4583vw, 64.8148svh))), 62vw);max-width:min(62vw,max(700px,min(36.4583vw,64.8148svh)));height:max(clamp(26px,3.5vh,34px),min(1.7708vw,3.1481svh))}.city-select-page .category-title-hint.miami-yellow-motion{top:calc(var(--archive-main-top) + var(--archive-title-height) + var(--archive-title-copy-gap))}.city-select-page .work-title-stage{top:var(--archive-main-top);gap:var(--archive-title-copy-gap);max-width:min(94vw,max(1600px,min(83.3333vw,148.148svh)))}.city-select-page .cassette-carousel[data-mode=open]{transform:none}.city-select-page .cassette-carousel[data-mode=open] .disc-archive-case[data-game-card-category=true][data-position=active]{width:max(clamp(260px,23vw,340px),min(17.7083vw,31.4815svh));height:max(clamp(350px,52vh,500px),min(26.0417vw,46.2963svh));position:fixed;top:30svh;left:50%;transform:translateY(-8%)}.city-select-page .work-description-stage{width:max(min(520px,32vw),min(27.0833vw,48.1481svh));top:36svh;left:auto;right:calc(50% - min(1.0417vw,1.8519svh))}.city-select-page .work-description-summary{font-size:max(clamp(1rem,1.42vw,1.36rem),min(1.1333vw,2.0148svh))}.city-select-page .work-description-stage[data-summary-length=long] .work-description-summary{font-size:max(clamp(.88rem,1.18vw,1.12rem),min(.9333vw,1.6593svh))}.city-select-page .work-description-stage[data-summary-length=extra-long] .work-description-summary{font-size:max(clamp(.72rem,.98vw,.94rem),min(.7833vw,1.3926svh))}.city-select-page .work-description-body{margin-top:max(clamp(12px,1.8vh,20px),min(1.0417vw,1.8519svh));font-size:max(clamp(.74rem,.9vw,.91rem),min(.7583vw,1.3481svh))}}.portfolio-mobile-controls{display:none}@media (width<=760px),(pointer:coarse) and (width<=1024px),(orientation:landscape) and (width<=1024px) and (height<=540px){.city-select-page{--archive-horizon-y:78svh;--archive-main-top:64svh;width:100%;height:100svh;min-height:100svh;padding:0;overflow:hidden}.city-select-page .city-select-content{height:100%}.city-select-page .cassette-carousel{clip-path:none;touch-action:pan-y;height:calc(100svh - 178px);min-height:0;margin:0}.city-select-page .cassette-carousel[data-mode=browse]{transform:translateY(138px)}.city-select-page .cassette-rail{scrollbar-width:none;height:100%;padding-top:18px;padding-bottom:120px}.city-select-page .cassette-rail::-webkit-scrollbar{display:none}.city-select-page .category-title-kicker{font-size:clamp(.82rem,4.2vw,1.08rem);top:112px}.city-select-page .category-title-main-motion,.city-select-page .work-title-main-motion{--miami-title-height:clamp(70px, 10svh, 88px)}.city-select-page .category-title-main-motion{width:min(92vw, calc(var(--miami-title-height) * var(--miami-title-aspect,4)));top:76svh;top:76svh!important}.city-select-page .category-title-hint,.city-select-page .category-title-hint.miami-yellow-motion,.city-select-page .work-title-kicker,.city-select-page .work-title-kicker.miami-yellow-motion{display:none}.portfolio-mobile-controls{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left));z-index:18;backdrop-filter:blur(8px);background:#3a001bad;border:1px solid #ffe25f47;grid-template-columns:82px minmax(0,1fr) 82px;align-items:center;gap:8px;min-height:48px;padding:4px;display:grid;position:fixed;box-shadow:0 10px 28px #2d00143d}.portfolio-mobile-controls button{color:#eaffff;background:#05091e8f;border:1px solid #5dfcff5c;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:44px;padding:0 8px;font-weight:800;display:flex}.portfolio-mobile-controls button span{color:var(--cyan);font-size:1.05rem}.portfolio-mobile-controls button small{font-size:.68rem}.portfolio-mobile-controls p{color:#fff2b0;min-width:0;font:700 .68rem/1.3 var(--font-ui-pixel);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.city-select-page .cassette-back{right:max(12px, env(safe-area-inset-right));z-index:19;background:#39001b75;border:1px solid #5dfcff38;width:44px;height:44px;top:-204px!important}.city-select-page .cassette-carousel[data-mode=open]{height:calc(100svh - 160px);transform:translateY(126px)}.city-select-page .cassette-carousel[data-mode=open] .disc-archive-case[data-position=active]{width:min(172px,47vw);height:min(350px,43svh);position:absolute;top:116px;left:50%;transform:translate(-50%)scale(.9)}.city-select-page .work-description-stage{pointer-events:none;background:linear-gradient(90deg,#42001cc2,#42001c38);width:auto;max-height:92px;padding:9px 10px;position:fixed;top:112px;left:16px;right:68px;overflow:hidden}.city-select-page .work-description-summary{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.city-select-page .work-description-body{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:5px;font-size:.6rem;line-height:1.38;display:-webkit-box;overflow:hidden}.city-select-page .cassette-carousel[data-mode=open]~.category-title-stage+.work-title-stage,.city-select-page .work-title-stage{width:min(94vw,430px);max-width:94vw;top:65svh}}@media (width<=380px) and (orientation:portrait){.portfolio-mobile-controls{grid-template-columns:64px minmax(0,1fr) 64px}.portfolio-mobile-controls button small{display:none}}@media (orientation:landscape) and (width<=1024px) and (height<=540px){.city-select-page{--archive-main-top:calc(100svh - 118px)}.city-select-page .cassette-carousel,.city-select-page .cassette-carousel[data-mode=browse]{height:calc(100svh - 66px);transform:translateY(56px)}.city-select-page .cassette-rail{padding-top:4px;padding-bottom:68px}.city-select-page .disc-archive-case[data-browse-active=true]{transform:translateY(-16px)scale(.68)!important}.city-select-page .category-title-kicker{top:60px}.city-select-page .category-title-main-motion,.city-select-page .work-title-main-motion{--miami-title-height:58px}.city-select-page .category-title-main-motion{top:calc(100svh - 118px)}.portfolio-mobile-controls{right:10px;bottom:max(6px, env(safe-area-inset-bottom));grid-template-columns:70px minmax(0,1fr) 70px;min-height:42px;left:10px}.portfolio-mobile-controls button{min-height:38px}.portfolio-mobile-controls button small{display:none}.city-select-page .cassette-back{top:62px}.city-select-page .cassette-carousel[data-mode=open]{height:calc(100svh - 66px);transform:translateY(56px)}.city-select-page .cassette-carousel[data-mode=open] .disc-archive-case[data-position=active]{width:132px;height:250px;top:24px}.city-select-page .work-description-stage{width:min(260px,32vw);max-height:112px;top:68px;left:16px;right:auto}.city-select-page .cassette-carousel[data-mode=open]~.category-title-stage+.work-title-stage,.city-select-page .work-title-stage{top:calc(100svh - 116px)}}@media (width<=760px),(pointer:coarse) and (width<=1024px),(orientation:landscape) and (width<=1024px) and (height<=540px){.city-select-page{--archive-horizon-y:78svh;--archive-main-top:76svh;height:100svh;min-height:100svh;overflow:hidden}.city-select-page .cassette-carousel{clip-path:none;touch-action:pan-y;height:calc(100svh - 178px);min-height:0}.city-select-page .cassette-carousel[data-mode=browse]{transform:translateY(0)}.city-select-page .cassette-rail{height:100%;padding-top:18px;padding-bottom:120px}.city-select-page .category-title-kicker{top:144px}.city-select-page .category-title-main-motion,.city-select-page .work-title-main-motion{--miami-title-height:clamp(70px, 10svh, 88px)}.city-select-page .category-title-main-motion{top:69svh!important}.city-select-page .category-title-hint,.city-select-page .category-title-hint.miami-yellow-motion,.city-select-page .work-title-kicker,.city-select-page .work-title-kicker.miami-yellow-motion{display:none}.city-select-page .cassette-back{right:max(12px, env(safe-area-inset-right));width:44px;height:44px;top:-204px!important}.city-select-page .cassette-carousel[data-mode=open]{height:calc(100svh - 160px);transform:translateY(126px)}.city-select-page .cassette-carousel[data-mode=open] .disc-archive-case[data-game-card-category=true][data-position=active]{width:min(172px,47vw);height:min(350px,43svh);position:absolute;left:50%;transform:translate(-50%)scale(.9);top:-119px!important}.city-select-page .work-description-stage{width:auto;max-height:92px;position:fixed;top:112px;left:16px;right:68px}.city-select-page .cassette-carousel[data-mode=open]~.category-title-stage+.work-title-stage,.city-select-page .work-title-stage{width:min(94vw,430px);max-width:94vw;top:65svh}}@media (orientation:landscape) and (width<=1024px) and (height<=540px){.city-select-page{--archive-main-top:calc(100svh - 118px)}.city-select-page .cassette-carousel,.city-select-page .cassette-carousel[data-mode=browse]{height:calc(100svh - 66px);transform:translateY(56px)}.city-select-page .cassette-rail{padding-top:4px;padding-bottom:68px}.city-select-page .category-title-kicker{top:60px}.city-select-page .category-title-main-motion,.city-select-page .work-title-main-motion{--miami-title-height:58px}.city-select-page .cassette-back{top:62px}.city-select-page .cassette-carousel[data-mode=open]{height:calc(100svh - 66px);transform:translateY(56px)}.city-select-page .cassette-carousel[data-mode=open] .disc-archive-case[data-game-card-category=true][data-position=active]{width:132px;height:250px;top:24px}.city-select-page .work-description-stage{width:min(260px,32vw);max-height:112px;top:68px;left:16px;right:auto}.city-select-page .cassette-carousel[data-mode=open]~.category-title-stage+.work-title-stage,.city-select-page .work-title-stage{top:calc(100svh - 116px)}}