.ol-root{display:grid;gap:24px}.ol-profile{display:grid;grid-template-columns:minmax(190px,1fr) auto auto;align-items:center;gap:22px 38px;border:1px solid #b9946370;background:linear-gradient(115deg,#26302b,#191e20 65%);padding:30px}.ol-profile h2{margin:7px 0;color:#e9e3d5;font-size:26px}.ol-profile p{color:#b7b7ab;font-size:13px;line-height:1.6;margin:0}.ol-score,.ol-place{display:grid;gap:5px}.ol-score strong{font-size:42px;line-height:1;color:#e7c493}.ol-place strong{font-size:30px;color:#e8e2d5}.ol-score span,.ol-place span{font-size:11px;color:#bcbcae}.ol-record{display:flex;gap:28px;grid-column:1/3;font-size:12px;color:#bcbcae}.ol-record b{color:#e8e2d5;margin-right:5px;font-size:17px}.ol-profile>.primary{justify-self:end;white-space:nowrap}.ol-board{border:1px solid #ffffff19;background:#191e20}.ol-board-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 25px;border-bottom:1px solid #ffffff19}.ol-board-head h2{font-size:19px;margin:0}.ol-board-head>span{font-size:11px;color:#adae9e}.ol-table-scroll{overflow:auto}.ol-table{border-collapse:collapse;width:100%;text-align:left;font-size:13px;min-width:480px}.ol-table th,.ol-table td{padding:17px 22px;border-bottom:1px solid #ffffff10}.ol-table thead th{font-size:11px;font-weight:500;color:#9faaa0}.ol-table tbody th{font-weight:500;color:#dedfd2}.ol-table small{display:block;font-size:10px;color:#969e94;margin-top:5px}.ol-rating{font-weight:700;color:#dec197}.ol-you{background:#b99a6520}.ol-you-label{display:inline-block;margin-left:8px;padding:3px 6px;font-size:9px;text-transform:uppercase;border:1px solid #b99a6550;color:#dec197}.ol-foot,.ol-empty{padding:18px 25px;font-size:12px;color:#a9ad9f;line-height:1.7;margin:0}.ol-help{margin-top:24px;padding:20px;border:1px solid #ffffff19;color:#aeb3a7;font-size:13px;line-height:1.7}.ol-help summary{cursor:pointer;color:#dfd6c5}.ol-help p{max-width:760px}.ol-error{border:1px solid #b9946344;padding:24px}.ol-error .secondary{display:inline-block;margin-top:10px}@media(max-width:650px){.ol-profile{grid-template-columns:1fr 1fr;padding:20px;gap:20px}.ol-profile>div:first-child{grid-column:1/-1}.ol-record{grid-column:1/-1;gap:20px;flex-wrap:wrap}.ol-profile>.primary{grid-column:1/-1;justify-self:stretch;text-align:center}.ol-score strong{font-size:36px}.ol-table th,.ol-table td{padding:14px 12px}.ol-board-head{padding:18px;flex-wrap:wrap}.ol-foot{padding:18px}}

/* The phone layout uses labelled records instead of a sideways table. */
.ol-mobile-standings{display:none}
@media(max-width:650px){.ol-root,.ol-board{min-width:0}.ol-table-scroll{display:none}.ol-mobile-standings{display:block;list-style:none;padding:0;margin:0}.ol-mobile-row{padding:18px;border-bottom:1px solid #ffffff16}.ol-mobile-identity{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:14px}.ol-mobile-rank{display:grid;gap:4px}.ol-mobile-rank>span{font-size:10px;color:#9faaa0}.ol-mobile-rank>b{font-size:17px;font-weight:500;color:#d7c8ad}.ol-mobile-identity strong{font-size:14px;font-weight:500;color:#dedfd2;overflow-wrap:anywhere}.ol-mobile-identity small{display:block;font-size:10px;color:#969e94;margin-top:5px}.ol-mobile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0 0;padding-top:13px;border-top:1px solid #ffffff0d}.ol-mobile-stats dt{font-size:10px;color:#9faaa0}.ol-mobile-stats dd{font-size:15px;margin:5px 0 0;color:#dedfd2;overflow-wrap:anywhere}.ol-mobile-stats dd.ol-rating{color:#dec197}}
