.records-screen{min-height:100%;min-width:0;padding:0 0 calc(104px + env(safe-area-inset-bottom));background:var(--bg);overflow-x:clip}
.records-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:calc(22px + env(safe-area-inset-top)) 16px 18px;background:#08162b;color:#fff;border-bottom:1px solid rgba(56,189,248,.32)}
.records-header p{margin:0 0 4px;color:#7dd3fc;font-size:.72rem;font-weight:800;letter-spacing:.14em}.records-header h1{margin:0;font-size:1.7rem}.records-header>span{color:#b8c2d3;font-size:.76rem;text-align:right}
.records-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:14px 12px 12px}
.records-tabs button{min-width:0;min-height:42px;padding:8px 3px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);font-size:.78rem;font-weight:800;line-height:1.2;white-space:nowrap}
.records-tabs button.active{border-color:#38bdf8;background:#38bdf8;color:#082032}
.records-content{min-width:0;padding:0 12px 24px}.records-view-title{max-width:980px;margin:4px auto 12px;font-size:1.25rem}
.records-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:980px;margin:0 auto}
.records-stat{display:flex;min-width:0;min-height:82px;padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--panel);flex-direction:column;justify-content:center}
.records-stat small{color:var(--muted);font-size:.72rem}.records-stat strong{margin-top:5px;font-size:1.35rem;line-height:1.2;overflow-wrap:anywhere}
.records-empty{max-width:980px;margin:12px auto 0;padding:13px 14px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);background:var(--panel);font-size:.84rem;line-height:1.6}
.records-section{max-width:980px;margin:18px auto 0}.records-section>h2{margin:0 0 10px;font-size:1.05rem}
.records-game-grid,.difficulty-record-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.records-game-card,.difficulty-record-card{min-width:0;padding:14px;border:1px solid var(--line);border-left:4px solid #38bdf8;border-radius:15px;background:var(--panel)}
.records-card-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.records-card-heading h3{min-width:0;margin:0;font-size:1rem}.records-card-heading>strong{flex:none;color:#38bdf8;font-size:.9rem}
.records-game-card p,.difficulty-record-card p{display:flex;flex-wrap:wrap;gap:8px 13px;margin:10px 0;color:var(--text);font-size:.84rem;font-weight:800}
.records-game-card dl,.difficulty-record-card dl{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0}.records-game-card dl div,.difficulty-record-card dl div{display:flex;gap:6px}.records-game-card dt,.difficulty-record-card dt{color:var(--muted);font-size:.76rem}.records-game-card dd,.difficulty-record-card dd{margin:0;font-size:.78rem;font-weight:900}
:root[data-theme="light"] .records-header{background:#e7f6fe;color:#10243b}:root[data-theme="light"] .records-header p{color:#0369a1}:root[data-theme="light"] .records-header>span{color:#64748b}:root[data-theme="light"] .records-tabs button.active{color:#082032}
@media(min-width:768px){
  .records-header,.records-tabs,.records-content{padding-left:24px;padding-right:24px}.records-header{max-width:none}
  .records-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.records-summary-grid.game-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
  .records-game-grid,.difficulty-record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:350px){
  .records-header{padding-left:12px;padding-right:12px}.records-header>span{font-size:.68rem}.records-tabs{gap:3px;padding-left:8px;padding-right:8px}.records-tabs button{font-size:.7rem}
  .records-content{padding-left:8px;padding-right:8px}.records-stat{min-height:76px;padding:10px}.records-stat strong{font-size:1.2rem}
}