@media (min-width: 761px) and (min-height: 501px), (min-width: 761px) and (pointer: fine), (min-width: 761px) and (pointer: none) {
  .is-hud .wl-hang { position: absolute; right: var(--hud-pad); top: var(--wl-hang-t, var(--ev-chip-t, calc(var(--hud-pad) + 3.6rem))); width: 24rem; max-width: calc(100vw - 2 * var(--hud-pad)); padding: 0; border-radius: var(--hud-radius); overflow: hidden; }
  .is-hud .wl-hang > .cb-well { width: 100%; height: 3.6rem; border-radius: inherit; }
  .is-hud.has-window .region-top:has(> .ev-chip) > .wl-hang { display: none; }
  .is-hud .cb-well { display: flex; align-items: center; gap: .55rem; height: 3.2rem; padding: 0 .9rem 0 .45rem; border-radius: .9rem; text-align: left; color: var(--text-1);
    border: 1px solid color-mix(in srgb, var(--bless) 45%, transparent);
    background: linear-gradient(90deg, color-mix(in srgb, var(--bless) 17%, transparent), rgba(255, 255, 255, .02));
    transition: border-color .15s, background .15s; }
  .is-hud .cb-well:hover, .is-hud .cb-well:focus-visible { border-color: var(--bless); background: linear-gradient(90deg, color-mix(in srgb, var(--bless) 26%, transparent), rgba(255, 255, 255, .04)); }
  .is-hud .cb-well-mark { flex: none; display: grid; }
  .is-hud .cb-well-copy { display: grid; gap: .08rem; min-width: 0; }
  .is-hud .cb-well-copy b { font: 400 1.02rem/1.1 var(--font-display); color: var(--gold-0); white-space: nowrap; }
  .is-hud .cb-well-copy small { font-size: .84rem; line-height: 1.1; color: var(--text-2); white-space: nowrap; }
  .is-hud .cb-well-copy .wl-count { font: 400 .9rem var(--font-num); color: var(--bless); }
}

.wl-banner { border-color: color-mix(in srgb, var(--bless) 55%, rgba(242, 198, 106, .3)); background: linear-gradient(180deg, color-mix(in srgb, var(--bless) 14%, rgba(10, 15, 25, .92)), rgba(10, 15, 25, .92)); }
.wl-banner .broadcast-kicker { color: var(--bless); }

.well-page .win-caps { display: flex; align-items: baseline; flex-wrap: wrap; gap: .3rem .6rem; margin: 0; font: 400 .79rem var(--font-ui); letter-spacing: .12em; text-transform: uppercase; color: var(--gold-3); }
.well-page .win-caps small { font-size: .84rem; letter-spacing: .01em; text-transform: none; color: var(--text-3); }
.wl-body { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(15rem, 1fr); gap: 1rem; align-items: start; }
.is-hud .stage .well-page.win-page > .wl-body { flex: 1; min-height: 0; overflow-y: auto; scrollbar-width: thin; padding-right: .3rem; }
.wl-main, .wl-side { display: grid; gap: 1rem; align-content: start; min-width: 0; }
.wl-card { display: grid; gap: .65rem; align-content: start; padding: 1rem 1.15rem; }
.wl-lit, .wl-cup { grid-template-columns: auto minmax(0, 1fr); gap: 1.2rem; align-items: center; border-color: color-mix(in srgb, var(--bless, #f2c66a) 38%, transparent) !important; }
.wl-lit.is-dark { border-color: rgba(255, 255, 255, .1) !important; }
.wl-medal { display: grid; place-items: center; min-width: 4.6rem; }
.wl-medal .ia-emblem { width: 4.2rem; height: 4.2rem; filter: drop-shadow(0 .4rem .8rem rgba(0, 0, 0, .5)); }
.wl-lit .medal { --size: 4.6rem; }
.wl-cup .medal { --size: 3.2rem; }
.wl-copy { display: grid; gap: .4rem; min-width: 0; }
.wl-copy > small.t-caps { font-size: .74rem; letter-spacing: .12em; color: var(--gold-3); }
.wl-copy h2 { margin: 0; font: 400 1.6rem/1.15 var(--font-display); color: var(--gold-0); }
.wl-left { margin: 0; font-size: 1.05rem; color: var(--text-2); }
.wl-left .wl-count { font: 400 1.9rem var(--font-num); vertical-align: -.12rem; color: var(--bless, var(--gold-1)); }
.wl-gives { margin: 0; font-size: .98rem; line-height: 1.45; color: var(--text-2); text-wrap: pretty; }
.wl-hands { display: flex; align-items: flex-start; gap: .45rem; margin: 0; font-size: .9rem; line-height: 1.4; color: var(--text-2); }
.wl-hands .ia-glyph { flex: none; width: 1rem; height: 1rem; margin-top: .15rem; color: var(--gold-3); }
.wl-hands b { font-weight: 400; color: var(--text-1); }
.wl-bar { position: relative; height: .85rem; border-radius: .5rem; background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .55); overflow: hidden; }
.wl-bar > i { position: absolute; top: 0; bottom: 0; left: 0; display: block; }
.wl-bar > i.is-given { background: linear-gradient(90deg, color-mix(in srgb, var(--bless, #f2c66a) 70%, #fff 0%), var(--bless, #f2c66a)); }
.wl-fill { display: flex; flex-wrap: wrap; align-items: baseline; gap: .2rem .9rem; margin: 0; font-size: .9rem; color: var(--text-3); }
.wl-fill b { font: 400 1.15rem var(--font-num); color: var(--text-1); }
.wl-cup.is-full { border-color: rgba(255, 255, 255, .12) !important; }

.wl-give .win-caps small { flex-basis: 100%; }
.wl-quick { display: flex; flex-wrap: wrap; gap: .45rem; }
.wl-form { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; }
.wl-amount { position: relative; flex: 1 1 11rem; display: flex; align-items: center; min-width: 0; }
.wl-amount .ia-emblem { position: absolute; left: .6rem; width: 1.45rem; height: 1.45rem; pointer-events: none; }
.wl-amount .input { width: 100%; height: 2.9rem; padding-left: 2.5rem; font-size: 1.15rem; }
.wl-line { margin: 0; min-height: 1.3rem; font-size: .9rem; color: var(--text-2); }
.wl-line.is-bad { color: var(--ember); }
.wl-list .win-caps small { flex-basis: 100%; }
.wl-blessings { display: grid; gap: .45rem; margin: 0; padding: 0; list-style: none; }
.wl-blessings li { display: flex; align-items: center; gap: .8rem; padding: .45rem .6rem; border-radius: .7rem; border: 1px solid color-mix(in srgb, var(--bless, #f2c66a) 32%, transparent); background: color-mix(in srgb, var(--bless, #f2c66a) 7%, transparent); }
.wl-blessings .medal { --size: 2.6rem; flex: none; }
.wl-b-copy { display: grid; gap: .1rem; min-width: 0; }
.wl-b-copy b { font: 400 1.05rem/1.2 var(--font-display); color: var(--gold-0); }
.wl-b-copy small { font-size: .88rem; line-height: 1.35; color: var(--text-2); text-wrap: pretty; }

.wl-side-card { gap: .7rem; }
.wl-me { margin: 0; font-size: 1rem; color: var(--text-1); }
.wl-titles { display: grid; gap: .35rem; margin: 0; padding: 0; list-style: none; }
.wl-titles li { display: flex; align-items: center; gap: .6rem; padding: .35rem .5rem; border-radius: .6rem; border: 1px solid rgba(255, 255, 255, .08); color: var(--text-3); }
.wl-titles li .ia-glyph { flex: none; width: 1rem; height: 1rem; }
.wl-titles li span { display: grid; gap: .05rem; }
.wl-titles li b { font-weight: 400; font-size: .98rem; color: var(--text-2); }
.wl-titles li small { font-size: .8rem; }
.wl-titles li.is-earned { border-color: rgba(242, 198, 106, .4); background: rgba(242, 198, 106, .07); color: var(--gold-2); }
.wl-titles li.is-earned b { color: var(--gold-0); }
.wl-fine { margin: 0; font-size: .84rem; line-height: 1.4; color: var(--text-3); }

@media (max-width: 1100px) {
  .wl-body { grid-template-columns: minmax(0, 1fr); }
}
.wl-phone { display: grid; gap: .8rem; padding: .8rem; }
.wl-ph-head { display: flex; align-items: center; gap: .9rem; padding: .8rem 1rem; }
.wl-ph-head h1 { margin: 0; font-size: 1.4rem; }
@media (max-width: 760px), (max-height: 500px) and (pointer: coarse) {
  .wl-lit, .wl-cup { grid-template-columns: minmax(0, 1fr); justify-items: start; gap: .6rem; }
  .wl-medal { justify-self: start; }
  .wl-form .btn { min-height: 2.9rem; }
  .wl-quick .btn { min-height: 2.6rem; }
  .well-page { font-size: .9rem; }
  .well-page .btn, .well-page .input { min-height: 3.3rem; }
  .well-page :is(.t-caps, .btn-sm, .win-caps, .win-caps small, .wl-b-copy small, .wl-titles li small, .wl-copy > small.t-caps, .wl-fine) { font-size: .9rem; }
}