.reward-campaign-view{background:#07111d;padding:0!important;min-height:calc(100vh - 74px);color:#edf6ff}.reward-shell{--orange:#ff6a00;--blue:#38a8ff;max-width:1600px;margin:auto;padding:24px}.reward-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:170px 1fr 240px;align-items:center;gap:28px;min-height:230px;padding:34px 42px;border:1px solid #244159;border-radius:24px;background:radial-gradient(circle at 72% 15%,#174d73 0,transparent 32%),linear-gradient(120deg,#07131f,#0c2235 56%,#091623);box-shadow:0 20px 60px #0008}.reward-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 45%,#38a8ff10 45.4%,transparent 46%),repeating-linear-gradient(120deg,transparent 0 28px,#ffffff04 29px 30px);pointer-events:none}.reward-brand{z-index:1;width:145px;height:145px;border:4px solid #fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 8px #ff6a0020,0 0 40px #ff6a0038}.reward-brand span{font-size:34px;font-weight:950;letter-spacing:-2px}.reward-brand b{font-size:13px;letter-spacing:5px;color:var(--orange)}.reward-hero>div{z-index:1}.reward-kicker,.reward-section-head span,.reward-history header span{color:#7db4d9;font-weight:800;font-size:11px;letter-spacing:2px}.reward-hero h1{margin:8px 0 6px;font-size:clamp(34px,4vw,64px);line-height:.95;letter-spacing:-3px}.reward-hero h1 em{font-style:normal;color:var(--orange);font-size:1.25em}.reward-hero h1 strong{display:block;color:#fff}.reward-hero p{margin:14px 0 0;color:#b7cbda;font-size:17px}.reward-hero p b{color:#fff}.reward-hero-prize{justify-self:end;width:210px;padding:22px;border:1px solid #ffffff20;border-radius:20px;background:#06101bc9;text-align:center}.reward-hero-prize svg{width:34px;color:var(--orange)}.reward-hero-prize small,.reward-hero-prize span{display:block;color:#8aa9bd;font-size:10px;letter-spacing:1px}.reward-hero-prize b{display:block;margin:4px 0;color:#fff;font-size:35px}.reward-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:16px 0}.reward-metrics article{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #1b3448;border-radius:15px;background:#0b1a28}.reward-metrics svg{width:22px;color:var(--orange)}.reward-metrics strong,.reward-metrics span{display:block}.reward-metrics strong{font-size:18px}.reward-metrics span{color:#7995a9;font-size:11px}.reward-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:18px}.reward-layout>main,.reward-panel,.reward-history{border:1px solid #1c3548;border-radius:20px;background:#0a1825;box-shadow:0 16px 40px #0004}.reward-layout>main{padding:24px}.reward-section-head,.reward-history>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.reward-section-head h2,.reward-history h2{margin:3px 0 0;font-size:24px}.reward-section-head>strong{padding:8px 12px;border-radius:30px;background:#1a87382a;color:#58e37a;font-size:11px}.reward-board{display:grid;grid-template-columns:repeat(10,1fr);gap:9px}.reward-card{aspect-ratio:.72;border:0;padding:0;background:none;perspective:700px;cursor:pointer}.reward-card-inner{position:relative;display:block;width:100%;height:100%;transition:transform .75s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}.reward-card.revealed .reward-card-inner{transform:rotateY(180deg)}.reward-card-front,.reward-card-back{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:11px;backface-visibility:hidden}.reward-card-front{border:1px solid #28455a;background:linear-gradient(145deg,#13293a,#07111c);box-shadow:inset 0 1px #ffffff0d}.reward-card-front:before{content:"";position:absolute;inset:5px;border:1px solid #ffffff0a;border-radius:8px}.reward-card-front small{color:#688ba2;font-size:7px;letter-spacing:1px}.reward-card-front strong{color:#fff;font-size:clamp(20px,2vw,34px);line-height:1.1}.reward-card-front i{font-style:normal;color:var(--orange);font-size:6px;font-weight:900}.reward-card:hover:not(:disabled) .reward-card-inner{transform:translateY(-5px) rotateX(4deg)}.reward-card-back{transform:rotateY(180deg);border:1px solid color-mix(in srgb,var(--seller) 65%,white);background:linear-gradient(150deg,color-mix(in srgb,var(--seller) 58%,#111),color-mix(in srgb,var(--seller) 22%,#07111c));box-shadow:0 0 24px color-mix(in srgb,var(--seller) 25%,transparent)}.reward-card-back small{color:#fff;font-size:10px}.reward-card-back strong{color:#fff;font-size:clamp(11px,1.3vw,19px);text-shadow:0 1px 5px #000}.reward-card-back b{max-width:90%;overflow:hidden;text-overflow:ellipsis;color:#dff3ff;font-size:7px;text-shadow:0 1px 4px #000;text-transform:uppercase}.reward-layout aside{display:flex;flex-direction:column;gap:16px}.reward-panel{overflow:hidden;padding:18px}.reward-panel>header{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid #1b3448}.reward-panel>header>div{display:flex;gap:10px;align-items:center}.reward-panel header svg{color:var(--orange)}.reward-panel header h3{margin:0}.reward-panel header small{color:#688ba2;font-size:8px;letter-spacing:1px}.reward-panel header>b{font-size:9px;color:#3ed47a}.reward-rank-row{display:grid;grid-template-columns:28px 10px 1fr auto;align-items:center;gap:8px;padding:12px 2px;border-bottom:1px solid #172d3d}.reward-rank-row>b{color:#688ba2}.reward-rank-row>i,.reward-seller-chips i,.reward-modal i{width:9px;height:9px;border-radius:50%;background:var(--seller);box-shadow:0 0 10px var(--seller)}.reward-rank-row span strong,.reward-rank-row span small{display:block}.reward-rank-row span small{color:#688ba2;font-size:10px}.reward-rank-row em{font-style:normal;font-weight:800;color:#8ccaff}.reward-admin form{display:grid;grid-template-columns:1fr 38px;gap:8px;margin-top:15px}.reward-admin input{min-width:0;border:1px solid #294358;border-radius:9px;background:#07131e;color:white;padding:10px}.reward-admin input[type=color]{padding:4px}.reward-admin form button{grid-column:1/-1;justify-content:center}.reward-seller-chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.reward-seller-chip{display:flex;align-items:center;gap:7px;border:1px solid #294358;border-radius:20px;background:#0e2232;color:#ddecf7;padding:5px 6px 5px 10px}.reward-seller-chip b{font-size:12px}.reward-seller-chip [data-remove-seller]{display:grid;width:24px;height:24px;place-items:center;border:0;border-radius:50%;background:#ff5b5b1f;color:#ffb3b3;padding:0}.reward-seller-chip [data-remove-seller]:hover{background:#ff5b5b42;color:#fff}.reward-seller-chip [data-remove-seller] svg{width:13px;height:13px}.reward-modal [data-select-seller]{display:flex;align-items:center;gap:7px;border:1px solid #294358;border-radius:20px;background:#0e2232;color:#ddecf7;padding:7px 10px}.reward-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.reward-actions button{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #294358;border-radius:9px;background:#0d2131;color:#bcd2e1;padding:9px;font-size:11px}.reward-actions button:last-child{grid-column:1/-1}.reward-actions svg{width:14px}.reward-history{margin-top:18px;padding:22px}.reward-history>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.reward-history article{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid #1d3548;border-radius:12px;background:#0d1e2d}.reward-history article>i{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:var(--seller);color:#fff;font-style:normal;font-weight:900}.reward-history article span strong,.reward-history article span small{display:block}.reward-history article span small{color:#688ba2;font-size:9px}.reward-history article>b{color:#8ccaff}.reward-empty,.reward-loading{padding:28px;text-align:center;color:#7794a8}.reward-modal{position:fixed;z-index:999;inset:0;display:grid;place-items:center;background:#02070dcc;backdrop-filter:blur(10px)}.reward-modal[hidden]{display:none}.reward-modal>div{position:relative;width:min(460px,calc(100% - 28px));padding:34px;border:1px solid #31516a;border-radius:22px;background:radial-gradient(circle at top right,#173e5a,#091722 55%);box-shadow:0 25px 90px #000}.reward-modal>div>button{position:absolute;right:15px;top:12px;border:0;background:none;color:#fff;font-size:28px}.reward-modal>div>span{color:#ffc899;font-size:10px;font-weight:900;letter-spacing:2px}.reward-modal h2{color:#f7fbff;font-size:28px;margin:8px 0}.reward-modal p{color:#cfe5f4}.reward-modal p b{color:#fff}.reward-modal [data-select-seller]{width:100%;margin:7px 0;border-radius:10px;padding:12px}.reward-toast{position:fixed;z-index:1000;right:28px;bottom:28px;padding:14px 18px;border:1px solid #ff8a3c;border-radius:12px;background:#172333;color:white;box-shadow:0 12px 40px #0009}.reward-loading svg{animation:reward-spin 1s linear infinite}@keyframes reward-spin{to{transform:rotate(360deg)}}@media(max-width:1200px){.reward-metrics{grid-template-columns:repeat(3,1fr)}.reward-board{grid-template-columns:repeat(8,1fr)}.reward-layout{grid-template-columns:1fr 300px}}@media(max-width:850px){.reward-shell{padding:12px}.reward-hero{grid-template-columns:90px 1fr;padding:24px}.reward-brand{width:85px;height:85px}.reward-brand span{font-size:21px}.reward-brand b{font-size:8px}.reward-hero-prize{display:none}.reward-layout{grid-template-columns:1fr}.reward-board{grid-template-columns:repeat(5,1fr)}.reward-history>div{grid-template-columns:1fr 1fr}}@media(max-width:520px){.reward-hero{display:block;text-align:center}.reward-brand{margin:0 auto 18px}.reward-hero h1{font-size:38px}.reward-metrics{grid-template-columns:1fr 1fr}.reward-board{gap:6px}.reward-layout>main{padding:14px}.reward-history>div{grid-template-columns:1fr}.reward-card-front strong{font-size:25px}}

.reward-hero-prize b{font-size:clamp(24px,2vw,35px)}
.reward-new-modal>div{width:min(620px,calc(100% - 28px))}
.reward-size-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.reward-size-options [data-new-campaign-size]{position:relative;display:flex;min-height:165px;flex-direction:column;align-items:flex-start;justify-content:flex-end;overflow:hidden;padding:22px;border:1px solid #31516a;border-radius:18px;background:linear-gradient(145deg,#102d43,#07131e);color:#fff;text-align:left;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}
.reward-size-options [data-new-campaign-size]:before{content:"";position:absolute;width:110px;height:110px;right:-24px;top:-28px;border:18px solid #38a8ff1f;border-radius:50%}
.reward-size-options [data-new-campaign-size]:hover:not(:disabled),.reward-size-options [data-new-campaign-size]:focus-visible{transform:translateY(-3px);border-color:#ff8a3c;box-shadow:0 14px 35px #0007,0 0 28px #ff6a001c;outline:none}
.reward-size-options [data-new-campaign-size]>strong{position:relative;color:#ff7a1a;font-size:54px;line-height:.8}
.reward-size-options [data-new-campaign-size]>span{position:relative;margin-top:6px;font-size:16px;font-weight:850;text-transform:uppercase;letter-spacing:1px}
.reward-size-options [data-new-campaign-size]>small{position:relative;margin-top:13px;color:#8eb0c6;font-size:10px}
.reward-modal-status{min-height:18px;margin-top:14px;color:#8eb0c6;font-size:12px}
.reward-modal-status[data-kind="pending"]{color:#ffc899}
.reward-modal-status[data-kind="error"]{color:#ff8b8b}

.reward-reveal{position:fixed;z-index:1100;inset:0;display:grid;place-items:center;overflow:hidden;padding:20px;background:radial-gradient(circle at center,#0c4067e8 0,#030a12f5 56%,#010306 100%);backdrop-filter:blur(14px);isolation:isolate}
.reward-reveal:before{content:"";position:absolute;width:min(85vw,900px);aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(from 0deg,#ff7b001f 0 3deg,transparent 3deg 13deg,#46b8ff21 13deg 16deg,transparent 16deg 27deg);filter:blur(1px);animation:reward-rays 9s linear infinite}
.reward-reveal-card{position:relative;z-index:3;display:flex;width:min(700px,calc(100vw - 32px));min-height:min(640px,calc(100vh - 40px));flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:70px 34px 54px;border:1px solid #69c5ff70;border-radius:38px;background:radial-gradient(circle at 50% 30%,#174c70 0,#0a2234 40%,#050e18 80%);box-shadow:0 0 0 1px #ffffff0b inset,0 35px 110px #000,0 0 90px #178fd83b;text-align:center;animation:reward-card-pop .78s cubic-bezier(.17,.89,.28,1.35) both}
.reward-reveal-card:before{content:"";position:absolute;inset:10px;border:1px solid #ffffff12;border-radius:29px;pointer-events:none}
.reward-reveal-close{position:absolute;z-index:6;right:22px;top:20px;display:grid;width:48px;height:48px;place-items:center;border:1px solid #ffffff28;border-radius:50%;background:#03101bc7;color:#fff;font:300 34px/1 Arial;cursor:pointer;transition:transform .2s,background .2s}
.reward-reveal-close:hover,.reward-reveal-close:focus-visible{transform:scale(1.08);background:#ff6a00;outline:2px solid #fff;outline-offset:3px}
.reward-reveal-rings{position:absolute;left:50%;top:43%;width:330px;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}
.reward-reveal-rings i{position:absolute;inset:0;border:2px solid #45baff82;border-radius:50%;animation:reward-ring 1.8s ease-out both}
.reward-reveal-rings i:nth-child(2){animation-delay:.16s}
.reward-reveal-rings i:nth-child(3){animation-delay:.32s}
.reward-pix-mark{position:relative;z-index:2;display:grid;width:132px;height:132px;place-items:center;margin-bottom:22px;border:2px solid #a9e2ff;border-radius:34px;background:linear-gradient(145deg,#45c5ff,#087dbd);box-shadow:0 0 45px #3bbcff91,0 18px 45px #0008;transform:rotate(45deg);animation:reward-pix-open .9s .12s cubic-bezier(.17,.89,.28,1.35) both}
.reward-pix-mark:before{content:"";position:absolute;inset:13px;border:2px solid #ffffff6b;border-radius:23px}
.reward-pix-mark span{transform:rotate(-45deg);color:#fff;font-size:36px;font-weight:950;letter-spacing:-2px;text-shadow:0 4px 13px #004b76}
.reward-reveal-kicker{position:relative;z-index:2;color:#ff9a4d;font-size:13px;font-weight:950;letter-spacing:5px;animation:reward-copy-in .55s .45s both}
.reward-reveal h2{position:relative;z-index:2;margin:8px 0 0;color:#fff;font-size:clamp(32px,5vw,58px);line-height:1;animation:reward-copy-in .55s .52s both}
.reward-big-number{position:relative;z-index:2;display:block;margin:14px 0;color:#fff;font-size:clamp(52px,10vw,104px);font-weight:1000;line-height:.95;letter-spacing:-6px;text-shadow:0 0 18px #42bdffb0,0 6px 0 #07537d;animation:reward-number-in .85s .58s cubic-bezier(.17,.89,.28,1.35) both}
.reward-reveal p{position:relative;z-index:2;margin:12px 0 0;color:#a9c7d9;font-size:16px;animation:reward-copy-in .55s .72s both}
.reward-reveal p b,.reward-reveal p strong{color:#fff}
.reward-explosion{position:absolute;z-index:2;left:50%;top:50%;width:1px;height:1px;pointer-events:none}
.reward-explosion i{--angle:calc(var(--particle)*15deg);position:absolute;left:-5px;top:-15px;width:10px;height:30px;border-radius:8px;background:#ff7b13;box-shadow:0 0 18px currentColor;animation:reward-particle 1.25s calc(var(--particle)*-8ms) cubic-bezier(.15,.72,.23,1) both}
.reward-explosion i:nth-child(3n){height:18px;background:#44bfff}
.reward-explosion i:nth-child(3n+2){width:7px;height:22px;background:#fff}
@keyframes reward-card-pop{0%{opacity:0;transform:scale(.25) rotate(-7deg);filter:brightness(3)}55%{opacity:1;transform:scale(1.06) rotate(1deg)}100%{transform:scale(1) rotate(0)}}
@keyframes reward-pix-open{0%{opacity:0;transform:rotate(-80deg) scale(.05)}65%{opacity:1;transform:rotate(52deg) scale(1.12)}100%{transform:rotate(45deg) scale(1)}}
@keyframes reward-number-in{0%{opacity:0;transform:scale(.15);filter:blur(12px)}70%{opacity:1;transform:scale(1.08);filter:blur(0)}100%{transform:scale(1)}}
@keyframes reward-copy-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes reward-ring{0%{opacity:1;transform:scale(.05);border-width:12px}100%{opacity:0;transform:scale(1.85);border-width:1px}}
@keyframes reward-particle{0%{opacity:0;transform:rotate(var(--angle)) translateY(0) scale(.1)}16%{opacity:1}78%{opacity:1;transform:rotate(var(--angle)) translateY(-46vmin) scale(1) rotate(180deg)}100%{opacity:0;transform:rotate(var(--angle)) translateY(-58vmin) scale(.3) rotate(320deg)}}
@keyframes reward-rays{to{transform:rotate(360deg)}}
@media(max-width:620px){.reward-size-options{grid-template-columns:1fr}.reward-size-options [data-new-campaign-size]{min-height:125px}.reward-reveal-card{min-height:min(570px,calc(100vh - 28px));padding:76px 20px 42px;border-radius:28px}.reward-pix-mark{width:100px;height:100px;border-radius:26px}.reward-pix-mark span{font-size:28px}.reward-big-number{letter-spacing:-3px}.reward-reveal-close{right:16px;top:15px}}
@media(prefers-reduced-motion:reduce){.reward-reveal *,.reward-reveal:before{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important}}
