/* A little album and a wooden shelf, using the existing pocket-pet palette. */
.record-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#e7ebd5;border:2px solid #cbd2b2;border-radius:20px;padding:20px 10px;margin-bottom:18px;box-shadow:0 4px 0 #cbd2b245}
.record-overview>div{text-align:center;border-right:1px solid #cbd2b2;min-width:0}.record-overview>div:last-child{border:0}.record-overview span{display:block;font-size:12px;color:#606b4e}.record-overview strong{display:block;font-size:30px;margin-top:7px;color:#536044;overflow-wrap:anywhere}.record-overview small{font-size:11px;margin-left:4px}
.record-picker{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.record-picker .btn{min-height:44px;max-width:100%;padding:10px 16px;overflow-wrap:anywhere}.record-picker .record-selected{background:#9b6e54;color:#fff9ed;box-shadow:0 3px 0 #754e39}.record-picker .outline{background:#fffdf6}
.record-profile{margin-bottom:24px}.record-profile-title{display:flex;align-items:center;gap:16px;min-width:0}.record-profile-title>div{min-width:0}.record-profile-title h2{overflow-wrap:anywhere}.record-profile-title .horse-img{width:65px;height:65px;flex:none}.record-profile .eyebrow{margin-bottom:5px}.record-book{background:#f0e4cb;border-radius:16px;padding:15px;display:grid;place-items:center}.record-book .icon{width:30px;height:30px}
.record-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:20px 0 13px}.record-stats>div{background:#f2efdf;padding:12px 4px;border-radius:12px;text-align:center}.record-stats>div:nth-child(2){background:#f5e6b8;color:#806024}.record-stats dt{font-size:11px}.record-stats dd{margin:7px 0 0;font-size:25px;font-weight:800;overflow-wrap:anywhere}.record-breakdown{font-size:11px;color:var(--muted);line-height:1.8}
.trophy-room{padding:26px;background:#efe2ca;border:2px solid #d6c19b;border-radius:26px;box-shadow:inset 0 4px #fff8e8,0 5px 0 #e0d0b3;margin-bottom:26px}.trophy-room .section-title{margin-bottom:10px}.trophy-room h2{font-size:22px}.trophy-room .eyebrow{color:#92754c}.trophy-count{font-size:29px;font-weight:800;color:#8f6c31;white-space:nowrap}.trophy-count small{font-size:12px;margin-left:3px}
.trophy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 14px;margin:22px 0}.trophy-card{position:relative;min-width:0;text-align:center;padding:14px 12px 15px;background:linear-gradient(#fffcf1,#f9edce);border:1px solid #dbc591;border-radius:17px;box-shadow:0 6px 0 #b79a70,0 10px 0 #d3b991}.cup-kind{display:inline-block;font-size:10px;border-radius:8px;background:#e4ebd4;padding:4px 7px;color:#657248}.hosted-cup .cup-kind{background:#ecd8ce;color:#925d48}.collection-cup{position:relative;width:80px;height:88px;display:grid;place-items:center;margin:10px auto 0}.collection-cup .icon{width:76px;height:76px;fill:#e4b952;stroke:#9c7530;stroke-width:1.5;filter:drop-shadow(2px 3px 0 #b78b3840)}.collection-cup>span{position:absolute;top:21px;left:0;right:0;font:800 20px Georgia;color:#fff5ca;text-shadow:1px 1px #9c7530}.cup-ribbon{font-size:10px;background:#be795f;color:#fff9e9;border-radius:4px;padding:3px 12px}.trophy-card h3{margin:12px 0 5px;font-size:15px;line-height:1.5;overflow-wrap:anywhere}.cup-owner{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.trophy-card .small{font-size:10px;overflow-wrap:anywhere}.trophy-card .btn{min-height:44px;margin-top:12px;padding:8px 5px;font-size:12px;border-color:#d5be90;gap:5px}.trophy-card .btn .icon{width:16px;height:16px}.trophy-note{font-size:10px;line-height:1.7;margin-top:18px;color:#8a7457}.empty-trophy{text-align:center;padding:18px 0 14px}.empty-trophy .collection-cup{opacity:.38}.empty-trophy h3{font-size:16px;margin:14px 0 8px}.empty-trophy p{font-size:12px;color:#8a7457;margin-bottom:17px}
.record-bottom{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px;align-items:start}.record-race{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:14px 0}.record-race:last-child{border:0}.record-place{font-size:10px;text-align:center;background:#eeeadd;padding:9px 4px;border-radius:10px}.record-place b{display:block;font-size:20px}.record-place.won{background:#f5e5ae;color:#8a682e}.record-race strong{font-size:13px;display:block;overflow-wrap:anywhere}.record-race small{display:block;font-size:10px;line-height:1.6;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.record-race .text-btn{padding:6px 0;font-size:11px}.record-save-note{font-size:11px;color:var(--muted);margin:22px 0;max-width:650px}.record-bottom .history-item>div{min-width:0;overflow-wrap:anywhere}.record-bottom .history-item .amount{flex-shrink:0}
@media(max-width:750px){.record-overview{padding:15px 5px}.record-overview span{font-size:10px}.record-overview strong{font-size:27px}.record-picker{gap:7px;margin:20px 0}.record-picker .btn{font-size:12px;padding:10px 12px}.record-profile{padding:18px 14px}.record-profile-title{gap:10px}.record-profile-title h2{font-size:19px}.record-stats{gap:6px}.record-stats dd{font-size:23px}.trophy-room{padding:20px 13px}.trophy-room h2{font-size:20px}.trophy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.trophy-card{padding:12px 8px}.trophy-card h3{font-size:13px}.collection-cup{width:68px;height:76px}.collection-cup .icon{width:65px;height:65px}.collection-cup>span{top:19px;font-size:17px}.trophy-card .btn{font-size:11px}.record-bottom{grid-template-columns:minmax(0,1fr);gap:20px}.record-race{grid-template-columns:34px minmax(0,1fr);gap:8px}.record-race .text-btn{grid-column:2;justify-self:end;min-height:44px;padding:6px 10px}.record-race strong{font-size:12px}.record-bottom>.card{padding:18px 16px}}
