.atlas-coin{width:1.5em;height:1.5em;object-fit:contain;vertical-align:middle;flex:none;filter:drop-shadow(0 2px 5px #e9134c33)}.atlas-coin.large{width:58px;height:58px}.eco-wallet b{display:flex;align-items:center;gap:7px;color:#ffa9be}.recharge-v2{max-width:560px;margin:auto;text-align:left}.recharge-v2 .recharge-heading{gap:14px;margin-bottom:12px}.recharge-v2 h2{font:600 27px/1.15 var(--serif,Georgia);margin:0 0 6px}.recharge-v2 .recharge-note{font-size:12px;margin:0 0 18px;color:#a9b4ca}.recharge-v2 fieldset{border:0;padding:0;margin:0 0 16px;min-width:0}.recharge-v2 legend{font-size:12px;color:#a9b4ca;margin-bottom:8px}.recharge-v2 .recharge-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.recharge-v2 .recharge-packs label{position:relative;cursor:pointer;min-width:0}.recharge-v2 .recharge-packs label>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:80px;border:1px solid #344057;border-radius:9px;padding:12px 7px;background:#151d2e}.recharge-v2 input[type=radio]{position:absolute;opacity:0;width:1px;height:1px}.recharge-v2 .recharge-packs strong{display:flex;gap:5px;align-items:center;font:700 23px/1.1 system-ui;color:#fff}.recharge-v2 .recharge-packs small{font-size:13px;color:#aab6ca}.recharge-v2 input:checked+span{border-color:#ff527c;background:linear-gradient(135deg,#e9134c18,#ec4c7310);box-shadow:inset 0 0 0 1px #ff527c}.recharge-v2 input:focus-visible+span{outline:2px solid white;outline-offset:3px}.recharge-v2 .custom-tile{grid-column:1/-1}.recharge-v2 .custom-tile>span{min-height:52px;flex-direction:row;justify-content:space-between;padding:10px 14px}.recharge-v2 .custom-tile strong{font-size:15px}.recharge-v2 .custom-entry{margin:10px 0 18px}.recharge-v2 .custom-entry input{width:100%;margin:6px 0}.recharge-v2 [hidden]{display:none!important}.recharge-v2 .recharge-total{border-top:1px solid #ffffff19;padding:13px 0;margin:0;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.recharge-v2 .recharge-total strong{font-size:19px;color:#ffa9be}.recharge-v2 #recharge-submit{background:#e9134c;color:#fff;border:1px solid #ff527c;width:100%;min-height:46px;border-radius:9px;box-shadow:0 4px 22px #e9134c20}.recharge-v2 #recharge-submit:disabled{opacity:.45}.recharge-v2 .recharge-footer{position:sticky;bottom:-1px;background:#0e1729;padding-top:5px;z-index:2}.recharge-v2 .recharge-footer .caption{font-size:11px;margin:8px 0}.recharge-v2 .credit-use{font-size:12px;color:#aab6ca;margin:10px 0}.recharge-v2 .payment-methods{display:flex;gap:7px;flex-wrap:wrap}.payment-methods label{flex:1;position:relative;cursor:pointer}.payment-methods label span{display:flex;flex-direction:column;padding:10px;border:1px solid #344057;border-radius:8px;gap:4px;min-height:60px}.payment-methods b{font-size:12px}.payment-methods small{font-size:10px;color:#aab6ca}.payment-methods input:disabled+span{opacity:.4;cursor:not-allowed}.customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.customer-grid label{font-size:12px}.customer-grid input,.customer-grid select{width:100%;margin-top:5px;min-width:0}.customer-grid .wide{grid-column:1/-1}.chariow-customer small{display:block;font-size:11px;color:#aab6ca;margin:8px 0}.recharge-error{color:#ff829d;font-size:12px}.recharge-error:empty{display:none}.recharge-v2 details{font-size:12px;margin-top:12px}.recharge-v2 details p{padding:6px 0;border-bottom:1px solid #ffffff12}
.fabricator-hero{background-image:linear-gradient(90deg,#090d20e8 0%,#090d2070 48%,#090d2000 100%),url('/art/foundry-v2.webp');background-size:cover;background-position:center;border-color:#f37b9933}.forge-copy{position:relative;z-index:2}.forge-visual{position:relative}.forge-visual:after{content:'';position:absolute;inset:15%;background:radial-gradient(ellipse,#ff719726,transparent 64%);filter:blur(14px);pointer-events:none;animation:relic-breathe 4s ease-in-out infinite}.pack-choice{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 10%,color-mix(in srgb,var(--forge-color) 16%,transparent),transparent 60%),#101528}.pack-choice:before{content:'';position:absolute;inset:0;background:url('/art/foundry-v2.webp') 75% 50%/auto 100%;opacity:.12;pointer-events:none}.pack-choice>*{position:relative}.pack-emblem{filter:drop-shadow(0 0 18px color-mix(in srgb,var(--forge-color) 28%,transparent))}.pack-choice .secondary{border-color:#ff527c66}.fabricator-stage{background:radial-gradient(ellipse at center,#ff527c18,transparent 65%)}#pack-opening{background-image:radial-gradient(ellipse,transparent,#080b1dcc),url('/art/foundry-v2.webp');background-size:cover;background-position:center;border-radius:14px}
.skin-discovery{display:flex;align-items:center;gap:14px;padding:15px 18px;border:1px solid #fa527c38;background:linear-gradient(110deg,#201325,#0e1729);border-radius:12px;margin:14px 0}.skin-discovery img{width:62px;height:62px;object-fit:cover;border-radius:9px}.skin-discovery>div{flex:1}.skin-discovery b{font-size:14px}.skin-discovery p{font-size:12px;line-height:1.5;color:#b9bfd0;margin:4px 0}.skin-discovery button{font-size:12px;white-space:nowrap}.skin-discovery .dismiss-tip{padding:3px 7px;background:none;border:0;color:#aab6ca}.result .skin-discovery{text-align:left;flex-wrap:wrap}.battle-skin-tip{position:relative;display:flex;justify-content:center;gap:9px;align-items:center;font-size:11px;color:#aab6ca;margin:8px auto 0;max-width:600px}.battle-skin-tip button{font-size:11px;padding:3px 7px;background:transparent;border:0;color:#ff9cb7}.battle-skin-tip .atlas-coin{width:20px;height:20px}.skin-discovery .primary{background:#e9134c}.skin-discovery:hover{border-color:#ff527c77}@keyframes relic-breathe{50%{opacity:.4;transform:scale(.95)}}
@media(max-width:540px){.recharge-v2 .recharge-packs{grid-template-columns:repeat(2,minmax(0,1fr))}.recharge-v2 .recharge-packs strong{font-size:22px}.recharge-v2 h2{font-size:24px}.recharge-v2 .custom-tile>span{flex-direction:row}.recharge-v2 .custom-tile strong{font-size:14px}.skin-discovery{flex-wrap:wrap;padding:12px}.skin-discovery img{width:44px;height:44px}.skin-discovery>div{min-width:170px}.skin-discovery>button:not(.dismiss-tip){margin-left:58px}.fabricator-hero{background-position:65% center}.battle-skin-tip{padding:0 10px}.customer-grid{grid-template-columns:1fr}.customer-grid .wide{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.forge-visual:after{animation:none}}
.recharge-v2 .recharge-footer{display:block;letter-spacing:normal;text-transform:none;padding:5px 0 0;margin:0;border:0;color:#aab6ca}.recharge-v2 .recharge-packs .custom-tile>span{min-height:52px;flex-direction:row;justify-content:space-between;padding:10px 14px}.recharge-v2 .recharge-footer .caption{text-align:center}.recharge-v2 #checkout-message:empty{display:none}
/* Atlas 0.21: dense shop, gold currency and tactile reveals. */
.atlas-coin{filter:drop-shadow(0 2px 5px #d8a53b40)}.eco-wallet b,.recharge-v2 .recharge-total strong{color:#f4d191}.recharge-v2 .custom-entry{padding:14px;border:1px solid #ff527c;border-radius:9px;background:#ff527c08}.recharge-v2 .custom-entry label{font-size:12px;color:#b8c4d8}.recharge-v2 #custom-price{display:block;min-height:18px;color:#f4d191}.pack-offers{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:start}.pack-choice{padding:18px 12px;border-radius:12px}.pack-choice .pack-emblem{width:60px;height:72px;margin:18px auto 12px}.pack-emblem b{font-size:30px}.pack-choice h3{font-size:23px;margin:10px 0}.pack-choice .pack-guarantee{min-height:46px;font-size:12px}.pack-choice .pack-price{font-size:23px;margin:14px 0 10px}.pack-choice>.secondary{padding:11px 6px;font-size:12px}.pack-choice .caption{font-size:10px;line-height:1.6;min-height:32px}.pack-index{font-size:9px}.pack-choice details{margin-top:12px}#details:has(.pack-review){width:min(480px,94vw)}.pack-review .confirm-price{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:#f4d191}.pack-review>.secondary{width:100%}.direct-shop{margin-top:42px;border-top:1px solid #29364b;padding-top:24px}.direct-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.direct-heading h2{font:28px Georgia;margin:6px 0}.direct-heading>span{color:#aab6ca;font-size:12px}.direct-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:12px;margin-top:22px}.direct-card{min-width:0;text-align:center}.direct-card>.card{width:100%;font-size:9px;padding:5px;min-height:0;aspect-ratio:0.68;overflow:visible}.direct-card .card-name{font-size:12px}.direct-card .card-country{font-size:7px}.direct-card .card-text{font-size:7px;min-height:26px}.direct-card .card-top{font-size:6px}.direct-card .cost{width:24px;height:24px;font-size:14px}.direct-card .card-stats{font-size:12px}.direct-card .rarity-label{font-size:6px}.direct-card p{font-size:10px;margin:9px 0 5px;color:#aab6ca}.direct-price{font-size:13px;color:#f4d191;display:block;margin-bottom:6px}.direct-card .secondary{padding:7px 4px;width:100%;font-size:11px}.direct-card.sold-out>.card{filter:saturate(.35);opacity:.65}.reveal-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.reveal-grid>.reveal-card{animation:none;perspective:1000px}.reveal-inner{position:relative;display:grid;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2,.7,.2,1)}.revealed .reveal-inner{transform:rotateY(180deg)}.reveal-back,.reveal-front{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden;min-width:0}.reveal-back{position:relative;min-height:340px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;border:3px double #dfc082;border-radius:12px;background:radial-gradient(ellipse,#53477488,transparent 60%),repeating-linear-gradient(45deg,transparent 0 16px,#d6b5780a 16px 17px),linear-gradient(145deg,#253046,#0a101f);box-shadow:inset 0 0 0 7px #0c1426,inset 0 0 0 8px #ad90654d,0 8px 20px #0006;color:#edcf95}.reveal-back:before,.reveal-back:after{content:'✧';position:absolute;font-size:28px;color:#d5b879}.reveal-back:before{top:12px;left:12px}.reveal-back:after{bottom:12px;right:12px}.reveal-crest{width:80px;height:80px;display:grid;place-items:center;border:3px double #f8dc9c;border-radius:50%;font-size:50px;box-shadow:0 0 30px #b999fe44;background:#101c35}.reveal-back b{font-size:12px;letter-spacing:2px}.reveal-back small{font-size:10px;color:#c2c8d8}.reveal-front{transform:rotateY(180deg);height:100%}.reveal-front .skin-product{height:100%;border-radius:12px;border-color:var(--skin-color)}.revealed[data-rarity=epic],.revealed[data-rarity=legendary],.revealed[data-rarity=mythic]{animation:rarity-bloom 1.4s ease-out}.reveal-front .skin-product-info{padding:10px}.reveal-front .skin-product-info>.secondary{font-size:11px;padding:9px}.reveal-front .skin-product h3{font-size:14px}.reveal-front .skin-product p{font-size:11px}#pack-cinematic:has(.reveal-grid){background:radial-gradient(ellipse at 50% 20%,#c099ff12,transparent 70%)}@keyframes rarity-bloom{35%{filter:drop-shadow(0 0 28px var(--skin-color))}100%{filter:none}}
@media(max-width:1100px){.pack-offers{grid-template-columns:repeat(3,minmax(0,1fr))}.direct-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.reveal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.pack-offers{grid-template-columns:repeat(2,minmax(0,1fr))}.pack-choice h3{font-size:21px}.direct-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.direct-heading{display:block}.direct-heading>span{display:block;margin-top:10px}.reveal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reveal-back{min-height:300px;gap:15px}.reveal-crest{width:62px;height:62px;font-size:40px}.reveal-back b{font-size:10px}.reveal-back small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.reveal-inner{transition:none}.revealed[data-rarity]{animation:none}}.motionless .reveal-inner{transition:none}.motionless .revealed[data-rarity]{animation:none}
.reveal-card{display:grid;grid-template-rows:1fr auto}.reveal-inner{height:100%}.reveal-front{min-height:340px}.direct-card .city-art{min-height:0}.direct-card .card-text{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.direct-card .card-stats{margin-top:auto}

/* End-of-match summary: aligned rewards, one surface, readable next action. */
.result-summary.result { width: min(840px, 100%); max-width: 840px; padding: 24px 30px 20px; text-align: left; border-color: #64748b66; border-radius: 14px; }
.result-summary .result-close { position: absolute; top: 12px; right: 12px; width: 32px; height: 32px; padding: 0; border: 0; background: transparent; font-size: 24px; color: #b5c1d5; }
.result-heading { display: flex; align-items: center; gap: 14px; padding-right: 25px; }
.result-summary .result-icon { width: 52px; height: 52px; line-height: 52px; font-size: 36px; flex-shrink: 0; margin: 0; }
.result-summary .eyebrow { font-size: 9px; margin: 0 0 4px; }
.result-summary h1 { margin: 0; font-size: 36px; line-height: 1.1; }
.result-summary .result-message { margin: 12px 0 18px; font-size: 13px; color: #b9c4d8; }
.result-body { display: grid; align-items: center; gap: 22px; }
.result-body.with-reward-card { grid-template-columns: 145px minmax(0, 1fr); }
.result-summary .reward-card { width: 112px; margin: 0 auto; }
.result-summary .reward-card .card { width: 112px; min-width: 112px; }
.result-earned-card { text-align: center; }
.result-summary .result-earned-card p { margin: 8px 0 0; line-height: 1.5; font-size: 11px; }
.result-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 20px; padding: 16px 0; border-block: 1px solid #8c9ab02b; }
.result-metrics section { min-width: 0; display: flex; flex-direction: column; align-items: stretch; gap: 5px; }
.result-metrics .metric-label { font-size: 11px; color: #a8b5cb; }
.result-metrics b { font-size: 28px; line-height: 1.25; font-weight: 650; color: #f5d599; }
.result-metrics b small { font-size: 14px; color: inherit; }
.result-metrics small { font-size: 11px; line-height: 1.45; color: #b5c1d5; }
.result-metrics .level-line { display: flex; justify-content: space-between; gap: 6px; font-size: 11px; }
.result-metrics progress { width: 100%; height: 5px; accent-color: #93d9b5; }
.result-metrics progress::-webkit-progress-bar { background: #354358; border-radius: 6px; }
.result-metrics progress::-webkit-progress-value { background: #93d9b5; border-radius: 6px; }
.result-summary .unlock-rewards { justify-content: flex-start; padding: 12px 0 0; gap: 5px; }
.result-summary .unlock-rewards .chip { padding: 5px 9px; font-size: 11px; }
.result-summary .skin-discovery { position: relative; display: grid; grid-template-columns: 40px minmax(0,1fr); gap: 6px 12px; align-items: start; margin: 18px 0 0; padding: 15px 32px 0 0; border: 0; border-top: 1px solid #8c9ab02b; border-radius: 0; background: none; text-align: left; }
.result-summary .skin-discovery .atlas-coin { width: 38px; height: 38px; grid-column: 1; grid-row: 1 / 3; }
.result-summary .skin-discovery > div { min-width: 0; grid-column: 2; }
.result-summary .skin-discovery b { font-size: 14px; line-height: 1.5; display: block; }
.result-summary .skin-discovery p { margin: 3px 0 8px; font-size: 12px; }
.result-summary .skin-discovery > button:not(.dismiss-tip) { grid-column: 2; justify-self: start; margin: 0; padding: 8px 13px; font-size: 12px; }
.result-summary .skin-discovery .dismiss-tip { position: absolute; right: 0; top: 12px; width: 28px; height: 28px; padding: 0; font-size: 18px; }
.result-footer { display: flex; justify-content: flex-end; margin-top: 16px; }
.result-summary .result-footer .primary { font-size: 13px; padding: 11px 20px; }
@media (max-width: 600px) {
  .result-summary.result { padding: 19px 16px 16px; }
  .result-summary h1 { font-size: 29px; }
  .result-summary .result-icon { width: 42px; height: 42px; line-height: 42px; font-size: 28px; }
  .result-body.with-reward-card { grid-template-columns: 90px minmax(0, 1fr); gap: 12px; }
  .result-summary .reward-card, .result-summary .reward-card .card { width: 84px; min-width: 84px; }
  .result-metrics { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
  .result-metrics .result-xp { grid-column: 1 / -1; }
  .result-metrics b { font-size: 23px; }
  .result-summary .skin-discovery { grid-template-columns: 28px minmax(0,1fr); column-gap: 8px; }
  .result-summary .skin-discovery .atlas-coin { width: 28px; height: 28px; }
  .result-footer .primary { width: 100%; }
}
.result-backdrop { overflow-x: clip; }
.result-summary .result-metrics b small { display: inline; }
.result-summary .skin-discovery { border-top: 0; margin-top: 10px; padding-top: 8px; }
.result-summary .result-footer { padding: 0; border: 0; }
body:has(.result-backdrop) { overflow: hidden; }
html:has(.result-backdrop), .result-backdrop { overflow: hidden; }
@media (max-width: 600px) {
  .result-summary .reward-card .card { padding: 5px; }
  .result-summary .reward-card .card-stats { font-size: 10px; gap: 1px; }
  .result-summary .reward-card .card-stats > b { padding: 1px; }
}

/* Public entry: a signed-out account is a normal state, not a server error. */
.atlas-welcome{max-width:1160px;min-height:min(680px,90svh);margin:auto;padding:clamp(28px,6vw,90px) 24px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:48px}
.welcome-copy h1{font-size:clamp(40px,5vw,68px);line-height:1.08;margin:20px 0}
.welcome-copy>p:not(.eyebrow){color:#acb9cf;line-height:1.65;max-width:470px}
.welcome-copy .primary{margin:20px 0 16px}.welcome-copy small{display:block;color:#acb9cf}.welcome-copy>a{display:inline-block;margin-top:24px;color:#f47c9b}
.welcome-cards{display:flex;align-items:center;justify-content:center;pointer-events:none;padding:25px 12px}
.welcome-cards>.card{width:170px;flex:none;margin:0 -30px;box-shadow:0 20px 45px #0008}.welcome-cards>.card:first-child{transform:rotate(-12deg) translateY(15px)}.welcome-cards>.card:nth-child(2){z-index:2;transform:translateY(-10px)}.welcome-cards>.card:last-child{transform:rotate(12deg) translateY(15px)}
@media(max-width:720px){.atlas-welcome{grid-template-columns:1fr;gap:16px;min-height:0}.welcome-cards{order:-1}.welcome-cards>.card{width:125px;margin:0 -20px}.welcome-copy h1{font-size:40px}}