.hud .hud-discovery{--stamp:var(--accent);text-align:left;border:1px solid color-mix(in srgb, var(--stamp) 55%, transparent);border-left:3px solid var(--stamp);max-width:440px;color:var(--paper);animation:steam-stamp .3s .26s var(--spring) both;background:#0b0b0eed;align-items:center;gap:10px;margin:0 0 12px;padding:9px 12px;display:flex;position:relative;overflow:hidden}.hud .hud-discovery:after{content:"";pointer-events:none;background:linear-gradient(#0000 48%,#0005 50%,#0000 53%) 0 0/100% 4px;position:absolute;inset:0}.hud .hud-discovery[data-kind=art]{--stamp:var(--fresh)}.hud .hud-discovery[data-kind=finish],.hud .hud-discovery[data-kind=foil]{--stamp:#bacfff}.hud .hud-discovery[data-kind=mythic],.hud .hud-discovery[data-kind=prize]{--stamp:#ff294f}.hud .hud-discovery[data-kind=repeat],.hud .hud-discovery[data-kind=card]{--stamp:var(--mute)}.hud .hud-discovery-copy{gap:4px;min-width:0;display:grid}.hud .hud-discovery-copy b{font:900 13px/1.05 var(--mono);letter-spacing:.035em;color:var(--stamp)}.hud .hud-discovery-copy small{font:700 8px/1.25 var(--mono);color:var(--mute);letter-spacing:.035em}.hud .hud-discovery-seal{flex-shrink:0;gap:3px;display:flex;transform:skew(-12deg)}.hud .hud-discovery-seal i{background:var(--stamp);width:4px;height:24px;animation:steam-claw .38s calc(.26s + var(--n,0) * 70ms) both}.hud .hud-discovery-seal i:nth-child(2){--n:1;height:30px}.hud .hud-discovery-seal i:nth-child(3){--n:2}.hud .hud-discovery-help{max-width:400px;color:var(--mute);font:500 10px/1.45 var(--body);margin:-4px 0 10px}.hud .hud-steam-starter{max-width:calc(100vw - 2 * var(--pad))}.hud .hud-steam-starter .hud-tour-line{font-size:12px}.hud .hud-steam-starter .hud-tour-head b{font-size:18px}@keyframes steam-stamp{0%{opacity:0;filter:brightness(1.7);transform:translateY(-9px)scale(1.045)}to{opacity:1;filter:none;transform:none}}@keyframes steam-claw{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (max-width:760px){.hud .hud-discovery{gap:7px;max-width:100%;margin-bottom:8px;padding:7px 8px}.hud .hud-discovery-copy b{font-size:11px}.hud .hud-discovery-help{margin-bottom:6px;font-size:10px}.hud[data-page] .hud-steam-starter{top:auto;bottom:18px}}@media (prefers-reduced-motion:reduce){.hud .hud-discovery,.hud .hud-discovery-seal i{animation:none}}.hud[data-reduced] .hud-discovery,.hud[data-reduced] .hud-discovery-seal i{animation:none}.hud .hud-page.is-quests.hud-steam-origin{z-index:260;-webkit-backdrop-filter:none;visibility:visible;opacity:1;pointer-events:auto;align-content:start;padding-top:22px;animation:none;inset:0;transform:none}.hud:has(>.hud-steam-origin){animation:none;transform:none}.hud:has(>.hud-steam-origin):after{display:none}.hud-steam-origin-body{gap:24px;width:100%;max-width:1040px;margin:0 auto;display:grid}.hud-steam-origin h1{font:italic 900 clamp(30px, 6vw, 52px)/1 var(--display);letter-spacing:-.035em;margin:12px 0 0}.hud-steam-backgrounds,.hud-steam-class-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.hud-steam-background.hud-q-card{text-align:left;width:100%;min-width:0;color:inherit;cursor:pointer;opacity:1;grid-template-columns:minmax(0,1fr);grid-template-areas:"portrait""body";align-content:start;gap:12px;padding:10px;animation:none}.hud-steam-background[aria-pressed=true]{border-color:var(--tone);background:color-mix(in srgb, var(--tone) 9%, #0b0b0d)}.hud-steam-portrait{aspect-ratio:1;border:1px solid var(--g4);border-radius:2px;grid-area:portrait;display:block;overflow:hidden}.hud-steam-portrait img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .22s var(--spring);display:block}.hud-steam-background[aria-pressed=true] .hud-steam-portrait{border-color:var(--tone);box-shadow:0 0 18px color-mix(in srgb, var(--tone) 24%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--tone) 14%, transparent)}.hud-steam-background[aria-pressed=true] .hud-steam-portrait img{transform:scale(1.025)}.hud-steam-background:focus-visible{outline:2px solid var(--tone);outline-offset:3px}.hud-steam-background .hud-q-card-body{gap:8px}.hud-steam-origin-perk{color:var(--tone)}.hud-steam-begin{justify-items:center;gap:10px;display:grid}.hud-steam-begin>.hud-note{text-align:center}.hud-steam-begin>small{font:9px var(--mono);letter-spacing:.12em;color:var(--mute)}.hud-steam-classes,.hud-steam-daily,.hud-steam-profile{gap:12px;min-width:0;display:grid}.hud-steam-class.hud-q-card{grid-template-areas:"icon body""reward reward"}.hud-steam-class-action{grid-area:reward;justify-self:start}.hud-steam-class .hud-q-card-body{gap:10px}.hud-steam-class .hud-q-ladder{flex-wrap:wrap;gap:4px;display:flex}.hud-steam-class .hud-q-ladder i{text-align:center;min-width:20px}.hud-steam-profile h3{color:var(--tone)}.hud-steam-profile .hud-identity-face>img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:50%}.hud-steam-class-origin{align-items:center;gap:12px;display:flex}.hud-steam-class-origin>img{-o-object-fit:cover;object-fit:cover;border:1px solid var(--tone);border-radius:2px;flex:none;width:56px;height:56px;display:block}.hud-steam-class-origin>div{min-width:0}.hud-steam-daily .hud-plate{white-space:nowrap}@media (min-width:900px){.hud-steam-backgrounds{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:599px){.hud-steam-backgrounds{grid-template-columns:minmax(0,1fr)}.hud-steam-background.hud-q-card{grid-template-columns:120px minmax(0,1fr);grid-template-areas:"portrait body";align-items:center}}@media (max-width:600px){.hud-steam-class-grid{grid-template-columns:minmax(0,1fr)}.hud-steam-origin-body{gap:16px}.hud-steam-daily .hud-q-row{grid-template-columns:auto minmax(0,1fr)}.hud-steam-daily .hud-plate{grid-column:2;justify-self:start}.hud-steam-begin .hud-plate{width:100%}}@media (prefers-reduced-motion:reduce){.hud-steam-origin *,.hud-steam-classes *,.hud-steam-daily *{transition:none!important;animation:none!important}.hud-steam-background[aria-pressed=true] .hud-steam-portrait img{transform:none}}