.mine-records{min-height:100vh;background:#f4f4f7;color:#30303c;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft Yahei",sans-serif;padding-bottom:calc(84px + env(safe-area-inset-bottom));letter-spacing:normal}
.mine-records__nav{height:58px;display:grid;grid-template-columns:90px minmax(0,1fr) 90px;align-items:center;gap:6px;background:#fff;border-bottom:1px solid #ededf1;padding:0 10px;position:sticky;top:0;z-index:4}
.mine-records__nav h1{margin:0;text-align:center;font-size:18px;line-height:1.2;font-weight:600;color:#30303c;overflow-wrap:anywhere}
.mine-records__back{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:#7030a0;text-decoration:none;border-radius:8px}
.mine-records__language{justify-self:end;max-width:90px;min-height:38px;padding:7px 9px;border:0;border-radius:20px;background:#f4edf9;color:#7030a0;font-size:12px;line-height:1.3}
.mine-records__main{max-width:760px;margin:0 auto;padding:16px 14px 24px}
.mine-records__count{margin:0 0 12px;color:#91919e;font-size:12px}
.mine-records__list{display:grid;gap:13px}
.mine-record-card{background:#fff;border-radius:13px;padding:16px 15px;box-shadow:0 2px 9px #30214004;overflow:hidden}
.mine-record-card__summary{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #f1f1f5}
.mine-record-card__state{flex:0 0 52px;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:650;background:#f0e7f7;color:#7030a0}
.mine-record-card__state--win{background:#ecf8f2;color:#30a371}
.mine-record-card__state--loss{background:#fff0f2;color:#d47b89}
.mine-record-card__state--loading{font-size:11px;background:#f1eaf8;color:#9463b5}
.mine-record-card__game{min-width:0;display:flex;flex-direction:column;gap:6px}
.mine-record-card__game strong{font-size:16px;font-weight:600;overflow-wrap:anywhere}
.mine-record-card__game span{font-size:11px;color:#9b9ba6;letter-spacing:.2px;overflow-wrap:anywhere}
.mine-record-card__net{margin-left:auto;flex-shrink:0;display:flex;align-items:flex-end;flex-direction:column;gap:5px;padding-left:4px}
.mine-record-card__net strong{font-size:20px;line-height:1.1;font-weight:650}
.mine-record-card__net span{font-size:10px;color:#a0a0ab}
.mine-record-card__net--positive strong{color:#32a475}
.mine-record-card__net--negative strong{color:#d87988}
.mine-record-card__net--neutral strong{color:#868594}
.mine-record-card__details{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:15px 0 0;font-size:12px;line-height:1.5}
.mine-record-card__details>div{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;min-width:0}
.mine-record-card__details dt{color:#a0a0ac;font-weight:400;flex-shrink:0}
.mine-record-card__details dd{margin:0;text-align:right;color:#585568;overflow-wrap:anywhere}
.mine-record-card__details dd[data-record-choices],.mine-record-card__details dd[data-record-result]{color:#7030a0;font-weight:600;letter-spacing:2px}
.mine-record-card__details>.mine-record-card__date{grid-column:1/-1}
.mine-record-card__date time{font-size:11px;font-variant-numeric:tabular-nums}
.mine-records__timezone{text-align:center;color:#aaa8b1;font-size:11px;line-height:1.6;margin:18px 0 0}
.mine-records__empty{min-height:290px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;color:#aaa6b3;text-align:center;font-size:14px}
.mine-records__empty p{margin:0;line-height:1.6}
.mine-records__empty-icon{display:flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:50%;background:#ede5f4;color:#a17bb9}
.mine-records__login{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 25px;background:#7030a0;border-radius:22px;color:#fff;font-size:13px;text-decoration:none}
.mine-records__back:focus-visible,.mine-records__login:focus-visible{outline:3px solid #b68bd3;outline-offset:2px}
@media(min-width:760px){.mine-records__nav{padding-left:max(14px,calc((100% - 760px)/2));padding-right:max(14px,calc((100% - 760px)/2))}.mine-records__main{padding-top:24px}.mine-record-card{padding:19px 21px}.mine-records__empty{min-height:380px}}
@media(max-width:350px){.mine-records__nav{grid-template-columns:72px minmax(0,1fr) 72px}.mine-records__nav h1{font-size:16px}.mine-record-card__details{grid-template-columns:1fr}.mine-record-card__summary{gap:9px}.mine-record-card__state{flex-basis:47px;width:47px;height:47px}.mine-record-card__net strong{font-size:18px}}