.records-page .shell{max-width:1420px}.records-page .world-motion{opacity:.07}.records-page main{padding:26px 0 42px}.records-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px}.records-heading h1{font:400 34px/1.1 var(--sans);letter-spacing:-.05em;margin:0}.records-heading a{font-size:12px;color:#aaa}.records-filters{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.records-filters>div{display:flex;gap:8px}.records-page button{font-family:inherit;border:0;touch-action:manipulation}.records-filters button{border-radius:9px;min-height:42px;padding:0 16px;font-size:12px;background:transparent;color:#999}.records-filters button[aria-pressed=true]{background:linear-gradient(145deg,#383838,#2b2b2b);box-shadow:inset 0 1px #ffffff0b;color:#ddd}.records-filters .select-control{width:160px}.records-filters .select-trigger{font-size:12px;min-height:42px}.records-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(380px,1.4fr);gap:32px;align-items:start}.record-row{width:100%;display:flex;align-items:center;text-align:left;gap:12px;min-height:108px;padding:14px 12px;border-radius:13px;background:transparent;color:#ddd;margin-bottom:5px}.record-row[aria-current=true]{background:linear-gradient(145deg,#333,#282828);box-shadow:inset 0 1px #ffffff0a}.record-row img{flex:none;width:70px;height:65px;object-fit:contain}.record-row-info{display:flex;flex:1;min-width:0;flex-direction:column;gap:8px}.record-row-info strong{font-size:15px;font-weight:400}.record-row-info>span{font-size:11px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-row-info small{font-size:10px;color:#777}.record-row-result{font-size:12px;color:#bababa;flex:none}.record-review{min-width:0;padding:24px;border-radius:18px;background:linear-gradient(145deg,#2c2c2c,#242424);box-shadow:inset 0 1px #ffffff09,0 10px 32px #0002}.record-review-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.record-review-heading h2{font-size:20px;font-weight:400;letter-spacing:-.03em;margin:0}.record-review-heading p{font-size:11px;color:#909090;margin:8px 0 0}#record-outcome{font:300 24px var(--sans);color:#ccc}#record-players{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:22px 0 18px}.record-player{display:flex;align-items:center;gap:8px;font-size:12px;color:#c0c0c0;min-width:0}.record-player small{color:#ddd;font-size:10px}.record-avatar{width:28px;height:28px;border-radius:50%;flex:none;background:#3a3a3a}.record-avatar>*{width:100%;height:100%;border-radius:inherit}.records-board-wrap{padding:10px;background:linear-gradient(145deg,#383838,#292929);border-radius:12px;box-shadow:inset 0 1px #ffffff12,0 4px 14px #0003}.record-chess-board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;overflow:hidden;border-radius:5px}.record-chess-board .chess-square{aspect-ratio:1;cursor:default}.record-chess-board .chess-piece{width:87%;height:87%}.record-review .table-board{width:100%}.record-review .xiangqi-board{aspect-ratio:9/10}.record-replay-buttons{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:15px 0 5px}.record-replay-buttons button{width:44px;height:44px;border-radius:8px;background:#353535;color:#ccc;font-size:17px}.record-replay-buttons button:disabled{opacity:.3}#record-step{font-size:12px;color:#aaa;font-variant-numeric:tabular-nums}#record-position{width:100%;accent-color:#aaa;height:22px;touch-action:pan-y}#record-final-only{font-size:11px;color:#888;margin:20px 0 0;text-align:center}#record-empty,.record-placeholder{min-height:250px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#8c8c8c;font-size:13px;gap:20px}#record-empty>span{font-size:60px;color:#555}#record-empty p{margin:0}#record-login{min-height:44px;display:flex;align-items:center;color:#ccc}#record-more,#record-retry{min-height:44px;background:#303030;border-radius:8px;padding:0 18px;color:#aaa;font-size:12px;margin-top:16px}#record-notice{font-size:12px;color:#aaa;margin:0 0 20px}.records-page [hidden]{display:none!important}.records-page :is(a,button,input):focus-visible{outline:1px solid #bbb;outline-offset:3px}
@media(max-width:760px){.records-page .shell{padding-inline:16px}.records-page main{padding-top:20px}.records-heading h1{font-size:28px}.records-filters{gap:8px}.records-filters button{padding:0 11px}.records-filters .select-control{width:128px}.records-layout{grid-template-columns:minmax(0,1fr);gap:20px}.records-list-panel{max-height:280px;overflow:auto;scrollbar-width:thin}.record-row{min-height:94px;padding:10px}.record-row img{width:61px;height:58px}.record-review{padding:16px;border-radius:14px}.record-review-heading h2{font-size:19px}.record-placeholder{display:none}.record-player{font-size:11px}.record-player small{font-size:9px}#record-players{gap:12px;margin:18px 0 14px}}

@media(min-width:761px){.records-board-wrap{max-width:max(280px,calc(100dvh - 520px));margin-inline:auto}}

@media(max-width:760px){.records-filters>div{flex:none;gap:4px}.records-filters button{white-space:nowrap;padding-inline:8px;font-size:11px}}