.awards-page{flex-direction:column;gap:20px;width:100%;margin:0 auto;display:flex;container-type:inline-size}.awards-sort{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.awards-rail .rail-chips button b{min-width:2.4ch;color:var(--text-3);font-variant-numeric:tabular-nums;text-align:right;font-size:12px}.awards-rail .rail-chips button.active b{color:var(--text-2)}.awards-group{flex-direction:column;gap:12px;display:flex}.awards-group h2{border-bottom:1px solid color-mix(in srgb, var(--line) 60%, transparent);align-items:baseline;gap:10px;margin:0;padding-bottom:8px;font-size:19px;display:flex}.awards-group h2 span{color:var(--text-3);font-family:var(--font-body), system-ui, sans-serif;font-size:13px;font-weight:700}.awards-grid{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));grid-auto-rows:1fr;gap:12px;display:grid}.award.is-ready .award-mark{border-color:color-mix(in srgb, var(--tier) 55%, transparent);background:color-mix(in srgb, var(--tier) 18%, transparent);color:var(--tier)}.award.is-ready .award-mark .icon{transform-origin:50% 64%;animation:2.2s ease-in-out infinite gift-nudge}.awards-grid .award:nth-child(3n+2) .award-mark .icon{animation-delay:.3s}.awards-grid .award:nth-child(3n+3) .award-mark .icon{animation-delay:.6s}.award:has(.award-open:hover:not(:disabled)) .award-mark .icon{animation:none}@media (prefers-reduced-motion:reduce){.award.is-ready .award-mark .icon{animation:none}}.award-reward{color:var(--tier);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:800}.award.is-ready .award-rarity{white-space:nowrap;margin-left:0}.award-mark{border:1px solid var(--line);background:var(--card-2);width:42px;height:42px;color:var(--text-3);border-radius:12px;flex:none;align-items:center;justify-items:center;font-size:19px;display:grid;position:relative}.award.done .award-mark{border-color:color-mix(in srgb, var(--tier) 55%, transparent);background:color-mix(in srgb, var(--tier) 16%, transparent);color:var(--tier)}.award-body{flex-direction:column;justify-content:center;gap:5px;min-width:0;display:flex}.award-head{justify-content:space-between;align-items:baseline;gap:8px;min-width:0;display:flex}.award-head b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.award-tier{color:var(--tier);letter-spacing:.04em;text-transform:uppercase;flex:none;align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.award-body p{white-space:nowrap;text-overflow:ellipsis;cursor:default;height:1.45em;color:var(--text-2);margin:0;font-size:13px;font-weight:500;line-height:1.45;overflow:hidden}.award-foot{flex-wrap:wrap;grid-column:1/-1;align-content:flex-end;align-self:end;align-items:center;gap:8px 10px;height:30px;font-size:11.5px;font-weight:700;display:flex}.award-date{color:var(--correct);font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:inline-flex}.award-date.muted{color:var(--text-3)}.award-bar{background:var(--card-2);border-radius:999px;flex:1 0 100%;order:2;height:6px;display:block;overflow:hidden}.award-bar>span{background:var(--card-2);border-radius:999px;height:100%;display:block}.award-bar>span>i{background:var(--tier);border-radius:999px;height:100%;transition:width .35s;display:block}.award-bar.parts{background:0 0;gap:4px;display:flex;overflow:visible}.award-bar.parts>span{background:var(--card-2);flex:1;overflow:hidden}.award-bar.parts>span.done>i{background:linear-gradient(90deg, color-mix(in srgb, var(--tier) 70%, transparent), var(--tier))}.award-steps{color:color-mix(in srgb, var(--tier) 70%, var(--text-3));font-family:var(--display);letter-spacing:0;font-size:11.5px;font-style:normal;font-weight:800}.award-steps:after{content:"·";color:var(--text-3);margin:0 1px 0 5px}.award-count,.award-rarity{min-width:0;color:var(--text-3);font-variant-numeric:tabular-nums;flex:0 auto}.award-rarity{margin-left:auto}@media (max-width:620px){.awards-grid{grid-template-columns:minmax(0,1fr)}}.award-modal{text-align:center;width:min(100%,420px);padding:26px 22px 22px;overflow-y:auto}.award-modal.has-steps{grid-template-columns:minmax(0,1fr) minmax(0,330px);align-content:start;column-gap:24px;width:min(100%,780px);padding-top:48px;display:grid}.award-modal.has-steps>*{grid-column:1}.award-modal.has-steps>.award-steps-list{text-align:left;grid-area:1/2/100;align-self:start}@media (max-width:720px){.award-modal.has-steps{grid-template-columns:minmax(0,1fr);width:min(100%,420px)}.award-modal.has-steps>.award-steps-list{grid-area:auto/1}}.award-modal-mark{border:1px solid color-mix(in srgb, var(--tier) 50%, var(--line));background:color-mix(in srgb, var(--tier) 14%, var(--card-2-solid));width:68px;height:68px;color:var(--tier);border-radius:20px;flex:none;align-items:center;justify-items:center;margin:0 auto 14px;font-size:30px;display:grid}.award-modal h2{margin:0;font-size:21px;line-height:1.25}.award-modal-hint{color:var(--text-2);margin:8px 0 0;font-size:14px;line-height:1.5}.award-modal-tags{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.award-modal-tags em{letter-spacing:.02em;text-transform:uppercase;border:1px solid color-mix(in srgb, var(--tier) 45%, transparent);background:color-mix(in srgb, var(--tier) 16%, transparent);color:var(--tier);border-radius:999px;padding:5px 11px;font-size:11.5px;font-style:normal;font-weight:800}.award-modal-kind{color:var(--text-3);margin-top:10px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.award-modal-progress{align-items:center;gap:10px;margin-top:18px;display:flex}.award-modal-progress .award-bar{flex:auto;order:0;height:8px}.award-modal-progress .award-bar>span{background:linear-gradient(90deg, color-mix(in srgb, var(--tier) 70%, transparent), var(--tier));transition:width .35s}.award-modal-progress b{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.award-modal-facts{flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0 0;display:flex}.award-modal-facts>div{border:1px solid var(--line);background:var(--card-2);border-radius:12px;flex:96px;padding:10px 8px}.award-modal-facts dt{color:var(--text-2);letter-spacing:.03em;text-transform:uppercase;font-size:11.5px;font-weight:800}.award-modal-facts dd{font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:15px;font-weight:800}.award-modal-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.award-modal-actions button{flex:160px;justify-content:center;align-items:center;gap:8px;min-height:42px;display:inline-flex}.award-modal-actions button:disabled{opacity:.4;cursor:not-allowed;pointer-events:auto}.award-modal-actions button:disabled:hover{border-color:var(--line);background:var(--card);color:var(--text-2);transform:none}.award.tier-mythic .award-mark{box-shadow:0 0 18px color-mix(in srgb, var(--tier) 45%, transparent)}.award-steps-list{border:1px solid var(--line);background:var(--card-2);border-radius:16px;flex-direction:column;gap:8px;width:100%;padding:12px 14px;display:flex}.award-steps-list header{justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;display:flex}.award-steps-list ol{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.award-steps-list li{opacity:.55;border-radius:10px}.award-steps-list li>button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:18px auto 1fr auto;align-items:center;gap:10px;padding:6px 8px;font-size:13px;transition:background .16s;display:grid}.award-steps-list li>button:hover{background:rgba(255,255,255,.06)}.award-steps-list li.done{opacity:1}.award-steps-list li.now{background:color-mix(in srgb, var(--tier) 12%, transparent);opacity:1}.award-steps-list li i{color:var(--tier);align-items:center;justify-items:center;display:grid}.award-steps-list li i .icon{width:15px;height:15px}.award-steps-list li b{font-family:var(--display);font-size:15px}.award-steps-list li span{color:var(--tier);font-size:12px;font-weight:800}.award-steps-list li em{color:var(--text-3);font-size:12px;font-style:normal;font-weight:700}.awards-hero{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"ring title tiers""ring body tiers";align-items:center;gap:8px 26px;width:100%;padding:22px 26px;display:grid}.awards-hero>h1{grid-area:title;align-self:end;margin:0;font-size:max(26px,min(3.4vw,38px));line-height:1.05}.awards-ring{grid-area:ring}.awards-hero-body{grid-area:body;align-self:start}.awards-tiers{grid-area:tiers}.awards-ring{align-items:center;justify-items:center;width:128px;height:128px;display:grid;position:relative}.awards-ring svg{position:absolute;top:0;bottom:0;left:0;right:0;transform:rotate(-90deg)}.awards-ring circle{fill:none;stroke-width:10px;stroke-linecap:round}.awards-ring .track{stroke:rgba(255,255,255,.09)}.awards-ring .fill{stroke:var(--accent);transition:stroke-dasharray .4s}.awards-ring span{justify-items:center;gap:2px;display:grid}.awards-ring b{font-family:var(--display);font-size:38px;line-height:1}.awards-ring em{color:var(--text-3);font-size:12.5px;font-style:normal;font-weight:700}.awards-hero-body{flex-direction:column;gap:8px;min-width:0;display:flex}.awards-hero-body p{margin:0;font-size:14px}.awards-shelf{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.awards-slots{flex:100%;grid-template-columns:repeat(auto-fill,40px);justify-content:start;gap:8px;width:100%;min-width:0;display:grid}.awards-seat{width:40px;height:40px;position:relative}.awards-seat.is-free:after{content:"";background:rgba(255,255,255,.03);border:1.5px dashed rgba(255,255,255,.12);border-radius:12px;position:absolute;top:0;bottom:0;left:0;right:0}.awards-seat .awards-chip{touch-action:none;width:100%;height:100%;transition:border-color .16s,opacity .16s,transform .16s;position:absolute;top:0;bottom:0;left:0;right:0}.awards-seat button.awards-chip{cursor:grab}.awards-seat .awards-chip.is-held{opacity:0}.awards-seat:has(.awards-chip.is-held):after{content:"";border:1.5px dashed color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:12px;position:absolute;top:0;bottom:0;left:0;right:0}.awards-lift{box-sizing:border-box;z-index:90;border:1px solid var(--tier,var(--accent));background:color-mix(in srgb, var(--tier,#fff) 16%, var(--card-2-solid));color:var(--tier,var(--accent));pointer-events:none;transform-origin:50%;will-change:transform;border-radius:12px;align-items:center;justify-items:center;font-size:19px;display:grid;position:fixed;top:0;left:0;box-shadow:0 14px 28px rgba(0,0,0,.55)}.awards-shelf-label{color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;margin-right:4px;font-size:11.5px;font-weight:800}.awards-chip{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--tier,var(--line)) 50%, var(--line));background:color-mix(in srgb, var(--tier,#fff) 12%, var(--card-2-solid));width:40px;height:40px;color:var(--tier,var(--text-3));cursor:pointer;border-radius:12px;align-items:center;justify-items:center;padding:0;font-size:19px;transition:transform .16s,border-color .16s;display:grid}.awards-chip:hover{border-color:var(--tier,var(--line));transform:translateY(-2px)}.awards-tiers{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.awards-tier{border:1px solid var(--line);background:var(--card-2);border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 8px;min-width:128px;padding:9px 12px;display:grid}.awards-tier i{background:var(--tier);border-radius:4px;width:11px;height:11px}.awards-tier em{color:var(--text-2);letter-spacing:.04em;text-transform:uppercase;font-size:11.5px;font-style:normal;font-weight:800}.awards-tier b{font-family:var(--display);grid-column:1/-1;font-size:18px}@media (max-width:1000px){.awards-hero{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"ring title""ring body""tiers tiers";row-gap:14px}.awards-tiers{grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}}@media (max-width:620px){.awards-hero{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:18px}.awards-ring{width:96px;height:96px}.awards-ring circle{stroke-width:9px}.awards-ring b{font-size:28px}.awards-ring em{font-size:11px}.awards-hero{grid-template-areas:"title title""ring body""tiers tiers"}.awards-hero>h1{text-align:center;align-self:center;font-size:max(23px,min(7vw,28px))}.awards-hero-body p{font-size:13px}.awards-shelf-label{width:100%}.awards-chip{width:36px;height:36px;font-size:17px}.awards-slots{grid-template-columns:repeat(auto-fill,36px);gap:6px}.awards-shelf-label{flex:100%}.awards-seat{width:36px;height:36px}.awards-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}.awards-tier{min-width:0;padding:8px 10px}.awards-tier b{font-size:16px}.awards-sort{gap:10px}}