.recorded-result{color:#f5eee1;height:100svh;max-height:100dvh;font-family:var(--font-ui,sans-serif);background-position:50%;background-size:cover;flex-direction:column;display:flex;overflow:hidden}.recorded-result *{box-sizing:border-box}.recorded-result>header{text-align:center;background:linear-gradient(#17121ade,#17121a9e);border-bottom:1px solid #ad94604d;flex:none;padding:14px 16px}.recorded-result>header small{color:#e8dcc6;font-size:12px}.recorded-result>header h2{font-family:var(--font-display,serif);letter-spacing:.16em;color:#efd185;margin:3px 0;font-size:42px}.recorded-result-body{scrollbar-width:thin;scrollbar-color:#c5a273 #211722;flex:1;min-height:0;padding-bottom:16px;scroll-padding-block:12px;overflow:auto}.recorded-result-body::-webkit-scrollbar{width:5px}.recorded-result-body::-webkit-scrollbar-thumb{background:#c5a273}.recorded-mvp{height:258px;position:relative}.recorded-mvp-art{position:absolute;inset:0 45% 0 0;overflow:hidden}.recorded-mvp-art img{width:156%;max-width:none;position:absolute;top:0;left:44%;transform:translate(-50%)}.recorded-mvp-name{position:absolute;top:80px;left:55%;right:8px}.recorded-mvp-name h3{overflow-wrap:anywhere;margin:8px 0;font-size:22px}.recorded-mvp-name>small{color:#e7cb8a;letter-spacing:.15em;font-size:12px}.recorded-mvp-name strong{color:#efd185;font-size:46px}.recorded-mvp-name strong small{font-size:13px}.recorded-result-stats{background:#211923b8;grid-template-columns:repeat(3,1fr);padding:10px 12px;display:grid}.recorded-result-stats span{color:#e2d7c4;font-size:11px}.recorded-result-stats b{margin-top:4px;font-size:17px;display:block}.recorded-result-body>details{border-bottom:1px solid #a48b5c;margin:0 12px}.recorded-result summary{cursor:pointer;color:#f0d795;background:#211923f5;min-height:48px;padding:14px 10px;font-size:14px;font-weight:600}.recorded-result-panel{color:#f5eee1;background:#19141c;padding:14px;font-size:13px}.recorded-result-panel h3{margin:10px 0;font-size:16px}.recorded-result-panel dl>div{border-bottom:1px solid #665746;justify-content:space-between;padding:9px 0;display:flex}.recorded-result-panel dd{margin:0}.recorded-result-panel p{overflow-wrap:anywhere;line-height:1.7}.recorded-result>footer{padding:10px 12px max(10px,env(safe-area-inset-bottom));background:#1a151bf5;border-top:1px solid #8e7953;flex:none;gap:6px;display:grid}.recorded-result>footer button{color:#fff0d3;width:100%;min-height:48px;font:700 15px var(--font-ui,sans-serif);background:linear-gradient(#993e3b,#702522);border:1px solid #d7b977;border-radius:5px}.recorded-result>footer button+button{color:#d2c4ac;background:0 0;border-color:#786650;min-height:44px}.recorded-result-notice{padding:24px}.recorded-growth{border:1px solid #786650;margin-top:14px;padding:12px}.recorded-first{color:#1b1518;background:#b89651;border-radius:3px;padding:2px 5px;font-size:10px;display:inline-block}.recorded-rewards{padding:0;list-style:none}.recorded-rewards li{border-bottom:1px solid #665746;align-items:center;gap:8px;padding:10px 0;display:flex}.recorded-rewards img{object-fit:contain;width:32px;height:32px}.recorded-rewards li>span{flex:1}