#recordGame{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:40px;min-width:46px;padding:7px 10px;margin-bottom:5px;background:#372f55;color:#e2cdff;border-color:#bca0ed55;border-radius:12px}
#recordGame svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
#recordGame.recording{color:#ffe7ed;background:#84314b;border-color:#ff90ac}#recordGame.recording svg{fill:#ffb7c9;stroke:#ffb7c9}#recordTimer{font-size:10px;font-variant-numeric:tabular-nums}
#recordingDialog{max-width:650px}#recordedVideo{display:block;width:100%;max-height:50dvh;border-radius:12px;background:#0d1021;margin:16px 0}.recording-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.recording-actions a{display:inline-block;padding:12px 16px;border:1px solid #c6b3ff44;border-radius:12px;font-size:12px;background:#34334f}.recording-actions button{margin:0}#recordingStatus{color:#d7c6f3}
.ranking-head,.ranking-row{grid-template-columns:45px minmax(130px,1fr) 64px 65px 90px}.ranking-row>div:nth-child(4){color:#79e6d7}.ranking-row>div:nth-child(5){color:inherit}
@media(max-width:600px){#recordGame{padding:6px;min-width:40px;min-height:36px}#recordGame svg{width:19px;height:19px}#recordTimer{font-size:8px}.ranking-row{grid-template-columns:repeat(3,minmax(0,1fr))}.ranking-row>div:nth-child(2){grid-column:2/4}}