.tx-song-wrap{width:min(100% - 2*var(--tx-gap,16px),var(--tx-max,1400px));margin:0 auto;padding:12px 0 150px;color:#ededed;box-sizing:border-box}.tx-song-nojs{margin:0;padding:0 0 0 20px;color:#a0a0a0}.tx-song-nojs a{color:#ffc933}.sg{--sg-green:#FFC933;--sg-green-d:#FFC933;--sg-gold:#FFC933;--sg-line:#2a2a2a;font-family:Minecraft,Arial,sans-serif;position:relative;min-width:0}.sg *,.sg *:before,.sg *:after{box-sizing:border-box}.sg button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.sg button:disabled{cursor:default}.sg button:focus-visible,.sg a:focus-visible{outline:2px solid var(--sg-gold);outline-offset:2px}.sg-engine{position:fixed;left:0;bottom:0;width:1px;height:1px;border:0;opacity:0;pointer-events:none}.sg-group{margin:0 0 34px}.sg-h{margin:0 0 14px;font-size:19px;font-weight:400;line-height:1.2;letter-spacing:.5px;color:#fff;text-shadow:2px 2px 0 #000}.sg-picks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sg-pick{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-width:0;padding:8px 12px 8px 8px;text-align:left;color:#fff;background:#131313;border:2px solid var(--sg-line);border-radius:2px;transition:border-color .16s,background .16s}.sg-pick:hover:not(:disabled){border-color:#ffc93399;background:#1a1710}.sg-pick.is-active{border-color:var(--sg-green);background:#1a1608}.sg-pick-img{flex:none;width:64px;height:64px;object-fit:cover;background:#0a0a0a;border:2px solid #000;image-rendering:auto}.sg-pick-text{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.sg-pick-text strong{font-weight:400;font-size:14px;letter-spacing:.4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg-pick-text span{font-family:Arial,sans-serif;font-size:13px;color:#a0a0a0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg-pick.is-loading .sg-pick-img,.sg-card.is-loading .sg-cover{animation:sg-pulse 1.1s ease-in-out infinite alternate}.sg-row{list-style:none;padding:6px 6px 12px;margin:0 -6px;display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#3a3a3a transparent}.sg-row::-webkit-scrollbar{height:8px}.sg-row::-webkit-scrollbar-thumb{background:#3a3a3a}.sg-row::-webkit-scrollbar-track{background:transparent}.sg-tile{flex:none;width:152px;scroll-snap-align:start}.sg-card{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;overflow:hidden;color:#fff;background:#131313;border:2px solid var(--sg-line);border-radius:2px;transition:border-color .16s,background .16s}.sg-card:hover:not(:disabled){border-color:#ffc933b3}.sg-card:active:not(:disabled){border-color:var(--sg-green)}.sg-card.is-active{border-color:var(--sg-green);box-shadow:0 0 0 2px #000,0 0 14px #ffc93359}.sg-card.is-bad{border-color:#7a2d2d}.sg-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#0a0a0a;display:block}.sg-note{display:grid;place-items:center;font-size:34px;color:#3a3a3a}.sg-pick-img.sg-note,.sg-dock-cover.sg-note{font-size:26px}.sg-artist{position:absolute;left:0;right:0;bottom:0;padding:22px 8px 7px;font-size:12px;letter-spacing:.4px;text-align:left;text-shadow:2px 2px 0 #000;background:linear-gradient(transparent,#000000d9);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg-playbadge{position:absolute;right:8px;top:8px;display:grid;place-items:center;width:30px;height:30px;color:#171717;background:var(--sg-green-d);border:2px solid;border-color:#ffe08a #8f7a3a #8f7a3a #ffe08a;box-shadow:0 0 0 2px #000;opacity:0;transform:translateY(-4px);transition:opacity .14s,transform .14s}.sg-playbadge svg{width:16px;height:16px}.sg-card:hover:not(:disabled) .sg-playbadge,.sg-card:focus-visible .sg-playbadge,.sg-card.is-active .sg-playbadge{opacity:1;transform:none}.sg-title{margin:8px 2px 0;min-height:2.7em;font-family:Arial,sans-serif;font-size:13px;line-height:1.35;color:#cfcfcf;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.sg-title.is-loading{height:2.7em;background:#171717;animation:sg-pulse 1.1s ease-in-out infinite alternate}@keyframes sg-pulse{0%{opacity:.45}to{opacity:1}}.sg-empty{display:grid;justify-items:center;gap:8px;padding:56px 16px;text-align:center;color:#a0a0a0;background:#101010;border:2px dashed var(--sg-line)}.sg-empty-glyph{font-size:44px;color:var(--sg-green)}.sg-empty h2{margin:0;font-size:18px;font-weight:400;color:#fff}.sg-empty p{margin:0;max-width:520px;font-family:Arial,sans-serif;font-size:14px;line-height:1.6}.sg-empty code{padding:1px 5px;background:#1a1a1a;border:1px solid #2a2a2a;color:#ffc933}.sg-eq{display:inline-flex;align-items:flex-end;gap:2px;height:14px;flex:none}.sg-card .sg-eq{position:absolute;left:8px;top:8px;height:16px;padding:3px;background:#000000b3;border:2px solid #000}.sg-eq i{display:block;width:3px;height:100%;background:var(--sg-green);animation:sg-eq .9s steps(5) infinite alternate}.sg-eq i:nth-child(2){animation-delay:-.3s;animation-duration:.7s}.sg-eq i:nth-child(3){animation-delay:-.6s;animation-duration:1.1s}@keyframes sg-eq{0%{transform:scaleY(.25);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}.sg-dock{position:fixed;left:50%;bottom:14px;z-index:950;width:min(100% - 24px,580px);transform:translate(-50%);color:#fff;background:#131313;border:2px solid #3a3a3a;border-radius:2px;box-shadow:0 0 0 2px #000,0 14px 32px #000000a6;overflow:hidden;animation:sg-rise .22s steps(4) both}@keyframes sg-rise{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.sg-dock-bar{display:flex;align-items:center;gap:6px;padding:8px 8px 10px}.sg-dock-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:0;text-align:left;color:inherit;background:none;border:0}.sg-dock-cover{flex:none;width:44px;height:44px;object-fit:cover;background:#0a0a0a;border:2px solid #000}.sg-dock-text{display:flex;flex-direction:column;gap:3px;min-width:0}.sg-dock-text strong{font-weight:400;font-size:13px;letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg-dock-text span{font-family:Arial,sans-serif;font-size:12px;color:#a0a0a0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg-btn{flex:none;display:grid;place-items:center;width:40px;height:40px;padding:0;color:#ddd;background:#1b1b1b;border:2px solid var(--sg-line);border-radius:2px;transition:border-color .12s,color .12s,background .12s}.sg-btn:hover:not(:disabled){color:var(--sg-gold);border-color:#ffc9338c}.sg-btn:disabled{opacity:.35}.sg-btn-main{color:#171717;background:var(--sg-green-d);border:3px solid;border-color:#ffe08a #8f7a3a #8f7a3a #ffe08a;box-shadow:0 0 0 2px #000}.sg-btn-main:hover:not(:disabled){color:#171717;background:#ffd552;border-color:#fff0b8 #8f7a3a #8f7a3a #fff0b8}.sg-btn-main:active:not(:disabled){border-color:#8f7a3a #ffe08a #ffe08a #8f7a3a}.sg-btn-big{width:60px;height:60px}.sg-btn-big svg{width:26px;height:26px}.sg-progress{position:absolute;left:0;bottom:0;height:4px;width:var(--p,0%);background:var(--sg-green);pointer-events:none}.sg-dock-body{display:grid;gap:14px;padding:6px 14px 18px;border-top:2px solid #202020}.sg-seek{display:grid;gap:6px;padding-top:10px}.sg-times{display:flex;justify-content:space-between;font-size:11px;color:#a0a0a0}.sg-ctrl{display:flex;align-items:center;justify-content:center;gap:16px}.sg-vol{display:flex;align-items:center;gap:10px;font-size:11px;color:#a0a0a0}.sg-vol input{flex:1}.sg-vol span:last-child{min-width:3.2em;text-align:right}.sg-warn{margin:0;padding:0 14px 14px;font-family:Arial,sans-serif;font-size:12.5px;color:#ff9a9a}.sg-fab{position:fixed;right:16px;bottom:16px;z-index:950;display:grid;place-items:center;width:52px;height:52px;padding:0;color:#171717;background:var(--sg-green-d);border:3px solid;border-color:#ffe08a #8f7a3a #8f7a3a #ffe08a;box-shadow:0 0 0 2px #000,0 8px 20px #0000008c}.sg-fab .sg-eq{position:absolute;right:4px;bottom:4px;height:10px}.sg-fab .sg-eq i{background:#171717;width:2px}.sg-range{-webkit-appearance:none;appearance:none;width:100%;height:18px;margin:0;background:transparent;cursor:pointer}.sg-range::-webkit-slider-runnable-track{height:8px;background:linear-gradient(90deg,var(--sg-green) var(--p,0%),#2a2a2a var(--p,0%));border:2px solid #000}.sg-range::-moz-range-track{height:8px;background:linear-gradient(90deg,var(--sg-green) var(--p,0%),#2a2a2a var(--p,0%));border:2px solid #000}.sg-range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:20px;margin-top:-8px;background:#fff;border:2px solid #000;border-radius:0}.sg-range::-moz-range-thumb{width:10px;height:16px;background:#fff;border:2px solid #000;border-radius:0}.sg-range:disabled{opacity:.5;cursor:default}@media(max-width:640px){.sg-picks{grid-template-columns:minmax(0,1fr)}.sg-tile{width:132px}.sg-h{font-size:17px}.sg-dock{bottom:10px}.sg-btn{width:38px;height:38px}}@media(prefers-reduced-motion:reduce){.sg-dock,.sg-eq i{animation:none}.sg-pick-img,.sg-cover,.sg-title{animation:none!important}}html.sg-shell-on,html.sg-shell-on body{overflow:hidden}.sg-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#0d0d0d}.sg-shell[hidden]{display:none}.sg-shell-frame{display:block;width:100%;height:100%;border:0;background:#0d0d0d}
