.player{grid-template-columns:1fr auto;align-items:end;gap:14px 20px}.player h2{grid-column:1/-1;margin:0}.score{display:flex;gap:22px}.score span{display:flex;flex-direction:column}.score output{font-size:clamp(54px,16vw,82px)}.score small{text-transform:uppercase;letter-spacing:.08em;color:#7e7b74;font-size:9px;margin-top:8px}.actions{display:grid;gap:8px}.player button{min-height:48px;min-width:142px;border-radius:10px;font-size:15px}.player button.win{border-color:#6b8b71;background:#3c6748}.records{padding:28px 0;border-top:1px solid #45443f}.records>h2{font-size:30px;margin:0 0 18px}.day,.month{padding:16px 0;border-top:1px solid #33322e}.day:first-child,.month:first-child{border-top:0}.day h3,.month h3{font:600 13px/1.3 system-ui;text-transform:capitalize;color:#8e8b83;margin:0 0 12px}.day p,.month p{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;margin:9px 0;font-size:14px}.day time{color:#77746e}.day span{font-size:12px;color:#cf7770}.day span.win{color:#73ae80}.month p{grid-template-columns:1fr auto}.month span{color:#aaa69c;font-size:13px}.empty{color:#77746e;font-size:14px}@media(max-width:360px){.player{grid-template-columns:1fr}.actions{grid-template-columns:1fr 1fr}.player button{min-width:0}}@media(min-width:700px){.player{grid-template-columns:1fr auto}}