.heater-root{max-width:1120px;margin:0 auto 90px;font-family:inherit;color:#222}.heater-card,.heater-hero,.heater-stats>div{background:#fff;border:1px solid #e4e4e4;border-radius:16px;box-shadow:0 2px 10px rgba(0,0,0,.045)}.heater-hero{padding:18px;margin:0 0 12px;background:linear-gradient(135deg,var(--heater-red,#BC0C1C),#8f0714);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px}.heater-kicker{display:block;color:var(--heater-gold,#E1A581);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.heater-hero h2{margin:4px 0;color:#fff;font-size:28px;line-height:1.1}.heater-hero p{margin:0;color:#fff;opacity:.95}.heater-lock-box{min-width:132px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:13px;padding:10px 12px;text-align:center}.heater-lock-box span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--heater-gold,#E1A581)}.heater-lock-box strong{display:block;margin-top:2px;font-size:18px;color:#fff}.heater-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 12px}.heater-stats>div{text-align:center;padding:10px}.heater-stats span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:800;color:#666}.heater-stats strong{display:block;font-size:28px;color:var(--heater-red,#BC0C1C);line-height:1}.heater-card{padding:14px;margin:0 0 12px}.heater-card h3{margin:0 0 6px;color:var(--heater-red,#BC0C1C);font-size:20px}.heater-muted{color:#666;font-size:14px;margin:0}.heater-lifelines{padding:12px}.heater-lifelines h3{font-size:16px;margin-bottom:8px}.heater-lifeline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.heater-lifeline{border:1px solid #ddd;border-radius:12px;background:#fff;padding:9px 10px;text-align:left;cursor:pointer;min-height:76px}.heater-lifeline strong,.heater-lifeline span,.heater-lifeline small{display:block}.heater-lifeline strong{color:var(--heater-red,#BC0C1C);font-size:14px}.heater-lifeline span{font-weight:900;margin:2px 0;color:#555;font-size:12px}.heater-lifeline small{color:#666;line-height:1.2;font-size:11px}.heater-lifeline.selected{border-color:var(--heater-gold,#E1A581);box-shadow:0 0 0 2px rgba(225,165,129,.25)}.heater-lifeline:disabled{opacity:.45;cursor:not-allowed}.heater-section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}.heater-section-head h3{margin:0 0 4px}.heater-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.heater-tile{display:flex;flex-direction:column;gap:4px;border:1px solid #ddd;border-radius:12px;padding:9px;background:#fff;position:relative}.heater-tile input{position:absolute;opacity:0;pointer-events:none}.heater-tile-title{font-weight:900;line-height:1.15;font-size:13px}.heater-tile-meta{font-size:10px;font-weight:900;color:var(--heater-red,#BC0C1C);text-transform:uppercase;letter-spacing:.03em}.heater-tile small{font-size:10px;color:#666;line-height:1.2}.heater-tile em{margin-top:auto;font-style:normal;font-weight:900;font-size:10px}.heater-tile.hit{background:rgba(225,165,129,.24);border-color:var(--heater-gold,#E1A581)}.heater-tile.miss{background:rgba(188,12,28,.09);border-color:var(--heater-red,#BC0C1C)}.heater-tile.miss .heater-tile-title{color:var(--heater-red,#BC0C1C)}.heater-tile.current-pick{box-shadow:0 0 0 2px rgba(225,165,129,.35)}.heater-board-legend{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;font-weight:800;color:#666}.heater-board-legend span{display:flex;align-items:center;gap:4px}.heater-board-legend i{width:10px;height:10px;border-radius:50%;border:1px solid #ccc}.heater-board-legend i.available{background:#fff}.heater-board-legend i.hit{background:var(--heater-gold,#E1A581);border-color:var(--heater-gold,#E1A581)}.heater-board-legend i.miss{background:var(--heater-red,#BC0C1C);border-color:var(--heater-red,#BC0C1C)}.heater-btn{display:inline-block;background:var(--heater-red,#BC0C1C);color:#fff!important;border:none;border-radius:999px;padding:10px 16px;font-weight:900;text-decoration:none;cursor:pointer}.heater-btn:disabled{opacity:.45;cursor:not-allowed}.heater-btn.secondary{background:#fff;color:var(--heater-red,#BC0C1C)!important;border:1px solid var(--heater-red,#BC0C1C)}.heater-save-msg{font-weight:800;color:var(--heater-red,#BC0C1C);font-size:12px}.heater-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.heater-collapsible{padding:0;overflow:hidden}.heater-collapsible summary{cursor:pointer;padding:14px;font-size:17px;font-weight:900;color:var(--heater-red,#BC0C1C);list-style:none}.heater-collapsible summary::-webkit-details-marker{display:none}.heater-collapsible summary:after{content:'+';float:right;color:#888}.heater-collapsible[open] summary:after{content:'–'}.heater-collapsible[open] summary{border-bottom:1px solid #eee}.heater-collapsible>.heater-pct,.heater-collapsible>.heater-muted,.heater-collapsible>.heater-leader{margin-left:14px;margin-right:14px}.heater-pct{position:relative;display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee;overflow:hidden}.heater-pct span,.heater-pct b{position:relative;z-index:2}.heater-pct i{position:absolute;left:0;top:0;bottom:0;background:rgba(225,165,129,.22);z-index:1}.heater-leader{width:calc(100% - 28px);border-collapse:collapse;margin-bottom:14px}.heater-leader th,.heater-leader td{padding:8px;border-bottom:1px solid #eee;text-align:left}.heater-leader th{font-size:12px;text-transform:uppercase;color:#666}.heater-login{text-align:center;max-width:520px;margin:0 auto}.heater-login h3{font-size:24px}.heater-login .heater-btn{margin:4px} @media(max-width:760px){.heater-root{margin-bottom:96px}.heater-hero{align-items:flex-start}.heater-hero h2{font-size:23px}.heater-lock-box{min-width:105px;padding:8px}.heater-lock-box strong{font-size:14px}.heater-stats{gap:7px}.heater-stats>div{padding:8px 4px}.heater-stats span{font-size:9px}.heater-stats strong{font-size:22px}.heater-lifeline-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.heater-lifeline{padding:8px 7px;min-height:70px}.heater-lifeline strong{font-size:12px}.heater-lifeline small{display:none}.heater-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.heater-tile-title{font-size:12px}.heater-lower-grid{grid-template-columns:1fr}.heater-section-head{display:block}.heater-board-legend{margin-top:8px}} .heater-recycle-notice{margin:0 0 12px;padding:11px 12px;border:1px solid var(--heater-gold,#E1A581);border-radius:12px;background:rgba(225,165,129,.14)} .heater-recycle-notice strong,.heater-recycle-notice span{display:block}.heater-recycle-notice strong{color:var(--heater-red,#BC0C1C);font-size:14px}.heater-recycle-notice span{margin-top:2px;color:#555;font-size:12px} @keyframes heater-recycle-pulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}} /* Unified card deck (v0.1.4) */ .heater-deck-shell{padding:14px}.heater-deck-head{align-items:center}.heater-deck-card{padding:0;min-height:112px;overflow:hidden}.heater-deck-card input{position:absolute;opacity:0;pointer-events:none}.heater-card-open{appearance:none;border:0;background:transparent;width:100%;min-height:112px;padding:10px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:5px;color:inherit}.heater-card-status{display:inline-flex;align-self:flex-start;font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.06em;font-weight:900;border-radius:999px;padding:5px 7px;background:#f2f2f2;color:#666}.heater-deck-card.hit .heater-card-status{background:var(--heater-gold,#E1A581);color:#5d2717}.heater-deck-card.miss .heater-card-status{background:var(--heater-red,#BC0C1C);color:#fff}.heater-deck-card.available .heater-card-status{background:#f2f2f2;color:#666}.heater-deck-card.selected{box-shadow:0 0 0 2px var(--heater-red,#BC0C1C);border-color:var(--heater-red,#BC0C1C)}.heater-deck-card.selected .heater-card-status{background:var(--heater-red,#BC0C1C);color:#fff}.heater-deck-card.hit{background:rgba(225,165,129,.22);border-color:var(--heater-gold,#E1A581)}.heater-deck-card.miss{background:rgba(188,12,28,.08);border-color:rgba(188,12,28,.45)}.heater-deck-card.miss .heater-tile-title{color:var(--heater-red,#BC0C1C)}.heater-deck-card.recycled{border-style:dashed;border-color:var(--heater-gold,#E1A581)}.heater-deck-card .heater-tile-title{font-size:13px;line-height:1.18}.heater-deck-card .heater-tile-meta{margin-top:auto;font-size:9px}.heater-attempt-count{font-size:9px;font-weight:800;color:#666}.heater-deck-card.recycle-choice{box-shadow:0 0 0 2px rgba(225,165,129,.48);animation:heater-recycle-pulse 1.6s ease-in-out infinite}.heater-deck-card.recycle-choice .heater-card-status:after{content:' · Recyclable'} .heater-card-sheet[hidden]{display:none!important}.heater-card-sheet{position:fixed;inset:0;z-index:10000;display:flex;align-items:flex-end;justify-content:center}.heater-sheet-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.48);cursor:pointer}.heater-sheet-panel{position:relative;width:min(560px,100%);background:#fff;border-radius:20px 20px 0 0;padding:22px 20px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -12px 40px rgba(0,0,0,.24);animation:heater-sheet-in .18s ease-out}.heater-sheet-close{position:absolute;right:12px;top:10px;border:0;background:#f3f3f3;border-radius:50%;width:34px;height:34px;font-size:24px;line-height:30px;cursor:pointer;color:#555}.heater-sheet-status{display:inline-block;border-radius:999px;padding:6px 9px;font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.06em;font-weight:900;background:#f2f2f2;color:#666}.heater-sheet-status.hit{background:var(--heater-gold,#E1A581);color:#5d2717}.heater-sheet-status.miss{background:var(--heater-red,#BC0C1C);color:#fff}.heater-sheet-panel h3{font-size:24px;line-height:1.15;margin:12px 42px 6px 0;color:var(--heater-red,#BC0C1C)}.heater-sheet-meta{font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:900;color:#777}.heater-sheet-panel p{font-size:14px;line-height:1.45;color:#444}.heater-sheet-history{padding-top:10px;border-top:1px solid #eee;font-weight:800}.heater-sheet-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.heater-sheet-actions [hidden]{display:none!important}.heater-sheet-open{overflow:hidden}@keyframes heater-sheet-in{from{transform:translateY(24px);opacity:.7}to{transform:translateY(0);opacity:1}} @media(min-width:900px){.heater-card-sheet{align-items:center}.heater-sheet-panel{border-radius:20px;padding:24px;max-height:85vh;overflow:auto}.heater-sheet-backdrop{background:rgba(0,0,0,.42)}} @media(max-width:760px){.heater-deck-shell{padding:12px}.heater-deck-head{display:block}.heater-deck-card,.heater-card-open{min-height:104px}.heater-card-open{padding:9px}.heater-deck-card .heater-tile-title{font-size:12px}.heater-board-legend{margin-top:8px}.heater-sheet-panel h3{font-size:22px}} /* v0.1.9 onboarding and lifeline information */ .heater-how-to{padding:0;overflow:hidden}.heater-how-to summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;list-style:none;color:var(--heater-red,#BC0C1C)}.heater-how-to summary::-webkit-details-marker{display:none}.heater-how-to summary span{display:flex;align-items:baseline;gap:9px;min-width:0}.heater-how-to summary b{font-size:15px}.heater-how-to summary small{font-size:11px;color:#777;font-weight:700}.heater-how-to summary:after{content:'+';font-size:22px;line-height:1;color:var(--heater-gold,#E1A581);font-weight:900}.heater-how-to[open] summary:after{content:'–'}.heater-how-to[open] summary{border-bottom:1px solid #eee}.heater-how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:4px 12px 12px}.heater-how-grid>div{padding:10px;border-right:1px solid #eee;border-bottom:1px solid #eee}.heater-how-grid>div:nth-child(3n){border-right:0}.heater-how-grid>div:nth-last-child(-n+3){border-bottom:0}.heater-how-grid strong,.heater-how-grid span{display:block}.heater-how-grid strong{font-size:12px;color:var(--heater-red,#BC0C1C);margin-bottom:3px}.heater-how-grid span{font-size:11px;line-height:1.35;color:#555} .heater-lifeline-card{position:relative;border:1px solid #ddd;border-radius:12px;background:#fff;min-height:76px}.heater-lifeline-card.selected{border-color:var(--heater-gold,#E1A581);box-shadow:0 0 0 2px rgba(225,165,129,.25)}.heater-lifeline-card.used{opacity:.55}.heater-lifeline-card .heater-lifeline{width:100%;height:100%;border:0;background:transparent;border-radius:12px;padding:9px 35px 9px 10px;min-height:74px}.heater-lifeline-card .heater-lifeline.selected{box-shadow:none} .heater-info-modal[hidden]{display:none}.heater-info-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px}.heater-info-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.58);cursor:pointer}.heater-info-dialog{position:relative;width:min(440px,100%);background:#fff;border-radius:18px;border:1px solid rgba(225,165,129,.75);box-shadow:0 24px 70px rgba(0,0,0,.3);padding:22px;text-align:center}.heater-info-close{position:absolute;right:10px;top:8px;border:0;background:transparent;color:#777;font-size:27px;line-height:1;cursor:pointer}.heater-info-kicker{display:block;color:var(--heater-gold,#E1A581);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.heater-info-dialog h3{margin:4px 28px 8px;color:var(--heater-red,#BC0C1C);font-size:23px}.heater-info-dialog p{margin:0 0 16px;color:#444;line-height:1.45;font-size:14px}.heater-modal-open{overflow:hidden} @media(max-width:760px){.heater-how-to summary span{display:block}.heater-how-to summary small{display:block;margin-top:2px}.heater-how-grid{grid-template-columns:1fr 1fr;padding:4px 9px 10px}.heater-how-grid>div,.heater-how-grid>div:nth-child(3n){border-right:1px solid #eee;border-bottom:1px solid #eee}.heater-how-grid>div:nth-child(2n){border-right:0}.heater-how-grid>div:nth-last-child(-n+2){border-bottom:0}.heater-lifeline-card{min-height:70px}.heater-lifeline-card .heater-lifeline{padding:8px 27px 8px 7px;min-height:68px}.heater-info-dialog{padding:20px 17px}.heater-info-dialog p{font-size:13px}} /* v0.2.0 lifeline visual refresh: red cards, gold type, white SVG icons */ .heater-lifeline-card{background:var(--heater-red,#BC0C1C);border-color:rgba(225,165,129,.65);overflow:hidden} .heater-lifeline-card.selected{border-color:var(--heater-gold,#E1A581);box-shadow:0 0 0 2px rgba(225,165,129,.35)} .heater-lifeline-card.used{opacity:.58} .heater-lifeline-card .heater-lifeline{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-areas:"icon title" "icon status" "desc desc";column-gap:8px;align-content:start;color:#fff;padding:10px 34px 9px 10px;text-align:left} .heater-lifeline-card .heater-lifeline strong{grid-area:title;color:var(--heater-gold,#E1A581);font-size:14px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:1px 0 0} .heater-lifeline-card .heater-lifeline-status{grid-area:status;color:#fff;font-size:11px;line-height:1.1;margin:2px 0 0} .heater-lifeline-card .heater-lifeline small{grid-area:desc;color:rgba(255,255,255,.86);font-size:11px;line-height:1.25;margin-top:7px} .heater-lifeline-icon{grid-area:icon;width:28px;height:28px;display:grid!important;place-items:center;margin:0!important;color:#fff} .heater-lifeline-icon svg{width:26px;height:26px;display:block;fill:currentColor} @media(max-width:760px){ .heater-lifeline-card .heater-lifeline{grid-template-columns:24px minmax(0,1fr);column-gap:5px;padding:8px 27px 8px 7px;min-height:72px} .heater-lifeline-icon{width:23px;height:23px} .heater-lifeline-icon svg{width:22px;height:22px} .heater-lifeline-card .heater-lifeline strong{font-size:10.5px;letter-spacing:-.02em;white-space:nowrap;text-overflow:clip} .heater-lifeline-card .heater-lifeline-status{font-size:9.5px} .heater-lifeline-card .heater-lifeline small{display:none} } /* v0.2.1 definitive lifeline color/icon fix */ .heater-root .heater-lifeline-card{background:var(--heater-red,#BC0C1C)!important;border-color:rgba(225,165,129,.72)!important} .heater-root .heater-lifeline-card .heater-lifeline{background:transparent!important;color:#fff!important;border:0!important} .heater-root .heater-lifeline-icon,.heater-root .heater-lifeline-icon svg{color:#fff!important;fill:none!important;stroke:#fff!important} .heater-root .heater-lifeline-icon svg *{fill:none!important;stroke:#fff!important} @media(max-width:760px){ .heater-root .heater-lifeline-card{background:var(--heater-red,#BC0C1C)!important} .heater-root .heater-lifeline-card .heater-lifeline{background:transparent!important} } /* v0.2.2 lifeline rebuild + cache-busting release */ .heater-root .heater-lifeline-grid{align-items:stretch} .heater-root .heater-lifeline-card{ position:relative!important; min-height:112px!important; background:#BC0C1C!important; border:1px solid #E1A581!important; border-radius:14px!important; overflow:hidden!important; opacity:1!important; } .heater-root .heater-lifeline-card.used{opacity:.62!important} .heater-root .heater-lifeline-card .heater-lifeline, .heater-root .heater-lifeline-card .heater-lifeline:disabled{ appearance:none!important; -webkit-appearance:none!important; width:100%!important; min-height:112px!important; margin:0!important; padding:14px 34px 12px 12px!important; border:0!important; border-radius:0!important; background:#BC0C1C!important; box-shadow:none!important; opacity:1!important; color:#fff!important; display:grid!important; grid-template-columns:34px minmax(0,1fr)!important; grid-template-areas:"icon title" "icon status" "desc desc"!important; column-gap:9px!important; align-content:start!important; text-align:left!important; } .heater-root .heater-lifeline-card .heater-lifeline:disabled{cursor:not-allowed!important} .heater-root .heater-lifeline-card .heater-lifeline strong{ grid-area:title!important;color:#E1A581!important;font-size:14px!important;line-height:1.08!important; margin:2px 0 0!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important } .heater-root .heater-lifeline-card .heater-lifeline-status{ grid-area:status!important;color:#fff!important;font-size:12px!important;line-height:1.1!important;margin:3px 0 0!important;font-weight:900!important } .heater-root .heater-lifeline-card .heater-lifeline small{ grid-area:desc!important;color:rgba(255,255,255,.9)!important;font-size:11px!important;line-height:1.25!important;margin-top:10px!important } .heater-root .heater-lifeline-icon{ grid-area:icon!important;width:32px!important;height:32px!important;display:grid!important;place-items:center!important;margin:0!important } .heater-root .heater-lifeline-icon svg{width:30px!important;height:30px!important;display:block!important;overflow:visible!important} .heater-root .heater-lifeline-icon svg *{vector-effect:non-scaling-stroke} @media(max-width:760px){ .heater-root .heater-lifeline-grid{gap:6px!important} .heater-root .heater-lifeline-card{min-height:98px!important} .heater-root .heater-lifeline-card .heater-lifeline, .heater-root .heater-lifeline-card .heater-lifeline:disabled{ min-height:98px!important;padding:12px 26px 10px 8px!important; grid-template-columns:25px minmax(0,1fr)!important;grid-template-areas:"icon title" "icon status"!important; column-gap:5px!important;align-content:center!important } .heater-root .heater-lifeline-card .heater-lifeline strong{font-size:10.5px!important;letter-spacing:-.025em!important;white-space:nowrap!important} .heater-root .heater-lifeline-card .heater-lifeline-status{font-size:10px!important;margin-top:3px!important} .heater-root .heater-lifeline-card .heater-lifeline small{display:none!important} .heater-root .heater-lifeline-icon{width:24px!important;height:24px!important} .heater-root .heater-lifeline-icon svg{width:23px!important;height:23px!important} } /* v0.2.3 premium lifeline watermark cards */ .heater-root .heater-lifeline-card{ min-height:128px!important; } .heater-root .heater-lifeline-card .heater-lifeline, .heater-root .heater-lifeline-card .heater-lifeline:disabled{ position:relative!important; min-height:128px!important; padding:22px 32px 18px!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; text-align:center!important; gap:3px!important; overflow:hidden!important; } .heater-root .heater-lifeline-icon{ position:absolute!important; inset:50% auto auto 50%!important; width:94px!important; height:94px!important; transform:translate(-50%,-50%)!important; opacity:.18!important; pointer-events:none!important; z-index:0!important; } .heater-root .heater-lifeline-icon svg{ width:94px!important; height:94px!important; } .heater-root .heater-lifeline-card .heater-lifeline strong, .heater-root .heater-lifeline-card .heater-lifeline-status, .heater-root .heater-lifeline-card .heater-lifeline small{ position:relative!important; z-index:1!important; grid-area:auto!important; text-align:center!important; } .heater-root .heater-lifeline-card .heater-lifeline strong{ font-size:16px!important; line-height:1.08!important; margin:0!important; white-space:nowrap!important; } .heater-root .heater-lifeline-card .heater-lifeline-status{ font-size:13px!important; margin:1px 0 0!important; } .heater-root .heater-lifeline-card .heater-lifeline small{ max-width:230px!important; margin:7px auto 0!important; font-size:10.5px!important; line-height:1.2!important; } @media(max-width:760px){ .heater-root .heater-lifeline-card{min-height:104px!important} .heater-root .heater-lifeline-card .heater-lifeline, .heater-root .heater-lifeline-card .heater-lifeline:disabled{ min-height:104px!important; padding:18px 21px 14px!important; gap:2px!important; } .heater-root .heater-lifeline-icon{ width:64px!important; height:64px!important; opacity:.17!important; } .heater-root .heater-lifeline-icon svg{width:64px!important;height:64px!important} .heater-root .heater-lifeline-card .heater-lifeline strong{ font-size:10.5px!important; line-height:1.05!important; letter-spacing:-.025em!important; white-space:nowrap!important; } .heater-root .heater-lifeline-card .heater-lifeline-status{ font-size:10px!important; line-height:1.05!important; margin-top:2px!important; } .heater-root .heater-lifeline-card .heater-lifeline small{display:none!important} } /* v0.2.4 stronger lifeline watermark presence */ .heater-root .heater-lifeline-icon{ width:112px!important; height:112px!important; opacity:.24!important; } .heater-root .heater-lifeline-icon svg{ width:112px!important; height:112px!important; } @media(max-width:760px){ .heater-root .heater-lifeline-icon{ width:78px!important; height:78px!important; opacity:.23!important; } .heater-root .heater-lifeline-icon svg{ width:78px!important; height:78px!important; } } /* v0.2.5 compact horizontal lifeline controls */ .heater-root .heater-lifeline-grid{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:9px!important; } .heater-root .heater-lifeline-card{ min-height:78px!important; border-radius:13px!important; background:#BC0C1C!important; opacity:1!important; } .heater-root .heater-lifeline-card.locked{ opacity:.68!important; } .heater-root .heater-lifeline-card.available{ border:2px solid #E1A581!important; box-shadow:0 0 0 2px rgba(225,165,129,.18),0 4px 12px rgba(188,12,28,.14)!important; } .heater-root .heater-lifeline-card.selected{ border:2px solid #fff!important; box-shadow:0 0 0 3px rgba(225,165,129,.55)!important; } .heater-root .heater-lifeline-card .heater-lifeline, .heater-root .heater-lifeline-card .heater-lifeline:disabled{ min-height:78px!important; padding:11px 37px 11px 11px!important; display:grid!important; grid-template-columns:42px minmax(0,1fr)!important; grid-template-areas:"icon title" "icon status"!important; column-gap:10px!important; row-gap:1px!important; align-content:center!important; align-items:center!important; text-align:left!important; overflow:visible!important; } .heater-root .heater-lifeline-icon{ position:static!important; grid-area:icon!important; inset:auto!important; transform:none!important; width:40px!important; height:40px!important; opacity:.82!important; z-index:1!important; } .heater-root .heater-lifeline-icon svg{ width:40px!important; height:40px!important; } .heater-root .heater-lifeline-card .heater-lifeline strong{ grid-area:title!important; position:static!important; text-align:left!important; font-size:14px!important; line-height:1.08!important; margin:0!important; white-space:normal!important; letter-spacing:0!important; } .heater-root .heater-lifeline-card .heater-lifeline-status{ grid-area:status!important; position:static!important; text-align:left!important; font-size:11px!important; line-height:1.05!important; margin:2px 0 0!important; display:inline-flex!important; width:max-content!important; max-width:100%!important; padding:3px 7px!important; border-radius:999px!important; background:rgba(255,255,255,.14)!important; } .heater-root .heater-lifeline-card.available .heater-lifeline-status{ background:#E1A581!important; color:#7f0711!important; } .heater-root .heater-lifeline-card .heater-lifeline small{display:none!important} @media(max-width:760px){ .heater-root .heater-lifeline-grid{ grid-template-columns:1fr!important; gap:7px!important; } .heater-root .heater-lifeline-card{min-height:66px!important} .heater-root .heater-lifeline-card .heater-lifeline, .heater-root .heater-lifeline-card .heater-lifeline:disabled{ min-height:66px!important; padding:9px 40px 9px 12px!important; grid-template-columns:38px minmax(0,1fr)!important; column-gap:10px!important; } .heater-root .heater-lifeline-icon, .heater-root .heater-lifeline-icon svg{ width:36px!important; height:36px!important; } .heater-root .heater-lifeline-card .heater-lifeline strong{ font-size:14px!important; white-space:nowrap!important; } .heater-root .heater-lifeline-card .heater-lifeline-status{ font-size:10px!important; padding:2px 7px!important; } } /* v0.2.6 lifeline layout + professional icon set */ .heater-root .heater-lifeline-icon svg, .heater-root .heater-lifeline-icon svg *{ fill:none!important; stroke:#fff!important; stroke-width:1.9!important; stroke-linecap:round!important; stroke-linejoin:round!important; } .heater-root .heater-lifeline-icon{opacity:1!important} .heater-root .heater-lifeline-card.locked{opacity:.72!important} @media(max-width:760px){ .heater-root .heater-lifeline-grid{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:6px!important; } .heater-root .heater-lifeline-card{ min-height:108px!important; border-radius:12px!important; } .heater-root .heater-lifeline-card .heater-lifeline, .heater-root .heater-lifeline-card .heater-lifeline:disabled{ min-height:108px!important; padding:14px 5px 10px!important; display:flex!important; flex-direction:column!important; justify-content:center!important; align-items:center!important; gap:5px!important; text-align:center!important; } .heater-root .heater-lifeline-icon, .heater-root .heater-lifeline-icon svg{ width:34px!important; height:34px!important; flex:0 0 34px!important; } .heater-root .heater-lifeline-card .heater-lifeline strong{ font-size:10.5px!important; line-height:1.05!important; text-align:center!important; white-space:normal!important; min-height:22px!important; display:flex!important; align-items:center!important; justify-content:center!important; } .heater-root .heater-lifeline-card .heater-lifeline-status{ font-size:9px!important; line-height:1!important; padding:3px 6px!important; margin:0!important; align-self:center!important; } } /* v0.2.8 admin-only testing banner */ .heater-test-banner{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 10px;padding:9px 12px;border:1px solid var(--heater-gold,#E1A581);border-radius:12px;background:#fff4ed;color:#7f0711;font-size:12px}.heater-test-banner strong{font-weight:900}.heater-test-banner span{color:#6b4b43;font-weight:700}@media(max-width:760px){.heater-test-banner{display:block}.heater-test-banner span{display:block;margin-top:2px}} /* v0.3.1 premium card state palette restore */ .heater-root .heater-deck-card.available{ background:linear-gradient(145deg,var(--heater-red,#BC0C1C),#920814)!important; border-color:rgba(225,165,129,.72)!important; color:#fff!important; box-shadow:0 8px 22px rgba(113,5,16,.18)!important; } .heater-root .heater-deck-card.available .heater-card-open, .heater-root .heater-deck-card.available .heater-tile-title{ color:#fff!important; } .heater-root .heater-deck-card.available .heater-tile-meta{ color:var(--heater-gold,#E1A581)!important; } .heater-root .heater-deck-card.available .heater-card-status{ background:rgba(255,255,255,.14)!important; color:#fff!important; border:1px solid rgba(255,255,255,.24)!important; } .heater-root .heater-deck-card.available .heater-attempt-count, .heater-root .heater-deck-card.available small{ color:rgba(255,255,255,.82)!important; } .heater-root .heater-deck-card.hit{ background:linear-gradient(145deg,var(--heater-gold,#E1A581),#c88a66)!important; border-color:#b97753!important; color:#5f0a13!important; box-shadow:0 8px 22px rgba(112,66,39,.16)!important; } .heater-root .heater-deck-card.hit .heater-card-open, .heater-root .heater-deck-card.hit .heater-tile-title, .heater-root .heater-deck-card.hit .heater-tile-meta, .heater-root .heater-deck-card.hit .heater-attempt-count, .heater-root .heater-deck-card.hit small{ color:#5f0a13!important; } .heater-root .heater-deck-card.hit .heater-card-status{ background:rgba(95,10,19,.13)!important; color:#5f0a13!important; border:1px solid rgba(95,10,19,.18)!important; } .heater-root .heater-deck-card.miss{ background:linear-gradient(145deg,#777,#565656)!important; border-color:#4b4b4b!important; color:#fff!important; box-shadow:0 7px 18px rgba(0,0,0,.12)!important; } .heater-root .heater-deck-card.miss .heater-card-open, .heater-root .heater-deck-card.miss .heater-tile-title{ color:#fff!important; } .heater-root .heater-deck-card.miss .heater-tile-meta{ color:#e4e4e4!important; } .heater-root .heater-deck-card.miss .heater-card-status{ background:rgba(255,255,255,.13)!important; color:#fff!important; border:1px solid rgba(255,255,255,.2)!important; } .heater-root .heater-deck-card.miss .heater-attempt-count, .heater-root .heater-deck-card.miss small{ color:rgba(255,255,255,.76)!important; } .heater-root .heater-deck-card.selected, .heater-root .heater-deck-card.current-pick{ border-color:var(--heater-gold,#E1A581)!important; box-shadow:0 0 0 3px rgba(225,165,129,.72),0 10px 26px rgba(0,0,0,.18)!important; } .heater-root .heater-deck-card.selected .heater-card-status, .heater-root .heater-deck-card.current-pick .heater-card-status{ background:var(--heater-gold,#E1A581)!important; color:#6f0711!important; border-color:var(--heater-gold,#E1A581)!important; } .heater-root .heater-board-legend i.available{ background:var(--heater-red,#BC0C1C)!important; border-color:var(--heater-red,#BC0C1C)!important; } .heater-root .heater-board-legend i.hit{ background:var(--heater-gold,#E1A581)!important; border-color:var(--heater-gold,#E1A581)!important; } .heater-root .heater-board-legend i.miss{ background:#666!important; border-color:#555!important; } /* v0.3.3 unmistakable saved-pick state */ .heater-pick-confirmed{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:11px 14px;border:2px solid var(--heater-gold,#E1A581);border-radius:14px;background:linear-gradient(135deg,#fff8f0,#fff);box-shadow:0 5px 16px rgba(188,12,28,.08)} .heater-pick-confirmed-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:var(--heater-gold,#E1A581);color:#7f0711;font-weight:1000;font-size:21px} .heater-pick-confirmed strong{display:block;color:var(--heater-red,#BC0C1C);font-size:13px;letter-spacing:.08em} .heater-pick-confirmed small{display:block;color:#666;font-size:11px;margin-top:1px} .heater-deck-card.current-pick,.heater-deck-card.pick-locked-in{border:3px solid var(--heater-gold,#E1A581)!important;box-shadow:0 0 0 3px rgba(255,255,255,.9),0 8px 22px rgba(188,12,28,.24)!important;transform-origin:center} .heater-deck-card.current-pick .heater-card-status,.heater-deck-card.pick-locked-in .heater-card-status{background:var(--heater-gold,#E1A581)!important;color:#7f0711!important;font-weight:1000!important} .heater-deck-card.current-pick:after,.heater-deck-card.pick-locked-in:after{content:'✓';position:absolute;right:9px;bottom:9px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--heater-gold,#E1A581);color:#7f0711;font-weight:1000;z-index:4;box-shadow:0 2px 8px rgba(0,0,0,.18)} @media(max-width:760px){.heater-pick-confirmed{padding:9px 11px}.heater-pick-confirmed-icon{width:30px;height:30px;flex-basis:30px;font-size:18px}.heater-pick-confirmed strong{font-size:12px}.heater-pick-confirmed small{font-size:10px}} /* v0.3.5 unified confirmation placement + modal lock-in flow */ .heater-pick-confirmed{order:0} .heater-sheet-save-msg{min-height:18px;margin:10px 0 0;text-align:center;font-size:12px;font-weight:800;color:#666} .heater-sheet-status.locked-in{background:var(--heater-gold,#E1A581)!important;color:#6f0711!important;border:1px solid rgba(111,7,17,.15)} #heater-sheet-select:disabled{opacity:1;cursor:default;background:var(--heater-gold,#E1A581)!important;color:#6f0711!important} @media(max-width:760px){ .heater-pick-confirmed{margin-bottom:10px} .heater-sheet-save-msg{font-size:11px} } /* v0.3.17 rollback-based Read the Room repair */ .heater-community-card[hidden]{display:none!important} .heater-community-card.is-visible{display:block} .heater-community-card.heater-community-revealed{border-color:var(--heater-gold,#E1A581);box-shadow:0 0 0 2px rgba(225,165,129,.22),0 8px 22px rgba(0,0,0,.08)} .heater-community-badge{display:inline-flex;margin-left:8px;padding:3px 7px;border-radius:999px;background:rgba(225,165,129,.22);color:var(--heater-red,#BC0C1C);font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.04em;vertical-align:middle} @media(max-width:760px){.heater-community-badge{display:block;width:max-content;margin:5px 0 0}} /* v0.3.22 latest completed game recap */ .heater-weekly-recap{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:11px 13px;align-items:center;padding:12px 14px;border-width:1px 1px 1px 4px;overflow:hidden} .heater-weekly-recap.is-hit{border-left-color:var(--heater-gold,#E1A581);background:linear-gradient(135deg,#fff9f2,#fff)} .heater-weekly-recap.is-miss{border-left-color:#666;background:linear-gradient(135deg,#f5f5f5,#fff)} .heater-recap-result{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-size:24px;font-weight:1000} .heater-weekly-recap.is-hit .heater-recap-result{background:var(--heater-gold,#E1A581);color:#6f0711} .heater-weekly-recap.is-miss .heater-recap-result{background:#666;color:#fff} .heater-recap-main{min-width:0} .heater-recap-kicker{display:block;color:var(--heater-red,#BC0C1C);font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;margin-bottom:2px} .heater-recap-main strong{display:block;color:#222;font-size:15px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .heater-recap-main small{display:block;color:#777;font-size:11px;margin-top:2px} .heater-recap-outcome{text-align:right} .heater-recap-outcome b{display:block;font-size:13px;letter-spacing:.08em;color:var(--heater-red,#BC0C1C)} .heater-weekly-recap.is-miss .heater-recap-outcome b{color:#555} .heater-recap-outcome span{display:block;color:#666;font-size:11px;font-weight:800;margin-top:2px} .heater-recap-details{grid-column:2/-1;display:flex;gap:7px;flex-wrap:wrap} .heater-recap-details>span{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;background:rgba(0,0,0,.045);color:#666;font-size:10px} .heater-recap-details b{color:#333} .heater-recap-protected{background:rgba(225,165,129,.22)!important;color:#7f0711!important;font-weight:900} @media(max-width:760px){ .heater-weekly-recap{grid-template-columns:36px minmax(0,1fr) auto;gap:8px 9px;padding:10px 11px} .heater-recap-result{width:34px;height:34px;font-size:20px} .heater-recap-main strong{font-size:13px} .heater-recap-main small{font-size:10px} .heater-recap-outcome b{font-size:11px} .heater-recap-outcome span{font-size:9px} .heater-recap-details{grid-column:1/-1;padding-left:44px;gap:5px} .heater-recap-details>span{font-size:9px;padding:3px 6px} } /* v0.3.23 swipeable season recap history */ .heater-recap-carousel{margin:0 0 12px;overflow:hidden} .heater-recap-carousel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 7px} .heater-recap-carousel-head>div:first-child{display:flex;align-items:baseline;gap:8px;min-width:0} .heater-recap-carousel-head strong{font-size:13px;color:#333} .heater-recap-carousel-kicker{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--heater-red,#BC0C1C)} .heater-recap-nav{display:flex;align-items:center;gap:7px;flex:0 0 auto} .heater-recap-nav span{font-size:11px;font-weight:800;color:#666;min-width:34px;text-align:center} .heater-recap-arrow{width:28px;height:28px;border:1px solid #ddd;border-radius:50%;background:#fff;color:var(--heater-red,#BC0C1C);font-size:20px;line-height:1;display:grid;place-items:center;cursor:pointer;padding:0} .heater-recap-arrow:hover,.heater-recap-arrow:focus-visible{border-color:var(--heater-gold,#E1A581);box-shadow:0 0 0 2px rgba(225,165,129,.18)} .heater-recap-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-inline:contain} .heater-recap-track::-webkit-scrollbar{display:none} .heater-recap-track .heater-weekly-recap{flex:0 0 100%;width:100%;margin:0;scroll-snap-align:start;box-sizing:border-box} @media(max-width:760px){ .heater-recap-carousel-head>div:first-child{display:block} .heater-recap-carousel-head strong{display:block;font-size:12px;line-height:1.15} .heater-recap-arrow{width:26px;height:26px;font-size:18px} } /* v0.3.25 grid difficulty sections + open leaderboard */ .heater-leaderboard-card{padding:14px!important} .heater-leaderboard-card h3{margin:0 0 8px!important} .heater-leader-wrap{width:100%} .heater-leaderboard-card .heater-leader{width:100%;margin:0} .heater-leader-extra[hidden]{display:none!important} .heater-leader-toggle{display:block;width:100%;margin:10px 0 0;padding:9px 12px;border:1px solid var(--heater-red,#BC0C1C);border-radius:999px;background:#fff;color:var(--heater-red,#BC0C1C);font-weight:900;cursor:pointer} .heater-leader-toggle:hover,.heater-leader-toggle:focus-visible{background:rgba(188,12,28,.05)} @media(max-width:760px){ .heater-leaderboard-card{padding:12px!important;overflow-x:auto} .heater-leaderboard-card .heater-leader th,.heater-leaderboard-card .heater-leader td{padding:7px 5px;font-size:12px} } /* v0.3.26 season results strip */ .heater-season-strip{margin:0 0 12px;padding:10px 12px;background:linear-gradient(180deg,#fff,#fafafa);border:1px solid #e4e4e4;border-radius:16px;box-shadow:0 2px 10px rgba(0,0,0,.045)} .heater-season-strip-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px} .heater-season-strip-head strong{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--heater-red,#BC0C1C)} .heater-season-strip-head>span{display:flex;align-items:center;gap:5px;color:#777;font-size:9px;font-weight:800} .heater-season-strip-head i{width:8px;height:8px;border-radius:3px;display:inline-block;margin-left:3px} .heater-season-strip-head i.hit{background:var(--heater-gold,#E1A581)} .heater-season-strip-head i.miss{background:#737373} .heater-season-strip-head i.future{background:#e5e5e5} .heater-season-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(18px,1fr));gap:4px} .heater-season-box{appearance:none;min-width:0;height:22px;border:1px solid transparent;border-radius:5px;padding:0;display:grid;place-items:center;font:900 8px/1 inherit;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease} .heater-season-box span{opacity:.78} .heater-season-box.hit{background:var(--heater-gold,#E1A581);color:#6f0711} .heater-season-box.miss{background:#737373;color:#fff} .heater-season-box.future{background:#e8e8e8;color:#9a9a9a} .heater-season-box.current{border-color:var(--heater-red,#BC0C1C);box-shadow:0 0 0 2px rgba(188,12,28,.16)} .heater-season-box:not(:disabled):hover,.heater-season-box:not(:disabled):focus-visible{transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,.14)} .heater-season-box:disabled{cursor:default} @media(max-width:760px){ .heater-season-strip{padding:9px 8px} .heater-season-strip-head>span{display:none} .heater-season-track{gap:2px} .heater-season-box{height:18px;border-radius:4px;font-size:0} .heater-season-box.current:after{content:'';width:4px;height:4px;border-radius:50%;background:currentColor} } /* v0.3.27 system-wide heat palette: gold available, red hit, gray miss */ .heater-root .heater-deck-card.available{ background:linear-gradient(145deg,var(--heater-gold,#E1A581),#c88a66)!important; border-color:#b97753!important; color:#5f0a13!important; box-shadow:0 8px 22px rgba(112,66,39,.16)!important; } .heater-root .heater-deck-card.available .heater-card-open, .heater-root .heater-deck-card.available .heater-tile-title, .heater-root .heater-deck-card.available .heater-tile-meta, .heater-root .heater-deck-card.available .heater-attempt-count, .heater-root .heater-deck-card.available small{color:#5f0a13!important} .heater-root .heater-deck-card.available .heater-card-status{ background:rgba(95,10,19,.13)!important; color:#5f0a13!important; border:1px solid rgba(95,10,19,.18)!important; } .heater-root .heater-deck-card.hit{ background:linear-gradient(145deg,var(--heater-red,#BC0C1C),#920814)!important; border-color:#790610!important; color:#fff!important; box-shadow:0 8px 22px rgba(113,5,16,.22)!important; } .heater-root .heater-deck-card.hit .heater-card-open, .heater-root .heater-deck-card.hit .heater-tile-title{color:#fff!important} .heater-root .heater-deck-card.hit .heater-tile-meta{color:var(--heater-gold,#E1A581)!important} .heater-root .heater-deck-card.hit .heater-attempt-count, .heater-root .heater-deck-card.hit small{color:rgba(255,255,255,.82)!important} .heater-root .heater-deck-card.hit .heater-card-status{ background:rgba(255,255,255,.14)!important; color:#fff!important; border:1px solid rgba(255,255,255,.24)!important; } .heater-root .heater-board-legend i.available{background:var(--heater-gold,#E1A581)!important;border-color:var(--heater-gold,#E1A581)!important} .heater-root .heater-board-legend i.hit{background:var(--heater-red,#BC0C1C)!important;border-color:var(--heater-red,#BC0C1C)!important} .heater-root .heater-board-legend i.miss{background:#666!important;border-color:#555!important} .heater-weekly-recap.is-hit{border-left-color:var(--heater-red,#BC0C1C)!important;background:linear-gradient(135deg,#fff4f5,#fff)!important} .heater-weekly-recap.is-hit .heater-recap-result{background:var(--heater-red,#BC0C1C)!important;color:#fff!important} .heater-season-strip-head i.hit{background:var(--heater-red,#BC0C1C)!important} .heater-season-strip-head i.miss{background:#737373!important} .heater-season-strip-head i.future{background:var(--heater-gold,#E1A581)!important} .heater-season-box.hit{background:var(--heater-red,#BC0C1C)!important;color:#fff!important} .heater-season-box.miss{background:#737373!important;color:#fff!important} .heater-season-box.future{background:var(--heater-gold,#E1A581)!important;color:#6f0711!important} .heater-season-box.current{border-color:#fff!important;box-shadow:0 0 0 2px var(--heater-red,#BC0C1C)!important} /* v0.3.28 premium available-card contrast + neutral future tracker */ .heater-root .heater-deck-card.available{ color:#fff!important; } .heater-root .heater-deck-card.available .heater-card-open, .heater-root .heater-deck-card.available .heater-tile-title, .heater-root .heater-deck-card.available .heater-tile-meta, .heater-root .heater-deck-card.available .heater-attempt-count, .heater-root .heater-deck-card.available small{color:#fff!important} .heater-root .heater-deck-card.available .heater-tile-meta{color:#fff!important;opacity:.9} .heater-root .heater-deck-card.available .heater-card-status{ background:rgba(255,255,255,.14)!important; color:#fff!important; border:1px solid rgba(255,255,255,.32)!important; } .heater-season-strip-head i.future{background:#e8e8e8!important;border-color:#d3d3d3!important} .heater-season-box.future{background:#e8e8e8!important;color:#8f8f8f!important;border-color:#d3d3d3!important} .heater-season-box.current{border-color:var(--heater-red,#BC0C1C)!important;box-shadow:0 0 0 2px rgba(188,12,28,.18)!important} /* v0.3.29 single-view difficulty grid */ .heater-grid-board{display:block!important} .heater-grid-board .heater-difficulty-row{display:block!important;margin:0 0 20px;padding:0 0 18px;border-bottom:1px solid rgba(188,12,28,.12)} .heater-grid-board .heater-difficulty-row:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0} .heater-grid-board .heater-row-heading{display:flex!important;margin:0 0 9px;padding:0 2px} .heater-grid-board .heater-grid-track{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:0!important;overflow:visible!important} .heater-grid-board .heater-deck-card{transform:none!important;opacity:1!important;filter:none!important;min-width:0!important;width:auto!important;max-width:none!important} .heater-grid-board .heater-card-open{min-height:112px;padding:10px} .heater-grid-board .heater-tile-title{font-size:13px} @media(max-width:760px){ .heater-grid-board .heater-grid-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} .heater-grid-board .heater-difficulty-row{margin-bottom:16px;padding-bottom:14px} .heater-grid-board .heater-row-heading h4{font-size:15px} .heater-grid-board .heater-row-heading small{font-size:11px} .heater-grid-board .heater-card-open{min-height:104px} } /* v0.3.31 Heater Tracker protected-miss state */ .heater-season-strip-head i.protected{background:#7f0711!important} .heater-season-box.protected{ background:linear-gradient(145deg,#8f0714,#5f0711)!important; color:#fff!important; border-color:#4d050d!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important; } .heater-season-box.protected span:after{ content:'•'; display:inline-block; margin-left:1px; color:var(--heater-gold,#E1A581); font-size:7px; vertical-align:top; } @media(max-width:760px){ .heater-season-box.protected:after{ content:''; width:4px; height:4px; border-radius:50%; background:var(--heater-gold,#E1A581); } .heater-season-box.protected span:after{display:none} } /* v0.3.42 confirmed-state, pending-result, and Hot Play feedback */ .heater-root .heater-deck-card.pending{ background:#d9dde2!important; border-color:#aeb4bc!important; color:#4f5660!important; box-shadow:none!important; } .heater-root .heater-deck-card.pending .heater-card-status{ background:#f1f3f5!important; color:#555d66!important; } .heater-root .heater-deck-card.pending .heater-tile-title, .heater-root .heater-deck-card.pending .heater-tile-meta{color:#555d66!important} .heater-root .heater-board-legend i.pending{background:#d9dde2!important;border-color:#aeb4bc!important} .heater-root .heater-deck-card.recycle-pending{ border:2px dashed var(--heater-gold,#E1A581)!important; box-shadow:0 0 0 3px rgba(225,165,129,.24)!important; } .heater-root .heater-deck-card.recycle-pending .heater-card-status{ background:#fff!important;color:var(--heater-red,#BC0C1C)!important; } .heater-root .heater-hot-play-message{ margin:9px 2px 0; padding:8px 10px; border-radius:10px; background:rgba(225,165,129,.18); color:#6d351f; font-size:12px; font-weight:800; line-height:1.3; } .heater-root .heater-hot-play-message.is-error{ background:rgba(188,12,28,.10); color:var(--heater-red,#BC0C1C); } .heater-root .heater-sheet-status.pending{background:#d9dde2!important;color:#4f5660!important} /* v0.3.45 focused UX improvements */ .heater-recycle-notice{ display:flex;align-items:center;justify-content:space-between;gap:12px; } .heater-recycle-notice[hidden]{display:none!important} .heater-recycle-notice>div{min-width:0} .heater-recycle-cancel{ flex:0 0 auto;border:1px solid var(--heater-red,#BC0C1C);border-radius:999px;background:#fff; color:var(--heater-red,#BC0C1C);padding:7px 10px;font-size:11px;font-weight:900;cursor:pointer; } .heater-recycle-summary{ margin:12px 0;padding:12px;border:1px solid rgba(225,165,129,.75);border-radius:12px;background:rgba(225,165,129,.14) } .heater-recycle-summary strong,.heater-recycle-summary span{display:block} .heater-recycle-summary strong{color:var(--heater-red,#BC0C1C);font-size:14px} .heater-recycle-summary span{margin-top:3px;color:#555;font-size:12px;line-height:1.35} .heater-recycle-actions{display:flex;flex-wrap:wrap;gap:8px} .heater-recycle-actions .heater-btn{flex:1 1 190px;text-align:center} .heater-recycle-cancel-action{border-color:#aaa!important;color:#666!important} .heater-community-results{padding:0 14px 14px} .heater-community-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 6px;color:#777;font-size:11px;font-weight:800} .heater-community-toggle{display:block;width:100%;margin:10px 0 0;padding:8px 10px;border:1px solid var(--heater-red,#BC0C1C);border-radius:999px;background:#fff;color:var(--heater-red,#BC0C1C);font-weight:900;cursor:pointer} .heater-community-extra[hidden]{display:none!important} .heater-leader tr.is-current-user td{background:rgba(225,165,129,.22);font-weight:900} .heater-leader tr.is-current-user td:first-child{box-shadow:inset 3px 0 0 var(--heater-red,#BC0C1C)} .heater-your-rank{display:none;margin:10px 0 0;padding:10px 12px;border:1px solid rgba(225,165,129,.85);border-radius:12px;background:linear-gradient(135deg,#fffaf3,#fff)} .heater-your-rank span,.heater-your-rank strong,.heater-your-rank small{display:block} .heater-your-rank span{color:#777;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em} .heater-your-rank strong{margin-top:2px;color:var(--heater-red,#BC0C1C);font-size:14px} .heater-your-rank small{margin-top:2px;color:#666;font-size:11px} .heater-your-rank.outside-desktop,.heater-your-rank.is-unranked{display:block} .heater-leader-wrap.is-expanded .heater-your-rank:not(.is-unranked){display:none!important} .heater-leader-toggle{display:none} .heater-leader-wrap.has-more-desktop .heater-leader-toggle{display:block} .heater-season-strip-head>div{display:flex;flex-direction:column;gap:1px} .heater-season-strip-head>div small{color:#777;font-size:10px;font-weight:700} .heater-season-track{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(18px,1fr))!important;gap:4px!important} .heater-season-box.current{background:#f1e4d7!important;color:var(--heater-red,#BC0C1C)!important} .heater-season-box.pending{background:#d9dde2!important;color:#4f5660!important;border-color:#aeb4bc!important} .heater-season-box.missed{background:#aeb4bc!important;color:#fff!important;border-color:#969da6!important} .heater-season-box.past{background:#f2f2f2!important;color:#aaa!important;border-color:#ddd!important} .heater-season-box.postponed{background:repeating-linear-gradient(135deg,#eee,#eee 4px,#ddd 4px,#ddd 8px)!important;color:#777!important;border-color:#ccc!important} .heater-season-strip-head i.pending{background:#d9dde2!important;border:1px solid #aeb4bc} .heater-season-strip-head i.missed{background:#aeb4bc!important} .heater-season-state{margin:8px 0 0;padding:8px 10px;border-radius:10px;background:#f5f5f5;color:#666;font-size:12px;font-weight:900;text-align:center} .heater-season-state.is-complete{background:rgba(188,12,28,.08);color:var(--heater-red,#BC0C1C)} @media(max-width:760px){ .heater-recycle-notice{align-items:flex-start;flex-direction:column} .heater-recycle-cancel{width:100%} .heater-community-meta{align-items:flex-start;flex-direction:column;gap:2px} .heater-leader-mobile-extra{display:none} .heater-leader-wrap.is-expanded .heater-leader-mobile-extra{display:table-row} .heater-your-rank.outside-mobile,.heater-your-rank.is-unranked{display:block} .heater-leader-wrap.has-more-mobile .heater-leader-toggle{display:block} .heater-season-track{grid-template-columns:repeat(auto-fit,minmax(13px,1fr))!important;gap:2px!important} } @media(min-width:761px){ .heater-leader-wrap:not(.has-more-desktop) .heater-leader-toggle{display:none!important} .heater-your-rank.outside-mobile:not(.outside-desktop){display:none} } /* v0.3.46 postponed tracker and unavailable Recycle affordances */ .heater-season-strip-head i.postponed{background:repeating-linear-gradient(135deg,#eee,#eee 3px,#cfcfcf 3px,#cfcfcf 6px)!important;border:1px solid #bdbdbd} .heater-sheet-actions .heater-btn:disabled{white-space:normal;line-height:1.15} /* v0.3.53 leaderboard difficulty tiebreak context */ .heater-leader-name{display:block;font-weight:800;line-height:1.15} .heater-leader-difficulty{display:block;margin-top:2px;color:#777;font-size:10px;font-weight:800;line-height:1.1} .heater-leader-note{margin:9px 0 0;color:#666;font-size:11px;line-height:1.3} @media(max-width:760px){.heater-leader-difficulty{font-size:9px}.heater-leader-note{font-size:10px}} /* v0.3.55 cleanup regression restoration: active hero and difficulty headings only */ .heater-root .heater-hero{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:16px!important; min-height:0!important; padding:18px!important; overflow:visible!important; } .heater-root .heater-hero .heater-hero-content{ display:flex!important; flex:1 1 auto!important; align-items:center!important; justify-content:space-between!important; gap:16px!important; width:100%!important; padding:0!important; } .heater-root .heater-hero .heater-hero-main{ min-width:0!important; flex:1 1 auto!important; } .heater-root .heater-hero .heater-lock-box{ flex:0 0 auto!important; width:auto!important; min-width:132px!important; margin:0!important; } .heater-grid-board .heater-row-heading>div:first-child{ display:flex; align-items:center; gap:8px; } .heater-grid-board .heater-row-heading h4{ margin:0; font-size:16px; color:#222; } .heater-grid-board .heater-row-heading small{ color:#888; font-weight:800; } .heater-grid-board .heater-difficulty-dot{ width:9px; height:9px; flex:0 0 9px; border-radius:50%; background:#ddd; } .heater-grid-board .heater-difficulty-dot.easy,.heater-grid-board .heater-difficulty-dot.safer{background:var(--heater-gold,#E1A581)} .heater-grid-board .heater-difficulty-dot.moderate,.heater-grid-board .heater-difficulty-dot.balanced{background:#c77d50} .heater-grid-board .heater-difficulty-dot.hard,.heater-grid-board .heater-difficulty-dot.bold{background:var(--heater-red,#BC0C1C)} .heater-grid-board .heater-difficulty-dot.expert,.heater-grid-board .heater-difficulty-dot.long-shot{background:#67101b} @media(max-width:760px){ .heater-root .heater-hero{padding:16px!important} .heater-root .heater-hero .heater-hero-content{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:12px!important; } .heater-root .heater-hero .heater-lock-box{ width:100%!important; min-width:0!important; } .heater-grid-board .heater-row-heading h4{font-size:15px} .heater-grid-board .heater-row-heading small{font-size:11px} } /* v0.3.57 restored-card clarity: selectable, but visually distinct from untouched gold cards */ .heater-root .heater-deck-card.available.recycled{ background:linear-gradient(145deg,#fffaf7,#f5e9e1)!important; border:2px dashed var(--heater-gold,#E1A581)!important; color:#5f0a13!important; box-shadow:0 8px 22px rgba(112,66,39,.12)!important; } .heater-root .heater-deck-card.available.recycled .heater-card-open, .heater-root .heater-deck-card.available.recycled .heater-tile-title, .heater-root .heater-deck-card.available.recycled .heater-tile-meta, .heater-root .heater-deck-card.available.recycled .heater-attempt-count, .heater-root .heater-deck-card.available.recycled small{color:#5f0a13!important} .heater-root .heater-deck-card.available.recycled .heater-tile-meta{opacity:.78} .heater-root .heater-deck-card.available.recycled .heater-card-status{ background:var(--heater-gold,#E1A581)!important; color:#5f0a13!important; border:1px solid #b97753!important; } /* v0.3.58 Recycle attempt-state clarity */ .heater-root .heater-sheet-history{white-space:pre-line} .heater-root .heater-deck-card.pending.recycled.current-pick, .heater-root .heater-deck-card.pending.recycled.selected{ border-color:#aeb4bc!important; box-shadow:none!important; } .heater-root .heater-deck-card.pending.recycled.current-pick .heater-card-status, .heater-root .heater-deck-card.pending.recycled.selected .heater-card-status{ background:#f1f3f5!important; color:#555d66!important; border-color:#c6cbd1!important; } .heater-root .heater-deck-card.pending.recycled .heater-attempt-count{color:#555d66!important} /* v0.3.60 premium app visual layer — presentation only */ .heater-root.heater-premium{ --heater-app-bg:#f6f0ed; --heater-surface:#fffdfb; --heater-surface-soft:#f5ece8; --heater-ink:#28191c; --heater-muted-premium:#75676a; --heater-deep-red:#5d0610; --heater-rich-red:#8b0714; --heater-gold-bright:#f4c19f; --heater-border:rgba(94,10,20,.10); --heater-shadow-sm:0 6px 18px rgba(78,12,22,.07),0 1px 3px rgba(35,12,17,.05); --heater-shadow-md:0 14px 38px rgba(78,12,22,.11),0 3px 10px rgba(35,12,17,.06); --heater-shadow-lg:0 24px 70px rgba(65,5,14,.22),0 8px 24px rgba(35,4,10,.13); max-width:1140px; padding:14px; color:var(--heater-ink); border-radius:30px; background: radial-gradient(circle at 8% 0%,rgba(225,165,129,.18),transparent 24%), radial-gradient(circle at 96% 18%,rgba(188,12,28,.07),transparent 26%), linear-gradient(180deg,#fbf8f6 0%,var(--heater-app-bg) 100%); box-shadow:inset 0 0 0 1px rgba(94,10,20,.055); } .heater-root.heater-premium,.heater-root.heater-premium *{box-sizing:border-box} .heater-root.heater-premium .heater-card, .heater-root.heater-premium .heater-season-strip{ background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,252,250,.98)); border:1px solid var(--heater-border); border-radius:20px; box-shadow:var(--heater-shadow-sm); } .heater-root.heater-premium .heater-muted{color:var(--heater-muted-premium)} /* Brand hero */ .heater-root.heater-premium .heater-hero{ position:relative!important; min-height:164px!important; margin:0 0 12px!important; padding:22px 24px 30px!important; overflow:hidden!important; isolation:isolate; border:1px solid rgba(255,216,178,.30)!important; border-radius:24px!important; background: radial-gradient(circle at 12% 15%,rgba(255,191,63,.24),transparent 30%), radial-gradient(circle at 83% 18%,rgba(255,255,255,.10),transparent 26%), linear-gradient(132deg,#65050e 0%,#9b0817 35%,var(--heater-red,#BC0C1C) 62%,#62050e 100%)!important; box-shadow:var(--heater-shadow-lg)!important; } .heater-root.heater-premium .heater-hero:before{ content:''; position:absolute; inset:0; z-index:-2; opacity:.22; background: linear-gradient(115deg,transparent 0 46%,rgba(255,255,255,.08) 46.5% 47%,transparent 47.5% 100%), repeating-linear-gradient(125deg,rgba(255,255,255,.035) 0 1px,transparent 1px 12px); pointer-events:none; } .heater-root.heater-premium .heater-hero:after{ content:''; position:absolute; left:0;right:0;bottom:0;height:4px; z-index:3; background:linear-gradient(90deg,transparent,var(--heater-gold,#E1A581) 18%,#ffd09f 50%,var(--heater-gold,#E1A581) 82%,transparent); box-shadow:0 -1px 12px rgba(255,194,132,.42); } .heater-root.heater-premium .heater-hero .heater-hero-content{position:relative;z-index:2} .heater-root.heater-premium .heater-hero-brand{ display:flex; align-items:center; gap:19px; min-width:0; flex:1 1 auto; } .heater-root.heater-premium .heater-brand-mark{ display:block; flex:0 0 auto; width:auto; height:112px; object-fit:contain; filter:drop-shadow(0 10px 18px rgba(35,0,6,.34)); } .heater-root.heater-premium .heater-kicker{ color:#ffd49f; letter-spacing:.14em; font-size:11px; text-shadow:0 1px 8px rgba(0,0,0,.22); } .heater-root.heater-premium .heater-hero h2{ margin:6px 0 7px; max-width:690px; font-size:31px; letter-spacing:-.025em; text-shadow:0 2px 14px rgba(45,0,7,.35); } .heater-root.heater-premium .heater-hero p{ max-width:650px; color:rgba(255,255,255,.90); font-size:14px; line-height:1.42; } .heater-root.heater-premium .heater-lock-box{ min-width:154px!important; padding:14px 15px!important; border:1px solid rgba(255,255,255,.25)!important; border-radius:17px!important; background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.08))!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 28px rgba(45,0,8,.18)!important; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); } .heater-root.heater-premium .heater-lock-box span{color:#ffd49f;font-size:9px;letter-spacing:.13em} .heater-root.heater-premium .heater-lock-box strong{font-size:19px;letter-spacing:-.01em;text-shadow:0 1px 8px rgba(0,0,0,.25)} /* Unified scoreboard strip */ .heater-root.heater-premium .heater-stats{ position:relative; z-index:6; margin:-30px 18px 16px!important; gap:0!important; overflow:hidden; border:1px solid rgba(94,10,20,.11); border-radius:19px; background:rgba(255,253,251,.97); box-shadow:var(--heater-shadow-md); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); } .heater-root.heater-premium .heater-stats>div{ position:relative; min-width:0; padding:14px 10px 13px!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } .heater-root.heater-premium .heater-stats>div+div:before{ content:''; position:absolute; left:0;top:17%;bottom:17%;width:1px; background:linear-gradient(transparent,rgba(94,10,20,.16),transparent); } .heater-root.heater-premium .heater-stats>div:nth-child(2){ background:linear-gradient(180deg,rgba(225,165,129,.18),rgba(225,165,129,.06))!important; } .heater-root.heater-premium .heater-stats>div:nth-child(2):after{ content:''; position:absolute; left:22%;right:22%;top:0;height:3px; border-radius:0 0 3px 3px; background:linear-gradient(90deg,var(--heater-gold,#E1A581),#ffd09f,var(--heater-gold,#E1A581)); } .heater-root.heater-premium .heater-stats span{color:#75666a;font-size:9px;letter-spacing:.10em} .heater-root.heater-premium .heater-stats strong{ margin-top:4px; color:var(--heater-red,#BC0C1C); font-size:31px; font-variant-numeric:tabular-nums; letter-spacing:-.04em; } /* Season progression rail */ .heater-root.heater-premium .heater-season-strip{padding:13px 14px 11px;margin-bottom:14px} .heater-root.heater-premium .heater-season-strip-head{margin-bottom:9px} .heater-root.heater-premium .heater-season-strip-head strong{color:var(--heater-deep-red);font-size:11px;letter-spacing:.11em} .heater-root.heater-premium .heater-season-track{ position:relative; display:flex!important; grid-template-columns:none!important; gap:9px!important; overflow-x:auto; padding:4px 2px 8px; scrollbar-width:none; -webkit-overflow-scrolling:touch; } .heater-root.heater-premium .heater-season-track::-webkit-scrollbar{display:none} .heater-root.heater-premium .heater-season-track:before{ content:''; position:absolute; left:16px;right:16px;top:19px;height:2px; background:linear-gradient(90deg,rgba(188,12,28,.12),rgba(225,165,129,.38),rgba(188,12,28,.12)); } .heater-root.heater-premium .heater-season-box{ position:relative; z-index:1; flex:0 0 32px; width:32px; height:32px; border:2px solid rgba(255,255,255,.9)!important; border-radius:50%; font-size:9px!important; box-shadow:0 3px 10px rgba(58,12,20,.12),0 0 0 1px rgba(94,10,20,.08); } .heater-root.heater-premium .heater-season-box.current{ transform:scale(1.08); border-color:#fff!important; box-shadow:0 0 0 3px rgba(188,12,28,.20),0 5px 14px rgba(94,10,20,.18)!important; } .heater-root.heater-premium .heater-season-box.current:after{display:none!important} .heater-root.heater-premium .heater-season-state{margin:5px 1px 0;color:var(--heater-muted-premium);font-size:11px;font-weight:800} /* Section surfaces and hierarchy */ .heater-root.heater-premium .heater-card{padding:16px;margin-bottom:14px} .heater-root.heater-premium .heater-card h3{color:var(--heater-deep-red);font-size:19px;letter-spacing:-.015em} .heater-root.heater-premium .heater-how-to, .heater-root.heater-premium .heater-community-card{ background:linear-gradient(180deg,#f9f4f1,#f5ece8); box-shadow:0 5px 16px rgba(78,12,22,.055); } .heater-root.heater-premium .heater-how-to summary, .heater-root.heater-premium .heater-collapsible summary{color:var(--heater-deep-red)} .heater-root.heater-premium .heater-how-to[open] summary, .heater-root.heater-premium .heater-collapsible[open] summary{border-color:rgba(94,10,20,.09)} .heater-root.heater-premium .heater-how-grid>div{border-color:rgba(94,10,20,.08)} .heater-root.heater-premium .heater-how-grid strong{color:var(--heater-red,#BC0C1C)} .heater-root.heater-premium .heater-weekly-recap{ border-left-width:5px; box-shadow:var(--heater-shadow-sm); } .heater-root.heater-premium .heater-recap-carousel-head{margin-bottom:9px} .heater-root.heater-premium .heater-recap-carousel-kicker{letter-spacing:.12em} /* Premium Hot Play power cards */ .heater-root.heater-premium .heater-lifelines{ padding:15px!important; background:linear-gradient(180deg,#fffdfb,#fff9f6); } .heater-root.heater-premium .heater-lifelines h3:before{ content:'HOT PLAYS'; display:block; margin-bottom:3px; color:#9b7a68; font-size:9px; letter-spacing:.15em; } .heater-root.heater-premium .heater-lifeline-grid{gap:11px!important} .heater-root.heater-premium .heater-lifeline-card{ min-height:84px!important; border:1px solid rgba(255,215,177,.60)!important; border-radius:16px!important; background: radial-gradient(circle at 18% 0%,rgba(255,191,63,.18),transparent 42%), linear-gradient(145deg,#9f0817 0%,var(--heater-red,#BC0C1C) 48%,#6a0510 100%)!important; box-shadow:0 12px 28px rgba(108,5,17,.19),inset 0 1px 0 rgba(255,255,255,.10)!important; } .heater-root.heater-premium .heater-lifeline-card:before{ content:''; position:absolute; inset:4px; z-index:0; border:1px solid rgba(255,218,181,.16); border-radius:12px; pointer-events:none; } .heater-root.heater-premium .heater-lifeline-card.available{border-color:#f0bd94!important;box-shadow:0 12px 28px rgba(108,5,17,.20),0 0 0 2px rgba(225,165,129,.14),inset 0 1px 0 rgba(255,255,255,.12)!important} .heater-root.heater-premium .heater-lifeline-card.selected{border-color:#fff3df!important;box-shadow:0 0 0 3px rgba(225,165,129,.52),0 14px 34px rgba(108,5,17,.25)!important;transform:translateY(-1px)} .heater-root.heater-premium .heater-lifeline-card.used{ opacity:1!important; filter:saturate(.34); background:linear-gradient(145deg,#857a7c,#665d60)!important; border-color:#b7aaad!important; box-shadow:0 7px 18px rgba(38,28,31,.11)!important; } .heater-root.heater-premium .heater-lifeline-card .heater-lifeline, .heater-root.heater-premium .heater-lifeline-card .heater-lifeline:disabled{ background:transparent!important; } .heater-root.heater-premium .heater-lifeline-card .heater-lifeline strong{color:#ffd2ae!important;letter-spacing:.01em!important} .heater-root.heater-premium .heater-lifeline-icon{opacity:.95!important;filter:drop-shadow(0 3px 8px rgba(45,0,7,.20))} /* Physical card deck */ .heater-root.heater-premium .heater-deck-shell{ padding:17px!important; box-shadow:var(--heater-shadow-md); } .heater-root.heater-premium .heater-deck-head{margin-bottom:14px} .heater-root.heater-premium .heater-board-legend{ gap:8px; padding:7px 9px; border:1px solid rgba(94,10,20,.08); border-radius:999px; background:#f8f2ef; color:#74666a; } .heater-root.heater-premium .heater-grid-board .heater-difficulty-row{border-color:rgba(94,10,20,.09)} .heater-root.heater-premium .heater-grid-board .heater-row-heading{margin-bottom:11px} .heater-root.heater-premium .heater-grid-board .heater-row-heading h4{color:var(--heater-ink);letter-spacing:-.01em} .heater-root.heater-premium .heater-grid-board .heater-row-heading small{color:#8d7c80} .heater-root.heater-premium .heater-grid-board .heater-difficulty-dot{box-shadow:0 0 0 3px rgba(225,165,129,.12)} .heater-root.heater-premium .heater-grid-track{gap:11px!important} .heater-root.heater-premium .heater-deck-card{ isolation:isolate; border-radius:16px!important; overflow:hidden; transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease; } .heater-root.heater-premium .heater-deck-card:before{ content:''; position:absolute; inset:0; z-index:-1; border-radius:inherit; background:linear-gradient(145deg,rgba(255,255,255,.19),transparent 35% 68%,rgba(45,0,7,.10)); pointer-events:none; } .heater-root.heater-premium .heater-deck-card:not(.pending):hover{transform:translateY(-2px)} .heater-root.heater-premium .heater-deck-card.available{ background: radial-gradient(circle at 18% 4%,rgba(255,255,255,.28),transparent 38%), linear-gradient(145deg,#e9b691 0%,var(--heater-gold,#E1A581) 48%,#bd7652 100%)!important; border:1px solid #b66f4f!important; box-shadow:0 10px 24px rgba(110,58,37,.18),inset 0 1px 0 rgba(255,255,255,.24)!important; } .heater-root.heater-premium .heater-deck-card.hit{ background: radial-gradient(circle at 18% 2%,rgba(255,255,255,.17),transparent 38%), linear-gradient(145deg,#d1182b 0%,var(--heater-red,#BC0C1C) 46%,#760610 100%)!important; border:1px solid #72050f!important; box-shadow:0 11px 26px rgba(108,5,17,.24),inset 0 1px 0 rgba(255,255,255,.14)!important; } .heater-root.heater-premium .heater-deck-card.miss{ background: radial-gradient(circle at 18% 2%,rgba(255,255,255,.13),transparent 38%), linear-gradient(145deg,#777174 0%,#5f585b 48%,#413b3d 100%)!important; border:1px solid #4b4446!important; box-shadow:0 9px 22px rgba(45,38,40,.17),inset 0 1px 0 rgba(255,255,255,.11)!important; } .heater-root.heater-premium .heater-deck-card.miss .heater-card-open, .heater-root.heater-premium .heater-deck-card.miss .heater-tile-title, .heater-root.heater-premium .heater-deck-card.miss .heater-tile-meta, .heater-root.heater-premium .heater-deck-card.miss .heater-attempt-count, .heater-root.heater-premium .heater-deck-card.miss small{color:#fff!important} .heater-root.heater-premium .heater-deck-card.miss .heater-tile-meta{color:#ead8dc!important} .heater-root.heater-premium .heater-deck-card.miss .heater-card-status{background:rgba(255,255,255,.13)!important;color:#fff!important;border-color:rgba(255,255,255,.20)!important} .heater-root.heater-premium .heater-deck-card.pending{ background:linear-gradient(145deg,#eef0f3,#cbd0d6)!important; border:1px solid #aeb4bc!important; box-shadow:0 7px 18px rgba(65,72,80,.10),inset 0 1px 0 rgba(255,255,255,.65)!important; } .heater-root.heater-premium .heater-deck-card.available.recycled{ background: radial-gradient(circle at 14% 4%,rgba(255,255,255,.9),transparent 40%), linear-gradient(145deg,#fffdfb,#f3e3d8)!important; border:2px dashed #c47d58!important; box-shadow:0 10px 24px rgba(110,58,37,.13),inset 0 1px 0 rgba(255,255,255,.9)!important; } .heater-root.heater-premium .heater-deck-card.current-pick, .heater-root.heater-premium .heater-deck-card.pick-locked-in{ transform:translateY(-2px); border-color:#ffd1a8!important; box-shadow:0 0 0 3px rgba(255,255,255,.96),0 0 0 6px rgba(225,165,129,.48),0 16px 34px rgba(103,7,18,.23)!important; } .heater-root.heater-premium .heater-card-status{ box-shadow:inset 0 1px 0 rgba(255,255,255,.12); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); } .heater-root.heater-premium .heater-card-open{padding:12px!important} .heater-root.heater-premium .heater-tile-title{font-size:13.5px!important;letter-spacing:-.01em} /* Native-feeling controls, sheets, and modals */ .heater-root.heater-premium .heater-btn{ border-radius:13px; padding:11px 17px; background:linear-gradient(180deg,#d01529,var(--heater-red,#BC0C1C) 55%,#940713); box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 14px rgba(188,12,28,.17); transition:transform .14s ease,box-shadow .14s ease,filter .14s ease; } .heater-root.heater-premium .heater-btn:hover:not(:disabled){filter:brightness(1.035);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 9px 18px rgba(188,12,28,.21)} .heater-root.heater-premium .heater-btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 5px rgba(70,0,9,.22),0 3px 8px rgba(188,12,28,.13)} .heater-root.heater-premium .heater-btn.secondary{ background:linear-gradient(180deg,#fff,#f7efeb); border:1px solid rgba(188,12,28,.32); color:var(--heater-red,#BC0C1C)!important; box-shadow:0 4px 12px rgba(78,12,22,.07); } .heater-root.heater-premium .heater-sheet-backdrop, .heater-root.heater-premium .heater-info-backdrop{background:rgba(32,5,10,.64);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)} .heater-root.heater-premium .heater-sheet-panel, .heater-root.heater-premium .heater-info-dialog{ border:1px solid rgba(225,165,129,.42); background:linear-gradient(180deg,#fffefd,#fff8f5); box-shadow:0 28px 90px rgba(40,3,10,.35),inset 0 1px 0 #fff; } .heater-root.heater-premium .heater-sheet-panel{border-radius:26px 26px 0 0;padding-top:29px} .heater-root.heater-premium .heater-sheet-panel:before{ content:''; position:absolute; top:10px;left:50%; width:42px;height:5px; transform:translateX(-50%); border-radius:999px; background:#d8ccca; } .heater-root.heater-premium .heater-info-dialog{border-radius:22px} .heater-root.heater-premium .heater-sheet-close, .heater-root.heater-premium .heater-info-close{background:#f4ece8;color:#6f5f63} .heater-root.heater-premium .heater-pick-confirmed{ border-color:#e5aa81; border-radius:16px; background:linear-gradient(135deg,#fffaf5,#fff); box-shadow:var(--heater-shadow-sm); } .heater-root.heater-premium .heater-recycle-notice, .heater-root.heater-premium .heater-recycle-summary{ border-color:rgba(196,125,88,.58); background:linear-gradient(135deg,rgba(255,248,241,.95),rgba(244,224,210,.68)); box-shadow:0 5px 15px rgba(86,34,18,.06); } .heater-root.heater-premium .heater-recycle-cancel, .heater-root.heater-premium .heater-community-toggle{border-radius:11px;background:#fffdfb} /* Lower information surfaces */ .heater-root.heater-premium .heater-lower-grid{gap:14px} .heater-root.heater-premium .heater-leaderboard-card{box-shadow:var(--heater-shadow-sm)} .heater-root.heater-premium .heater-leader th{color:#806f73;letter-spacing:.06em} .heater-root.heater-premium .heater-leader td{border-color:rgba(94,10,20,.08)} .heater-root.heater-premium .heater-pct{border-color:rgba(94,10,20,.08);border-radius:8px;margin-top:2px;padding-left:6px;padding-right:6px} .heater-root.heater-premium .heater-pct i{background:linear-gradient(90deg,rgba(225,165,129,.34),rgba(225,165,129,.15))} @media(min-width:900px){ .heater-root.heater-premium .heater-sheet-panel{border-radius:26px;padding:30px 26px 26px} } @media(max-width:760px){ .heater-root.heater-premium{ margin-left:-10px; margin-right:-10px; padding:10px 10px 24px; border-radius:0; } .heater-root.heater-premium .heater-hero{ min-height:0!important; padding:17px 15px 27px!important; border-radius:21px!important; } .heater-root.heater-premium .heater-hero .heater-hero-content{gap:11px!important} .heater-root.heater-premium .heater-hero-brand{gap:11px} .heater-root.heater-premium .heater-brand-mark{height:76px} .heater-root.heater-premium .heater-kicker{font-size:9px;letter-spacing:.12em} .heater-root.heater-premium .heater-hero h2{font-size:22px;margin:4px 0 5px} .heater-root.heater-premium .heater-hero p{font-size:11.5px;line-height:1.35} .heater-root.heater-premium .heater-lock-box{ display:flex!important; align-items:center; justify-content:space-between; min-width:0!important; padding:10px 12px!important; text-align:left; } .heater-root.heater-premium .heater-lock-box strong{margin-top:0;font-size:15px} .heater-root.heater-premium .heater-stats{margin:-22px 9px 13px!important;border-radius:16px} .heater-root.heater-premium .heater-stats>div{padding:11px 3px 10px!important} .heater-root.heater-premium .heater-stats span{font-size:7.5px;letter-spacing:.06em;white-space:nowrap} .heater-root.heater-premium .heater-stats strong{font-size:24px} .heater-root.heater-premium .heater-season-strip{padding:11px 10px 8px} .heater-root.heater-premium .heater-season-track{gap:8px!important;padding-bottom:7px} .heater-root.heater-premium .heater-season-box{flex-basis:30px;width:30px;height:30px;font-size:8px!important;border-radius:50%} .heater-root.heater-premium .heater-season-track:before{top:18px} .heater-root.heater-premium .heater-card{padding:13px;border-radius:17px} .heater-root.heater-premium .heater-deck-shell{padding:13px!important} .heater-root.heater-premium .heater-board-legend{margin-top:9px;border-radius:13px;padding:7px 8px} .heater-root.heater-premium .heater-grid-track{gap:8px!important} .heater-root.heater-premium .heater-deck-card{border-radius:14px!important} .heater-root.heater-premium .heater-card-open{padding:10px!important} .heater-root.heater-premium .heater-lifeline-grid{gap:7px!important} .heater-root.heater-premium .heater-lifeline-card{min-height:72px!important;border-radius:13px!important} .heater-root.heater-premium .heater-lifeline-card .heater-lifeline, .heater-root.heater-premium .heater-lifeline-card .heater-lifeline:disabled{min-height:72px!important} .heater-root.heater-premium .heater-lower-grid{gap:11px} } @media(max-width:390px){ .heater-root.heater-premium .heater-brand-mark{height:66px} .heater-root.heater-premium .heater-hero h2{font-size:20px} .heater-root.heater-premium .heater-hero p{font-size:10.5px} .heater-root.heater-premium .heater-stats span{font-size:7px} } /* v0.3.61: keep the complete Heater Tracker visible on mobile */ @media(max-width:760px){ .heater-root.heater-premium .heater-season-track{ display:grid!important; grid-template-columns:repeat(var(--heater-season-count),minmax(0,1fr))!important; grid-auto-flow:row!important; gap:clamp(1px,.45vw,2px)!important; width:100%; overflow:visible!important; padding:4px 1px 7px!important; scrollbar-width:auto; -webkit-overflow-scrolling:auto; } .heater-root.heater-premium .heater-season-track:before{ left:2%; right:2%; top:50%; height:2px; transform:translateY(-50%); } .heater-root.heater-premium .heater-season-box{ width:100%!important; min-width:0!important; height:clamp(17px,5.2vw,21px)!important; flex:none!important; padding:0!important; border-width:1px!important; border-radius:clamp(5px,1.7vw,7px)!important; font-size:clamp(5.5px,1.7vw,7px)!important; line-height:1!important; transform:none!important; box-shadow:0 2px 5px rgba(58,12,20,.12),0 0 0 1px rgba(94,10,20,.05); } .heater-root.heater-premium .heater-season-box span{ opacity:.88; } .heater-root.heater-premium .heater-season-box.current{ transform:translateY(-1px)!important; box-shadow:0 0 0 2px rgba(188,12,28,.20),0 3px 8px rgba(94,10,20,.18)!important; } } /* v0.3.62 premium brand refinement — presentation only */ .heater-root.heater-premium{ --heater-app-bg:#f4f1eb; --heater-surface-soft:#f3eee7; background: radial-gradient(circle at 8% 0%,rgba(225,165,129,.12),transparent 25%), radial-gradient(circle at 96% 18%,rgba(94,10,20,.035),transparent 27%), linear-gradient(180deg,#fbfaf7 0%,var(--heater-app-bg) 100%); } /* Give the supplied logo a dedicated stage without changing the artwork. */ .heater-root.heater-premium .heater-hero{ background: radial-gradient(circle at 10% 50%,rgba(24,0,5,.32),transparent 29%), radial-gradient(circle at 78% 15%,rgba(255,255,255,.075),transparent 27%), linear-gradient(132deg,#43040b 0%,#720711 31%,#b30b1b 63%,#56050d 100%)!important; } .heater-root.heater-premium .heater-hero:before{opacity:.14} .heater-root.heater-premium .heater-brand-plate{ position:relative; display:grid; place-items:center; flex:0 0 auto; padding:10px 14px; overflow:hidden; border:1px solid rgba(244,193,159,.34); border-radius:18px; background: radial-gradient(circle at 50% 18%,rgba(255,255,255,.08),transparent 44%), linear-gradient(145deg,rgba(48,2,10,.80),rgba(22,1,5,.66)); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), inset 0 0 0 1px rgba(255,210,171,.055), 0 11px 28px rgba(31,0,6,.27), 0 0 24px rgba(225,165,129,.09); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); } .heater-root.heater-premium .heater-brand-plate:before{ content:''; position:absolute; inset:5px; border:1px solid rgba(244,193,159,.12); border-radius:13px; pointer-events:none; } .heater-root.heater-premium .heater-brand-mark{ position:relative; z-index:1; height:118px; filter:drop-shadow(0 8px 13px rgba(0,0,0,.25)); } /* Refine the existing SVG Hot Play icons and make spent cards feel intentional. */ .heater-root.heater-premium .heater-lifeline-card .heater-lifeline, .heater-root.heater-premium .heater-lifeline-card .heater-lifeline:disabled{ position:relative; z-index:2; } .heater-root.heater-premium .heater-lifeline-icon{ width:32px!important; height:32px!important; border:1px solid rgba(255,220,185,.24); border-radius:11px; background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035)); color:#f5c7a4!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 4px 10px rgba(40,0,7,.13); filter:none!important; } .heater-root.heater-premium .heater-lifeline-icon svg, .heater-root.heater-premium .heater-lifeline-icon svg *{ width:24px!important; height:24px!important; color:#f5c7a4!important; stroke:#f5c7a4!important; } .heater-root.heater-premium .heater-lifeline-card.used{ filter:none; background: radial-gradient(circle at 18% 0%,rgba(225,165,129,.08),transparent 42%), linear-gradient(145deg,#504649 0%,#40373a 52%,#2e282a 100%)!important; border-color:#89787c!important; box-shadow:0 8px 20px rgba(34,25,28,.14),inset 0 1px 0 rgba(255,255,255,.055)!important; } .heater-root.heater-premium .heater-lifeline-card.used:after{ content:'USED'; position:absolute; right:5px; bottom:2px; z-index:1; color:#f2c29e; font-size:27px; line-height:1; font-weight:1000; letter-spacing:.05em; opacity:.075; transform:rotate(-7deg); pointer-events:none; } .heater-root.heater-premium .heater-lifeline-card.used .heater-lifeline-icon{ border-color:rgba(225,165,129,.17); background:rgba(225,165,129,.055); } .heater-root.heater-premium .heater-lifeline-card.used .heater-lifeline-icon svg, .heater-root.heater-premium .heater-lifeline-card.used .heater-lifeline-icon svg *{ color:#caa58c!important; stroke:#caa58c!important; } .heater-root.heater-premium .heater-lifeline-card.used .heater-lifeline strong{color:#d8b198!important} .heater-root.heater-premium .heater-lifeline-card.used .heater-lifeline-status, .heater-root.heater-premium .heater-lifeline-card.used .heater-lifeline small{color:rgba(255,255,255,.68)!important} /* Make the saved-pick state read like an in-app status card. */ .heater-root.heater-premium .heater-pick-confirmed{ position:relative; gap:12px; padding:12px 15px; overflow:hidden; border:1px solid #dca474; background: radial-gradient(circle at 8% 10%,rgba(255,255,255,.82),transparent 34%), linear-gradient(135deg,#fff5e7 0%,#fffaf4 62%,#f7e3cf 100%); box-shadow:0 8px 22px rgba(93,45,21,.09),inset 0 1px 0 rgba(255,255,255,.9); } .heater-root.heater-premium .heater-pick-confirmed:after{ content:''; position:absolute; right:-22px; top:-38px; width:110px; height:110px; border-radius:50%; background:rgba(225,165,129,.13); pointer-events:none; } .heater-root.heater-premium .heater-pick-confirmed-icon{ position:relative; z-index:1; width:38px; height:38px; flex-basis:38px; border:1px solid rgba(103,7,18,.16); background:linear-gradient(145deg,#f3bc91,var(--heater-gold,#E1A581)); box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 5px 12px rgba(118,56,29,.15); } .heater-root.heater-premium .heater-pick-confirmed>div{position:relative;z-index:1} .heater-root.heater-premium .heater-pick-confirmed>div:before{ content:'CURRENT PICK'; display:block; margin-bottom:2px; color:#95684f; font-size:8px; line-height:1; font-weight:1000; letter-spacing:.14em; } .heater-root.heater-premium .heater-pick-confirmed strong{ color:var(--heater-deep-red); font-size:13px; letter-spacing:.07em; } .heater-root.heater-premium .heater-pick-confirmed small{color:#715f5a} /* Keep collapsed onboarding useful but visually secondary. */ .heater-root.heater-premium .heater-how-to summary{padding:10px 14px} .heater-root.heater-premium .heater-how-to summary:after{font-size:20px} @media(max-width:760px){ .heater-root.heater-premium .heater-brand-plate{padding:8px 10px;border-radius:15px} .heater-root.heater-premium .heater-brand-plate:before{inset:4px;border-radius:11px} .heater-root.heater-premium .heater-brand-mark{height:80px} .heater-root.heater-premium .heater-lifeline-icon{width:25px!important;height:25px!important;border-radius:8px} .heater-root.heater-premium .heater-lifeline-icon svg, .heater-root.heater-premium .heater-lifeline-icon svg *{width:19px!important;height:19px!important} .heater-root.heater-premium .heater-pick-confirmed{padding:10px 12px;gap:9px} .heater-root.heater-premium .heater-pick-confirmed-icon{width:32px;height:32px;flex-basis:32px} .heater-root.heater-premium .heater-how-to summary{padding:9px 12px} } @media(max-width:390px){ .heater-root.heater-premium .heater-brand-mark{height:70px} .heater-root.heater-premium .heater-brand-plate{padding:7px 9px} } /* v0.3.63: landscape collectible prediction cards */ .heater-root.heater-premium .heater-grid-board .heater-deck-card{ aspect-ratio:1.62 / 1; min-height:118px!important; border-radius:17px!important; transform-style:preserve-3d; } .heater-root.heater-premium .heater-grid-board .heater-deck-card:not(.pending):hover{ transform:translateY(-3px) rotateX(.35deg); } .heater-root.heater-premium .heater-grid-board .heater-card-open{ position:relative; display:grid!important; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto minmax(0,1fr) auto; gap:7px 8px!important; width:100%; height:100%; min-height:0!important; padding:12px 13px!important; overflow:hidden; } .heater-root.heater-premium .heater-grid-board .heater-card-open:before{ content:''; position:absolute; inset:5px; border:1px solid rgba(92,37,20,.24); border-radius:12px; box-shadow:inset 0 1px 0 rgba(255,255,255,.18); pointer-events:none; } .heater-root.heater-premium .heater-grid-board .heater-card-open:after{ content:''; position:absolute; left:12px; right:12px; top:6px; height:1px; border-radius:999px; background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent); opacity:.78; pointer-events:none; } .heater-root.heater-premium .heater-grid-board .heater-card-status{ grid-column:1; grid-row:1; justify-self:start; align-self:start; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; z-index:1; } .heater-root.heater-premium .heater-card-difficulty{ grid-column:2; grid-row:1; display:flex; align-items:center; justify-content:flex-end; gap:3px; min-height:19px; z-index:1; } .heater-root.heater-premium .heater-card-difficulty i{ display:block; width:6px; height:6px; border-radius:50%; background:rgba(92,37,20,.50); box-shadow:0 0 0 1px rgba(255,255,255,.28),0 1px 2px rgba(50,8,12,.18); } .heater-root.heater-premium .heater-grid-board .heater-tile-title{ grid-column:1 / -1; grid-row:2; align-self:center; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; font-size:clamp(12px,1.18vw,14px)!important; line-height:1.18!important; letter-spacing:-.012em!important; padding:1px 2px; z-index:1; } .heater-root.heater-premium .heater-card-footer{ grid-column:1 / -1; grid-row:3; display:flex; align-items:flex-end; justify-content:space-between; gap:8px; min-width:0; margin:0 -13px -12px; padding:8px 13px 9px; border-top:1px solid rgba(92,37,20,.16); background:linear-gradient(180deg,rgba(83,26,11,.03),rgba(83,26,11,.10)); z-index:1; } .heater-root.heater-premium .heater-card-footer .heater-tile-meta{ min-width:0; margin:0!important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:9px!important; letter-spacing:.075em!important; } .heater-root.heater-premium .heater-card-footer .heater-attempt-count{ flex:0 0 auto; max-width:58%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:right; font-size:8.5px!important; line-height:1.1; } .heater-root.heater-premium .heater-deck-card.hit .heater-card-open:before, .heater-root.heater-premium .heater-deck-card.miss .heater-card-open:before{ border-color:rgba(255,255,255,.20); } .heater-root.heater-premium .heater-deck-card.hit .heater-card-difficulty i, .heater-root.heater-premium .heater-deck-card.miss .heater-card-difficulty i{ background:rgba(255,255,255,.74); box-shadow:0 0 0 1px rgba(255,255,255,.18),0 1px 2px rgba(35,0,5,.32); } .heater-root.heater-premium .heater-deck-card.hit .heater-card-footer, .heater-root.heater-premium .heater-deck-card.miss .heater-card-footer{ border-top-color:rgba(255,255,255,.14); background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.16)); } .heater-root.heater-premium .heater-deck-card.pending .heater-card-open:before{ border-color:rgba(73,79,87,.22); } .heater-root.heater-premium .heater-deck-card.pending .heater-card-difficulty i{ background:rgba(74,81,90,.48); } .heater-root.heater-premium .heater-deck-card.available.recycled .heater-card-open:before{ border-style:dashed; border-color:rgba(171,99,62,.38); } .heater-root.heater-premium .heater-deck-card.current-pick, .heater-root.heater-premium .heater-deck-card.pick-locked-in{ transform:translateY(-3px); } /* Give Hot Plays the same physical-card edge language without changing their layout. */ .heater-root.heater-premium .heater-lifeline-card{ border-radius:17px!important; } .heater-root.heater-premium .heater-lifeline-card .heater-lifeline:after{ content:''; position:absolute; inset:5px; border:1px solid rgba(255,255,255,.15); border-radius:12px; box-shadow:inset 0 1px 0 rgba(255,255,255,.08); pointer-events:none; } @media(max-width:760px){ .heater-root.heater-premium .heater-grid-board .heater-deck-card{ aspect-ratio:1.55 / 1; min-height:106px!important; border-radius:15px!important; } .heater-root.heater-premium .heater-grid-board .heater-card-open{ gap:5px 6px!important; padding:10px 10px!important; } .heater-root.heater-premium .heater-grid-board .heater-card-open:before{inset:4px;border-radius:10px} .heater-root.heater-premium .heater-grid-board .heater-card-open:after{left:10px;right:10px;top:5px} .heater-root.heater-premium .heater-grid-board .heater-tile-title{ font-size:clamp(11px,3.15vw,12.5px)!important; -webkit-line-clamp:3; } .heater-root.heater-premium .heater-card-difficulty{gap:2px;min-height:17px} .heater-root.heater-premium .heater-card-difficulty i{width:5px;height:5px} .heater-root.heater-premium .heater-card-footer{ margin:0 -10px -10px; padding:6px 10px 7px; } .heater-root.heater-premium .heater-card-footer .heater-tile-meta{font-size:7.5px!important} .heater-root.heater-premium .heater-card-footer .heater-attempt-count{font-size:7.5px!important;max-width:62%} } @media(max-width:390px){ .heater-root.heater-premium .heater-grid-board .heater-deck-card{min-height:101px!important} .heater-root.heater-premium .heater-grid-board .heater-card-status{font-size:7.5px!important;padding:4px 5px!important} .heater-root.heater-premium .heater-grid-board .heater-tile-title{font-size:10.5px!important} } /* v0.3.64: premium onboarding and portrait Hot Play cards */ .heater-root.heater-premium .heater-how-to{ position:relative; overflow:hidden; border:1px solid rgba(206,143,91,.52)!important; background: radial-gradient(circle at 100% 0%,rgba(225,165,129,.18),transparent 32%), linear-gradient(145deg,#fffdf9 0%,#fff8f1 100%)!important; box-shadow:0 12px 30px rgba(92,45,24,.09),inset 0 1px 0 rgba(255,255,255,.92)!important; } .heater-root.heater-premium .heater-how-to:before{ content:''; position:absolute; inset:5px; border:1px solid rgba(169,100,54,.09); border-radius:12px; pointer-events:none; } .heater-root.heater-premium .heater-how-to summary{ position:relative; z-index:1; min-height:78px; padding:15px 18px!important; } .heater-root.heater-premium .heater-how-to summary span{display:block!important} .heater-root.heater-premium .heater-how-to summary b{ display:block; color:var(--heater-deep-red,#6d0713); font-size:18px; line-height:1.1; } .heater-root.heater-premium .heater-how-to summary b:before{ content:'HOW IT WORKS'; display:block; margin-bottom:5px; color:#a27761; font-size:9px; line-height:1; font-weight:1000; letter-spacing:.16em; } .heater-root.heater-premium .heater-how-to summary small{ display:block; margin-top:5px; color:#766a67; font-size:12px; line-height:1.25; } .heater-root.heater-premium .heater-how-to summary:after{ display:grid; place-items:center; flex:0 0 34px; width:34px; height:34px; border:1px solid rgba(180,110,64,.28); border-radius:50%; background:rgba(255,255,255,.66); box-shadow:0 4px 12px rgba(92,45,24,.08),inset 0 1px 0 rgba(255,255,255,.85); color:#d3976d; font-size:22px!important; } .heater-root.heater-premium .heater-how-to[open] summary{ border-bottom:1px solid rgba(139,69,38,.11)!important; } .heater-root.heater-premium .heater-how-grid{ position:relative; z-index:1; grid-template-columns:repeat(2,minmax(0,1fr))!important; padding:4px 20px 18px!important; } .heater-root.heater-premium .heater-how-grid>div, .heater-root.heater-premium .heater-how-grid>div:nth-child(3n), .heater-root.heater-premium .heater-how-grid>div:nth-child(2n){ padding:15px 16px!important; border-right:1px solid rgba(139,69,38,.10)!important; border-bottom:1px solid rgba(139,69,38,.10)!important; } .heater-root.heater-premium .heater-how-grid>div:nth-child(2n){border-right:0!important} .heater-root.heater-premium .heater-how-grid>div:nth-last-child(-n+2){border-bottom:0!important} .heater-root.heater-premium .heater-how-grid>div:last-child{ grid-column:1 / -1; border-right:0!important; border-bottom:0!important; } .heater-root.heater-premium .heater-how-grid strong{ margin-bottom:7px!important; font-size:14px!important; line-height:1.25!important; } .heater-root.heater-premium .heater-how-grid span{ color:#625b59!important; font-size:12.5px!important; line-height:1.48!important; } /* Hot Plays are portrait power cards from the same family as the brand card. */ .heater-root.heater-premium .heater-lifelines{ padding:18px!important; } .heater-root.heater-premium .heater-lifelines h3{margin-bottom:15px!important} .heater-root.heater-premium .heater-lifeline-grid{ width:min(100%,780px); margin-inline:auto; gap:14px!important; align-items:stretch; } .heater-root.heater-premium .heater-lifeline-card{ aspect-ratio:4 / 5; min-height:0!important; border-radius:20px!important; background: radial-gradient(circle at 50% 0%,rgba(255,205,153,.16),transparent 38%), linear-gradient(155deg,#7f0914 0%,#51050d 58%,#2f0207 100%)!important; box-shadow:0 14px 30px rgba(56,2,10,.22),inset 0 1px 0 rgba(255,255,255,.11)!important; } .heater-root.heater-premium .heater-lifeline-card:before{ inset:6px!important; border-radius:14px!important; border-color:rgba(244,193,159,.22)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.07); } .heater-root.heater-premium .heater-lifeline-card:after{content:none!important} .heater-root.heater-premium .heater-lifeline-card .heater-lifeline, .heater-root.heater-premium .heater-lifeline-card .heater-lifeline:disabled{ display:flex!important; flex-direction:column; align-items:center; justify-content:flex-start; gap:0; min-height:100%!important; padding:16px 14px 14px!important; text-align:center!important; } .heater-root.heater-premium .heater-lifeline-card .heater-lifeline:before{ content:'HOT PLAY'; display:block; margin-bottom:auto; color:rgba(245,199,164,.72); font-size:8px; line-height:1; font-weight:1000; letter-spacing:.17em; } .heater-root.heater-premium .heater-lifeline-icon{ width:58px!important; height:58px!important; margin:11px 0 12px!important; border-radius:17px!important; } .heater-root.heater-premium .heater-lifeline-icon svg, .heater-root.heater-premium .heater-lifeline-icon svg *{ width:36px!important; height:36px!important; } .heater-root.heater-premium .heater-lifeline-card .heater-lifeline strong{ width:100%; margin:0!important; color:#f3c3a0!important; font-size:17px!important; line-height:1.12!important; white-space:normal!important; overflow:visible!important; text-align:center!important; } .heater-root.heater-premium .heater-lifeline-card .heater-lifeline-status{ display:inline-flex!important; align-items:center; justify-content:center; min-height:22px; margin:9px 0 0!important; padding:5px 9px; border:1px solid rgba(255,220,190,.17); border-radius:999px; background:rgba(255,255,255,.08); color:#fff4eb!important; font-size:9px!important; line-height:1!important; letter-spacing:.04em; } .heater-root.heater-premium .heater-lifeline-card .heater-lifeline small{ display:block!important; width:100%; margin:10px 0 0!important; color:rgba(255,244,235,.78)!important; font-size:10.5px!important; line-height:1.32!important; text-align:center!important; } .heater-root.heater-premium .heater-lifeline-card.used{ background: radial-gradient(circle at 50% 0%,rgba(225,165,129,.08),transparent 38%), linear-gradient(155deg,#52474a 0%,#3d3538 58%,#282225 100%)!important; } .heater-root.heater-premium .heater-lifeline-card.used .heater-lifeline-status{ border-color:rgba(225,165,129,.22); background:rgba(225,165,129,.10); color:#e3c1aa!important; font-weight:1000!important; } .heater-root.heater-premium .heater-lifeline-card.selected{ transform:translateY(-2px); } @media(max-width:760px){ .heater-root.heater-premium .heater-how-to summary{ min-height:72px; padding:13px 14px!important; } .heater-root.heater-premium .heater-how-to summary b{font-size:17px} .heater-root.heater-premium .heater-how-to summary small{font-size:11px} .heater-root.heater-premium .heater-how-to summary:after{ flex-basis:31px; width:31px; height:31px; } .heater-root.heater-premium .heater-how-grid{ grid-template-columns:1fr!important; padding:3px 14px 14px!important; } .heater-root.heater-premium .heater-how-grid>div, .heater-root.heater-premium .heater-how-grid>div:nth-child(2n), .heater-root.heater-premium .heater-how-grid>div:nth-child(3n), .heater-root.heater-premium .heater-how-grid>div:nth-last-child(-n+2){ grid-column:auto!important; padding:13px 8px!important; border-right:0!important; border-bottom:1px solid rgba(139,69,38,.10)!important; } .heater-root.heater-premium .heater-how-grid>div:last-child{border-bottom:0!important} .heater-root.heater-premium .heater-how-grid strong{font-size:13px!important;margin-bottom:5px!important} .heater-root.heater-premium .heater-how-grid span{font-size:12px!important;line-height:1.43!important} .heater-root.heater-premium .heater-lifelines{padding:14px 12px!important} .heater-root.heater-premium .heater-lifelines h3{margin-bottom:12px!important} .heater-root.heater-premium .heater-lifeline-grid{gap:7px!important} .heater-root.heater-premium .heater-lifeline-card{aspect-ratio:4 / 5;min-height:132px!important;border-radius:15px!important} .heater-root.heater-premium .heater-lifeline-card:before{inset:4px!important;border-radius:11px!important} .heater-root.heater-premium .heater-lifeline-card .heater-lifeline, .heater-root.heater-premium .heater-lifeline-card .heater-lifeline:disabled{ min-height:100%!important; padding:10px 6px 9px!important; } .heater-root.heater-premium .heater-lifeline-card .heater-lifeline:before{font-size:6.5px;letter-spacing:.13em} .heater-root.heater-premium .heater-lifeline-icon{ width:39px!important; height:39px!important; margin:7px 0 8px!important; border-radius:11px!important; } .heater-root.heater-premium .heater-lifeline-icon svg, .heater-root.heater-premium .heater-lifeline-icon svg *{width:25px!important;height:25px!important} .heater-root.heater-premium .heater-lifeline-card .heater-lifeline strong{ font-size:10.5px!important; line-height:1.12!important; } .heater-root.heater-premium .heater-lifeline-card .heater-lifeline-status{ min-height:18px; margin-top:7px!important; padding:4px 6px; font-size:7.5px!important; letter-spacing:0; } .heater-root.heater-premium .heater-lifeline-card .heater-lifeline small{display:none!important} } @media(max-width:380px){ .heater-root.heater-premium .heater-lifeline-grid{gap:5px!important} .heater-root.heater-premium .heater-lifeline-card{min-height:124px!important} .heater-root.heater-premium .heater-lifeline-card .heater-lifeline strong{font-size:9.6px!important} .heater-root.heater-premium .heater-lifeline-card .heater-lifeline-status{font-size:7px!important;padding-inline:5px} } /* v0.3.65: state-aware clarity, onboarding, and return motivation */ .heater-root.heater-premium .heater-stats small{ display:block; margin-top:5px; color:#8a7470; font-size:9px; line-height:1.2; font-weight:800; } .heater-root.heater-premium .heater-current-pick-card{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:14px; margin:0 0 14px; padding:15px 17px; border:1px solid rgba(206,143,91,.72); border-radius:18px; background: radial-gradient(circle at 100% 0%,rgba(225,165,129,.2),transparent 33%), linear-gradient(145deg,#fffdf8,#fff8ef); box-shadow:0 12px 28px rgba(91,42,19,.09),inset 0 1px 0 rgba(255,255,255,.92); } .heater-root.heater-premium .heater-current-pick-card[hidden]{display:none!important} .heater-root.heater-premium .heater-current-pick-icon{ display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:linear-gradient(145deg,#f3c59e,#de9565); color:#7b0712; box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 6px 14px rgba(125,53,18,.14); font-size:22px; font-weight:1000; } .heater-root.heater-premium .heater-current-pick-main{min-width:0} .heater-root.heater-premium .heater-current-pick-eyebrow{ display:block; color:#9a6a50; font-size:9px; line-height:1; font-weight:1000; letter-spacing:.14em; text-transform:uppercase; } .heater-root.heater-premium .heater-current-pick-main>strong{ display:block; margin-top:5px; color:var(--heater-deep-red,#6d0713); font-size:19px; line-height:1.15; } .heater-root.heater-premium .heater-current-pick-main p{ margin:5px 0 0; color:#715f5a; font-size:12px; line-height:1.35; } .heater-root.heater-premium .heater-current-hot-play{ display:inline-flex; margin-top:7px; padding:4px 8px; border-radius:999px; background:rgba(109,7,19,.07); color:#7d5150; font-size:9px; font-weight:800; } .heater-root.heater-premium .heater-current-pick-action{white-space:nowrap} .heater-root.heater-premium .heater-current-pick-empty{border-style:dashed} .heater-root.heater-premium .heater-deck-progress{ margin:2px 0 5px; color:#8a7470; font-size:11px; font-weight:800; } .heater-root.heater-premium .heater-deck-progress strong{color:var(--heater-deep-red,#6d0713);font-size:13px} .heater-root.heater-premium .heater-season-legend{position:relative} .heater-root.heater-premium .heater-season-legend>summary{ cursor:pointer; list-style:none; padding:5px 9px; border:1px solid rgba(109,7,19,.12); border-radius:999px; background:#fff; color:#846b67; font-size:9px; font-weight:900; text-transform:uppercase; letter-spacing:.06em; } .heater-root.heater-premium .heater-season-legend>summary::-webkit-details-marker{display:none} .heater-root.heater-premium .heater-season-legend>span{ position:absolute; right:0; top:calc(100% + 6px); z-index:25; display:flex; flex-wrap:wrap; width:min(420px,82vw); gap:7px 9px; padding:10px 12px; border:1px solid rgba(109,7,19,.12); border-radius:12px; background:#fffdf9; box-shadow:0 12px 28px rgba(47,13,16,.15); color:#6f6260; font-size:9px; font-weight:800; } .heater-root.heater-premium .heater-season-legend:not([open])>span{display:none} .heater-root.heater-premium .heater-season-legend i{width:8px;height:8px;border-radius:3px;display:inline-block} .heater-root.heater-premium .heater-weekly-recap.is-protected .heater-recap-result{background:#7f0711!important;color:#f2c4a2!important} .heater-root.heater-premium .heater-weekly-recap.is-protected .heater-recap-outcome b{color:#7f0711} .heater-root.heater-premium .heater-how-core{grid-template-columns:repeat(2,minmax(0,1fr))!important} .heater-root.heater-premium .heater-how-core>div:last-child{grid-column:auto!important} .heater-root.heater-premium .heater-how-hot-plays{ position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:0 20px 12px; padding-top:14px; border-top:1px solid rgba(139,69,38,.1); } .heater-root.heater-premium .heater-how-subhead{ grid-column:1/-1; color:#9a6a50; font-size:9px; font-weight:1000; letter-spacing:.13em; text-transform:uppercase; } .heater-root.heater-premium .heater-how-hot-plays>div{ padding:10px 11px; border:1px solid rgba(139,69,38,.1); border-radius:12px; background:rgba(255,255,255,.55); } .heater-root.heater-premium .heater-how-hot-plays strong, .heater-root.heater-premium .heater-how-hot-plays span{display:block} .heater-root.heater-premium .heater-how-hot-plays strong{color:var(--heater-red,#BC0C1C);font-size:12px} .heater-root.heater-premium .heater-how-hot-plays div span{margin-top:4px;color:#625b59;font-size:10.5px;line-height:1.4} .heater-root.heater-premium .heater-how-note{ position:relative; z-index:1; margin:0 20px 17px; padding:9px 11px; border-radius:10px; background:rgba(109,7,19,.045); color:#756865; font-size:10px; line-height:1.4; } .heater-root.heater-premium .heater-lifeline-card .heater-lifeline-status{white-space:normal;text-align:center} .heater-root.heater-premium .heater-community-card summary{ display:flex; align-items:center; justify-content:space-between; gap:10px; } .heater-root.heater-premium .heater-community-card summary>span:first-child small{ display:block; margin-top:3px; color:#8b7773; font-size:9px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; } .heater-root.heater-premium .heater-community-badge{margin-left:auto} .heater-root.heater-premium .heater-leader-difficulty{font-weight:700} @media(max-width:760px){ .heater-root.heater-premium .heater-stats small{font-size:7.5px;line-height:1.15} .heater-root.heater-premium .heater-current-pick-card{ grid-template-columns:auto minmax(0,1fr); gap:10px; padding:12px; } .heater-root.heater-premium .heater-current-pick-icon{width:34px;height:34px;font-size:18px} .heater-root.heater-premium .heater-current-pick-main>strong{font-size:15px} .heater-root.heater-premium .heater-current-pick-main p{font-size:10.5px} .heater-root.heater-premium .heater-current-pick-action{grid-column:1/-1;width:100%;text-align:center;box-sizing:border-box} .heater-root.heater-premium .heater-season-legend>span{right:-2px;width:min(330px,86vw)} .heater-root.heater-premium .heater-how-core{grid-template-columns:1fr!important} .heater-root.heater-premium .heater-how-hot-plays{grid-template-columns:1fr;margin:0 14px 10px;padding-top:10px} .heater-root.heater-premium .heater-how-hot-plays>div{padding:9px 10px} .heater-root.heater-premium .heater-how-note{margin:0 14px 14px} .heater-root.heater-premium .heater-lifeline-card .heater-lifeline:before{display:none!important} .heater-root.heater-premium .heater-lifeline-card .heater-lifeline small{ display:block!important; margin-top:6px!important; color:rgba(255,244,235,.76)!important; font-size:8.5px!important; line-height:1.2!important; } .heater-root.heater-premium .heater-lifeline-card .heater-lifeline strong{font-size:11.3px!important} .heater-root.heater-premium .heater-lifeline-card .heater-lifeline-status{font-size:7.6px!important} .heater-root.heater-premium .heater-community-card summary{align-items:flex-start} .heater-root.heater-premium .heater-community-badge{display:inline-flex;width:auto;margin:0} } /* v0.3.66: first-visit onboarding, first-pick guidance, and permanent rules sheet */ .heater-deck-tools{display:flex;flex-direction:column;align-items:flex-end;gap:9px;min-width:220px} .heater-how-trigger{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(188,12,28,.2);border-radius:12px;background:linear-gradient(180deg,#fff,#fbf6f2);color:var(--heater-red,#BC0C1C);padding:8px 11px;font:inherit;font-size:11px;font-weight:900;letter-spacing:.01em;cursor:pointer;box-shadow:0 5px 15px rgba(70,18,20,.06)} .heater-how-trigger span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--heater-red,#BC0C1C);color:#fff;font-size:11px;line-height:1} .heater-how-trigger:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(70,18,20,.1)} .heater-first-pick-guide{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;margin:0 0 12px;padding:12px 14px;border:1px solid rgba(225,165,129,.72);border-radius:16px;background:linear-gradient(135deg,#fffdf9,#fbede3);box-shadow:0 8px 24px rgba(93,17,26,.08)} .heater-first-pick-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#f5c29d,#dc8a5d);border:1px solid rgba(125,39,27,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 5px 12px rgba(116,41,27,.15);color:#7f0711;font-size:17px;font-weight:1000} .heater-first-pick-guide div{min-width:0}.heater-first-pick-kicker{display:block;color:#9a6d55;font-size:9px;font-weight:1000;letter-spacing:.14em;text-transform:uppercase}.heater-first-pick-guide strong{display:block;margin-top:2px;color:#6d0710;font-size:15px;line-height:1.2}.heater-first-pick-guide p{margin:3px 0 0;color:#625b59;font-size:11.5px;line-height:1.4}.heater-first-pick-guide.is-complete{border-color:rgba(188,12,28,.24);background:linear-gradient(135deg,#fff,#f9f1eb)} .heater-onboarding-modal[hidden],.heater-how-sheet[hidden]{display:none!important} .heater-onboarding-modal{position:fixed;inset:0;z-index:21000;display:grid;place-items:center;padding:18px} .heater-onboarding-backdrop{position:absolute;inset:0;background:rgba(31,4,9,.76);backdrop-filter:blur(8px)} .heater-onboarding-dialog{position:relative;width:min(540px,100%);max-height:calc(100vh - 36px);overflow:auto;box-sizing:border-box;padding:26px;border:1px solid rgba(237,178,141,.48);border-radius:24px;background:radial-gradient(circle at 88% 0%,rgba(225,165,129,.16),transparent 34%),linear-gradient(160deg,#fffdf9,#f7eee8);box-shadow:0 28px 90px rgba(18,1,5,.48);text-align:left} .heater-onboarding-brand{float:right;display:grid;place-items:center;width:76px;height:94px;margin:-4px -2px 8px 18px;border:1px solid rgba(225,165,129,.26);border-radius:18px;background:radial-gradient(circle at 50% 20%,rgba(188,12,28,.34),transparent 62%),linear-gradient(150deg,#36040b,#160105);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 9px 24px rgba(56,4,12,.23)} .heater-onboarding-brand img{display:block;max-width:50px;max-height:77px;width:auto;height:auto} .heater-onboarding-kicker,.heater-how-kicker{display:block;color:#a37057;font-size:10px;font-weight:1000;letter-spacing:.16em;text-transform:uppercase} .heater-onboarding-dialog h3{max-width:390px;margin:5px 0 8px;color:#700812;font-size:28px;line-height:1.06;letter-spacing:-.025em}.heater-onboarding-lede{max-width:430px;margin:0 0 18px;color:#554f4d;font-size:13.5px;line-height:1.5} .heater-onboarding-steps{display:grid;grid-template-columns:1fr 1fr;gap:9px;clear:both}.heater-onboarding-steps>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:start;padding:11px;border:1px solid rgba(112,8,18,.08);border-radius:14px;background:rgba(255,255,255,.7)}.heater-onboarding-steps b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#710813;color:#fff;font-size:11px}.heater-onboarding-steps span,.heater-onboarding-steps strong,.heater-onboarding-steps small{display:block}.heater-onboarding-steps strong{color:#700812;font-size:12.5px;line-height:1.2}.heater-onboarding-steps small{margin-top:3px;color:#67605d;font-size:10.5px;line-height:1.35} .heater-onboarding-note{margin:12px 0 0;padding:10px 12px;border-radius:12px;background:rgba(225,165,129,.14);color:#5c504b;font-size:10.5px;line-height:1.45}.heater-onboarding-note strong{color:#790b16}.heater-onboarding-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.heater-onboarding-actions .heater-btn{border-radius:12px} .heater-onboarding-open,.heater-rules-open{overflow:hidden} .heater-how-sheet{position:fixed;inset:0;z-index:20500;display:flex;align-items:flex-end;justify-content:center}.heater-how-backdrop{position:absolute;inset:0;border:0;background:rgba(31,4,9,.68);backdrop-filter:blur(6px);cursor:pointer}.heater-how-panel{position:relative;display:flex;flex-direction:column;width:min(720px,100%);max-height:min(86vh,820px);max-height:min(86dvh,820px);overflow:hidden;box-sizing:border-box;border:1px solid rgba(225,165,129,.38);border-bottom:0;border-radius:25px 25px 0 0;background:radial-gradient(circle at 92% 0%,rgba(225,165,129,.16),transparent 28%),linear-gradient(180deg,#fffdfb,#f8f1ec);box-shadow:0 -24px 75px rgba(26,2,7,.4);animation:heater-sheet-in .18s ease-out}.heater-how-header{position:relative;z-index:3;flex:0 0 auto;padding:26px 72px 10px 24px;background:linear-gradient(180deg,rgba(255,253,251,.99) 0%,rgba(255,253,251,.97) 78%,rgba(255,253,251,0) 100%)}.heater-how-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 24px calc(26px + env(safe-area-inset-bottom))}.heater-how-handle{display:block;width:42px;height:5px;margin:-12px auto 16px;border-radius:999px;background:rgba(95,69,62,.22)}.heater-how-close{position:absolute;z-index:5;right:16px;top:14px;display:grid;place-items:center;box-sizing:border-box;width:40px;height:40px;padding:0 0 2px;border:1px solid rgba(112,8,18,.14);border-radius:50%;background:#fff;color:#6f0711;font-family:Arial,sans-serif;font-size:25px;font-weight:500;line-height:1;cursor:pointer;box-shadow:0 5px 14px rgba(67,8,17,.1)}.heater-how-close:hover{background:#fff8f4}.heater-how-header>h3{margin:5px 0 2px;color:#700812;font-size:25px;line-height:1.1}.heater-how-intro{margin:0;color:#68615e;font-size:12px}.heater-how-panel .heater-how-grid{padding:0!important}.heater-how-panel .heater-how-hot-plays{margin:14px 0 0!important}.heater-how-panel .heater-how-note{margin:12px 0 0!important} @media(max-width:760px){ .heater-deck-head{display:block!important}.heater-deck-tools{align-items:flex-start;min-width:0;margin-top:11px}.heater-how-trigger{width:100%;justify-content:center}.heater-deck-tools .heater-board-legend{width:100%} .heater-first-pick-guide{padding:11px 12px}.heater-first-pick-guide p{font-size:10.5px} .heater-onboarding-modal{padding:10px}.heater-onboarding-dialog{max-height:calc(100vh - 20px);padding:20px 17px;border-radius:21px}.heater-onboarding-brand{width:61px;height:77px;margin:0 0 8px 14px;border-radius:15px}.heater-onboarding-brand img{max-width:41px;max-height:63px}.heater-onboarding-dialog h3{font-size:23px}.heater-onboarding-lede{font-size:12px}.heater-onboarding-steps{grid-template-columns:1fr;gap:7px}.heater-onboarding-steps>div{padding:9px}.heater-onboarding-actions{display:grid;grid-template-columns:1fr}.heater-onboarding-actions .heater-btn{text-align:center;width:100%;box-sizing:border-box} .heater-how-panel{max-height:calc(100vh - 10px);max-height:calc(100dvh - 10px);border-radius:22px 22px 0 0}.heater-how-header{padding:18px 64px 8px 14px}.heater-how-handle{margin:-8px auto 11px}.heater-how-close{right:12px;top:10px;width:38px;height:38px;font-size:24px}.heater-how-header>h3{font-size:21px}.heater-how-intro{font-size:11px}.heater-how-scroll{padding:0 14px calc(15px + env(safe-area-inset-bottom))}.heater-how-panel .heater-how-core{grid-template-columns:1fr 1fr!important;gap:7px}.heater-how-panel .heater-how-grid>div{padding:9px!important;border:1px solid rgba(94,10,20,.08)!important;border-radius:12px!important}.heater-how-panel .heater-how-grid>div strong{font-size:11.5px!important}.heater-how-panel .heater-how-grid>div span{font-size:9.7px!important;line-height:1.32!important}.heater-how-panel .heater-how-hot-plays{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;margin-top:9px!important;padding-top:8px!important}.heater-how-panel .heater-how-hot-plays .heater-how-subhead{margin-bottom:0}.heater-how-panel .heater-how-hot-plays>div{display:grid!important;grid-template-columns:94px minmax(0,1fr);align-items:start;gap:8px;padding:7px 9px!important}.heater-how-panel .heater-how-hot-plays>div strong{font-size:11px!important}.heater-how-panel .heater-how-hot-plays>div span{margin-top:0!important;font-size:9.5px!important;line-height:1.3!important}.heater-how-panel .heater-how-note{margin-top:8px!important;padding:7px 9px!important;font-size:9px!important} } /* v0.3.70 compact combined season module */ .heater-root.heater-premium .heater-season-overview{ margin:0 0 12px; padding:12px 14px; border:1px solid rgba(112,8,18,.1); border-radius:18px; background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(250,246,242,.96)); box-shadow:0 8px 24px rgba(57,10,18,.07),inset 0 1px 0 rgba(255,255,255,.85); overflow:hidden; } .heater-root.heater-premium .heater-season-overview .heater-season-strip.is-embedded{ margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:none!important; box-shadow:none!important; } .heater-root.heater-premium .heater-season-overview .heater-season-strip-head{margin-bottom:7px} .heater-root.heater-premium .heater-season-overview .heater-season-track{margin:0} .heater-root.heater-premium .heater-season-overview .heater-recap-carousel.is-embedded{ margin:9px 0 0!important; padding:9px 0 0; border-top:1px solid rgba(112,8,18,.09); overflow:hidden; } .heater-root.heater-premium .heater-season-overview .heater-recap-carousel-head{margin:0 1px 6px} .heater-root.heater-premium .heater-season-overview .heater-recap-carousel-head>div:first-child{gap:6px} .heater-root.heater-premium .heater-season-overview .heater-recap-carousel-kicker{font-size:9px} .heater-root.heater-premium .heater-season-overview .heater-recap-carousel-head strong{font-size:11px;color:#665b57} .heater-root.heater-premium .heater-season-overview .heater-weekly-recap{ box-shadow:none!important; border-color:rgba(112,8,18,.09)!important; } @media(max-width:600px){ .heater-root.heater-premium .heater-season-overview{padding:10px 9px;margin-bottom:10px;border-radius:16px} .heater-root.heater-premium .heater-season-overview .heater-season-strip-head{margin-bottom:6px} .heater-root.heater-premium .heater-season-overview .heater-recap-carousel.is-embedded{margin-top:7px!important;padding-top:7px} .heater-root.heater-premium .heater-season-overview .heater-recap-carousel-head{margin-bottom:5px} .heater-root.heater-premium .heater-season-overview .heater-recap-carousel-head>div:first-child{display:flex;align-items:baseline;gap:5px} .heater-root.heater-premium .heater-season-overview .heater-recap-carousel-head strong{font-size:10px} .heater-root.heater-premium .heater-season-overview .heater-recap-arrow{width:24px;height:24px;font-size:17px} } /* v0.3.71 responsive rules-sheet safety */ @media(max-width:350px), (max-height:600px){ .heater-how-panel .heater-how-core{grid-template-columns:1fr!important} .heater-how-header{padding-top:15px} .heater-how-panel .heater-how-grid>div{padding:7px 8px!important} }