﻿.rewards-main {color:#fff;font-family:Nunito,Arial,sans-serif;background:#9029ed;}
.rewards-hero {min-height:330px;padding:52px max(24px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;align-items:center;gap:48px;background:radial-gradient(ellipse at 78% 25%,#862fb0,transparent 55%),linear-gradient(125deg,#291749,#3e2c85 50%,#140e24);background-size:cover;background-position:center;box-sizing:border-box;}
.rewards-eyebrow {color:#dcadff;font-weight:900;letter-spacing:2px;}
.rewards-hero h1 {font:900 clamp(30px,5vw,52px)/1.05 Nunito,Arial,sans-serif;max-width:440px;margin:16px 0;}
.rewards-hero p {color:#e3d9f4;max-width:420px;}
.points-pill {display:inline-flex;gap:10px;align-items:center;background:#07050e88;border:1px solid #a66ee5;border-radius:10px;padding:10px 18px;font-weight:900;}
.rewards-id-card {position:relative;width:300px;min-height:170px;flex:none;padding:24px;box-sizing:border-box;display:grid;gap:12px;border:4px solid #eae7fd;border-radius:22px;background:linear-gradient(125deg,#44444e,#16151e);box-shadow:0 7px 0 #6de6cf,0 0 65px #c372ff77;transform:rotate(-7deg);}
.rewards-id-card strong {font-size:34px;color:#d8a4ff;}
.rewards-id-card>b {position:absolute;bottom:20px;right:20px;background:#fff;color:#202028;border-radius:6px;padding:4px;}
.rewards-tabs {display:flex;justify-content:center;gap:24px;background:linear-gradient(#312154,#07040d);padding:22px;flex-wrap:wrap;border-bottom:5px solid #b23aff;}
.rewards-tabs a {color:white;font-weight:900;text-decoration:none;}
.rewards-content {max-width:1120px;margin:auto;padding:32px 24px 0;}
.activation-callout {display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;background:#241a39;border:1px solid #cb8bff;border-radius:14px;margin-bottom:40px;}
.activation-callout h2 {font-size:22px;margin:0;}
.activation-callout p {margin:8px 0 0;color:#d5c1e8;}
.activation-callout button {flex:none;}
.rewards-section-title {width:fit-content;min-width:240px;margin:24px auto;padding:14px 24px;text-align:center;background:#30293f;border:3px solid #0c0912;box-shadow:4px 5px #0c0912;transform:skew(-3deg);font-weight:900;}
#catalog>p {font-weight:900;}
.reward-filters {display:flex;gap:10px;margin:22px 0;flex-wrap:wrap;}
.reward-filters button {border:1px solid #d8a7ff;border-radius:8px;background:#431471;color:white;padding:10px 18px;font:800 16px Nunito,Arial;cursor:pointer;}
.reward-filters [aria-pressed=true] {background:#fff;color:#4b137f;}
.rewards-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-bottom:48px;}
.catalog-card {display:flex;flex-direction:column;padding:14px;border:2px solid #08060c;box-shadow:0 5px #08060c;border-radius:14px;background:#282733;overflow:hidden;}
.catalog-card h3 {font:900 19px Nunito,Arial;margin:0 0 14px;text-transform:uppercase;overflow-wrap:anywhere;}
.catalog-visual {aspect-ratio:1;border-radius:10px;display:flex;align-items:center;justify-content:center;background:radial-gradient(#bd70ff,#6923b4);border:2px solid #100b19;overflow:hidden;}
.catalog-visual img {width:100%;height:100%;object-fit:contain;}
.reward-placeholder {font-size:80px;font-weight:900;color:#f6d2ff;text-shadow:4px 5px #4e127b;}
.catalog-card p {font-size:14px;color:#c7c7d1;flex:1;}
.catalog-card small {margin:8px 0;color:#ddd;}
.catalog-buy,.mission-card button,.reward-receipt button {min-height:44px;border:2px solid #17131d;border-radius:7px;background:#ffcf31;color:#251b0b;font:900 16px Nunito,Arial;padding:10px 18px;cursor:pointer;}
.catalog-buy:disabled,.mission-card button:disabled {background:#5d5c68;color:#ccc;cursor:default;}
#missions {background:#134cec;margin:0;padding:32px 0 70px;box-shadow:0 0 0 100vmax #134cec;clip-path:inset(0 -100vmax);}
#missions>p {text-align:center;}
.missions-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px;}
.mission-card {background:linear-gradient(130deg,#fff,#e7e7ee);color:#25252e;border:3px solid white;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px;}
.mission-card h3 {margin:0;font-size:20px;text-transform:uppercase;}
.mission-card p {margin:0;color:#60606b;font-size:15px;flex:1;}
.mission-card progress {width:100%;accent-color:#8424d4;height:12px;}
.mission-image {width:64px;height:64px;object-fit:contain;align-self:flex-end;}
.reward-receipt {background:#191822;border:2px solid #ffd12e;border-radius:16px;padding:28px;text-align:center;margin:24px 0;}
.reward-receipt code {display:block;user-select:all;overflow-wrap:anywhere;font-size:24px;margin:20px 0;color:#ffdb58;}
.reward-receipt a,.profile-rewards-link {color:#ffdb58;font-weight:900;}
.rewards-main [hidden] {display:none!important;}
.rewards-main .account-panel {margin-bottom:40px;}
.rewards-main :focus-visible {outline:3px solid #ffdc33;outline-offset:3px;}
#rewardsAdmin {display:grid;gap:18px;}
#rewardsAdmin h3 {border-top:1px solid #ffffff25;padding-top:24px;margin-bottom:0;}
#rewardsAdmin textarea,#rewardsAdmin select {box-sizing:border-box;width:100%;padding:12px;font:inherit;border:1px solid #aaa;border-radius:6px;background:#fff;color:#222;}
#rewardsAdmin textarea {min-height:90px;resize:vertical;}
#rewardsAdmin input[type=file] {background:#282833;border:1px dashed #a780d6;}
#rewardsAdmin summary {cursor:pointer;padding:16px 0;}
#rewardsAdmin form>button[type=button],.admin-reward-row button {padding:10px 16px;background:#393446;color:#fff;border:1px solid #a98ac4;border-radius:7px;cursor:pointer;}
.admin-reward-row {display:flex;align-items:center;gap:12px;padding:14px;background:#27242f;border:1px solid #ffffff20;border-radius:10px;margin-bottom:10px;}
.admin-reward-row img {width:56px;height:56px;object-fit:contain;border-radius:6px;}
.admin-reward-row div {flex:1;min-width:0;overflow-wrap:anywhere;}
.admin-reward-row small {display:block;color:#c4bbce;}
#adminPanel {width:min(100%,800px);}
#adminPanel a {color:#dfb0ff;}
@media(max-width:760px) {.rewards-hero {padding:36px 24px;gap:32px;flex-direction:column;align-items:flex-start;}.rewards-id-card {align-self:center;width:min(300px,90%);}.rewards-grid,.missions-grid {grid-template-columns:repeat(2,minmax(0,1fr));}.activation-callout {align-items:stretch;flex-direction:column;}.rewards-tabs {gap:14px;font-size:14px;}}
@media(max-width:480px) {.rewards-grid,.missions-grid {grid-template-columns:1fr;}.rewards-content {padding:24px 16px 0;}.catalog-visual {max-height:320px;}.rewards-tabs {font-size:12px;padding:16px 10px;gap:12px;}}
@media(max-width:480px) {#missions {margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;}}
.rewards-main {background-image:linear-gradient(#9029eddd,#9029eddd),url('img/skull-pattern.png');background-size:auto,260px;}
/* Espaço antes do rodapé, sem a faixa formada por margens que se sobrepõem. */
.rewards-content {padding-bottom:48px;display:flow-root;}
.redeem-page .site-footer {margin-top:0;border-top:0;}
.redeem-page .site-footer::before,.redeem-page .site-footer::after {display:none;}
.catalog-card[data-demo=true] .catalog-visual {position:relative;padding:18px;box-sizing:border-box;background:radial-gradient(circle at 50% 30%,#f7baff88,transparent 65%),#882ade;}
.catalog-card[data-demo-style=demo_red] .catalog-visual {background:radial-gradient(circle at 50% 25%,#ffbf47,#f51d38 60%,#9e0933);}
.catalog-card[data-demo-style=demo_blue] .catalog-visual {background:radial-gradient(circle at 50% 25%,#9af4ff,#2580ef 60%,#0e318c);}
.catalog-card[data-demo-style=demo_red] .catalog-visual::after,.catalog-card[data-demo-style=demo_blue] .catalog-visual::after {content:'♛';position:absolute;top:5px;left:12px;color:#ffda48;font-size:55px;filter:drop-shadow(2px 3px 0 #000);}
.catalog-card[data-demo-style=demo_explorer] .catalog-visual {background:radial-gradient(circle at 50% 25%,#b9ff69,#29a765 60%,#145046);}
.catalog-card[data-demo-style=demo_fire] .catalog-visual {background:radial-gradient(#ffe367,#f85922 65%,#af153c);}
.catalog-card[data-demo-style=demo_party] .catalog-visual {background:radial-gradient(#f8ee67,#ff58b3 60%,#9421d3);}
.catalog-card[data-demo-style=demo_party] .catalog-visual img {border-radius:50%;width:80%;height:80%;object-fit:cover;border:5px solid #ffeb69;}
.catalog-card[data-demo-style=demo_furious] .catalog-visual {background:radial-gradient(#eb81ff,#7732b3 60%,#32154d);}
.catalog-card[data-demo=true] small {color:#ffdf82;}
.rewards-content:has(#rewardsPanel:not([hidden])) {padding-bottom:0;}
#missions {padding-bottom:96px;}

.rewards-main {overflow-x:clip;}
.rewards-hero>* {min-width:0;overflow-wrap:anywhere;}
.rewards-id-card {max-width:100%;}
.mission-card {min-width:0;overflow-wrap:anywhere;}
@media(max-width:380px) {.rewards-section-title {min-width:0;max-width:100%;}.rewards-id-card {transform:none;}}
