.gramo-view{position:fixed;z-index:90;inset:0;display:none;place-items:center;background:#090602e8}.gramo-view.open{display:grid}.gramo-stage{position:relative;width:min(100vw,177.778svh);aspect-ratio:16/9}.gramo-page{position:absolute;inset:0;z-index:3;width:100%;height:100%;object-fit:contain;pointer-events:none}.song-card{position:absolute;z-index:4;left:54.8828125%;top:44.00694444%;width:6.03515625%;height:9.68055556%;padding:3px;background:linear-gradient(135deg,#3a210b,#120b05);border:1px solid #be8b3d;color:#f5d690;box-shadow:inset 0 0 9px #000,0 0 12px #0007;font-family:Georgia,serif;overflow:hidden}.song-status{font:clamp(3px,.25vw,6px) "DM Mono",monospace;color:#e9b35b;white-space:nowrap}.pulse{display:inline-block;width:3px;height:3px;border-radius:50%;background:#e5a33d;box-shadow:0 0 4px #f4bd65;animation:blink 1s infinite}.record-disc{position:absolute;left:5%;top:22%;width:31%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#16100a 0 1px,#362614 2px 3px);border:1px solid #b78a48;animation:spin 2.7s linear infinite}.song-copy{position:absolute;left:40%;top:23%;right:4%;line-height:1;overflow:hidden}.song-copy strong{display:block;font-size:clamp(4px,.35vw,8px);white-space:nowrap}.song-copy span{font-size:clamp(3px,.25vw,6px);color:#d3aa68;white-space:nowrap}.song-progress{position:absolute;left:5%;right:5%;top:58%;height:1px;background:#65421f}.song-progress i{display:block;width:48%;height:100%;background:#dca44e;animation:progress 14s linear infinite}.song-controls{position:absolute;left:4%;right:4%;bottom:4%;display:flex;justify-content:center;gap:2px}.song-controls button{width:20%;padding:0;border:0;background:transparent;color:#f0cc89;font:clamp(5px,.42vw,10px) Georgia,serif;cursor:pointer}.song-controls button:hover{color:#fff2c7}.gramo-handle{position:absolute;z-index:5;left:81.12890625%;top:41.77083333%;width:12%;height:19.38888889%;border:0;background:transparent;padding:0;cursor:pointer;transform-origin:24% 16%}.gramo-handle img{width:100%;height:100%;object-fit:contain;transition:filter .2s}.gramo-handle:hover img,.gramo-handle:focus-visible img{filter:drop-shadow(0 0 7px #f5c45e)}.gramo-handle.changing{animation:crank .55s ease-in-out}.gramo-close{position:fixed;z-index:6;right:20px;top:13px;border:1px solid #a9895b;background:#16110ce8;color:#f4e7cf;width:38px;height:38px;border-radius:50%;font-size:26px;line-height:1;cursor:pointer}.gramo-view:not(.playing) .record-disc{animation-play-state:paused}.gramo-view:not(.playing) .song-progress i,.gramo-view:not(.playing) .pulse{animation-play-state:paused;opacity:.3}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:.2}}@keyframes progress{from{width:0}to{width:100%}}@keyframes crank{50%{transform:rotate(-14deg)}}