@layer base,index,secondary,etc;@layer etc{.top-screen-tap{position:absolute;display:block;width:4%;aspect-ratio:1/1;border-radius:50%;-webkit-backdrop-filter:invert() grayscale();backdrop-filter:invert() grayscale();animation:click .25s both linear 1;transform:translate(-50%,-50%);transform-origin:0 0;z-index:2}@keyframes click{0%{opacity:1;scale:1}to{opacity:0;scale:2}}.star{overflow:clip;position:fixed;transform:translate(-50%,-50%);display:block;width:40%;aspect-ratio:1/1;pointer-events:none}.click-effect:before{content:"";position:absolute;clip-path:polygon(50% 0,79% 90%,2% 35%,98% 35%,21% 90%);display:block;background-color:#00fff7;width:100%;height:100%;margin:auto;animation:star 1s both cubic-bezier(0,.8,1,1) 1;rotate:45deg;transform-origin:center}.click-effect{top:0;left:0;right:0;bottom:0;margin:auto;display:block;position:absolute;rotate:calc(var(--order) * 45deg);aspect-ratio:1/1;width:10%;height:10%;animation:circle .75s both cubic-bezier(.5,1,1,1) 1;filter:hue-rotate(calc(var(--order) * 45deg)) saturate(20)}@keyframes star{25%{opacity:1}to{transform:translateY(-500%) scale(2) rotate(calc(var(--order) * 20deg));opacity:0}}@keyframes circle{to{transform:rotate(270deg)}}}@layer base,index,secondary,etc;@layer index{@font-face{font-family:shin-go;src:url(/_fonts/shin-go/tt_shingo_medium_medium.otf) format("opentype")}:root{--cursor: url(/_Assets/art/Normal.png) 0 24, default;--cursor-selected: url(/_Assets/art/Precision.png) 9 24, default}body{font-family:shin-go;margin:0;background-image:linear-gradient(#bbd1ff,#2c75fd);min-height:100vh;min-width:100vw;padding:0}button{font-family:inherit;color:inherit;border:none}*{box-sizing:border-box}.ds-container *{-webkit-user-select:none;-moz-user-select:none;user-select:none}#home-menu{position:absolute;cursor:var(--cursor);width:100%;height:75%;scroll-behavior:smooth;overflow-x:scroll;overflow-y:hidden;margin-inline:auto;background-color:#000;background-image:url(/_Assets/art/3dsbg.webp);background-size:auto;background-attachment:local;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start;overscroll-behavior:none}#home-menu:active{cursor:var(--cursor-selected)}.faux-border{display:block;height:22%;width:16.5%;margin:4%;border-radius:20%;background-color:#fff;padding:1.5%;background-image:linear-gradient(#fff 75%,#b0b0b0);box-shadow:0 0 15px #000000ab,inset 0 0 2px;cursor:inherit;transform-origin:0 0;transition:translate .5s linear,opacity .5s linear}.empty{background-color:transparent;background-image:none;box-shadow:none;padding:5%}.empty:before{content:"";display:block;border:none;background-color:#31313155;width:100%;height:100%;border-radius:20%}.faux-border:hover{transform:translateY(2%)}.faux-border:active{transform:translateY(5%)}.menu-item{display:block;cursor:inherit;border:solid 2px white;width:100%;height:100%;aspect-ratio:1/1;text-overflow:clip;overflow:hidden;border-radius:20%;-o-object-fit:cover;object-fit:cover;background-color:#eee;background-image:var(--thumbnail);background-size:cover}.menu-item.loaded>img{opacity:1}.menu-item img{display:block;opacity:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;image-rendering:optimizeSpeed;font-size:0;border-radius:inherit;transition:opacity .2s ease-in-out}.selected{position:relative;isolation:isolate}.selected:after{content:"";pointer-events:none;filter:drop-shadow(0px 0px 5px #ffffff) brightness(140%);top:0;right:0;bottom:0;left:0;position:absolute;background-image:url(/_Assets/art/selector.webp);background-size:contain;border-radius:5%;transform:scale(1.05);animation:selector 1s ease-in both alternate infinite;color:#ff1493}.selected:active .menu-item{opacity:.5}@keyframes selector{0%{transform:scale(1.05)}to{transform:scale(1.15);filter:drop-shadow(0px 0px 8px #ffffff) brightness(300%)}}.ds-container{position:relative;display:block;margin:auto;aspect-ratio:1/1;max-height:100vh}.ds-container #home-menu{transform:scale(.428) translate(1%,96%)}.ds-container:after{content:"";position:absolute;background-image:url(/_Assets/art/3ds.webp);background-position:center;background-size:contain;background-repeat:no-repeat;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.ds-container .buttons-container{position:absolute;z-index:50}.face-buttons:hover:before{content:"";top:0;right:0;bottom:0;left:0;z-index:-1;position:absolute;background-color:#ff66c7b3;filter:blur(5px);border-radius:50%}.ds-container .d-pad{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;height:12%;width:12.5%;left:5%;top:48.5%}.face-buttons{position:relative;isolation:isolate;cursor:pointer;display:block;width:100%;height:100%;background-color:transparent}.face-buttons[data-btn=up]{grid-row:1;grid-column:2}.face-buttons[data-btn=left]{grid-row:2;grid-column:1}.face-buttons[data-btn=right]{grid-row:2;grid-column:3}.face-buttons[data-btn=down]{grid-row:3;grid-column:2}.ds-container .abxy{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;right:2.5%;top:29.5%;width:16.5%;height:15.5%}.abxy .face-buttons:after{content:"";display:block;top:0;right:0;bottom:0;left:0;color:#fff;font-size:100%}.face-buttons[data-btn=a]{grid-row:2;grid-column:3}.face-buttons[data-btn=a]:hover:after{content:"A"}.face-buttons[data-btn=b]{grid-row:3;grid-column:2}.face-buttons[data-btn=b]:hover:after{content:"B"}.back-to-dbc{text-decoration:none;position:absolute;display:block;height:7%;z-index:100;width:10%;top:85%;left:45.5%}.faux-border--selected{translate:0 -300%;opacity:0}.image-modal{display:block;cursor:var(--cursor);top:0;right:0;bottom:0;left:0;z-index:100;visibility:hidden;opacity:0;background-color:#0000008b;position:fixed;transition:.5s ease-out;overflow:scroll}.image-modal img{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:block;position:relative;margin:auto;width:100%;height:100%;translate:0 -100%;-o-object-fit:contain;object-fit:contain;transition:.75s;image-rendering:optimizeQuality}.image-modal--fade-in{opacity:1;visibility:visible}.image-modal--fade-in img{translate:0 0}.hidden{visibility:hidden;opacity:0}@keyframes hover{0%{transform:translateY(-10%)}to{transform:translateY(5%)}}.top-screen-preview{display:block;position:absolute;background-image:url(/_Assets/art/3ds_top_screen.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;top:15%;left:23%;width:55%;height:34.5%;background-color:#0000008b;overflow:hidden}.top-screen-preview .faux-border{aspect-ratio:4/3;height:auto;width:50%;margin-inline:auto;margin-top:6%;animation:hover both 2s infinite alternate ease-in-out}.top-screen-preview .faux-border{transform:none;padding:4%}@keyframes hover{0%{transform:translateY(-5%)}to{transform:translateY(5%)}}.top-screen-preview .top-preview{display:block;-o-object-fit:contain;object-fit:contain;margin:auto;width:100%;height:100%;border-radius:20%;image-rendering:optimizeSpeed;background-image:var(--thumbnail);background-color:#000;background-size:contain;background-position:center;background-repeat:no-repeat}.top-preview img{border-radius:inherit;display:block;width:100%;height:100%;font-size:0;-o-object-fit:contain;object-fit:contain}.top-screen-preview h2{display:block;font-weight:400;line-height:1em;margin:0;padding:0 1rem .25rem;text-align:center;background-color:#000;color:#fff;background-color:#0000009f;font-size:min(1.5rem,3vw)}@media (max-aspect-ratio: 5/8){.ds-container{transform-origin:center 20;position:absolute;top:0;left:0;right:0;bottom:0;scale:1.8}.mobile-wrapper{align-content:center;position:relative;overflow:hidden;width:100vw}}.full-page-wrapper{display:flex;flex-direction:row;height:100vh}.mobile-wrapper{position:relative;flex-basis:0;flex-grow:999;min-inline-size:50%;overflow:hidden}.toolbar-view-more,.toolbar-content{display:none}.toolbar a{-webkit-user-select:none;-moz-user-select:none;user-select:none}.toolbar{display:flex;flex-direction:column;width:20vw;height:100vh;background-color:gray;border-right:solid 2px #173ba8;align-items:stretch;justify-content:stretch}.dropdown{background-color:#dfdfdf;overflow:hidden;font-weight:700;border:solid 3px;align-content:center;aspect-ratio:1/1;text-align:center}.dropdown a{font-size:min(3rem,3vw);text-wrap:nowrap;display:block;width:100%;height:100%;top:0;right:0;bottom:0;left:0;color:#121212;text-decoration:none;padding:.5rem;align-content:center}@media (max-aspect-ratio: 1/1){.full-page-wrapper{flex-direction:column}.toolbar{width:100%;height:initial;flex-direction:row}.dropdown{overflow:hidden;width:100%}.dropdown a{align-content:center}}.menu-button{height:7%;width:auto;display:block;position:absolute;z-index:3;top:65%;cursor:var(--cursor)}.menu-button:hover{filter:contrast(.9) saturate(1.3);transform:translateY(5%)}.menu-button:active{filter:brightness(.9) contrast(1.2) saturate(1.2);transform:translateY(10%)}.menu-button[data-dir=left]{left:29%}.menu-button[data-dir=right]{right:28.5%}.music-button{background:#fff;padding:1rem;border-radius:20%;z-index:50;width:7rem;height:7rem;position:absolute;top:0;right:0;cursor:var(--cursor);animation:hover both 2s 1.3s infinite alternate ease-in-out}.music-button:hover{filter:brightness(.8)}.music-button:active{filter:brightness(.5)}.music-button img{width:100%;height:100%;z-index:101}#toast{position:absolute;color:#fff;font-size:min(1rem,2vw);padding:.5rem 1rem 0;background-color:#00000070;top:0;right:0;z-index:1;translate:0 -100%;transition:translate .25s linear}#toast.toast--visible{translate:0 0}}