@layer host-app{.ranked-checkout{color:#fff4dc;overscroll-behavior:contain;pointer-events:auto;background:#14231c;border:1px solid #596b5c;border-radius:16px;width:min(440px,100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:30px;overflow:auto;box-shadow:0 20px 64px #020b08a6}.ranked-checkout::backdrop{background:#06110dd9}.ranked-checkout h2{letter-spacing:-.02em;text-wrap:balance;margin:0;font:800 36px/1.05 Barlow Condensed,Impact,sans-serif}.ranked-checkout .checkout-intro{color:#bbcdbd;margin:8px 0 24px;font-size:13px}.checkout-total{flex-direction:column;gap:5px;padding-bottom:22px;display:flex}.checkout-total>span{color:#bbcdbd;font-size:13px;line-height:1.5}.checkout-total strong{color:var(--brand-yellow);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:40px;font-weight:800;line-height:1.1}.checkout-total small{font-size:18px}.checkout-breakdown{border-top:1px solid #425647;border-bottom:1px solid #425647;margin:0;padding:15px 0}.checkout-breakdown>div{justify-content:space-between;gap:20px;font-size:13px;line-height:1.5;display:flex}.checkout-breakdown>div+div{margin-top:12px}.checkout-breakdown dt{color:#bbcdbd}.checkout-breakdown dt span{display:block}.checkout-breakdown dd{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:50%;margin:0}.ranked-checkout .checkout-note{color:#d5decf;text-wrap:pretty;margin:18px 0 24px;font-size:13px;line-height:1.6}.checkout-actions{flex-direction:column;gap:8px;display:flex}.checkout-actions button{border-radius:6px;min-height:48px;margin:0;padding:12px 16px;font-size:15px;font-weight:800}.checkout-actions #checkout-confirm{background:var(--brand-yellow);color:#14231c}.checkout-actions #checkout-confirm:disabled{color:#d5decf;cursor:not-allowed;background:#425647}.checkout-actions #checkout-cancel{color:#d5decf;background:0 0;border:1px solid #596b5c}.ranked-checkout #checkout-status{color:#bbcdbd;text-align:center;margin:14px 0 0;font-size:12px;line-height:1.5}@media (max-width:480px){.ranked-checkout{padding:24px}}}