.hearth-replay-shelf{margin:0 0 25px}.hearth-replay-heading{display:flex;align-items:center;gap:12px;margin:20px 1px 16px}.hearth-replay-heading>span{font-size:32px;color:#ffd193}.hearth-replay-heading>div{min-width:0;overflow-wrap:anywhere}.hearth-replay-heading h3{font:700 20px/1.3 Nunito,system-ui,sans-serif;color:#ffefd6;margin:0}.hearth-replay-heading p{margin:4px 0 0;font:12px/1.5 Nunito,system-ui,sans-serif;color:#c5afc4}.hearth-replay-list{display:grid;gap:12px}.hearth-replay-card{position:relative;display:grid;grid-template-columns:135px minmax(0,1fr);gap:16px;padding:12px;border:1px solid #efc39026;border-radius:20px;background:linear-gradient(110deg,#35212d,#201829);overflow:hidden}.hearth-replay-watch{position:relative;align-self:stretch;min-height:150px;background:#160e20;border:0;padding:0;border-radius:13px;overflow:hidden;cursor:pointer}.hearth-replay-watch img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;opacity:.72}.hearth-replay-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#ffe0ac;color:#3c251c;font-size:17px;padding-left:3px;box-shadow:0 0 0 7px #ffd99a18}.hearth-replay-duration{position:absolute;right:6px;bottom:6px;font:700 10px Nunito,system-ui,sans-serif;background:#160d20cc;color:#fff;padding:3px 6px;border-radius:5px}.hearth-replay-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:5px 0}.hearth-replay-tag{font:800 9px/1.4 Nunito,system-ui,sans-serif;letter-spacing:1px;color:#ffcd85;text-transform:uppercase}.hearth-replay-copy h4{font:800 18px/1.3 Nunito,system-ui,sans-serif;color:#fff0dd;margin:7px 0 4px}.hearth-replay-copy p{color:#e2ccdf;font:13px/1.5 Nunito,system-ui,sans-serif;margin:0;overflow-wrap:anywhere}.hearth-replay-copy small{font:11px Nunito,system-ui,sans-serif;color:#bca8c2;margin-top:5px}.hearth-replay-copy button,.hearth-replay-share button{min-height:48px;border:0;background:none;color:#ffd197;font:800 12px Nunito,system-ui,sans-serif;padding:10px 0;cursor:pointer}.hearth-replay-share{grid-column:1/-1;padding:12px;border-top:1px solid #ffffff18;font:12px/1.6 Nunito,system-ui,sans-serif;color:#d4c2d6}.hearth-replay-share[hidden]{display:none}.hearth-replay-share p{margin:0 0 5px}.hearth-replay-share button{margin-right:20px}.hearth-replay-share input{width:100%;color:#fff;background:#100c19;border:1px solid #d8bbdd44;padding:12px;min-height:48px;border-radius:9px;margin:6px 0}.hearth-replay-empty{padding:25px 20px;text-align:center;border:1px dashed #ffc88940;border-radius:20px;background:#f99d3610}.hearth-replay-empty>span{font-size:30px;color:#ffd499}.hearth-replay-empty h4{font:800 17px Nunito,system-ui,sans-serif;color:#ffeacc;margin:12px 0 8px}.hearth-replay-empty p{font:13px/1.6 Nunito,system-ui,sans-serif;color:#cbb4ca;margin:0 auto 15px;max-width:330px}.hearth-replay-empty button{min-height:48px;padding:12px 23px;background:#ffdc9d;color:#3a251c;border:0;border-radius:12px;font-weight:800}.hearth-replay-activity{margin-top:18px;border:1px solid #dcb4ed1c;border-radius:18px;padding:16px;background:#1d142766}.hearth-replay-chart-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.hearth-replay-chart-head h4{font:800 12px Nunito,system-ui,sans-serif;color:#e8d6e7;margin:0}.hearth-replay-chart-head button{min-height:48px;padding:9px 12px;border:0;background:none;color:#bda5c6;border-radius:10px;font:800 11px Nunito,system-ui,sans-serif}.hearth-replay-chart-head button[aria-pressed=true]{color:#ffe0aa;background:#d59d6926}.hearth-replay-chart-head button:disabled{opacity:.4}.hearth-replay-graph svg{width:100%;height:auto;display:block;fill:#f5bf79;color:#f5bf79;margin:8px 0 0}.hearth-replay-chart-total{color:#d5bbd4;font:12px Nunito,system-ui,sans-serif;margin:10px 0}.hearth-replay-activity summary{color:#c4a6ce;min-height:48px;display:flex;align-items:center;cursor:pointer;font:11px Nunito,system-ui,sans-serif}.hearth-replay-activity summary::before{content:'+';margin-right:8px}.hearth-replay-table{max-height:200px;overflow:auto}.hearth-replay-table table{width:100%;border-collapse:collapse;font:12px Nunito,system-ui,sans-serif;color:#e4d2e5}.hearth-replay-table td,.hearth-replay-table th{text-align:left;padding:8px;border-bottom:1px solid #ffffff12}.replay-preview{position:fixed;inset:0;z-index:900;background:#0b0812ed;display:grid;place-items:center;padding:16px}.replay-preview>section{height:min(900px,96dvh);width:min(1140px,100%);background:#120e1b;border:1px solid #edc08744;border-radius:24px;overflow:hidden;display:flex;flex-direction:column}.replay-preview header{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;color:#ffe2bc;font:800 16px Nunito,system-ui,sans-serif}.replay-preview header button{width:48px;height:48px;border:1px solid #ffffff20;border-radius:50%;background:#ffffff06;color:#ffe9d0;font-size:27px}.replay-preview iframe{flex:1;border:0;width:100%;min-height:0}.hearth-replay-loading{color:#d5bad4;font-size:13px;padding:18px}.hearth-replay-shelf button:focus-visible,.hearth-replay-shelf input:focus-visible,.hearth-replay-shelf summary:focus-visible,.replay-preview button:focus-visible{outline:3px solid #ffe0ac;outline-offset:3px}@media(max-width:420px){.hearth-replay-card{grid-template-columns:112px minmax(0,1fr);gap:12px}.hearth-replay-copy h4{font-size:16px}.hearth-replay-tag{font-size:8px}.replay-preview{padding:0}.replay-preview>section{width:100%;height:100dvh;border:0;border-radius:0}.hearth-replay-chart-head{gap:0}}@media(prefers-reduced-motion:reduce){.hearth-replay-shelf *,.replay-preview *{animation:none!important;transition:none!important}}