@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700&display=swap";*,:before,:after{box-sizing:border-box}html,body{background:#000;width:100%;height:100%;margin:0;padding:0;overflow:hidden}canvas{width:100%;height:100%;display:block}#back{z-index:10002;color:#ffffffb3;cursor:pointer;letter-spacing:2px;text-transform:uppercase;background:#000000bf;border:1px solid #ffffff40;border-radius:20px;padding:.55rem 1.4rem;font-family:Noto Sans JP,monospace,sans-serif;font-size:.75rem;transition:color .2s,border-color .2s,background .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}#back:hover{color:#fff;background:#000000f2;border-color:#fff9}.sss-root{z-index:50;perspective:900px;cursor:grab;touch-action:none;background:0 0;justify-content:center;align-items:center;font-family:Noto Sans JP,monospace,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.sss-hint{letter-spacing:2px;color:#ffffff38;pointer-events:none;white-space:nowrap;font-size:.65rem;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.sss-scene{transform-style:preserve-3d;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.sss-inner{transform-style:preserve-3d;width:0;height:0;position:relative}.sss-card{width:170px;height:190px;transform-style:preserve-3d;cursor:pointer;opacity:0;background:#03080f;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:-95px;left:-85px;overflow:hidden;box-shadow:0 4px 28px #000c}.sss-card-bg{object-fit:cover;border-radius:10px;width:100%;height:100%;position:absolute;inset:0}.sss-particle-cv{opacity:0;border-radius:10px;width:100%;height:100%;position:absolute;inset:0}.sss-card-text{z-index:1;background:linear-gradient(#0000,#000000d1);border-radius:0 0 10px 10px;padding:8px 12px 10px;position:absolute;bottom:0;left:0;right:0}.sss-name{color:#fff;margin-bottom:2px;font-size:.8rem;font-weight:700;line-height:1.2}.sss-artist{letter-spacing:.5px;color:var(--c);opacity:.85;white-space:nowrap;text-overflow:ellipsis;font-family:monospace;font-size:.6rem;overflow:hidden}.sss-card--utility{--c:#22dbcc;-webkit-backdrop-filter:blur(6px);background:radial-gradient(120% 90% at 50% 0,#22dbcc29,#0000 60%),linear-gradient(160deg,#0a262cb8,#030c12d1);border:1px solid #22dbcc52;gap:14px;transition:border-color .25s,box-shadow .25s,background .25s;box-shadow:inset 0 0 24px #22dbcc1f,0 6px 30px #000000b3}.sss-card--utility:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 40%,#22dbcc1a 50%,#0000 60%);border-radius:10px;position:absolute;inset:0}.sss-util-glyph{color:var(--c);text-shadow:0 0 16px #22dbcc8c;font-size:2.6rem;line-height:1}.sss-card--settings .sss-util-glyph:before{content:"⚙"}.sss-card--credits .sss-util-glyph:before{content:"ℹ"}.sss-util-label{letter-spacing:3px;color:#d2fffac7;text-transform:uppercase;font-size:.68rem}.sss-card--utility.sss-card--active{background:radial-gradient(120% 90% at 50% 0,#22dbcc4d,#0000 62%),linear-gradient(160deg,#0e343cd1,#041016e0);border-color:#22dbccd9;box-shadow:inset 0 0 32px #22dbcc47,0 8px 40px #22dbcc4d}