.songDeck{margin-left:min(5vw,1rem);margin-right:min(5vw,1rem);margin-bottom:2rem;margin-top:2rem;width:max(90vw,100vw - 2rem);display:flex;flex-flow:column nowrap;align-items:center;gap:2rem;container-type:inline-size;container-name:deck}.songCard{--card-height: 9rem;font-size:1.5rem;box-sizing:border-box;height:var(--card-height);--card-width: min(100cqw, 32rem);width:var(--card-width);max-width:100cqw;contain:layout}@container deck (width < 26rem){.songCard{--card-height: 6rem;--card-width: min(100cqw, 20rem);font-size:1rem;max-width:20rem}}@media(height < 28rem){.songCard{--card-height: 6rem;--card-width: min(100cqw, 20rem);font-size:1rem;max-width:20rem}}.songCard{display:grid;grid-template-columns:clamp(1rem,2em,8cqi) var(--card-height) 1fr;grid-template-rows:2fr 1fr}@container deck (width < 26rem){.songCard{grid-template-rows:3fr 1fr}}@media(height < 28rem){.songCard{grid-template-rows:3fr 1fr}}.songCard .hoverTarget{position:absolute;left:clamp(1rem,2em,8cqi);right:0;width:calc(100% - clamp(1rem,2em,8cqi));height:100%;z-index:10}.songCard{--focus-scaling: min(1.1, calc(100cqw / var(--card-width)));--focus-margin: calc(var(--card-height) * var(--focus-scaling) - var(--card-height))}.songCard:has(.hoverTarget:hover),.songCard:focus-within{scale:var(--focus-scaling);margin:var(--focus-margin) 0}.songCard:has(.hoverTarget:hover) .hoverTarget,.songCard:focus-within .hoverTarget{scale:calc(1/var(--focus-scaling))}.songCard:has(.hoverTarget:hover) .main,.songCard:focus-within .main{filter:drop-shadow(0 calc(var(--card-height) / 64 + var(--focus-margin) / 2) calc(var(--card-height) / 64 + var(--focus-margin) / 2) rgba(0, 0, 0, calc(0.6 / pow(var(--focus-scaling), 2))))}.songCard:last-child{margin-bottom:calc(3*var(--focus-margin))}.songCard:last-child:has(.hoverTarget:hover),.songCard:last-child:focus-within{margin-top:var(--focus-margin);margin-bottom:calc(2*var(--focus-margin))}.songCard:has(.hoverTarget:hover)~.songCard:last-child,.songCard:focus-within~.songCard:last-child{margin-bottom:var(--focus-margin)}.songCard .side{contain:layout;grid-column:1/2;grid-row:1/3;height:var(--card-height);width:clamp(1rem,2em,8cqi)}.songCard .side .note{font-variation-settings:"wght" 300}.songCard .side .note:not([lang=jp]){font-size:clamp(1rem,2em,8.5cqi);position:absolute;left:100%;bottom:0%;transform-origin:0% 100%;transform:rotate(-90deg)}.songCard .side .note[lang=jp]{font-size:clamp(1rem,1.2em,8.5cqi);font-variation-settings:"wght" 450;writing-mode:vertical-rl;text-orientation:upright;position:absolute;top:0%;right:10%;letter-spacing:-0.1rem}.songCard .main{grid-column:2/5;grid-row:1/3;display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;background-color:#fff;filter:drop-shadow(0 calc(var(--card-height) / 64) calc(var(--card-height) / 64) rgba(0, 0, 0, 0.9))}.songCard .main .cover{grid-column:1/2;grid-row:1/3}.songCard .main .cover img{object-fit:contain;width:var(--card-height);height:var(--card-height);max-inline-size:var(--card-height)}.songCard .main .head{grid-column:2/3;grid-row:1/2;container-type:inline-size;box-sizing:border-box;height:calc(2*var(--card-height)/3);width:101%;padding:.6em .8em}@container deck (width < 26rem){.songCard .main .head{height:calc(3*var(--card-height)/4);padding:.3em .6em}}@media(height < 28rem){.songCard .main .head{height:calc(3*var(--card-height)/4);padding:.3em .6em}}.songCard .main .head{font-size:1em;font-variation-settings:"wght" 1000;text-align:end;opacity:80%;line-height:110%}@container deck (width > 15rem){.songCard .main .head:not([data-break=all]):not([data-break]) span{display:inline-block}}@container deck (width >= 26rem){.songCard .main .head:not([data-break=all])[data-break=small] span{display:inline-block}}@container deck (width >= 30rem){.songCard .main .head:not([data-break=all])[data-break=narrow] span{display:inline-block}}@container deck (width < 26rem) or (width >= 30rem){.songCard .main .head:not([data-break=all])[data-break=bignarrow] span{display:inline-block}}.songCard .main .head .sub{font-size:clamp(1rem,.8em,8.5cqi)}.songCard .main .tail{grid-column:2/3;grid-row:2/3;max-height:calc(var(--card-height)/3);display:flex;flex-flow:row nowrap;justify-content:space-between;font-size:clamp(1rem,.75em,8.5cqi);font-variation-settings:"wght" 600;opacity:40%;align-items:center;padding:0 .66em}@container deck (width < 26rem){.songCard .main .tail{max-height:calc(var(--card-height)/4);padding:0 .6em}}@media(height < 28rem){.songCard .main .tail{max-height:calc(var(--card-height)/4);padding:0 .6em}}.songCard .main .tail span{line-height:100%}@container deck (width <= 20rem){.songCard .main .tail span .trim{display:none}}@container deck (width <= 17rem){.songCard .main .tail span.bpm{display:none}}#disco-content{margin:0}