.shop-card{--accent-color:var(--accent);--accent-glow:color-mix(in srgb,var(--accent-color) 30%,transparent);--accent-ink:color-mix(in srgb,var(--accent-color) 15%,#000)}.shop-card:has(.card-header.rainbow){--accent-color:#60a5fa}.shop-card:has(.card-header.reserve){--accent-color:#fbbf24}.shop-card:has(.card-header.centurion){--accent-color:#3b82f6}.shop-card:has(.card-header.grandmaster){--accent-color:#eab308}.shop-card:has(.card-header.overlord){--accent-color:#ef4444}.shop-card{position:relative;display:flex;flex-direction:column;gap:18px;overflow:hidden}.shop-card:not(.is-owned){grid-row:span 3;display:grid;grid-template-rows:subgrid}.shop-card .card-header{margin:-26px -26px 0;border-radius:var(--r-tile) var(--r-tile) 0 0;display:flex;flex-direction:column}.shop-card .card-title{margin-bottom:12px}.shop-card .card-title+*{margin-top:auto}.shop-old-price{position:relative;z-index:1;display:block;margin-bottom:6px;font:600 16px/1 "Unbounded","Segoe UI",system-ui,Arial,sans-serif;color:color-mix(in srgb,var(--accent-color) 25%,var(--text-value));text-decoration-thickness:1.5px}.shop-price{position:relative;z-index:1;display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;color:var(--text-strong)}.shop-price-num{font:800 44px/1 "Unbounded","Segoe UI",system-ui,Arial,sans-serif;letter-spacing:-1px;font-variant-numeric:tabular-nums}.shop-price-cur{font:600 22px/1 "Unbounded","Segoe UI",system-ui,Arial,sans-serif}.shop-price-per{font-size:15px;color:var(--text-body)}.shop-ribbon{position:absolute;top:24px;right:-46px;z-index:2;width:180px;padding:8px 0;transform:rotate(45deg);text-align:center;font:800 15px/1 "Unbounded","Segoe UI",system-ui,Arial,sans-serif;letter-spacing:.5px;background:var(--accent-color);color:var(--accent-ink);box-shadow:0 4px 12px rgba(0,0,0,.35)}.shop-card .card-header:has(.shop-ribbon)::after{top:auto;bottom:14px}.shop-card.is-owned .card-title{margin-bottom:0}.shop-card.is-owned .card-header::after{top:50%;translate:0 -50%;line-height:1}@media(max-width:440px){.shop-price-num{font-size:36px}}.shop-benefits{flex:1;list-style:none;margin:0;padding:0}.shop-benefits li{position:relative;padding:9px 0 9px 20px;font-size:14px;line-height:1.5;color:var(--text-body)}.shop-benefits li+li{border-top:1px solid var(--nav-ink)}.shop-benefits li::before{content:"";position:absolute;left:2px;top:17px;width:5px;height:5px;border-radius:50%;background:var(--accent-color)}.shop-actions{display:flex;align-items:stretch;border-radius:var(--r-control);background:var(--raised);overflow:hidden}.shop-actions .btn-bento{flex:1;min-height:48px;padding:0 20px;justify-content:center;font-size:15px;border-radius:0;background:transparent;color:var(--text-strong)}.shop-actions .btn-bento:hover{background:var(--raised-hover);color:var(--text-strong);transform:none;box-shadow:none}.shop-square{position:relative;flex:none;width:48px;border:0;text-decoration:none;background:transparent;color:var(--text-dim);display:flex;align-items:center;justify-content:center;font-size:1.05rem;cursor:pointer;transition:background-color .15s var(--ease),color .15s var(--ease)}.shop-square::before{content:"";position:absolute;left:-.5px;top:8px;bottom:8px;width:1px;background:light-dark(rgba(0,0,0,.2),rgba(255,255,255,.35))}.shop-square:hover{background:var(--raised-hover);color:var(--text-strong)}.shop-login{display:flex;align-items:stretch;min-height:48px;border-radius:var(--r-control);background:var(--raised-hover);overflow:hidden}.shop-login-steam,.shop-login-discord{flex:none;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;color:var(--text-body);font-size:15px;text-decoration:none;transition:background-color .18s var(--ease),color .15s var(--ease)}.shop-login-steam{flex:1 1 auto;min-width:0;justify-content:flex-start;padding-left:15px}.shop-login-discord{position:relative;padding:0 15px}.shop-login-discord::before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:1px;background:light-dark(rgba(0,0,0,.2),rgba(255,255,255,.35))}.shop-login-steam:hover,.shop-login-steam:focus-visible,.shop-login-discord:hover,.shop-login-discord:focus-visible{background:light-dark(#c8c8c8,#575757);color:var(--text-strong)}.shop-login-steam:active,.shop-login-discord:active{background:light-dark(#d0d0d0,#3f3f3f);transition-duration:.09s}.shop-login i{flex:none;font-size:1.05rem;line-height:1}.shop-actions>:focus-visible,.shop-login>:focus-visible{outline-offset:-2px}.shop-actions>.btn-bento,.shop-login-steam{border-radius:var(--r-control) 0 0 var(--r-control)}.shop-square,.shop-login-discord{border-radius:0 var(--r-control) var(--r-control) 0}.shop-login-steam:only-child{justify-content:center;text-align:center;border-radius:var(--r-control)}.shop-owned{flex:1;min-height:48px;border:0;background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;cursor:default}.shop-expiry{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:14px;background:var(--well)}.shop-expiry-row{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 12px}.shop-expiry-num{font:800 34px/1 "Unbounded","Segoe UI",system-ui,Arial,sans-serif;letter-spacing:-.5px;font-variant-numeric:tabular-nums;color:var(--text-strong)}.shop-expiry-num small{margin-left:6px;font:600 15px/1 "Unbounded","Segoe UI",system-ui,Arial,sans-serif;letter-spacing:0;color:var(--text-body)}.shop-expiry-date{font-size:13px;color:var(--text-muted)}.shop-expiry .bar{margin-top:0;background:var(--raised)}.shop-expiry .bar>div{background:var(--accent-color)}.shop-nameplate{display:flex;align-items:center;gap:14px;width:100%;padding:12px 14px;border:0;border-radius:14px;background:var(--well);color:var(--text-body);text-align:left;cursor:pointer;transition:background-color .15s var(--ease)}.shop-nameplate:hover{background:var(--tile-hover)}.shop-nameplate:active{background:var(--canvas);transition-duration:.09s}.shop-nameplate:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.shop-nameplate-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.shop-nameplate-line{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;font-size:16px;color:var(--text-strong)}.shop-nameplate-edit{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--raised);color:var(--text-strong);font-size:15px;transition:background-color .15s var(--ease)}.shop-nameplate:hover .shop-nameplate-edit{background:var(--raised-hover)}.shop-refund{width:100%;min-height:44px;border:0;border-radius:var(--r-control);background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;cursor:pointer;transition:background-color .15s var(--ease),color .15s var(--ease)}.shop-refund:hover{background:var(--well);color:var(--danger-text)}.shop-refund b{font-weight:600;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.shop-square,.shop-refund,.shop-nameplate,.shop-nameplate-edit{transition:none}.shop-login-steam,.shop-login-discord{transition:none}}.gift-slot{display:flex;flex-direction:column}.gift-slot>.shop-card{flex:1;grid-template-rows:auto 1fr auto}.gift-slot>.shop-card{background:color-mix(in srgb,var(--accent-color) 9%,var(--tile));box-shadow:0 14px 44px -10px var(--accent-glow)}.gift-slot .card-header{background:linear-gradient(160deg,color-mix(in srgb,var(--accent-color) 58%,#1a1a1a) 0%,color-mix(in srgb,var(--accent-color) 24%,#141414) 100%);border-bottom:0}.gift-slot .card-title,.gift-slot .shop-price{color:#fff}.gift-slot .shop-price-per{color:rgba(255,255,255,.82)}.gift-slot .card-header::after{color:rgba(255,255,255,.28)}.gift-slot .shop-ribbon{font-size:12px;letter-spacing:1.5px;text-transform:uppercase}.gift-slot .shop-benefits li+li{border-top-color:color-mix(in srgb,var(--accent-color) 22%,transparent)}.gift-slot .shop-actions{background:color-mix(in srgb,var(--accent-color) 26%,var(--raised))}.gift-slot .shop-actions .btn-bento:hover{background:color-mix(in srgb,var(--accent-color) 38%,var(--raised))}.gift-nick{overflow-wrap:anywhere}@media(max-width:640px){.hero:has(+.gift-slot) .hero-name{font-size:30px}}.confetti{position:fixed;inset:0;z-index:1080;overflow:hidden;pointer-events:none}.confetti i{position:absolute;bottom:-12px;left:var(--x);animation:confetti-x var(--t) cubic-bezier(.1,.6,.3,1) var(--delay) both}.confetti i::before{content:"";display:block;width:var(--w);height:calc(var(--w)*.45);border-radius:1px;background:var(--c);animation:confetti-y var(--t) var(--delay) both}@keyframes confetti-x{to{translate:var(--dx) 0}}@keyframes confetti-y{0%{transform:translateY(0) rotate(0deg);animation-timing-function:cubic-bezier(.2,.7,.4,1)}35%{transform:translateY(calc(var(--h)*-1)) rotate(calc(var(--r)*.4));animation-timing-function:cubic-bezier(.5,0,.9,.6)}80%{opacity:1}100%{transform:translateY(15vh) rotate(var(--r));opacity:0}}@media(prefers-reduced-motion:reduce){.confetti{display:none}}.gift-links{list-style:none;margin:0;padding:8px 26px}.gift-link{display:flex;align-items:center;gap:16px;padding:14px 0}.gift-link+.gift-link{border-top:1px solid var(--nav-ink)}.gift-link-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.gift-link-name{font-size:16px;font-weight:600;color:var(--text-strong);text-decoration:none}.gift-link-name:hover{color:var(--accent-text)}.gift-link-copy{min-height:44px;padding:0 18px;font-size:14px}.gift-link-done,.gift-link-copy.is-copied .gift-link-idle{display:none}.gift-link-copy.is-copied .gift-link-done{display:inline}@media(max-width:640px){.gift-links{padding:4px 20px}.gift-link{flex-wrap:wrap}.gift-link-copy{flex:1 1 100%;justify-content:center}}.gift-search{position:relative}.gift-search .baton-input{padding-right:52px}.gift-search-btn{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:15px;cursor:pointer;transition:background-color .15s var(--ease),box-shadow .15s var(--ease)}.gift-search-btn:hover{box-shadow:var(--glow)}.gift-search-btn:active{box-shadow:none;background:color-mix(in srgb,var(--accent) 85%,#000)}.gift-search-btn:disabled{opacity:.6;cursor:default;box-shadow:none}@media(pointer:coarse){.gift-search .baton-input{padding-right:56px}.gift-search-btn{width:44px;height:44px;right:6px}}@media(prefers-reduced-motion:reduce){.gift-search-btn{transition:none}}