/* ONNSkins: template visual sobre os controles originais; sem build. */
@layer system, template;
@import url("site.min.css") layer(system);
@import url("box-draw.css") layer(system);
@import url("../template/fonts.css");
@import url("../template/styles.css") layer(template);
@import url("../template/sorteios-page.css") layer(template);
@import url("../template/rifa-page.css") layer(template);
@import url("../template/community-pages.css") layer(template);
:root {
 color-scheme:dark;--bg:#090809;--panel:#120d0f;--panel-2:#1a1013;--panel2:#1a1013;
 --text:#f8f3f4;--white:#f8f3f4;--muted:#b5a5ab;--line:#302126;
 --red:#e35463;--red-2:#a5223c;--green:#e35463;--green2:#a5223c;--teal:#e78995;--amber:#edc274;--blue:#8ebfe4;
 --font:'Inter',Arial,sans-serif;--display:'Barlow Condensed',Impact,sans-serif;--shadow:0 20px 60px #0006;--onn-width:1160px;
}
html{scroll-padding-top:110px;scrollbar-width:auto;scrollbar-color:auto;scrollbar-gutter:auto}
html::-webkit-scrollbar,body.onn-template::-webkit-scrollbar{width:15px;height:15px}
html::-webkit-scrollbar-track,body.onn-template::-webkit-scrollbar-track{background:#f1f1f1}
html::-webkit-scrollbar-thumb,body.onn-template::-webkit-scrollbar-thumb{border:3px solid #f1f1f1;border-radius:10px;background:#888}
html::-webkit-scrollbar-corner,body.onn-template::-webkit-scrollbar-corner{background:#f1f1f1}
body.onn-template{min-height:100vh;margin:0;background:radial-gradient(ellipse at 70% 0%,#250d1330,transparent 38%),var(--bg);color:var(--text);font:14px/1.6 var(--font)}
.onn-template *,.onn-template *::before,.onn-template *::after{box-sizing:border-box}
.onn-template img{max-width:100%}
.onn-template :is(button,input,select,textarea){font-family:var(--font)}
.onn-template :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #f38c98;outline-offset:4px}
.onn-template [hidden]{display:none!important}
.onn-template :is(h1,h2,h3,h4){color:var(--text);text-wrap:balance}
.onn-template :is(h1,h2){font-family:var(--display);font-weight:800;letter-spacing:.015em}
.onn-template h1{font-size:clamp(36px,5vw,60px);line-height:1.05}
.onn-template h2{font-size:clamp(26px,3vw,38px);line-height:1.15}
.onn-template h3{font-size:17px}
.onn-template .eyebrow{color:#ed8c99;font:800 10px/1.5 var(--font);letter-spacing:.16em;text-transform:uppercase}
.onn-template .page-subtitle{display:block;max-width:720px;color:var(--muted);font-size:13px;line-height:1.7}
.onn-template :is(.page-main.wide,.dashboard,.legal-page,.how-it-works-shell,.ranking-page-shell,.ranking-archive-shell,.live-draw-page-main){width:min(var(--onn-width),calc(100% - 48px));max-width:var(--onn-width);margin:0 auto;padding:42px 0 64px}
.onn-template .dash-header{position:static;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:0 0 28px;padding:0;border:0;background:none}
.onn-template .dash-header h1{margin:5px 0 10px}
.onn-skip-link{position:fixed;left:16px;top:-80px;z-index:10000;padding:12px 20px;border-radius:6px;background:#f4d3d8;color:#170a0e}
.onn-skip-link:focus{top:12px}
/* Navegação, identidade e sessão. */
.onn-template .onn-topbar{position:sticky;inset:0 0 auto;z-index:80;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:0;width:100%;height:76px;min-height:76px;padding:0 max(calc((100vw - 1240px)/2),24px);border:0;border-bottom:1px solid #28181d;background:rgba(8,11,10,.92);backdrop-filter:blur(14px);box-shadow:none}
.onn-template .brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}
.onn-template .brand-logo{display:block;width:128px;height:48px;object-fit:contain;filter:none}
.onn-template .onn-topbar>.brand{gap:8px;margin:0;color:#f6f2f3;font-size:17px;font-weight:800;letter-spacing:.1em;white-space:nowrap}
/* A logo oficial tem margens transparentes; o enquadramento preserva a arte. */
.onn-template .onn-topbar>.brand .brand-logo{width:112px;height:56px;object-fit:cover;object-position:50% 54%}
.onn-template .onn-topbar .brand-mark{display:inline-block;width:auto;height:auto;padding:1px 5px;border:1px solid #762b3a;border-radius:0;background:none;color:#e35463;font:800 21px/1.2 var(--display);letter-spacing:-.08em;transform:skew(-8deg);box-shadow:none;text-shadow:none}
.onn-template .onn-menu-toggle{position:static;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 36px;order:0;width:36px;height:36px;margin:0 14px 0 18px;padding:7px;border:1px solid #382027;border-radius:4px;background:#100b0d;cursor:pointer}
.onn-template .onn-menu-toggle span{display:block;width:17px;height:2px;margin:2px 0;border-radius:2px;background:#e35463}
.onn-template .topbar-main-nav{position:static;inset:auto;display:flex;flex:0 1 auto;order:0;justify-content:flex-start;align-items:center;align-self:stretch;gap:32px;width:auto;height:100%;min-height:0;margin:0;overflow:visible;transform:none}
.onn-template .topbar-main-nav a{position:relative;display:flex;align-items:center;flex-shrink:0;height:100%;padding:0;border:0;background:none;color:#aab2ad;font-size:13px;font-weight:600;white-space:nowrap}
.onn-template .topbar-main-nav a:is(.active,:hover){color:white}
.onn-template .topbar-main-nav .topbar-flame-link{color:#edc274;gap:5px}
.onn-template .top-actions{display:flex;align-items:center;gap:12px;margin:0}
.onn-template .onn-topbar .btn{flex-shrink:0;min-height:40px;padding:10px 15px;border:1px solid transparent;border-radius:6px;font-size:12px;font-weight:800;line-height:1.6}
.onn-template .onn-topbar .btn-outline{border-color:#303b35;background:transparent;color:#dce4df}
.onn-template .onn-topbar .visitor{white-space:nowrap}
.onn-template .top-player-card{grid-template-columns:30px minmax(60px,1fr);min-width:160px;max-width:230px;min-height:40px;padding:5px 10px;border:1px solid #482a34;border-radius:6px;background:#191015;box-shadow:none}
.onn-template .top-player-meta strong{overflow:hidden;color:#f7e9ed;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.onn-template .top-player-meta>i{background:#43222d}
.onn-template .top-player-meta>i>b{background:#e35463}
.onn-template .top-logout-button{padding:8px 12px;border:1px solid #6b2c3d;border-radius:5px;background:#2b121b;color:#f6c2cd;font-size:11px}
.onn-template .onn-menu-backdrop{position:fixed;inset:0;z-index:110;background:#000a;backdrop-filter:blur(4px)}
.onn-template .site-side-menu{position:fixed;inset:0 auto 0 0;z-index:120;width:min(326px,calc(100vw - 34px));height:100dvh;padding:0;transform:translateX(-105%);visibility:hidden;transition:transform .32s ease,visibility .32s;pointer-events:none}
.onn-template .site-side-menu::before{content:none}
.onn-template .site-side-menu.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}
.onn-template .side-menu-panel{position:static;display:flex;flex-direction:column;width:100%;height:100%;padding:12px;border:0;border-right:1px solid #8f2639;background:linear-gradient(160deg,#0c0a0b,#150b0f);box-shadow:18px 0 60px #000a;transform:none;overflow:hidden}
.onn-template .side-menu-head{min-height:42px;margin-bottom:12px;padding:0 6px;border-bottom:1px solid #302126;color:#d8cbd0;font-size:11px;letter-spacing:.16em}
.onn-template .side-menu-profile-card{min-height:60px;flex-shrink:0;margin-bottom:18px;padding:10px;border:1px solid #492734;border-left:2px solid #d94a62;border-radius:5px;background:#191015;box-shadow:none}
.onn-template .side-menu-profile-copy strong{font:700 12px var(--font)}
.onn-template .side-menu-nav{display:flex;flex:1;flex-direction:column;min-height:0;overflow:auto;padding:0 2px 18px;scrollbar-color:#953246 #171013;scrollbar-width:thin}
.onn-template .side-menu-nav>small{margin:14px 7px 6px;color:#a88d97;font-size:9px;letter-spacing:.16em}
.onn-template .side-menu-nav>a{display:flex;flex-shrink:0;align-items:center;gap:12px;min-height:48px;margin:2px 0;padding:9px 10px;border:0;border-radius:5px;color:#d8cdd0;background:none;box-shadow:none}
.onn-template .side-menu-nav>a:is(.active,:hover){color:#f58d9b;background:linear-gradient(90deg,#30141c,#1a1013)}
.onn-template .side-menu-item-copy b{font:700 12px/1.4 var(--font)}
.onn-template .side-menu-item-copy small{color:#ab959e;font:400 10px/1.5 var(--font)}
.onn-template .side-menu-nav>a>:is(svg,i){flex:0 0 18px;width:18px;height:18px;color:#cd6e85}
.onn-template .side-menu-legal{display:flex;gap:12px;padding:8px;font-size:11px}
body.onn-menu-open{overflow:hidden}
/* Componentes comuns de todas as views. */
.onn-template :is(.button,.btn.primary,.draw-primary){display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:11px 18px;border:1px solid #e36b7c;border-radius:6px;background:linear-gradient(115deg,#a5223c,#d74e61);color:white;font:750 12px/1.4 var(--font);text-decoration:none;box-shadow:0 7px 22px #831d3025;cursor:pointer;transition:transform .2s,background .2s,border-color .2s}
.onn-template :is(.button,.btn):hover{transform:translateY(-2px);filter:brightness(1.12)}
.onn-template :is(.button-secondary,.btn.secondary){border-color:#65404c;background:#201219;color:#f2c5d0;box-shadow:none}
.onn-template .button-danger{border-color:#b63b51;background:#4e1725}
.onn-template .button-small{min-height:34px;padding:8px 12px;font-size:11px}
.onn-template :is(button:disabled,.button.disabled,[aria-disabled=true]){cursor:not-allowed;opacity:.5;transform:none}
.onn-template :is(.button,.icon-button) svg{width:17px;height:17px}
.onn-template :is(.ghost-link,.text-link,.account-help-link){color:#e99aa9;font-size:12px;font-weight:650}
.onn-template :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]),select,textarea){width:100%;max-width:100%;min-height:42px;padding:11px 12px;border:1px solid #50303c;border-radius:6px;outline-offset:3px;background:#100b0e;color:#f6edf0;font-size:13px;box-shadow:inset 0 1px 3px #0003}
.onn-template input::placeholder,.onn-template textarea::placeholder{color:#9b858f}
.onn-template :is(input,select,textarea):focus{border-color:#e5778a}
.onn-template :is(input[type=checkbox],input[type=radio]){accent-color:#d74e61}
.onn-template label{color:#d7c3cb;font-size:12px}
.onn-template :is(.dash-panel,.metric-card,.account-summary-card,.account-card,.cashback-info-grid>article,.affiliate-apply-card,.affiliate-partner-card,.points-shop-wallet,.points-shop-sidebar,.points-shop-rule,.fair-draw-panel,.fair-proof-card,.giveaway-affiliate-callout,.giveaway-buy-box,.giveaway-meta,.giveaway-profile-check,.giveaway-user-numbers,.giveaway-order-list>div,.auto-draw-panel,.legal-content){border:1px solid #442833;border-radius:9px;background:linear-gradient(145deg,#1c1117,#100b0e);box-shadow:0 10px 30px #0003}
.onn-template .dash-panel{padding:22px}
.onn-template .panel-head{gap:12px;margin-bottom:20px}
.onn-template .panel-head h2{margin:3px 0;font-size:28px}
.onn-template .metric-card{min-width:0;padding:20px}
.onn-template .metric-card strong{color:#f6c8d3;font:800 36px/1.1 var(--display)}
.onn-template :is(.metric-grid,.dash-grid,.dashboard-grid){gap:18px}
.onn-template :is(.table-wrap,.ranking-table-wrap){max-width:100%;overflow-x:auto;border:1px solid #3d2730;border-radius:7px;background:#100c0f}
.onn-template table{width:100%;border-collapse:collapse}
.onn-template th{padding:14px 16px;border-bottom:1px solid #4d2c39;background:#24151d;color:#d9a1b2;font:750 10px var(--font);letter-spacing:.06em;text-transform:uppercase;text-align:left}
.onn-template td{padding:13px 16px;border-bottom:1px solid #2e1d25;color:#e0d0d6;font-size:12px}
.onn-template tbody tr:hover{background:#2b172050}
.onn-template .admin-tabs{display:flex;gap:6px;overflow-x:auto;margin:0 0 24px;padding:8px;border:1px solid #3d2530;border-radius:8px;background:#130d11}
.onn-template .admin-tabs a{flex-shrink:0;padding:10px 14px;border:0;border-radius:5px;color:#c8aeb9;font-size:12px}
.onn-template .admin-tabs a.active{background:#652237;color:#ffe3eb}
.onn-template :is(.pill,.draw-badge){padding:4px 9px;border:1px solid #643447;border-radius:20px;background:#2c1620;color:#edb9c9;font:700 10px/1.5 var(--font)}
.onn-template .pill.green{border-color:#356c57;background:#142b23;color:#8ed9b9}
.onn-template .pill.amber{border-color:#795b35;background:#312318;color:#edc274}
.onn-template :is(.notice-box,.alert-info){padding:15px 18px;border:1px solid #754150;border-radius:7px;background:#301721;color:#f1cbd6}
.onn-template .empty-state{padding:30px 20px;border:1px dashed #64404d;border-radius:8px;color:#c8b4bd;background:#1c111650;font-size:13px}
.onn-template .flash-stack{z-index:220}
.onn-template .flash{border-color:#784354;border-radius:7px;background:#2b1620;color:#ffe7ee;box-shadow:var(--shadow)}
.onn-template .flash-success{border-color:#427c63;background:#172e24}
.onn-template .flash-error{border-color:#bc4b62}
.onn-template :is(.modal-backdrop,.giveaway-checkout-backdrop){z-index:150;background:#000b;backdrop-filter:blur(8px)}
.onn-template :is(.modal-panel,.giveaway-checkout-dialog,.confirm-overlay-panel){max-height:calc(100dvh - 36px);overflow-y:auto;border:1px solid #804050;border-radius:12px;background:linear-gradient(145deg,#221219,#100b0e);color:var(--text);box-shadow:0 30px 100px #000b}
.onn-template .giveaway-checkout-modal{z-index:160}
.onn-template :is(.modal-close,.icon-button,.giveaway-checkout-close){border:1px solid #5c3342;border-radius:6px;background:#2b1520;color:#efc8d4}

/* Home, listagem e detalhes: dados e condições permanecem no PHP. */
.onn-template .onn-home-hero{display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:48px;width:min(1160px,calc(100% - 48px));max-width:1160px;min-height:470px;margin-inline:auto;padding:55px 0 48px;background:none}
.onn-template .onn-home-hero .hero-copy{position:relative;z-index:2;min-width:0;max-width:580px;margin:0}
.onn-template .onn-home-hero h1{margin:22px 0 18px;font:800 clamp(48px,6.1vw,76px)/.96 var(--display);letter-spacing:.015em;text-wrap:initial;overflow-wrap:anywhere}
.onn-template .onn-home-hero h1 span{color:#e35463;text-shadow:0 0 28px #e3546335}
.onn-template .onn-home-hero .hero-copy>p{max-width:480px;margin:0 0 25px;color:#b8adb0;font-size:14px;line-height:1.8}
.onn-template .onn-home-hero .eyebrow{display:flex;align-items:center;gap:9px;margin:0;color:#e35463;font:800 9px/1.6 var(--font);letter-spacing:.17em}
.onn-template .onn-home-hero .hero-actions{display:flex;align-items:center;gap:24px}
.onn-template .onn-home-hero .hero-actions .btn-large{min-height:0;padding:14px 20px;border:1px solid transparent;font-size:12px;font-weight:800;line-height:1.6}
.onn-template .onn-home-hero .hero-actions .text-link{color:#c3ccc6;font-weight:700}
.onn-template .onn-home-hero .hero-proof{display:flex;align-items:center;gap:13px;margin-top:34px}
.onn-template .onn-home-hero .hero-art{display:block;position:relative;height:380px}
.onn-template .onn-home-hero .hero-knife{width:112%;height:100%}
.onn-template .onn-home-hero .float-chip{pointer-events:none;max-width:calc(100% - 36px)}
.onn-template .onn-home-hero .chip-top{top:24px;right:18px}
.onn-template .onn-home-hero .chip-top b{max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.onn-template .onn-home-hero .chip-bottom{right:auto;left:50%;bottom:24px;transform:translateX(20%)}
.onn-template .home-template-ticker{width:100%;margin:0;padding:0;overflow-x:auto;border:0;border-block:1px solid #382027;border-radius:0;background:#100b0d;box-shadow:none;scrollbar-width:none}
.onn-template .home-template-ticker::-webkit-scrollbar{display:none}
.onn-template .home-template-ticker .ticker-inner{display:flex;align-items:center;justify-content:space-between;gap:0;width:min(1160px,calc(100% - 48px));min-width:1000px;max-width:1160px;height:58px;margin-inline:auto;animation:none;transform:none}
.onn-template .home-template-ticker .ticker-inner>div{display:grid;flex:1;gap:2px;min-width:0;padding-inline:28px;border-right:1px solid #3b292f;white-space:nowrap}
.onn-template .home-template-ticker .ticker-inner>div:first-child{padding-left:0}
.onn-template .home-template-ticker .ticker-inner>div:last-child{padding-right:0;border-right:0}
.onn-template .home-template-ticker .ticker-inner small{overflow:hidden;color:#a58e93;font-size:8px;letter-spacing:.14em;text-overflow:ellipsis;text-transform:uppercase}
.onn-template .home-template-ticker .ticker-inner b{display:block;overflow:hidden;color:#f4edf0;font-size:10px;text-overflow:ellipsis}
.onn-template .home-template-ticker .ticker-inner b span{margin-left:5px;color:#b6a3a7;font-weight:500}
.onn-template .home-template-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:min(1160px,calc(100% - 48px));margin-inline:auto;padding:35px 0 70px}
.onn-template .home-template-stats .stat-card{min-width:0;box-shadow:none}
.onn-template .home-template-stats .stat-card>div{min-width:0}
.onn-template .home-template-stats .stat-card strong{color:#f8f3f4}
.onn-template .home-template-stats .stat-note{white-space:nowrap}
.onn-template :is(.home-raffles-band,.home-feedback-band,.home-about-band,.home-whatsapp-cta-band,.home-how-band){width:min(var(--onn-width),calc(100% - 48px));max-width:var(--onn-width);margin:0 auto 64px;padding:0;border:0;background:none;box-shadow:none}
.onn-template :is(.home-raffles-head,.home-feedback-head){align-items:end;margin:0 0 24px;padding:0}
.onn-template :is(.home-raffles-head,.home-feedback-head) h2{margin:5px 0;font-size:42px}
.onn-template .home-raffle-group{margin-bottom:28px}
.onn-template .home-raffle-group-head{margin-bottom:16px;border-bottom:1px solid #3f2430}
.onn-template .home-raffle-group-head h3{color:#e5b2c3;font-size:13px}
.onn-template .home-raffle-carousel:not(.is-auto-marquee){display:grid;grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;max-width:100%;padding:0;overflow:visible;scroll-snap-type:none}
.onn-template .home-raffle-card{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0;height:auto;border:1px solid #482632;border-radius:9px;background:linear-gradient(145deg,#21111a,#100b0e);box-shadow:0 8px 24px #0004;transition:transform .25s,border-color .25s}
.onn-template .home-raffle-card:hover{transform:translateY(-5px);border-color:#c05270}
.onn-template .home-raffle-media{height:210px;min-height:210px;background:radial-gradient(ellipse,#492033,#130b11 75%)}
.onn-template .home-raffle-media>img{width:100%;height:100%;object-fit:contain;padding:16px}
.onn-template .home-raffle-body{flex:1;padding:18px}
.onn-template .home-raffle-body h3{min-height:0;margin:0 0 8px;font:750 16px/1.4 var(--font)}
.onn-template .home-raffle-body>span{color:#baa1ad}
.onn-template .home-raffle-meta strong{color:#f5b1c5;font-size:22px}
.onn-template .home-raffle-cta{padding:11px;border:1px solid #be4c67;border-radius:5px;background:linear-gradient(110deg,#81233d,#b63c58);color:white;font-size:11px}
.onn-template .home-raffle-carousel.is-auto-marquee .home-raffle-card{flex:0 0 300px;width:300px;min-width:300px;max-width:300px}
/* Campanhas da home: grade e cards horizontais do template, com dados reais. */
.onn-template .home-raffles-head{gap:24px}
.onn-template .home-raffles-head h2 span{color:#e94d62}
.onn-template .home-campaign-description{margin:6px 0 0;color:#a99b9f;font-size:12px}
.onn-template .home-raffles-head>.ghost-link{flex-shrink:0;color:#e9e1e4}
.onn-template .home-raffle-group.is-active{gap:0}
.onn-template .home-raffle-group.is-active>.home-raffle-group-head{display:none}
.onn-template .home-campaign-card{display:grid;grid-template-columns:39% minmax(0,1fr);grid-template-rows:auto;align-items:stretch;min-height:188px;height:auto;border-radius:5px;border-color:#322126;background:linear-gradient(145deg,#151012,#0f0b0d);box-shadow:none}
.onn-template .home-campaign-card:hover{transform:translateY(-3px);border-color:#9c3949;box-shadow:0 14px 32px #0007}
.onn-template .home-campaign-card .home-raffle-media{width:100%;height:100%;min-height:188px;aspect-ratio:auto;background:radial-gradient(ellipse at 50% 52%,#481b27,#120d0f 75%)}
.onn-template .home-campaign-card .home-raffle-media::before{content:none}
.onn-template .home-campaign-card .home-raffle-media>img{display:block;width:100%;height:100%;padding:18px;object-fit:contain}
.onn-template .home-campaign-card .skin-placeholder{display:grid;place-items:center;color:#b65870}
.onn-template .home-campaign-card .home-raffle-body{display:flex;flex-direction:column;justify-content:center;gap:0;min-width:0;padding:14px 16px}
.onn-template .home-campaign-code{display:block;margin:0 0 5px;color:#ad969e;font:700 8px/1.4 var(--font);letter-spacing:.13em;text-transform:uppercase}
.onn-template .home-campaign-card .home-raffle-body h3{min-height:0;margin:0 0 3px;color:#f4edf0;font:750 13px/1.35 var(--font);letter-spacing:-.025em;text-wrap:pretty}
.onn-template .home-campaign-card .home-raffle-body>.home-campaign-subtitle{min-height:12px;color:#b09ca4;font-size:9px;line-height:1.4}
.onn-template .home-campaign-card .home-raffle-progress{display:grid;gap:5px;margin:10px 0 0}
.onn-template .home-campaign-progress-label{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.onn-template .home-campaign-progress-label small{color:#ac9fa4;font-size:9px;line-height:1.4}
.onn-template .home-campaign-progress-label>strong{flex-shrink:0;color:#ee4d65;font-size:11px;line-height:1.4}
.onn-template .home-campaign-card progress{display:block;appearance:none;-webkit-appearance:none;width:100%;height:5px;border:0;border-radius:99px;background:#342128;overflow:hidden}
.onn-template .home-campaign-card progress::-webkit-progress-bar{border-radius:99px;background:#342128}
.onn-template .home-campaign-card progress::-webkit-progress-value{border-radius:99px;background:linear-gradient(90deg,#a62642,#fa6980)}
.onn-template .home-campaign-card progress::-moz-progress-bar{border-radius:99px;background:linear-gradient(90deg,#a62642,#fa6980)}
.onn-template .home-campaign-card .home-raffle-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 0}
.onn-template .home-campaign-price{display:grid;gap:0;min-width:0}
.onn-template .home-campaign-price>small{color:#aa9b9f;font-size:8px;line-height:1.3;text-transform:uppercase}
.onn-template .home-campaign-card .home-campaign-price>strong{color:#f5edf0;font-size:18px;line-height:1.25;letter-spacing:-.04em}
/* Level ao fundo dos cards gratuitos: arte nativa com fade radial, atrás do conteúdo. */
.onn-template .home-campaign-card.is-free-level-card .home-raffle-body{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 82% 44%,#edc2740b,transparent 68%)}
.onn-template .home-campaign-card.is-free-level-card .home-raffle-body>:not(.home-free-level-watermark){position:relative;z-index:1}
.onn-template .home-campaign-card .home-free-level-watermark.faceit-level{position:absolute;z-index:0;right:14px;top:32%;display:inline-grid;width:clamp(112px,12vw,148px);height:clamp(112px,12vw,148px);margin:0;padding:0;transform:translateY(-50%) rotate(-10deg);opacity:.18;filter:saturate(1.2) drop-shadow(0 0 24px #edc27430);-webkit-mask-image:radial-gradient(ellipse at 46% 46%,#000 0 34%,#000c 52%,transparent 78%);mask-image:radial-gradient(ellipse at 46% 46%,#000 0 34%,#000c 52%,transparent 78%);pointer-events:none;user-select:none}
.onn-template .home-campaign-card .home-free-level-watermark.faceit-level .faceit-level-svg{width:100%;height:100%}
.onn-template .home-campaign-card .home-free-level-watermark.faceit-level b{font-size:clamp(42px,4.5vw,56px);text-shadow:0 2px 8px #000b}
.onn-template .home-campaign-card.is-featured .home-free-level-watermark.faceit-level{right:28px;width:200px;height:200px;opacity:.15}
.onn-template .home-campaign-card.is-featured .home-free-level-watermark.faceit-level b{font-size:76px}
@media(max-width:640px){
 .onn-template .home-campaign-card .home-free-level-watermark.faceit-level{right:8px;width:116px;height:116px}
 .onn-template .home-campaign-card .home-free-level-watermark.faceit-level b{font-size:44px}
 .onn-template .home-campaign-card.is-featured .home-free-level-watermark.faceit-level{right:18px;width:160px;height:160px}
 .onn-template .home-campaign-card.is-featured .home-free-level-watermark.faceit-level b{font-size:62px}
}
/* Selo compacto das campanhas gratuitas: emblema original e texto em uma linha. */
.onn-template .home-campaign-card .home-level-requirement{display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:100%;min-height:30px;padding:3px 9px 3px 4px;border:1px solid #8b6a3f70;border-radius:5px;background:linear-gradient(115deg,#332719b3,#1b1512);box-shadow:inset 0 1px 0 #ffffff08}
.onn-template .home-campaign-card .home-level-badge.faceit-level{width:22px;height:22px;flex:0 0 22px}
.onn-template .home-campaign-card .home-level-badge.faceit-level b{font-size:10px}
.onn-template .home-campaign-card .home-level-copy{display:block;min-width:0;padding-left:7px;border-left:1px solid #a2804c40}
.onn-template .home-campaign-card .home-level-copy>small{display:none}
.onn-template .home-campaign-card .home-level-copy>strong{display:block;color:#f0d9a0;font:700 16px/1 var(--display);letter-spacing:.045em;text-shadow:none;white-space:nowrap}
.onn-template .home-campaign-card .home-raffle-meta:has(.home-level-requirement){flex-wrap:wrap}
.onn-template .home-campaign-card .home-campaign-price:has(.home-level-requirement){flex-shrink:0}
@media(max-width:900px){
 .onn-template .home-campaign-card .home-level-requirement{gap:5px;min-height:28px;padding:2px 7px 2px 3px}
 .onn-template .home-campaign-card .home-level-copy{padding-left:5px}
 .onn-template .home-campaign-card .home-level-copy>strong{font-size:15px}
 .onn-template .home-campaign-card .home-raffle-meta:has(.home-level-requirement) .home-raffle-cta{gap:8px;padding:8px 9px;font-size:9px}
}
.onn-template .home-campaign-card .home-raffle-cta{flex-shrink:0;gap:12px;width:auto;min-height:34px;padding:8px 12px;border:1px solid #bd324b;border-radius:5px;background:linear-gradient(115deg,#dd3955,#b2243e);color:white;font:750 10px/1.4 var(--font);text-transform:none;box-shadow:none}
.onn-template .home-campaign-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;min-width:0;margin-top:8px;padding-top:8px;border-top:1px solid #302126;color:#a9969e;font-size:8px;line-height:1.4}
.onn-template .home-campaign-meta .home-raffle-status-bubble{position:static;display:inline-flex;align-items:center;gap:4px;min-width:0;min-height:0;margin-left:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#f08993;font:500 8px/1.4 var(--font);text-align:left;white-space:normal}
.onn-template .home-campaign-meta .home-raffle-status-bubble::before{content:'';flex:0 0 3px;width:3px;height:3px;border-radius:50%;background:currentColor}
.onn-template .home-campaign-meta .home-raffle-status-bubble::after{content:none}
.onn-template .home-campaign-card.is-featured{grid-column:1/-1;grid-template-columns:45% minmax(0,1fr);min-height:285px}
.onn-template .home-campaign-card.is-featured .home-raffle-media{height:100%;min-height:285px}
.onn-template .home-campaign-card.is-featured .home-raffle-media>img{padding:34px}
/* Rotação nativa de 6 segundos por prêmio; a primeira imagem é o fallback permanente. */
.onn-template .home-campaign-card .home-raffle-media{position:relative;overflow:hidden}
.onn-template .home-campaign-card .prize-award-slideshow{position:absolute;inset:0;width:100%;height:100%;min-height:0;background:inherit}
.onn-template .home-campaign-card .prize-award-slideshow figure{z-index:1;isolation:isolate;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;background:inherit;opacity:0;transform:none;animation:none!important}
.onn-template .home-campaign-card .prize-award-slideshow img{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}
.onn-template .home-campaign-card .prize-award-slideshow figure:first-child{opacity:1}
/* O status mantém o movimento solicitado também no desktop com movimento reduzido. */
@layer system{
 @media(prefers-reduced-motion:reduce){
  .onn-template .home-campaign-meta .home-raffle-status-bubble{animation:campaign-bubble-blink 2.6s ease-in-out infinite!important}
  .onn-template .home-campaign-meta .home-raffle-status-bubble:is(.is-live-countdown,.is-live-now){animation-duration:1.4s!important}
 }
}
.onn-template .home-campaign-card.is-featured .home-raffle-body{padding:28px}
.onn-template .home-campaign-card.is-featured .home-raffle-body h3{margin-bottom:6px;font:700 24px/1.15 var(--display);letter-spacing:0}
.onn-template .home-campaign-card.is-featured .home-raffle-progress{margin-top:20px}
.onn-template .home-campaign-card.is-featured .home-raffle-meta{margin-top:13px}
.onn-template .home-campaign-card.is-featured .home-raffle-cta{min-height:40px;padding:10px 16px}
.onn-template .home-campaign-card.is-featured .home-campaign-meta{margin-top:14px;padding-top:12px}
.onn-template .home-campaign-featured-label{position:absolute;z-index:3;top:13px;left:13px;padding:5px 9px;border:1px solid #803345;border-radius:2px;background:#3b1b26;color:#ff9aaa;font:800 8px/1.4 var(--font);letter-spacing:.06em;text-transform:uppercase}
.onn-template .onn-toolbar.home-campaign-toolbar{position:relative;gap:12px;margin:24px 0 18px;padding:0;border:0;border-radius:0;background:none}
.onn-template .home-campaign-toolbar .filter-tabs{display:flex;gap:3px;padding:4px;border:1px solid #3d2830;border-radius:4px;background:#140d10}
.onn-template .home-campaign-toolbar .filter-tab{min-height:30px;padding:8px 11px;border:1px solid transparent;border-radius:3px;background:none;color:#bfabb3;font-size:9px}
.onn-template .home-campaign-toolbar .filter-tab.selected{border-color:#8b354b;background:#3b1824;color:#fff}
.onn-template .home-campaign-count{margin-left:4px;color:#ed6077;font-size:9px}
.onn-template .onn-toolbar.home-campaign-toolbar .search-box{flex:0 1 280px;min-width:180px;height:40px;padding:0 10px;border:1px solid #3d2830;border-radius:4px;background:#140d10}
.onn-template .home-campaign-toolbar .search-box>svg{flex:0 0 13px;width:13px;height:13px;color:#ad989f}
.onn-template #campanhas .search-box>input{min-width:0;min-height:0;height:100%;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-size:10px}
.onn-template .home-campaign-toolbar .sort-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;margin-left:auto;padding:8px 12px;border:1px solid #3d2830;border-radius:4px;background:#140d10;color:#eadde2;font-size:10px;cursor:pointer}
.onn-template .home-campaign-toolbar .sort-button[aria-pressed=true]{border-color:#a94b62;color:#ffb7c4}
.onn-template .home-campaign-toolbar [data-template-count]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.onn-template .home-campaign-load-more{display:flex;justify-content:center;margin-top:24px}
.onn-template .home-campaign-load-more .button{gap:12px;min-height:38px;padding:9px 15px;border-color:#57404b;background:transparent;color:#f2e9ed;font-size:10px;box-shadow:none}
.onn-template progress{accent-color:#d74e61}
.onn-template progress::-webkit-progress-bar{border-radius:9px;background:#39202b}
.onn-template progress::-webkit-progress-value{border-radius:9px;background:linear-gradient(90deg,#a5223c,#f28490)}
.onn-template progress::-moz-progress-bar{background:linear-gradient(90deg,#a5223c,#f28490)}
.onn-template .onn-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;padding:12px;border:1px solid #3d2530;border-radius:8px;background:#140d11}
.onn-template .onn-toolbar .search-box{display:flex;align-items:center;gap:8px;flex:1;min-width:180px;margin:0;padding:0;border:0;background:none}
.onn-template .onn-search-count{color:#b89ca9;font-size:11px}
.onn-template .filter-tab{padding:9px 12px;border:1px solid #57313e;border-radius:5px;background:#20111a;color:#d8b5c4;font-size:11px;cursor:pointer}
.onn-template .filter-tab.selected{border-color:#cf5b78;background:#602139;color:#ffe6ee}
.onn-template .home-about-band{position:relative;display:grid;grid-template-columns:.75fr 1fr;gap:40px;align-items:center;padding:30px;border:1px solid #542a3a;border-radius:10px;background:#1a1015;overflow:hidden}
.onn-template .home-about-bg{opacity:.16}
.onn-template .home-about-copy{position:relative;z-index:1}
.onn-template .home-feedback-track>*{border:1px solid #5c3042;border-radius:8px;background:#170e14}
.onn-template .home-whatsapp-cta{position:relative;display:flex;justify-content:space-between;gap:24px;padding:32px;border:1px solid #6a3042;border-radius:9px;background:radial-gradient(ellipse at 10% 50%,#421922,#120d10)}
.onn-template .home-whatsapp-cta h2{font-size:36px}
.onn-template .home-whatsapp-cta-video{opacity:.12}
.onn-template .public-giveaways{max-width:1000px}
.onn-template .giveaway-list.campaign-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:100%}
.onn-template .giveaway-campaign-card{width:auto;min-width:0;max-width:none;margin:0;border:1px solid #51303a;border-radius:8px;background:linear-gradient(125deg,#201017,#100b0d);overflow:hidden}
.onn-template .giveaway-campaign-card.is-featured{grid-column:1/-1}
.onn-template .giveaway-campaign-card .giveaway-campaign-link{display:grid;grid-template-columns:115px minmax(0,1fr);gap:0;height:100%;min-height:180px;padding:0;background:none;color:var(--text)}
.onn-template .giveaway-campaign-card .giveaway-campaign-media{position:relative;grid-column:1;grid-row:1/3;width:100%;height:100%;min-height:180px;border:0;border-radius:0;background:radial-gradient(ellipse,#4d1e30,#140d11 76%)}
.onn-template .giveaway-campaign-media>img{width:100%;height:100%;padding:12px;object-fit:contain}
.onn-template .giveaway-campaign-card .giveaway-campaign-main{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:16px 16px 6px}
.onn-template .giveaway-campaign-main>strong{color:#fae7ee;font:750 15px/1.35 var(--font)}
.onn-template .giveaway-campaign-main>small{margin:5px 0;color:#d888a3;font-size:10px}
.onn-template .giveaway-campaign-card .giveaway-campaign-side{position:static;grid-column:2;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;min-width:0;width:auto;padding:6px 16px 16px;border:0;background:none}
.onn-template .giveaway-campaign-card.is-featured .giveaway-campaign-link{grid-template-columns:42% 1fr;min-height:300px}
.onn-template .giveaway-campaign-card.is-featured .giveaway-campaign-media{min-height:300px}
.onn-template .giveaway-campaign-card.is-featured .giveaway-campaign-main{padding:24px 24px 5px}
.onn-template .giveaway-campaign-card.is-featured .giveaway-campaign-main>strong{font-size:24px}
.onn-template .giveaway-campaign-card.is-featured .giveaway-campaign-side{padding:12px 24px 24px}
.onn-template .giveaway-campaign-prize-list>span{border-color:#57303d;background:#150b11}
.onn-template .giveaway-campaign-prize-list b{color:#f292a3}
.onn-template .giveaway-campaign-prize-list em{color:#e8c6d3}
.onn-template .giveaway-campaign-progress{height:6px;margin-top:8px;border:0;background:#46252f}
.onn-template .giveaway-campaign-progress>i{background:linear-gradient(90deg,#a5223c,#f28490);box-shadow:0 0 12px #e3546350}
.onn-template .giveaway-campaign-percent b{color:#f08f9f;font-size:22px}
.onn-template .giveaway-campaign-price{margin-left:auto;color:#ffe4ec;font:800 17px var(--font)}
.onn-template .giveaway-campaign-bubble{border-color:#743c4e;background:#3d1929;color:#f2b0c4}
.onn-template .giveaway-campaign-cta{padding:10px 15px;border-radius:5px;background:#b33955;color:white}
.onn-template .giveaway-history-card{min-width:0;border:1px solid #4f2b38;border-radius:8px;background:linear-gradient(125deg,#201017,#100b0d)}
.onn-template .giveaway-history-media{background:radial-gradient(ellipse,#461b2a,#140d11)}
.onn-template .giveaway-history-actions{border-top:1px solid #582d3d;background:#31131f}
.onn-template .giveaway-result-button{color:#f6b8cd;background:none}
.onn-template .giveaway-list:not(.campaign-list){max-width:960px;margin-inline:auto}
.onn-template .giveaway-card{border:1px solid #633344;border-radius:12px;background:linear-gradient(155deg,#21121b,#0e0a0d 65%);box-shadow:0 22px 65px #0006}
.onn-template .giveaway-card .giveaway-hero{border-bottom:1px solid #51303a;background:radial-gradient(ellipse at 25% 25%,#552039,#140c11 75%)}
.onn-template .giveaway-card .giveaway-hero::before{opacity:.12}
.onn-template .giveaway-card .giveaway-hero-copy h2{font:800 32px/1.1 var(--display)}
.onn-template .giveaway-card .giveaway-hero-media{border-color:#683146;background:#150b12}
.onn-template .giveaway-action-code{color:#f1a0b5}
.onn-template .giveaway-stat-grid{border-color:#552d3e;background:#20101a}
.onn-template .giveaway-progress-value{color:#ee899f}
.onn-template .giveaway-stat-grid progress{height:9px}
.onn-template .giveaway-purchase-panel{border-color:#582c3f;background:#140c12}
.onn-template .giveaway-buy-box{border-color:#7a354d;background:linear-gradient(145deg,#311322,#170b12)}
.onn-template .giveaway-buy-box h3{font:800 28px var(--display)}
.onn-template .giveaway-total-preview strong{color:#f5a6bf}
.onn-template .instant-quantity-options button{border:1px solid #6f354b;border-radius:6px;background:#28111e;color:#ebc3d3}
.onn-template .instant-quantity-options button:is(:hover,.active,.selected){border-color:#f28aaa;background:#6b2542;color:white}
.onn-template .giveaway-number-grid label span{border-color:#643349;border-radius:5px;background:#28131e;color:#f1cad9}
.onn-template .giveaway-number-grid input:checked+span{border-color:#f395b1;background:#b33859;color:white;box-shadow:0 0 12px #e3546340}
.onn-template .giveaway-number-grid .is-sold span{border-color:#443840;background:#272026;color:#8f7d86}
.onn-template :is(.giveaway-user-number-chips b,.number-chip-list>span){border-color:#884258;background:#3a1727;color:#f6bbd0}
.onn-template :is(.showcase-person-card,.quota-promo-showcase>article,.top-buyer-showcase>article,.instant-prize-showcase>article){border-color:#583444;background:linear-gradient(115deg,#20131c,#110b10)}
.onn-template .showcase-card-status{border-color:#764254;background:#3a1c2a;color:#efb9cd}
.onn-template .live-draw-band{border-color:#73384c;background-color:#170d14}
.onn-template .auto-draw-countdown-value{color:#f19bb6}

/* Hall, comunidade e páginas sem equivalente no template. */
.onn-template .hall-season{margin:0 0 58px;padding:0;border-block:1px solid #542638;background:radial-gradient(ellipse at 50% 28%,#3d2028,#0c090b 85%)}
.onn-template .hall-season-hero{min-height:0;max-width:var(--onn-width);margin:auto;padding:36px 24px;border:0;background:none}
.onn-template :is(.hall-season-veil,.hall-season-scanlines){opacity:.07}
.onn-template .hall-season-topline{position:relative;inset:auto;display:flex;justify-content:space-between;gap:12px;color:#cfa9b8;font-size:8px}
.onn-template .hall-season-title{position:relative;inset:auto;margin:26px 0;transform:none;text-align:center}
.onn-template .hall-season-title h2{margin:8px 0;color:#fff4f8;font:800 clamp(46px,7vw,78px)/1 var(--display);letter-spacing:.035em}
.onn-template .hall-season-title .eyebrow{justify-content:center}
.onn-template .hall-season-stage{position:relative;width:100%;max-width:1000px;margin:auto}
.onn-template .hall-season-grid{display:flex;justify-content:center;align-items:stretch;gap:16px;width:100%;padding:10px 0 24px;overflow-x:auto;scroll-snap-type:x mandatory}
.onn-template .hall-season-card{position:relative;flex:0 0 170px;min-width:170px;width:170px;min-height:250px;margin:0;padding:12px;border:1px solid var(--accent,#9d4a65);border-radius:8px;background:linear-gradient(155deg,#252126,#110d10 70%);transform:none;box-shadow:0 10px 24px #0008;scroll-snap-align:center}
.onn-template .hall-season-card.is-destaque{transform:none}
.onn-template .hall-season-card:hover{transform:translateY(-5px)}
.onn-template .hall-season-card::before{opacity:.13}
.onn-template .hall-season-card-cap{font-size:6px}
.onn-template .hall-season-screen{height:112px;margin:10px 0;border:0;background:none}
.onn-template .hall-season-avatar{position:relative;inset:auto;width:78px;height:78px;margin:10px auto;border:2px solid var(--accent);border-radius:50%;background:#2f1a25;transform:none;overflow:hidden}
.onn-template .hall-season-avatar img{width:100%;height:100%;object-fit:contain}
.onn-template .hall-season-avatar .steam-profile-photo{position:absolute;inset:0;object-fit:cover}
.onn-template .hall-season-nameplate{margin:0 -6px;padding:7px 4px;border:0;background:#eee2e8;color:#201119;transform:none}
.onn-template .hall-season-nameplate small{color:#674c59}
.onn-template .hall-season-nameplate .hall-season-name-with-team{color:#201119;font-size:12px}
.onn-template .hall-season-metrics{margin-top:14px}
.onn-template .hall-season-bottom-text{position:relative;inset:auto;margin:16px 0 0;color:#d1acbd;text-align:center;font-size:9px}
.onn-template .ranking-head{padding:0;border:0;background:none}
.onn-template .ranking-title-b{color:#e78b96}
.onn-template .ranking-season-card{border-color:#70404f;background:radial-gradient(ellipse at 0 0,#4b1923,transparent 70%),#160f13}
.onn-template .ranking-season-countdown-grid b{border-color:#6a3549;background:#2a1420;color:#f9ccd9}
.onn-template .ranking-podium-card{border-color:#704353;background:linear-gradient(145deg,#21131b,#100b0e)}
.onn-template .ranking-podium-card.position-1{border-color:#ad7f4a;background:linear-gradient(145deg,#2c1c19,#140e11)}
.onn-template .ranking-podium-pill{border-color:#633146;background:#301421;color:#edb5ca}
.onn-template .winner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.onn-template .winner-card{display:block;min-width:0;padding:22px;border:1px solid #613043;border-radius:8px;background:linear-gradient(145deg,#21131a,#100b0e)}
.onn-template .winner-card>strong{display:block;margin:12px 0 6px;font:750 16px/1.4 var(--font)}
.onn-template .winner-card>small{color:#c1a2b1}
.onn-template :is(.winner-award-row,.winner-awards-details){border-color:#593044;background:#1c1018}
.onn-template .winner-award-title b{color:#f3abc1}
.onn-template :is(.fair-draw-hero,.how-it-works-hero,.legal-hero){padding-bottom:24px;border-bottom:1px solid #4d2938;background:none}
.onn-template :is(.fair-step-grid>article,.home-how-grid>article,.how-it-works-draw-card,.points-shop-faq,.how-it-works-delivery){border:1px solid #5b3041;border-radius:8px;background:linear-gradient(145deg,#28131e,#120c10)}
.onn-template .home-how-grid>article>span{color:#ed97af}
.onn-template .how-it-works-page{background:none}
.onn-template .how-it-works-delivery h2 span{color:#f0a7bd}
.onn-template .points-shop-faq-list details{border-bottom:1px solid #4e2938}
.onn-template .points-shop-faq-list summary{color:#f3d3df;cursor:pointer}
.onn-template .account-page-shell{width:100%;max-width:100%}
.onn-template .account-hero-card{border-color:#74374e;background:radial-gradient(ellipse at 15% 15%,#5b203a44,transparent 70%),#1c1118}
.onn-template .account-hero-avatar{background:#26141e}
.onn-template .account-hero-watermark{opacity:.08}
.onn-template .account-steam-nav a{border-color:#573044;background:#20121a;color:#cfadbe}
.onn-template .account-steam-nav a.active{border-color:#b64c6f;background:#57213a;color:#ffe1ee}
.onn-template .account-card-head h2{font-size:25px}
.onn-template .account-card-icon{border-color:#7e3853;background:#43182c;color:#f7a9c8}
.onn-template .team-picker-button{border-color:#69354a;background:#28131e;color:#edc8d9}
.onn-template .team-select-panel{z-index:15;border-color:#8a3d5c;background:#1a0d16;box-shadow:var(--shadow)}
.onn-template .account-stat-grid>div{border-color:#583044;background:#26131f}
.onn-template :is(.cashback-copy-card,.points-shop-hero,.affiliate-apply-hero){border-color:#633247;border-radius:10px;background:radial-gradient(ellipse at 0 0,#522039,#130c11 75%)}
.onn-template .points-shop-card{border:1px solid #603146;border-radius:9px;background:#1d1119}
.onn-template .points-shop-card-media{background:radial-gradient(ellipse,#4d1c34,#130b12)}
.onn-template .points-shop-card-body h3{color:#f7d5e5}
.onn-template .points-shop-sidebar a.active{background:#4a1a30;color:#fac6dc}
.onn-template .affiliate-rules-box{border-color:#6c334e;background:#25101e}
.onn-template :is(.finance-summary-card,.finance-attention-item,.affiliate-level-mini-grid>div){border-color:#583044;background:#21131d}
.onn-template .finance-summary-card.is-revenue{border-color:#72513d;background:#2d1c1d}
/* Autenticação e PIX com formulários e polling originais. */
.onn-template .auth-layout{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:0;width:min(1000px,calc(100% - 48px));min-height:590px;margin:48px auto 64px;overflow:hidden;border:1px solid #6c324a;border-radius:14px;background:#170d14;box-shadow:var(--shadow)}
.onn-template .auth-panel{padding:36px 42px;background:none}
.onn-template .auth-panel>.brand{margin-bottom:20px}
.onn-template .auth-panel h1{margin:10px 0 26px;font-size:42px}
.onn-template .auth-layout .form-card{padding:0;border:0;background:none;box-shadow:none}
.onn-template .form-card label{gap:6px}
.onn-template .auth-switch{color:#baa1ae;font-size:12px}
.onn-template .auth-switch a{color:#f4a5c1}
.onn-template .auth-art{position:relative;display:flex;align-items:end;padding:36px;min-height:100%;border:0;border-left:1px solid #62263f;background:radial-gradient(ellipse at 40% 35%,#8a2a5090,#1c0d17 80%)}
.onn-template .auth-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42}
.onn-template .auth-art>div{position:relative;padding:0;background:none}
.onn-template .auth-art h2{margin:10px 0;font-size:46px;text-shadow:0 4px 25px #000b}
.onn-template .payment-page{padding:42px 20px 64px;background:radial-gradient(ellipse at 50% 10%,#4e173440,transparent 65%)}
.onn-template .payment-shell{width:min(600px,100%);margin:auto}
.onn-template .payment-card{border:1px solid #6c324a;border-radius:12px;background:linear-gradient(145deg,#21111b,#100a0f);box-shadow:var(--shadow)}
.onn-template .payment-card-head{border-color:#653046;background:#27121f}
.onn-template .payment-card-head h1{font:800 32px/1.1 var(--display)}
.onn-template .payment-card-head>strong{color:#f7aecb}
.onn-template .payment-selected{border-color:#58283e;background:#1d0f18}
.onn-template .payment-countdown{border-color:#76314e;background:#2c1323;color:#f5aac9}
.onn-template .payment-progress>span{background:linear-gradient(90deg,#9e2448,#eb7a9c)}
.onn-template .payment-qr{width:fit-content;margin-inline:auto;padding:12px;border-radius:8px;background:white}
.onn-template .payment-qr img{display:block;width:240px;height:240px;object-fit:contain}
/* Arena e lobby têm CSS estrutural e JavaScript dedicados. */
.onn-template.onn-arena>header{background:#120b10;border-bottom-color:#663048}
.onn-template.onn-arena .topline{background:linear-gradient(90deg,#7d203f,#f18db0,#7d203f)}
.onn-template.onn-arena .wrap{width:min(var(--onn-width),calc(100% - 40px));padding-inline:0}
.onn-template.onn-arena .nav{padding:14px 0}
.onn-template.onn-arena .brand img{width:128px;height:44px;object-fit:contain}
.onn-template.onn-arena :is(.arena-card,.card,.match-card,.player,.map-info,.stat){border-color:#71344f;background:linear-gradient(135deg,#2b1222,#140b12);border-radius:9px}
.onn-template.onn-arena :is(.eyebrow,h1 em,.rating,.map-info .name,.live){color:#ee94b5}
.onn-template.onn-arena .hero{display:flex;padding:0;background:none}
.onn-template.onn-arena :is(.profile,.tiny,.status-badge){border-color:#773650;background:#2d1323;color:#f3b5cf}
.onn-template.onn-arena .stats{border-color:#653047;background:#20101b}
/* Rodapé com informações institucionais originais. */
.onn-template .onn-footer{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;width:100%;max-width:none;margin:0;padding:38px max(24px,calc((100vw - 1160px)/2));border-top:1px solid #472331;background:#100b0e;color:#baa3ae;text-align:left}
.onn-template .footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.onn-template .footer-brand small{color:#a88d9b;font-size:10px}
.onn-template .footer-links{display:grid;gap:14px;padding:0}
.onn-template .footer-link-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;font-size:11px}
.onn-template .footer-link-row strong{min-width:50px;color:#e3afc4}
.onn-template .footer-compliance{padding:0;border:0;color:#a98e9d;font-size:10px;line-height:1.6}
.onn-template .footer-compliance p{margin:3px 0}

@media(max-width:1100px){
 .onn-template .topbar-main-nav .topbar-flame-link{display:none}
 .onn-template .top-player-card{min-width:140px}
 .onn-template .account-layout-grid{grid-template-columns:1fr}
 .onn-template .account-side-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
}
@media(max-width:800px){
 .onn-template .brand-logo{width:110px;height:40px}
 .onn-template .home-raffle-carousel:not(.is-auto-marquee){grid-template-columns:repeat(2,minmax(0,1fr))}
 .onn-template .giveaway-campaign-card .giveaway-campaign-link{grid-template-columns:90px minmax(0,1fr)}
 .onn-template .giveaway-campaign-card .giveaway-campaign-main{padding:12px 12px 4px}
 .onn-template .giveaway-campaign-card .giveaway-campaign-side{padding:6px 12px 12px}
 .onn-template .giveaway-campaign-main>strong{font-size:13px}
 .onn-template .auth-panel{padding:28px}
 .onn-template .auth-art{padding:25px}
 .onn-template .auth-art h2{font-size:36px}
 .onn-template .winner-grid{grid-template-columns:1fr}
 .onn-template .hall-season-grid{justify-content:flex-start}
}
@media(max-width:600px){
 .onn-template :is(.page-main.wide,.dashboard,.legal-page,.how-it-works-shell,.ranking-page-shell,.ranking-archive-shell,.live-draw-page-main){width:calc(100% - 28px);padding-top:26px;padding-bottom:40px}
 .onn-template .top-actions .button{min-height:34px;padding:8px 10px;font-size:10px}
 .onn-template .onn-signup svg{display:none}
 .onn-template .top-player-card{min-width:0;max-width:140px;padding:4px 6px;grid-template-columns:26px minmax(38px,1fr);gap:6px}
 .onn-template .top-player-meta strong{font-size:10px}
 .onn-template .top-player-team{display:none}
 .onn-template .top-logout-button{padding:7px 8px;font-size:10px}
 .onn-template .brand-logo{width:96px;height:38px}
 .onn-template .topbar-main-nav{gap:24px}
 .onn-template .dash-header h1{font-size:40px}
 .onn-template .dash-header{align-items:flex-start}
 .onn-template :is(.home-raffles-band,.home-feedback-band,.home-about-band,.home-whatsapp-cta-band,.home-how-band){width:calc(100% - 28px);margin-bottom:40px}
 .onn-template .home-raffles-head h2{font-size:36px}
 .onn-template .home-raffle-carousel:not(.is-auto-marquee){grid-template-columns:1fr;gap:16px}
 .onn-template .home-raffle-media{height:220px}
 .onn-template .home-about-band{grid-template-columns:1fr;gap:24px;padding:20px}
 .onn-template .home-about-media{max-width:230px;margin:auto}
 .onn-template .home-whatsapp-cta{display:flex;flex-direction:column;padding:24px}
 .onn-template .home-whatsapp-cta h2{font-size:32px}
 .onn-template .giveaway-list.campaign-list{grid-template-columns:1fr;gap:12px}
 .onn-template .giveaway-campaign-card .giveaway-campaign-link{grid-template-columns:108px minmax(0,1fr);min-height:170px}
 .onn-template .giveaway-campaign-card.is-featured .giveaway-campaign-link{grid-template-columns:1fr}
 .onn-template .giveaway-campaign-card.is-featured .giveaway-campaign-media{grid-row:auto;min-height:220px;height:220px}
 .onn-template .giveaway-campaign-card.is-featured .giveaway-campaign-side{grid-column:1}
 .onn-template .giveaway-campaign-card.is-featured .giveaway-campaign-main{padding:20px 20px 4px}
 .onn-template .giveaway-campaign-card.is-featured .giveaway-campaign-side{padding:10px 20px 20px}
 .onn-template .giveaway-campaign-card .giveaway-campaign-media{min-height:170px}
 .onn-template .giveaway-campaign-main>strong{font-size:15px}
 .onn-template .giveaway-card .giveaway-hero{grid-template-columns:1fr}
 .onn-template .giveaway-card .giveaway-hero-copy h2{font-size:28px}
 .onn-template .giveaway-body-grid{grid-template-columns:1fr}
 .onn-template .giveaway-purchase-panel{min-width:0}
 .onn-template .giveaway-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .onn-template .giveaway-number-grid{grid-template-columns:repeat(auto-fill,minmax(42px,1fr))}
 .onn-template .hall-season-topline{font-size:6px}
 .onn-template .hall-season-hero{padding-inline:14px}
 .onn-template .hall-season-card{flex-basis:160px;min-width:160px}
 .onn-template .ranking-podium{gap:7px}
 .onn-template .ranking-podium-card{padding:16px 6px;min-width:0}
 .onn-template .ranking-podium-name{font-size:12px;overflow-wrap:anywhere}
 .onn-template .ranking-season-card{width:100%}
 .onn-template .fair-step-grid{grid-template-columns:1fr}
 .onn-template .fair-draw-search{display:grid;grid-template-columns:1fr}
 .onn-template .dash-panel{padding:16px}
 .onn-template :is(.metric-grid,.dash-grid,.account-side-column,.account-quick-grid,.account-field-grid,.password-grid){grid-template-columns:1fr}
 .onn-template .account-hero-card{padding:18px}
 .onn-template .account-hero-identity{flex-wrap:wrap}
 .onn-template .account-steam-nav{overflow-x:auto}
 .onn-template .account-stat-grid{grid-template-columns:1fr 1fr}
 .onn-template .points-shop-layout{grid-template-columns:1fr}
 .onn-template .points-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .onn-template .auth-layout{grid-template-columns:1fr;width:calc(100% - 28px);min-height:0;margin:26px auto 40px}
 .onn-template .auth-panel{padding:26px 22px}
 .onn-template .auth-art{min-height:230px;border:0;border-top:1px solid #713149;padding:24px}
 .onn-template .auth-art h2{max-width:340px;font-size:34px}
 .onn-template .payment-page{padding:26px 14px 40px}
 .onn-template .payment-card-head{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
 .onn-template .onn-footer{grid-template-columns:1fr;gap:24px;padding:30px 18px}
 .onn-template.onn-arena .hero{flex-direction:column;gap:24px}
 .onn-template.onn-arena nav.links.expanded{display:flex;position:absolute;inset:75px 0 auto;padding:18px;background:#28121e}
 .onn-template.onn-arena .versus{grid-template-columns:1fr}
 .onn-template.onn-arena .match-card{padding:20px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.onn-template *,.onn-template *::before,.onn-template *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Widgets de terceiros existentes também seguem o template. */
.onn-template .steam-widget{border-color:#6c334a;background:linear-gradient(120deg,#29121f,#160c13)}
.onn-template .steam-widget h3{color:#f1a4c1}
.onn-template .side-menu-nav>a.active::before{background:#e35463}
.onn-template .side-menu-item-copy b em{background:#963653;color:#ffe8f1}
.onn-template .side-menu-nav>a.active .side-menu-item-copy small{color:#e2acbf}
.onn-template .number-chip-list>b{border-color:#884258;background:#3a1727;color:#f6bbd0}

.onn-template .brand-logo{width:96px;height:48px;object-fit:cover}
.onn-template .home-raffle-cta{box-shadow:0 8px 22px #b3395530;text-shadow:none}
.onn-template .onn-whatsapp{width:min(var(--onn-width),calc(100% - 48px));margin:0 auto 64px}
.onn-template .onn-whatsapp .whatsapp-copy h2{max-width:600px;margin:8px 0;font:800 32px/1.05 var(--display)}
.onn-template .onn-whatsapp .whatsapp-copy p{font-size:12px}
.onn-template .onn-whatsapp .whatsapp-mark svg{width:28px;height:28px}
.onn-template .onn-whatsapp .whatsapp-button{min-height:46px;padding:12px 20px;font-size:12px}
.onn-template .onn-footer{min-height:0;align-items:start}
.onn-template .footer-links{align-self:start;align-content:start}
.onn-template .footer-brand .brand{margin:0 0 8px}
@media(max-width:600px){.onn-template .brand-logo{width:70px;height:36px}.onn-template .onn-whatsapp{width:calc(100% - 28px);margin-bottom:40px}.onn-template .onn-whatsapp .whatsapp-copy h2{font-size:28px}.onn-template .onn-whatsapp .whatsapp-button{width:100%}}

/* inert e aria-hidden controlam acesso ao drawer; apenas a posição é animada. */
.onn-template .site-side-menu{visibility:visible;transition:transform .32s ease}

/* Remoção dos últimos acabamentos do tema anterior. */
.onn-template .account-dashboard{background:none}
.onn-template .account-hero-progress strong,.onn-template .account-stat-grid strong{color:#f3adc8}
.onn-template .account-hero-rank{border-color:#653248;background:#1a0e16}
.onn-template .account-hero-identity::after{background:#ba506f}
.onn-template .steam-link-btn{border-color:#a54a69;background:linear-gradient(110deg,#742540,#a9395d);color:#fff}
.onn-template .account-steam-nav a svg{color:#d98aa7}
.onn-template .giveaway-card .giveaway-hero-copy{background:none}
.onn-template .instant-giveaway-model .giveaway-stat-grid strong{border-color:#925069;background:#321b27;box-shadow:inset 0 2px 5px #0006;color:#ffe1ec}
.onn-template .instant-giveaway-model .giveaway-stat-grid strong::before{background:repeating-linear-gradient(135deg,#f28490 0 7px,#d64b5d 7px 14px);background-size:26px 26px;box-shadow:0 0 12px #e3546350}
.onn-template .giveaway-campaign-bubble::after{background:#a63b59;border-color:#a63b59}
.onn-template .giveaway-campaign-cta{color:#fff}
.onn-template .onn-footer .footer-links{grid-column:2;grid-row:1;margin:0;padding:0;border:0;max-width:none;justify-self:start}
@media(max-width:600px){.onn-template .onn-footer .footer-links{grid-column:1;grid-row:auto}}

/* Limites do Box e da roleta continuam adequados ao palco e ao celular. */
.onn-template .is-box-draw [data-live-draw-title]{margin:0;font-size:clamp(24px,3vw,32px);line-height:1.15}
.onn-template .is-box-draw [data-live-draw-status]{font-size:13px;line-height:1.5}
.onn-template .live-draw-hero{grid-template-columns:minmax(0,1fr);min-width:0}
.onn-template .live-draw-fullscreen{min-width:0;max-width:100%}
.onn-template .live-draw-fullscreen .live-draw-stage{min-width:0;max-width:100%}
.onn-template .live-draw-fullscreen .live-draw-wheel{max-width:100%}
@media(max-width:800px){.onn-template .live-draw-fullscreen{grid-template-columns:minmax(0,1fr)}.onn-template .live-draw-fullscreen .live-draw-wheel{width:min(100%,520px)}.onn-template .live-draw-fullscreen .live-draw-stage{min-height:360px}}

.onn-template .topbar-main-nav{position:static;inset:auto;width:auto;height:auto;transform:none}
.onn-template .hall-season{min-height:0}
.onn-template .hall-season-caption{position:static;inset:auto;display:flex;justify-content:space-between;margin:0 0 10px}
.onn-template .hall-season-bottom-text{padding:0}
.onn-template .manual-selection-summary{border-color:#6c334a;background:linear-gradient(115deg,#361428,#1d1018)}
.onn-template .manual-selection-summary strong{color:#f4b3ce}
.onn-template .giveaway-total-preview{border-color:#7e3853;background:#2b1220}
.onn-template .giveaway-stat-grid article{border-color:#593044;background:#21131b}
.onn-template .onn-footer nav a{font-size:11px}

.onn-template .install-app-button{border-color:#85415a;background:linear-gradient(115deg,#351327,#1b0d15);color:#f7d7e5;box-shadow:0 8px 28px #0008}

@media(max-width:640px){
 .onn-template .home-raffle-carousel:not(.is-auto-marquee){grid-template-columns:minmax(0,1fr);gap:10px}
 .onn-template .home-raffles-head{align-items:flex-start;gap:14px}
 .onn-template .home-raffles-head>.ghost-link{display:none}
 .onn-template .home-campaign-description{max-width:300px;font-size:11px}
 .onn-template .home-campaign-card{grid-template-columns:34% minmax(0,1fr);min-height:170px}
 .onn-template .home-campaign-card .home-raffle-media{min-height:170px;height:100%}
 .onn-template .home-campaign-card .home-raffle-media>img{padding:10px}
 .onn-template .home-campaign-card .home-raffle-body{padding:12px}
 .onn-template .home-campaign-card .home-raffle-body h3{font-size:12px}
 .onn-template .home-campaign-card .home-raffle-body>.home-campaign-subtitle{font-size:8px}
 .onn-template .home-campaign-progress-label small{font-size:8px}
 .onn-template .home-campaign-progress-label>strong{font-size:10px}
 .onn-template .home-campaign-card .home-campaign-price>strong{font-size:17px}
 .onn-template .home-campaign-card .home-raffle-cta{gap:6px;padding:7px 9px;font-size:9px}
 .onn-template .home-campaign-meta{gap:4px 8px;font-size:7px}
 .onn-template .home-campaign-meta .home-raffle-status-bubble{font-size:7px}
 .onn-template .home-campaign-card.is-featured{grid-template-columns:minmax(0,1fr);min-height:0}
 .onn-template .home-campaign-card.is-featured .home-raffle-media{height:200px;min-height:200px}
 .onn-template .home-campaign-card.is-featured .home-raffle-media>img{padding:22px}
 .onn-template .home-campaign-card.is-featured .home-raffle-body{padding:18px}
 .onn-template .home-campaign-card.is-featured .home-raffle-body h3{font-size:24px}
 .onn-template .home-campaign-card.is-featured .home-raffle-progress{margin-top:14px}
 .onn-template .home-campaign-card.is-featured .home-raffle-cta{padding:9px 14px}
 .onn-template .home-campaign-toolbar .filter-tabs{order:1;width:100%}
 .onn-template .home-campaign-toolbar .filter-tab{flex:1}
 .onn-template .onn-toolbar.home-campaign-toolbar .search-box{order:2;flex:1;min-width:0}
 .onn-template .home-campaign-toolbar .sort-button{order:3;margin:0;min-width:105px;padding:8px}
}

/* O topo usa as mesmas proporções e os mesmos pontos de quebra do template. */
@media(max-width:900px){
 .onn-template .onn-topbar{padding-inline:22px}
 .onn-template .topbar-main-nav{gap:18px}
 .onn-template .onn-topbar .visitor,.onn-template .onn-topbar .onn-login{display:none}
 .onn-template .onn-home-hero{gap:25px}
 .onn-template .onn-home-hero .hero-art{height:330px}
 .onn-template .home-template-stats{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:56px}
 .onn-template .home-template-stats .stat-note{font-size:8px}
}
@media(max-width:640px){
 .onn-template .onn-topbar{height:64px;min-height:64px;padding:0 16px;flex-wrap:nowrap;gap:0}
 .onn-template .onn-menu-toggle{order:-1;margin:0 10px 0 0}
 .onn-template .onn-topbar>.brand{margin-right:auto;font-size:17px}
 .onn-template .onn-topbar>.brand .brand-logo{width:96px;height:48px}
 .onn-template .topbar-main-nav{display:none;order:0;flex-basis:auto;min-height:0}
 .onn-template .top-actions{gap:12px;margin:0 8px 0 auto}
 .onn-template .onn-topbar .onn-signup{min-height:0;padding:8px 10px;font-size:10px}
 .onn-template .onn-home-hero{width:calc(100% - 32px);grid-template-columns:minmax(0,1fr);min-height:0;padding:45px 0 34px;gap:30px}
 .onn-template .onn-home-hero h1{font-size:clamp(48px,13vw,70px)}
 .onn-template .onn-home-hero .hero-copy>p{max-width:410px;font-size:12px}
 .onn-template .onn-home-hero .hero-actions{flex-wrap:nowrap;gap:24px}
 .onn-template .onn-home-hero .hero-proof{flex-wrap:nowrap;margin-top:25px}
 .onn-template .onn-home-hero .hero-art{height:260px}
 .onn-template .onn-home-hero .art-label{left:20px;bottom:20px}
 .onn-template .onn-home-hero .art-label strong{font-size:41px}
 .onn-template .onn-home-hero .chip-top{top:12px;right:10px}
 .onn-template .onn-home-hero .chip-bottom{left:auto;right:10px;bottom:12px;transform:none}
 .onn-template .home-template-ticker .ticker-inner{height:51px}
 .onn-template .home-template-stats{width:calc(100% - 32px);gap:8px;padding:24px 0 50px}
 .onn-template .home-template-stats .stat-card{gap:9px;padding:12px 10px}
 .onn-template .home-template-stats .stat-icon{width:30px;height:30px;font-size:15px}
 .onn-template .home-template-stats .stat-card small{font-size:7px}
 .onn-template .home-template-stats .stat-card strong{font-size:18px}
 .onn-template .home-template-stats .stat-note{display:none}
}

/* Resultados: componente compacto do template, compartilhado entre home e arquivo. */
.onn-template .onn-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0;max-width:100%;margin:0;padding:0}
.onn-template .giveaway-list.onn-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.onn-template .onn-result-card{--result-avatar-size:42px;--result-image-width:92px;--result-image-height:77px;--result-min-height:96px;--result-heading:10px;--result-text:8px;--result-meta:7px;--result-footer-font:8px;--result-footer-height:28px;position:relative;display:block;min-width:0;margin:0;padding:0;overflow:hidden;border:1px solid #332329;border-radius:6px;background:linear-gradient(125deg,#151013,#0f0b0d);box-shadow:0 5px 18px #0004}
.onn-template .onn-result-card .result-main{display:grid;grid-template-columns:var(--result-image-width) minmax(0,1fr);align-items:center;gap:11px;min-width:0;min-height:var(--result-min-height);padding:9px}
.onn-template .onn-result-card .result-image{position:relative;display:grid;place-items:center;min-width:0;width:100%;height:var(--result-image-height);overflow:hidden;border:0;border-radius:4px;background:radial-gradient(ellipse,#3e1821,#100b0d 76%)}
.onn-template .onn-result-card .result-image>img{display:block;width:100%;height:100%;padding:6px;object-fit:contain}
.onn-template .onn-result-card .result-image>svg{width:28px;height:28px;color:#bf657c}
.onn-template .onn-result-card .result-copy{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-width:0;padding-right:3px}
.onn-template .onn-result-card .result-title{display:block;max-width:100%;margin:0;overflow:hidden;color:#eae2e4;font:700 var(--result-heading)/1.22 var(--font);letter-spacing:0;text-wrap:nowrap;white-space:nowrap;text-overflow:ellipsis}
.onn-template .onn-result-card .result-subtitle{max-width:100%;margin:0;color:#a6979b;font-size:var(--result-meta);line-height:1.5}
.onn-template .onn-result-card .result-complete{display:inline-flex;align-items:center;gap:3px;color:#ecbd71;font-size:calc(var(--result-meta) - 1px);font-weight:900;line-height:1.5;letter-spacing:.07em;text-transform:uppercase}
.onn-template .onn-result-card .result-complete>svg{width:1em;height:1em}
.onn-template .onn-result-card .result-winner{display:flex;flex-wrap:wrap;align-items:center;gap:2px 4px;max-width:100%;margin:0;color:#c5b8bb;font-size:var(--result-text);line-height:1.5}
.onn-template .onn-result-card .result-winner b{min-width:0;overflow:hidden;color:#f2ebed;font-weight:700;white-space:nowrap;text-overflow:ellipsis}
.onn-template .onn-result-card .result-meta{max-width:100%;margin:0;color:#a7999d;font-size:var(--result-meta);line-height:1.5;overflow-wrap:anywhere}
.onn-template .onn-result-card .result-meta b{color:#eadde0}
.onn-template .onn-result-card .result-action-code{color:#c5abb4}
.onn-template .onn-result-card .result-winner-identity{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%}
.onn-template .onn-result-card .result-winner-identity .team-inline-logo{flex:0 0 auto;width:1.25em;height:1.25em;object-fit:contain}
.onn-template .onn-result-card .result-main.has-result-winner{grid-template-columns:var(--result-image-width) minmax(0,1fr) var(--result-avatar-size)}
.onn-template .onn-result-card .result-winner-avatar{position:relative;display:grid;place-items:center;align-self:center;width:var(--result-avatar-size);height:var(--result-avatar-size);overflow:hidden;border:1px solid #61404d;border-radius:8px;background:linear-gradient(140deg,#40202e,#20121a);color:#f1bdcb;box-shadow:0 4px 12px #0005}
.onn-template .onn-result-card .result-winner-initial{font:800 calc(var(--result-avatar-size)*.43)/1 var(--font)}
.onn-template .onn-result-card .result-winner-avatar>img{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0}
.onn-template .onn-result-card .result-winner-team-photo{z-index:1;padding:7px;object-fit:contain}
.onn-template .onn-result-card .result-winner-avatar>.steam-profile-photo{z-index:2;padding:0;border:0;border-radius:0;object-fit:cover}
.onn-template .onn-result-card .result-winner-avatar.has-team-avatar>.result-winner-team-photo,.onn-template .onn-result-card .result-winner-avatar.has-steam-avatar>.steam-profile-photo{opacity:1}
.onn-template .onn-result-card .result-winner-avatar:is(.has-team-avatar,.has-steam-avatar)>.result-winner-initial{opacity:0}
.onn-template .onn-result-card .result-actions{display:block;margin:0;padding:0;border:0;background:none}
.onn-template .onn-result-card .result-verify{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:var(--result-footer-height);margin:0;padding:6px 10px;border:0;border-top:1px solid #472832;border-radius:0;background:linear-gradient(90deg,#241118,#32131c);color:#ed8690;font:800 var(--result-footer-font)/1.4 var(--font);text-decoration:none;cursor:pointer;box-shadow:none}
.onn-template .onn-result-card .result-verify:hover{background:linear-gradient(90deg,#7f1e31,#a42c40);color:#fff}
.onn-template .onn-result-card .result-verify>svg{width:12px;height:12px}
.onn-template .home-latest-results{display:block;min-width:0;margin-top:34px;padding-top:28px;border-top:1px solid #302126;overflow:visible}
.onn-template .home-results-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 24px;margin-bottom:20px}
.onn-template .home-results-header .eyebrow{margin:0 0 6px}
.onn-template .home-results-header h2{margin:0;font:800 36px/1.1 var(--display);letter-spacing:.015em}
.onn-template .home-results-header h2 span{color:#e35463}
.onn-template .home-results-header p:not(.eyebrow){margin:7px 0 0;color:#b3a0a8;font-size:12px}
.onn-template .home-results-header>.ghost-link{color:#edc0ca;font-size:11px}
.onn-template .home-latest-results .onn-results-grid{gap:12px}
.onn-template .home-latest-results .onn-result-card{--result-avatar-size:56px;--result-image-width:128px;--result-image-height:104px;--result-min-height:126px;--result-heading:13px;--result-text:11px;--result-meta:9px;--result-footer-font:10px;--result-footer-height:36px}
.onn-template #onn-main.onn-closed-page{width:min(732px,calc(100% - 38px));max-width:732px;margin:0 auto;padding:33px 0 35px}
/* Closed campaigns: enlarge content on desktop without scaling the shared navigation. */
@media screen and (min-width:900px){
 .onn-template #onn-main.onn-closed-page{zoom:1.5}
}
.onn-template .onn-closed-page>.giveaways-header{align-items:center;gap:12px;margin-bottom:14px}
.onn-template .onn-closed-page>.giveaways-header .eyebrow{margin:0;color:#e35463;font-size:8px;letter-spacing:.1em}
.onn-template .onn-closed-page>.giveaways-header h1{margin:2px 0 0;font:700 26px/1.1 var(--font);letter-spacing:-.04em}
.onn-template .onn-closed-page>.giveaways-header .page-subtitle{max-width:none;margin-top:4px;color:#abb4af;font-size:10px;line-height:1.6}
.onn-template .onn-closed-page>.giveaways-header>.ghost-link{flex-shrink:0;color:#c2cbc6;font-size:9px}
.onn-template .onn-closed-page .onn-toolbar{gap:10px;margin:0 0 14px;padding:0;border:0;background:none}
.onn-template .onn-closed-page .search-box{max-width:280px;min-height:34px;padding:0 10px;border:1px solid #3b282e;border-radius:4px;background:#130d10}
.onn-template #onn-main.onn-closed-page .search-box>input{min-width:0;min-height:34px;height:34px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-size:10px}
.onn-template .onn-closed-page .onn-search-count{color:#a9969e;font-size:9px}
.onn-template .onn-results-grid.is-single-result{grid-template-columns:minmax(0,1fr);max-width:732px;margin-inline:auto}
@media(min-width:561px) and (max-width:900px){.onn-template .home-latest-results .onn-result-card{--result-avatar-size:40px;--result-image-width:88px;--result-image-height:82px;--result-min-height:106px;--result-heading:11px;--result-text:9px;--result-meta:8px}.onn-template .home-latest-results .result-main{gap:8px}}
@media(max-width:700px){.onn-template #onn-main.onn-closed-page{width:min(732px,calc(100% - 24px));padding-top:24px}.onn-template .onn-closed-page>.giveaways-header h1{font-size:23px}}
@media(max-width:560px){
 .onn-template .onn-results-grid,.onn-template .giveaway-list.onn-results-grid{grid-template-columns:minmax(0,1fr);gap:8px}
 .onn-template .onn-result-card{--result-image-width:88px;--result-image-height:73px;--result-min-height:91px}
 .onn-template .home-latest-results .onn-result-card{--result-avatar-size:48px;--result-image-width:104px;--result-image-height:88px;--result-min-height:110px;--result-heading:12px;--result-text:10px;--result-meta:8px;--result-footer-height:34px}
 .onn-template .home-results-header h2{font-size:32px}
 .onn-template .home-results-header p:not(.eyebrow){font-size:11px}
}
@media(max-width:480px){
 .onn-template #onn-main.onn-closed-page{width:calc(100% - 18px);padding-top:19px}
 .onn-template .onn-closed-page>.giveaways-header{align-items:flex-start}
 .onn-template .onn-closed-page>.giveaways-header h1{font-size:21px}
 .onn-template .onn-closed-page>.giveaways-header .page-subtitle{max-width:235px;font-size:9px}
 .onn-template .onn-closed-page>.giveaways-header>.ghost-link{max-width:85px;font-size:8px;text-align:right;line-height:1.4}
}

.onn-template .onn-results-grid>.empty-state{grid-column:1/-1}

.onn-template .onn-result-card:hover{transform:translateY(-2px);border-color:#8e3848;box-shadow:0 9px 24px #0007,0 0 18px #e3546314}
.onn-template .onn-result-card:focus-within{border-color:#8e3848}

/* Hall CS2: três compradores do mês, com personagens e patentes originais. */
.onn-template .hall-season.hall-cs2{position:relative;isolation:isolate;margin:28px 0 60px;overflow:hidden;border-top:1px solid #43232d;border-bottom:1px solid #43232d;background:radial-gradient(ellipse at 50% 40%,#47232c55,transparent 61%),linear-gradient(180deg,#130c10,#090809 85%)}
.onn-template .hall-cs2::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.25;background-image:linear-gradient(#e354630b 1px,transparent 1px),linear-gradient(90deg,#e354630b 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(#000,transparent 85%)}
.onn-template .hall-cs2::after{content:'';position:absolute;z-index:-1;top:42%;left:15%;width:70%;height:1px;background:linear-gradient(90deg,transparent,#b75b6c66,transparent);box-shadow:0 60px 100px #a5304733;transform:rotate(-5deg);pointer-events:none}
.onn-template .hall-cs2-inner{width:min(1160px,calc(100% - 48px));margin:auto;padding:46px 0 24px}
.onn-template .hall-cs2-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 24px}
.onn-template .hall-cs2-heading .eyebrow{margin:0 0 11px;font-size:8px;letter-spacing:.2em}
.onn-template .hall-cs2-heading .eyebrow>span{width:5px;height:5px;border-radius:50%;background:#e35463;box-shadow:0 0 12px #e3546388}
.onn-template .hall-cs2-heading h2{margin:0;color:#f8f0f2;font:800 clamp(42px,5.7vw,72px)/.9 var(--display);letter-spacing:.02em}
.onn-template .hall-cs2-heading h2 em{font-style:normal;color:#e35463}
.onn-template .hall-cs2-heading h2>span{color:#c39b57}
.onn-template .hall-cs2-subtitle{margin:13px 0 0;color:#b9a9b0;font-size:11px}
.onn-template .hall-cs2-tools{display:flex;align-items:center;justify-content:flex-end;gap:18px}
.onn-template .hall-month{display:flex;align-items:center;gap:10px;color:#d9bd89}
.onn-template .hall-month>svg{width:19px;height:19px;stroke-width:1.4}
.onn-template .hall-month>span{display:grid;gap:3px}
.onn-template .hall-month small{color:#9f7d89;font-size:7px;font-weight:800;letter-spacing:.1em}
.onn-template .hall-month b{font-size:11px;font-weight:700}



.onn-template .hall-cs2-podium{display:grid;grid-template-columns:1fr 1.1fr 1fr;align-items:end;gap:20px;width:min(980px,100%);margin:0 auto}
.onn-template .hall-buyer-card{--hall-accent:#d6b565;--hall-rgb:214,181,101;position:relative;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.onn-template .hall-place-1{grid-column:2;grid-row:1;z-index:3}
.onn-template .hall-place-2{--hall-accent:#b6c4d5;--hall-rgb:182,196,213;grid-column:1;grid-row:1;z-index:2}
.onn-template .hall-place-3{--hall-accent:#c58c68;--hall-rgb:197,140,104;grid-column:3;grid-row:1;z-index:1}
.onn-template .hall-character-stage{position:relative;isolation:isolate;height:298px;pointer-events:none}
.onn-template .hall-place-1 .hall-character-stage{height:358px}
.onn-template .hall-character-banner{position:absolute;z-index:-1;top:26px;bottom:0;left:20%;width:60%;background:linear-gradient(155deg,rgba(var(--hall-rgb),.63),rgba(var(--hall-rgb),.13) 64%,transparent);clip-path:polygon(0 0,100% 12%,100% 100%,0 100%)}
.onn-template .hall-character-banner::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(-38deg,transparent 0 21px,rgba(var(--hall-rgb),.08) 22px 23px)}
.onn-template .hall-place-flag{position:absolute;z-index:3;top:37px;left:calc(20% + 13px);display:grid;gap:0;color:#fff5dc;text-shadow:0 1px 8px #0008}
.onn-template .hall-place-flag small{font:800 8px/1 var(--font);letter-spacing:.14em}
.onn-template .hall-place-flag strong{font:800 42px/1 var(--display);letter-spacing:-.025em}
.onn-template .hall-place-flag>span{margin-top:2px;color:var(--hall-accent);font-size:6px;font-weight:800;letter-spacing:.05em}
.onn-template .hall-character-poster,.onn-template .hall-character-canvas{position:absolute;z-index:2;bottom:0;left:50%;display:block;width:calc(100% + 68px);max-width:none;height:100%;margin:0;transform:translateX(-50%);object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 19px #0008)}
.onn-template .hall-character-video{display:none!important}.onn-template .hall-character-canvas{opacity:0;pointer-events:none}
.onn-template .hall-character-stage.is-playing .hall-character-canvas{opacity:1}
.onn-template .hall-character-stage.is-playing .hall-character-poster{opacity:0}
.onn-template .hall-character-ground{position:absolute;z-index:3;inset:auto 0 -1px;height:38px;background:linear-gradient(transparent,#110c0f);pointer-events:none}
.onn-template .hall-buyer-info{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;min-height:215px;padding:39px 16px 15px;border:1px solid rgba(var(--hall-rgb),.45);border-radius:8px;background:linear-gradient(145deg,rgba(var(--hall-rgb),.065),transparent 70%),#151014;box-shadow:0 13px 28px #0005;text-align:center}
.onn-template .hall-buyer-info::before{content:'';position:absolute;inset:0 16px auto;height:2px;background:linear-gradient(90deg,transparent,var(--hall-accent),transparent);opacity:.8}
.onn-template .hall-place-1 .hall-buyer-info{background:linear-gradient(145deg,#3a2a2033,transparent 72%),#191216;box-shadow:0 16px 50px #0008,0 0 35px #d6b56508}
.onn-template .hall-player-avatar{position:absolute;top:-31px;left:50%;display:grid;place-items:center;width:62px;height:62px;overflow:hidden;transform:translateX(-50%);border:2px solid var(--hall-accent);border-radius:16px 16px 20px 20px;background:#21151c;box-shadow:0 5px 16px #0008;color:#f8dde6}
.onn-template .hall-player-initial{font:800 26px/1 var(--font)}
.onn-template .hall-player-avatar>img{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;opacity:0}
.onn-template .hall-player-team-photo{padding:9px;object-fit:contain}
.onn-template .hall-player-avatar>.steam-profile-photo{z-index:2;padding:0;border:0;border-radius:0;object-fit:cover}
.onn-template .hall-player-avatar.has-team-avatar>.hall-player-team-photo,.onn-template .hall-player-avatar.has-steam-avatar>.steam-profile-photo{opacity:1}
.onn-template .hall-player-avatar:is(.has-team-avatar,.has-steam-avatar)>.hall-player-initial{opacity:0}
.onn-template .hall-buyer-name{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;max-width:100%;margin:0;color:#f5ecef;font:800 17px/1.35 var(--font);letter-spacing:-.025em;text-wrap:initial}
.onn-template .hall-buyer-name>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.onn-template .hall-buyer-name>.team-inline-logo{flex:0 0 18px;width:18px;height:18px;object-fit:contain}
.onn-template .hall-player-level{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;min-height:32px;margin-top:6px;color:#d8c5cd;font-size:10px;font-weight:700}
.onn-template .hall-player-level>.level-badge-faceit.faceit-level{flex-shrink:0}
.onn-template .hall-player-level>small{padding-left:7px;border-left:1px solid #46303b;color:#9b8390;font-size:8px;font-weight:500}
.onn-template .hall-buyer-score{display:grid;gap:3px;width:100%;margin:12px 0 13px}
.onn-template .hall-buyer-score>strong{color:var(--hall-accent);font:800 31px/1 var(--font);letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.onn-template .hall-buyer-score>span{color:#b19aa6;font-size:8px}
.onn-template .hall-achievement{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:auto;padding-top:10px;border-top:1px solid #3e2833;text-align:left}
.onn-template .hall-achievement-symbol{display:grid;place-items:center;flex:0 0 31px;width:31px;height:34px;clip-path:polygon(50% 0,94% 23%,94% 77%,50% 100%,6% 77%,6% 23%);background:linear-gradient(135deg,rgba(var(--hall-rgb),.5),rgba(var(--hall-rgb),.08));color:var(--hall-accent)}
.onn-template .hall-achievement-symbol>svg{width:17px;height:17px;stroke-width:1.7}
.onn-template .hall-achievement>span:last-child{display:grid;gap:3px}
.onn-template .hall-achievement small{color:#9f8592;font-size:6px;font-weight:800;letter-spacing:.08em}
.onn-template .hall-achievement b{color:var(--hall-accent);font-size:10px;font-weight:800}
.onn-template .hall-vacant-caption{min-height:32px;margin:6px 0 0;color:#a18a97;font-size:9px}
.onn-template .hall-vacant-rank{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:auto;padding-top:12px;border-top:1px solid #3e2833;color:#9f8592;font-size:8px}
.onn-template .hall-vacant-rank>svg{width:14px;height:14px}
.onn-template .hall-buyer-card.is-vacant .hall-character-stage{opacity:.5;filter:saturate(.45)}
.onn-template .hall-cs2-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;max-width:980px;margin:24px auto 0;padding-top:18px;border-top:1px solid #33202a}
.onn-template .hall-cs2-footer>p{display:flex;align-items:center;gap:7px;margin:0;color:#9f8592;font-size:9px}
.onn-template .hall-cs2-footer>p>svg{flex-shrink:0;width:13px;height:13px;color:#b58d60}
.onn-template .hall-cs2-footer .text-link{font-size:10px}
.onn-template .ranking-table-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:30px 0 14px}
.onn-template .ranking-table-heading h2{margin:0;font:800 24px/1 var(--display)}
.onn-template .ranking-table-heading>span{color:#b09aa6;font-size:10px}
@media(max-width:900px){.onn-template .hall-cs2-tools{flex-direction:column;align-items:flex-end;gap:10px}.onn-template .hall-cs2-podium{gap:13px}.onn-template .hall-character-stage{height:255px}.onn-template .hall-place-1 .hall-character-stage{height:305px}.onn-template .hall-buyer-info{padding-inline:10px}.onn-template .hall-buyer-name{font-size:14px}.onn-template .hall-player-level>small{display:none}.onn-template .hall-buyer-score>strong{font-size:27px}}
@media(max-width:640px){.onn-template .hall-cs2-inner{width:calc(100% - 28px);padding:30px 0 20px}.onn-template .hall-cs2-heading{align-items:flex-start;gap:16px;margin-bottom:15px}.onn-template .hall-cs2-heading h2{font-size:44px}.onn-template .hall-cs2-subtitle{max-width:190px;font-size:9px;line-height:1.6}.onn-template .hall-cs2-heading .eyebrow{font-size:6px}.onn-template .hall-month{gap:5px}.onn-template .hall-month>svg{width:14px;height:14px}.onn-template .hall-month small{font-size:5px;letter-spacing:0}.onn-template .hall-month b{font-size:8px}.onn-template .hall-cs2-podium{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px;max-width:500px}.onn-template .hall-place-1{grid-column:1/-1;grid-row:1;max-width:320px;width:100%;justify-self:center}.onn-template .hall-place-2{grid-column:1;grid-row:2}.onn-template .hall-place-3{grid-column:2;grid-row:2}.onn-template .hall-character-stage{height:195px}.onn-template .hall-place-1 .hall-character-stage{height:260px}.onn-template .hall-character-banner{left:16%;width:68%;top:18px}.onn-template .hall-place-flag{left:calc(16% + 8px);top:27px}.onn-template .hall-place-flag strong{font-size:34px}.onn-template .hall-place-flag>span{font-size:5px}.onn-template .hall-character-poster,.onn-template .hall-character-canvas{width:calc(100% + 30px)}.onn-template .hall-buyer-info{min-height:205px;padding:35px 9px 12px}.onn-template .hall-place-1 .hall-buyer-info{min-height:215px;padding-top:39px}.onn-template .hall-player-avatar{top:-25px;width:50px;height:50px;border-radius:12px 12px 17px 17px}.onn-template .hall-place-1 .hall-player-avatar{top:-31px;width:62px;height:62px}.onn-template .hall-buyer-name{font-size:12px;gap:4px}.onn-template .hall-place-1 .hall-buyer-name{font-size:17px}.onn-template .hall-buyer-name>.team-inline-logo{width:14px;height:14px;flex-basis:14px}.onn-template .hall-place-1 .hall-buyer-name>.team-inline-logo{width:18px;height:18px;flex-basis:18px}.onn-template .hall-player-level{gap:4px;font-size:9px}.onn-template .hall-buyer-score>strong{font-size:25px}.onn-template .hall-place-1 .hall-buyer-score>strong{font-size:31px}.onn-template .hall-buyer-score>span{font-size:7px}.onn-template .hall-achievement{gap:5px}.onn-template .hall-achievement-symbol{flex-basis:26px;width:26px;height:29px}.onn-template .hall-achievement small{font-size:5px;letter-spacing:0}.onn-template .hall-achievement b{font-size:9px}.onn-template .hall-vacant-caption{font-size:8px}.onn-template .hall-vacant-rank{font-size:7px}.onn-template .hall-cs2-footer{margin-top:21px;padding-top:15px}.onn-template .hall-cs2-footer>p{font-size:8px;line-height:1.6}.onn-template .hall-season.hall-cs2{margin-bottom:40px}}


.onn-template .hall-cs2-subtitle{text-align:left;letter-spacing:0;text-transform:none}.onn-template .hall-buyer-score>span,.onn-template .hall-player-level,.onn-template .hall-cs2-footer>p{letter-spacing:0;text-transform:none}

@media(max-width:640px){.onn-template .hall-cs2-podium{align-items:stretch}.onn-template .hall-buyer-card{display:flex;flex-direction:column}.onn-template .hall-character-stage{flex:0 0 auto}.onn-template .hall-buyer-info{flex:1}}

/* Comunidade: avaliações reais, WhatsApp e rodapé — v31. */
.onn-template .community-feedback{margin:0 auto 72px;padding:0;min-width:0}
.onn-template .community-feedback-heading,.onn-template .community-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.onn-template .community-feedback-heading .eyebrow,.onn-template .community-page-heading .eyebrow{margin:0 0 13px}
.onn-template .community-feedback-heading h2{margin:0 0 7px;font:700 36px/1.08 var(--display);letter-spacing:0}
.onn-template .community-feedback-heading h2>span,.onn-template .community-page-heading h1>span,.onn-template .community-public-heading h2>span{color:#e35463}
.onn-template .community-feedback-heading p:not(.eyebrow),.onn-template .community-page-heading p:not(.eyebrow){margin:0;color:#a998a0;font-size:12px}
.onn-template .community-feedback-heading>.text-link{white-space:nowrap;font-size:11px}
.onn-template .community-feedback-summary{display:flex;align-items:center;gap:8px;margin:0 0 15px;color:#a998a0;font-size:10px}
.onn-template .community-feedback-summary>b{color:#f5ecef;font-size:20px;line-height:1}
.onn-template .community-feedback-summary>b>small{margin-left:3px;color:#9e8792;font-size:10px;font-weight:500}
.onn-template .community-stars{display:inline-flex;gap:2px;color:#49343b;font-size:13px;letter-spacing:1px;line-height:1}
.onn-template .community-stars>.is-filled,.onn-template .community-feedback-summary>.community-stars{color:#e3b363}
.onn-template .community-rail-controls{display:flex;gap:8px;margin-left:auto}
.onn-template .community-rail-controls>button{display:grid;place-items:center;width:34px;height:34px;margin:0;padding:0;border:1px solid #61313e;border-radius:50%;background:#160f13;color:#f5e9ef;cursor:pointer;box-shadow:none}
.onn-template .community-rail-controls>button:disabled{opacity:.35;cursor:default}
.onn-template .community-rail-controls svg{width:15px;height:15px}
.onn-template .community-feedback-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 26px)/3);gap:13px;overflow-x:auto;padding:2px 0 16px;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#d64a64 #2c2026}
.onn-template .community-review{display:flex;flex-direction:column;min-width:0;min-height:200px;margin:0;padding:20px 19px 18px;border:1px solid #3c2931;border-radius:6px;background:linear-gradient(145deg,#1a1116,#110c0f);box-shadow:none;scroll-snap-align:start}
.onn-template .community-review-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:18px}
.onn-template .community-quote{height:22px;color:#6b2b3b;font:800 44px/1 var(--display)}
.onn-template .community-review blockquote,.onn-template .community-moderation-card blockquote{margin:17px 0 24px;padding:0;border:0;background:none;color:#d5c4cd;font:400 12px/1.8 var(--font);text-align:left;letter-spacing:0;overflow-wrap:anywhere;white-space:normal}
.onn-template .community-review-author{display:flex;align-items:center;gap:9px;margin-top:auto;min-width:0}
.onn-template .community-avatar{position:relative;display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;overflow:hidden;border:1px solid #7c3b51;border-radius:50%;background:linear-gradient(130deg,#793147,#391922);color:#fff0f5;font-size:12px;font-weight:800}
.onn-template .community-avatar>img{position:absolute;inset:0;width:100%;height:100%;opacity:0}
.onn-template .community-avatar>.community-team-avatar{padding:5px;object-fit:contain}
.onn-template .community-avatar>.steam-profile-photo{z-index:2;padding:0;border:0;border-radius:0;object-fit:cover}
.onn-template .community-avatar.has-team-avatar>.community-team-avatar,.onn-template .community-avatar.has-steam-avatar>.steam-profile-photo{opacity:1}
.onn-template .community-avatar:is(.has-team-avatar,.has-steam-avatar)>span{opacity:0}
.onn-template .community-review-author>div{display:grid;gap:3px;min-width:0}
.onn-template .community-review-author strong{display:flex;align-items:center;gap:5px;min-width:0;color:#f3e9ed;font-size:10px;font-weight:800}
.onn-template .community-review-author strong>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.onn-template .community-review-author strong>.team-inline-logo{flex:0 0 14px;width:14px;height:14px}
.onn-template .community-review-author small{color:#9b8490;font-size:8px}
.onn-template .community-feedback-tail{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;font-size:10px;color:#9c8692}
.onn-template .community-feedback-tail>a{color:#e8b7c6;font-weight:700;white-space:nowrap}
.onn-template .community-feedback-tail>a>span{margin-left:5px;color:#e35463}
.onn-template .community-feedback-empty{display:flex;align-items:center;gap:18px;padding:25px;border:1px dashed #57313e;border-radius:7px;background:#160f13;color:#b59ca9}
.onn-template .community-feedback-empty>svg{flex:0 0 30px;width:30px;height:30px;color:#d77891}
.onn-template .community-feedback-empty strong{color:#eddee6;font-size:13px}
.onn-template .community-feedback-empty p{margin:5px 0 0;font-size:11px;line-height:1.7}
.onn-template .community-feedback-empty>.btn{margin-left:auto;white-space:nowrap;font-size:10px}
.onn-template .onn-whatsapp.onn-whatsapp-v31{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:20px;min-height:150px;margin:0 auto 76px;padding:26px 34px}
.onn-template .onn-whatsapp-v31 .whatsapp-copy h2{margin:5px 0 6px;font:700 27px/1.08 var(--display);text-transform:none;letter-spacing:0}
.onn-template .onn-whatsapp-v31 .whatsapp-copy h2>b{color:#e35463;font-weight:700}
.onn-template .onn-whatsapp-v31 .whatsapp-copy p{margin:0;max-width:560px;font-size:10px;line-height:1.7}
.onn-template .onn-whatsapp-v31 .whatsapp-copy>span{font-size:8px;letter-spacing:.14em}
.onn-template .onn-whatsapp-v31 .whatsapp-button{margin:0;padding:15px 19px;font-size:10px;text-transform:uppercase;white-space:normal;text-align:center;line-height:1.5}
.onn-template .onn-whatsapp-v31 .whatsapp-mark{width:58px;height:58px;flex-basis:58px}
.onn-template .onn-whatsapp-v31 .whatsapp-mark>svg{width:32px;height:32px}
.onn-template .onn-footer.onn-footer-v31{display:block;width:100%;margin:0;padding:30px 0 23px;border-top:1px solid #33212a;background:#0d090c}
.onn-template .onn-footer-shell{width:min(1160px,calc(100% - 48px));margin:auto}
.onn-template .onn-footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:20px}
.onn-template .onn-footer-identity{display:flex;align-items:center;gap:25px;min-width:0}
.onn-template .onn-footer-identity>.brand{flex:0 0 100px;width:100px;height:50px;overflow:hidden;padding:0}
.onn-template .onn-footer-identity .brand-logo{width:100px;height:50px;max-width:none;object-fit:cover;object-position:50% 54%;margin:0}
.onn-template .onn-footer-identity strong{color:#e7d6e0;font-size:12px}
.onn-template .onn-footer-identity p{margin:4px 0 0;color:#9c8390;font-size:10px}
.onn-template .onn-footer-community-link{display:inline-flex;align-items:center;gap:9px;color:#c4b1bc;font-size:10px;white-space:nowrap}
.onn-template .onn-footer-community-link>span:last-child{color:#e35463}
.onn-template .onn-footer-community-dot{width:6px;height:6px;border-radius:50%;background:#3dc47d;box-shadow:0 0 12px #3dc47d44}
.onn-template .onn-footer-v31 .onn-footer-navigation{display:flex;flex-wrap:wrap;gap:13px 24px;margin:0;padding:17px 0;border:0;border-top:1px solid #302029;grid-column:auto}
.onn-template .onn-footer-v31 nav a{color:#b8a3b0;font-size:10px}
.onn-template .onn-footer-v31 nav a:hover{color:#f198ae}
.onn-template .onn-footer-v31 nav a.onn-footer-admin-link{margin-left:auto;color:#e995ab}
.onn-template .onn-footer-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-top:17px;border-top:1px solid #261b22}
.onn-template .onn-footer-copyright{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}
.onn-template .onn-footer-copyright>small{font-size:8px;color:#9b7f8f}
.onn-template .onn-footer-v31 .onn-footer-legal{display:flex;flex:0 0 auto;align-items:center;flex-wrap:wrap;gap:15px;margin:0;padding:0;border:0;grid-column:auto}
.onn-template .onn-footer-v31 .onn-footer-legal>a{font-size:9px}
.onn-template .onn-footer-age{display:grid;place-items:center;width:30px;height:27px;border:1px solid #61404e;border-radius:5px;color:#bea1af;font-size:10px;font-weight:800}
.onn-template .onn-footer-notice{margin:14px 0 0;color:#866c7c;font-size:8px;line-height:1.7}
.onn-template .community-page{margin:45px auto 68px;min-width:0}
.onn-template .community-page-heading{margin-bottom:30px}
.onn-template .community-page-heading h1{margin:0 0 12px;font:700 clamp(38px,4.4vw,58px)/1.03 var(--display);letter-spacing:.01em}
.onn-template .community-page-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.5fr);gap:28px;align-items:start}
.onn-template .community-feedback-form-panel{padding:26px;border:1px solid #4f2b3b;border-radius:9px;background:linear-gradient(135deg,#21131c,#120d11)}
.onn-template .community-feedback-form-panel>.eyebrow{font-size:8px;margin:0 0 10px}
.onn-template .community-feedback-form-panel h2{margin:0 0 22px;font:700 29px/1 var(--display);letter-spacing:0}
.onn-template .community-feedback-form-panel form{display:block;margin:0}
.onn-template .community-rating{margin:0 0 20px;padding:0;border:0;min-width:0}
.onn-template .community-rating>legend,.onn-template .community-body-label{padding:0;color:#ddc8d5;font-size:11px;font-weight:600}
.onn-template .community-rating-options{display:flex;gap:6px;margin:10px 0 6px}
.onn-template .community-rating-choice{position:relative;display:grid;place-items:center;width:38px;height:41px;margin:0;padding:0;color:#624652;cursor:pointer}
.onn-template .community-rating-choice>input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.onn-template .community-rating-choice>span{font-size:34px;line-height:1;pointer-events:none}
.onn-template .community-rating-choice.is-filled,.onn-template .community-rating-choice:has(input:checked){color:#e7b767}
.onn-template .community-rating-choice:focus-within{outline:2px solid #e7b767;outline-offset:2px;border-radius:4px}
.onn-template .community-rating>small{color:#a58c9b;font-size:10px}
.onn-template .community-feedback-form-panel textarea{display:block;width:100%;min-height:145px;margin:9px 0 7px;padding:12px;border:1px solid #4e2d3d;border-radius:6px;background:#110d10;color:#f1dfe8;font:400 12px/1.7 var(--font);resize:vertical}
.onn-template .community-feedback-form-panel textarea:focus{outline:1px solid #c56c8c;border-color:#c56c8c}
.onn-template .community-character-count{display:block;text-align:right;color:#987a8c;font-size:9px}
.onn-template .community-form-note{margin:15px 0;color:#ae91a2;font-size:10px;line-height:1.8}
.onn-template .community-feedback-form-panel form>.btn{width:100%;min-height:44px;margin-top:2px}
.onn-template .community-feedback-form-panel .community-remove-form{margin-top:17px;text-align:center}
.onn-template .community-remove-form>button{padding:3px;border:0;background:none;color:#c995a9;font:500 10px var(--font);cursor:pointer;box-shadow:none}
.onn-template .community-form-placeholder{display:flex;flex-direction:column;align-items:flex-start;gap:15px;color:#bfa3b3;font-size:12px;line-height:1.8}
.onn-template .community-form-placeholder>svg{width:32px;height:32px;color:#d5829e}
.onn-template .community-form-placeholder>p{margin:0}
.onn-template .community-form-placeholder>.text-link{font-size:10px}
.onn-template .community-public-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 20px}
.onn-template .community-public-heading .eyebrow{margin:0 0 8px;font-size:8px}
.onn-template .community-public-heading h2{margin:0;font:700 27px/1.12 var(--display);letter-spacing:0}
.onn-template .community-page-score{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:3px 6px;max-width:110px;color:#e7b767}
.onn-template .community-page-score>b{color:#f3e4ec;font-size:24px;line-height:1}
.onn-template .community-page-score>b>small{font-size:11px;color:#a78a9b}
.onn-template .community-page-score>small{flex-basis:100%;color:#a78a9b;font-size:9px;text-align:right}
.onn-template .community-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.onn-template .community-status{display:inline-flex;margin:0 0 18px;padding:5px 9px;border:1px solid #7d6241;border-radius:5px;background:#34281c55;color:#e2bd83;font-size:10px;font-weight:600}
.onn-template .community-status.is-approved{border-color:#386e4c;background:#173c2855;color:#8fdaa9}
.onn-template .community-status.is-rejected{border-color:#72414e;background:#3b1c2855;color:#d99cae}
.onn-template .community-notice{padding:12px 15px;border:1px solid #784052;border-radius:6px;background:#3d172955;color:#edb1c7;font-size:11px;line-height:1.7}
.onn-template .community-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:26px 0 0;color:#ad91a1;font-size:10px}
.onn-template .community-install{display:flex;align-items:center;gap:20px;padding:28px;border:1px solid #684253;border-radius:8px;background:#1b1017}
.onn-template .community-install>svg{flex:0 0 35px;width:35px;height:35px;color:#dc85a6}
.onn-template .community-install h2{margin:0 0 8px;font:700 28px/1 var(--display)}
.onn-template .community-install p{margin:0;max-width:640px;color:#b398aa;font-size:12px;line-height:1.8}
.onn-template .community-install>form{margin-left:auto;flex-shrink:0}
.onn-template .community-moderation-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 25px}
.onn-template .community-moderation-tabs>a{display:flex;align-items:center;gap:12px;padding:9px 13px;border:1px solid #472736;border-radius:6px;background:#170f15;color:#b79aaa;font-size:11px}
.onn-template .community-moderation-tabs>a.is-current{border-color:#a55a77;background:#351629;color:#fae4f0}
.onn-template .community-moderation-tabs>a>span{font-size:10px;color:#e7a1bc}
.onn-template .community-moderation-list{display:grid;gap:16px}
.onn-template .community-moderation-card{margin:0;padding:23px;border:1px solid #502c3e;border-radius:8px;background:#170f15}
.onn-template .community-moderation-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:12px}
.onn-template .community-moderation-card>header>div{display:grid;gap:6px;min-width:0}
.onn-template .community-moderation-card>header strong{font-size:14px;color:#f1deea;overflow-wrap:anywhere}
.onn-template .community-moderation-card>header small{font-size:9px;color:#ab8b9f}
.onn-template .community-moderation-card .community-status{margin:0;white-space:nowrap}
.onn-template .community-moderation-card blockquote{max-width:850px;margin:17px 0 22px}
.onn-template .community-moderation-card>footer{padding:0;margin:0;border:0;background:none}
.onn-template .community-moderation-card>footer>form{display:flex;flex-wrap:wrap;gap:10px;margin:0}
@media(max-width:900px){.onn-template .community-feedback-rail{grid-auto-columns:calc((100% - 13px)/2)}.onn-template .community-page-grid{grid-template-columns:minmax(260px,.9fr) minmax(0,1.2fr);gap:20px}.onn-template .community-review-grid{grid-template-columns:1fr}.onn-template .onn-footer-bottom{align-items:flex-start;flex-direction:column;gap:16px}.onn-template .onn-whatsapp.onn-whatsapp-v31{gap:17px;padding:25px}.onn-template .onn-whatsapp-v31 .whatsapp-button{max-width:200px}}
@media(max-width:700px){.onn-template .community-feedback-heading,.onn-template .community-page-heading{align-items:flex-start;flex-direction:column;gap:15px}.onn-template .community-page-grid{grid-template-columns:1fr}.onn-template .community-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.onn-template .onn-whatsapp.onn-whatsapp-v31{grid-template-columns:48px minmax(0,1fr);padding:23px;gap:17px}.onn-template .onn-whatsapp-v31 .whatsapp-mark{width:48px;height:48px;flex-basis:48px}.onn-template .onn-whatsapp-v31 .whatsapp-copy h2{font-size:26px}.onn-template .onn-whatsapp-v31 .whatsapp-button{grid-column:1/-1;max-width:none;width:100%}.onn-template .onn-footer-top{align-items:flex-start;flex-direction:column;gap:16px}.onn-template .onn-footer-v31 .onn-footer-navigation{gap:13px 19px}.onn-template .onn-footer-v31 nav a.onn-footer-admin-link{margin-left:0}.onn-template .community-install{align-items:flex-start;flex-wrap:wrap}.onn-template .community-install>form{margin-left:0;flex-basis:100%}}
@media(max-width:600px){.onn-template .community-feedback{margin-bottom:45px}.onn-template .community-feedback-heading h2{font-size:32px}.onn-template .community-feedback-rail{grid-auto-columns:88%;gap:11px}.onn-template .community-feedback-tail{align-items:flex-start;flex-direction:column;gap:10px}.onn-template .community-feedback-empty{align-items:flex-start;flex-wrap:wrap;padding:20px;gap:14px}.onn-template .community-feedback-empty>div{flex:1;min-width:170px}.onn-template .community-feedback-empty>.btn{margin:0;width:100%}.onn-template .onn-whatsapp.onn-whatsapp-v31{width:calc(100% - 28px);margin-bottom:45px;padding:22px 19px;gap:15px}.onn-template .onn-whatsapp-v31 .whatsapp-copy h2{font-size:25px}.onn-template .onn-whatsapp-v31 .whatsapp-copy p{font-size:10px}.onn-template .onn-whatsapp-v31 .whatsapp-copy>span{font-size:7px}.onn-template .onn-footer-shell{width:calc(100% - 28px)}.onn-template .onn-footer-identity{gap:15px}.onn-template .onn-footer-identity>.brand{width:86px;flex-basis:86px}.onn-template .onn-footer-identity .brand-logo{width:86px;height:43px}.onn-template .onn-footer-identity strong{font-size:10px}.onn-template .onn-footer-identity p{font-size:9px}.onn-template .onn-footer-copyright{align-items:flex-start;flex-direction:column;gap:6px}.onn-template .community-page{margin:30px auto 45px}.onn-template .community-feedback-form-panel{padding:23px 20px}.onn-template .community-review-grid{grid-template-columns:1fr}.onn-template .community-moderation-card{padding:19px}.onn-template .community-moderation-card>header{align-items:flex-start;flex-direction:column;gap:12px}.onn-template .community-page-heading h1{font-size:40px}.onn-template .community-install{padding:22px}}

.onn-template .community-feedback:has(+.community-feedback-media){margin-bottom:18px}
.onn-template .community-feedback-media{margin:0 auto 72px;border:1px solid #3b2730;border-radius:7px;background:#120c10}
.onn-template .community-feedback-media>summary{display:flex;align-items:center;gap:14px;padding:17px 20px;color:#c9aeba;font-size:11px;list-style:none;cursor:pointer}
.onn-template .community-feedback-media>summary::-webkit-details-marker{display:none}
.onn-template .community-feedback-media>summary>span{display:flex;align-items:center;gap:10px}
.onn-template .community-feedback-media>summary>span>svg{width:17px;height:17px;color:#d37f9c}
.onn-template .community-feedback-media>summary>small{margin-left:auto;color:#927582;font-size:9px;white-space:nowrap}
.onn-template .community-feedback-media>summary>svg{width:15px;height:15px}
.onn-template .community-feedback-media[open]>summary>svg{transform:rotate(180deg)}
.onn-template .community-feedback-media>.home-feedback-band{position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:100%;margin:0;padding:25px;border:0;border-top:1px solid #3b2730;border-radius:0 0 7px 7px}
.onn-template .community-feedback-media .home-feedback-bg{position:absolute;inset:0;z-index:-1;opacity:.08;pointer-events:none}
.onn-template .community-feedback-media .home-feedback-bg>img,.onn-template .community-feedback-media .home-feedback-bg>video{display:block;width:100%;height:100%;object-fit:cover}
.onn-template .community-feedback-media .home-feedback-head h2{font:700 28px/1.1 var(--display);margin:8px 0}
.onn-template .community-feedback-media .home-feedback-head>p:not(.eyebrow){font-size:11px;color:#aa8c9d}
@media(max-width:600px){.onn-template .community-feedback-media{width:calc(100% - 28px);margin-bottom:45px}.onn-template .community-feedback-media>summary{gap:10px;padding:16px 14px;font-size:10px}.onn-template .community-feedback-media>summary>span{gap:7px}.onn-template .community-feedback-media>.home-feedback-band{padding:18px}}

/* WhatsApp: chamada integrada ao site e ação com recorte diagonal. */
.onn-template .onn-whatsapp.onn-whatsapp-diagonal{grid-template-columns:minmax(0,1fr) minmax(390px,46%);gap:0;min-height:208px;padding:0;border:0;border-radius:5px;background:radial-gradient(ellipse at 8% 115%,#4a192b66,transparent 65%),linear-gradient(105deg,#191116,#100d10 70%);box-shadow:none}
.onn-template .onn-whatsapp-diagonal::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,#000,transparent 65%);pointer-events:none}
.onn-template .onn-whatsapp-diagonal .whatsapp-mark{position:absolute;left:-26px;bottom:-42px;width:216px;height:216px;border:0;border-radius:0;background:none;box-shadow:none;color:#d9b9c7;opacity:.035;transform:rotate(-14deg);pointer-events:none}
.onn-template .onn-whatsapp-diagonal .whatsapp-mark>svg{width:100%;height:100%}
.onn-template .onn-whatsapp-diagonal .whatsapp-copy{position:relative;min-width:0;padding:34px 24px 34px 42px}
.onn-template .onn-whatsapp-diagonal .whatsapp-copy>span{display:flex;align-items:center;gap:10px;color:#bb9da9;font:600 8px/1.4 var(--font);letter-spacing:.19em}
.onn-template .onn-whatsapp-diagonal .whatsapp-copy>span::before{content:"";width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#43db85;box-shadow:0 0 13px #43db8566}
.onn-template .onn-whatsapp-diagonal .whatsapp-copy h2{max-width:420px;margin:13px 0 10px;color:#f4eaf0;font:700 36px/1.04 var(--display);letter-spacing:.005em;text-wrap:pretty}
.onn-template .onn-whatsapp-diagonal .whatsapp-copy h2>b{color:#e76983}
.onn-template .onn-whatsapp-diagonal .whatsapp-copy p{max-width:390px;margin:0;color:#a68d99;font:400 11px/1.8 var(--font);text-wrap:pretty}
.onn-template .onn-whatsapp-diagonal .whatsapp-button{--wa-cut:100px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;align-self:stretch;gap:22px;width:100%;max-width:none;min-width:0;min-height:208px;margin:0;padding:30px 32px 30px 110px;overflow:hidden;border:0;border-radius:0;clip-path:polygon(var(--wa-cut) 0,100% 0,100% 100%,0 100%);background-color:#22c66b;background-image:radial-gradient(ellipse at 100% 0,#b9ffbd66,transparent 68%),linear-gradient(120deg,#31d578,#20b762);color:#052c1a;box-shadow:none;text-align:left;text-transform:none;text-decoration:none;white-space:normal;transform:none;transition:clip-path .4s cubic-bezier(.2,.8,.2,1),background-color .4s ease}
.onn-template .onn-whatsapp-diagonal .whatsapp-button::before{content:"";position:absolute;inset:0;z-index:-1;clip-path:polygon(var(--wa-cut) 0,calc(var(--wa-cut) + 4px) 0,4px 100%,0 100%);background:linear-gradient(#d6ffe3,#73f3ac);pointer-events:none;transition:clip-path .4s cubic-bezier(.2,.8,.2,1)}
.onn-template .onn-whatsapp-diagonal .whatsapp-button::after{content:"";position:absolute;inset:-80% -40%;z-index:-1;background:linear-gradient(112deg,transparent 44%,#d6ffe338 50%,transparent 56%);transform:translateX(-75%);pointer-events:none;transition:transform .8s ease}
.onn-template .onn-whatsapp-diagonal .whatsapp-button-content{position:relative;display:block;min-width:0;padding:0}
.onn-template .onn-whatsapp-diagonal .whatsapp-button-label{display:block;font:500 23px/1.08 var(--display);letter-spacing:.01em;overflow-wrap:anywhere}
.onn-template .onn-whatsapp-diagonal .whatsapp-button-label>strong{display:block;margin-top:1px;color:inherit;font:700 clamp(36px,3vw,42px)/1.05 var(--display);letter-spacing:-.01em}
.onn-template .onn-whatsapp-diagonal .whatsapp-button-caption{display:flex;align-items:center;gap:6px;margin-top:17px;color:#0b5030;font:600 9px/1.5 var(--font)}
.onn-template .onn-whatsapp-diagonal .whatsapp-button-caption>svg{display:block;flex:0 0 19px;width:19px;height:19px}
.onn-template .onn-whatsapp-diagonal .whatsapp-button-arrow{display:grid;flex:0 0 48px;place-items:center;width:48px;height:48px;margin:0;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);border:0;border-radius:0;background:#07341f;color:#92f5b7;transition:transform .4s ease,background-color .4s ease}
.onn-template .onn-whatsapp-diagonal .whatsapp-button-arrow>svg{display:block;width:21px;height:21px;transition:transform .4s ease}
.onn-template .onn-whatsapp-diagonal .whatsapp-button:is(:hover,:focus-visible){--wa-cut:78px;background-color:#2bd17a;color:#052c1a;transform:none}
.onn-template .onn-whatsapp-diagonal .whatsapp-button:is(:hover,:focus-visible)::after{transform:translateX(75%)}
.onn-template .onn-whatsapp-diagonal .whatsapp-button:is(:hover,:focus-visible) .whatsapp-button-arrow{transform:translate(3px,-3px);background:#052c1a}
.onn-template .onn-whatsapp-diagonal .whatsapp-button:is(:hover,:focus-visible) .whatsapp-button-arrow>svg{transform:translate(1px,-1px)}
.onn-template .onn-whatsapp-diagonal .whatsapp-button:focus-visible{outline:0}
.onn-template .onn-whatsapp-diagonal .whatsapp-button:focus-visible .whatsapp-button-content{outline:2px solid #052c1a;outline-offset:8px;border-radius:2px}
.onn-template .onn-whatsapp-diagonal .whatsapp-button:active .whatsapp-button-arrow{transform:none}
.onn-template .onn-whatsapp-diagonal .whatsapp-decoration{display:none}
@media(max-width:1050px){
 .onn-template .onn-whatsapp.onn-whatsapp-diagonal{grid-template-columns:minmax(0,1fr) minmax(330px,47%)}
 .onn-template .onn-whatsapp-diagonal .whatsapp-copy{padding:30px}
 .onn-template .onn-whatsapp-diagonal .whatsapp-copy h2{font-size:32px}
 .onn-template .onn-whatsapp-diagonal .whatsapp-button{--wa-cut:80px;gap:14px;padding:28px 25px 28px 82px}
 .onn-template .onn-whatsapp-diagonal .whatsapp-button:is(:hover,:focus-visible){--wa-cut:62px}
 .onn-template .onn-whatsapp-diagonal .whatsapp-button-label{font-size:21px}
 .onn-template .onn-whatsapp-diagonal .whatsapp-button-label>strong{font-size:36px}
 .onn-template .onn-whatsapp-diagonal .whatsapp-button-arrow{flex-basis:42px;width:42px;height:42px}
 .onn-template .onn-whatsapp-diagonal .whatsapp-button-caption{max-width:145px;font-size:8px}
}
@media(max-width:700px){
 .onn-template .onn-whatsapp.onn-whatsapp-diagonal{grid-template-columns:minmax(0,1fr);min-height:0;border-radius:4px}
 .onn-template .onn-whatsapp-diagonal .whatsapp-copy{padding:28px 27px 30px}
 .onn-template .onn-whatsapp-diagonal .whatsapp-copy h2{max-width:320px;font-size:33px}
 .onn-template .onn-whatsapp-diagonal .whatsapp-copy p{font-size:10px}
 .onn-template .onn-whatsapp-diagonal .whatsapp-copy>span{font-size:7px}
 .onn-template .onn-whatsapp-diagonal .whatsapp-mark{left:-23px;top:18px;bottom:auto;width:185px;height:185px}
 .onn-template .onn-whatsapp-diagonal .whatsapp-button{--wa-cut:48px;grid-column:auto;gap:20px;width:100%;min-height:166px;margin:0;padding:25px 25px 25px 62px}
 .onn-template .onn-whatsapp-diagonal .whatsapp-button:is(:hover,:focus-visible){--wa-cut:34px}
 .onn-template .onn-whatsapp-diagonal .whatsapp-button-label{font-size:21px}
 .onn-template .onn-whatsapp-diagonal .whatsapp-button-label>strong{font-size:37px}
 .onn-template .onn-whatsapp-diagonal .whatsapp-button-caption{max-width:none;margin-top:14px;font-size:8px}
 .onn-template .onn-whatsapp-diagonal .whatsapp-button-arrow{flex-basis:42px;width:42px;height:42px}
}
@media(max-width:374px){
 .onn-template .onn-whatsapp-diagonal .whatsapp-copy{padding:26px 24px 28px}
 .onn-template .onn-whatsapp-diagonal .whatsapp-button{gap:14px;padding-right:21px;padding-left:54px}
 .onn-template .onn-whatsapp-diagonal .whatsapp-button-label>strong{font-size:33px}
 .onn-template .onn-whatsapp-diagonal .whatsapp-button-arrow{flex-basis:36px;width:36px;height:36px}
 .onn-template .onn-whatsapp-diagonal .whatsapp-button-caption{gap:4px;font-size:7px}
}
@media(prefers-reduced-motion:reduce){
 .onn-template .onn-whatsapp-diagonal .whatsapp-button,.onn-template .onn-whatsapp-diagonal .whatsapp-button::before,.onn-template .onn-whatsapp-diagonal .whatsapp-button::after,.onn-template .onn-whatsapp-diagonal .whatsapp-button-arrow,.onn-template .onn-whatsapp-diagonal .whatsapp-button-arrow>svg{transition:none}
 .onn-template .onn-whatsapp-diagonal .whatsapp-button::after{display:none}
}

/* Topbar v40: grafite neutro, destaques da marca e energia nos eventos. */
html{scroll-padding-top:calc(var(--onn-header-height,88px) + 12px)}
.onn-template .onn-topbar.onn-topbar-v39{position:sticky;top:0;inset-inline:0;display:block;width:100%;height:auto;min-height:0;padding:8px 12px 0;border:0;background:linear-gradient(#09090bed,#09090bd9);backdrop-filter:blur(16px);box-shadow:none;isolation:isolate}
.onn-template .onn-topbar-v39 .onn-topbar-shell{position:relative;display:flex;align-items:center;gap:14px;min-height:80px;padding:0 24px;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);background:radial-gradient(ellipse at 20% 0,#ffffff05,transparent 55%),linear-gradient(110deg,#1b1b1e,#141416 65%,#19191c);border:0}
.onn-template .onn-topbar-v39 .onn-topbar-shell::before{content:"";position:absolute;inset:0 14px auto;height:1px;background:linear-gradient(90deg,transparent,#ffffff15,transparent);pointer-events:none}
.onn-template .onn-topbar-v39 .onn-topbar-shell>.brand{flex:0 0 112px;order:0;width:112px;height:60px;margin:0;padding:0;overflow:hidden}
.onn-template .onn-topbar-v39 .onn-topbar-shell>.brand .brand-logo{width:112px;height:60px;max-width:none;margin:0;object-fit:cover;object-position:50% 54%}
.onn-template .onn-topbar-v39 .onn-menu-toggle{display:flex;order:0;flex:0 0 34px;width:34px;height:34px;margin:0 7px 0 0;border-color:#ffffff18;border-radius:3px;background:#0c0c0e80}
.onn-template .onn-topbar-v39 .onn-menu-toggle span{width:15px;height:1px;background:#b9b9bf}
.onn-template .onn-topbar-v39 .topbar-main-nav{position:static;display:flex;flex:1 1 auto;align-items:stretch;align-self:stretch;justify-content:flex-start;gap:6px;width:auto;min-width:0;height:auto;margin:0;overflow:visible;transform:none}
.onn-template .onn-topbar-v39 .topbar-main-nav>a{position:relative;display:flex;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:90px;height:80px;padding:10px 12px;border:0;border-radius:0;background:transparent;color:#a7a7ae;font:600 10px/1.2 var(--font);text-transform:uppercase;letter-spacing:.025em;white-space:nowrap;transition:color .2s ease,background-color .2s ease}
.onn-template .onn-topbar-v39 .topbar-main-nav>a>svg{width:21px;height:21px;stroke-width:1.45;color:#94949e;transition:color .2s ease,transform .2s ease}
.onn-template .onn-topbar-v39 .topbar-main-nav>a::after{content:"";position:absolute;inset:auto 18px 0;height:2px;background:#e35463;opacity:0;box-shadow:0 0 15px #e3546370;transform:none;transition:opacity .2s ease}
.onn-template .onn-topbar-v39 .topbar-main-nav>a:is(.active,:hover,:focus-visible){color:#f7f7f8;background:radial-gradient(ellipse at 50% 100%,#e3546318,transparent 75%)}
.onn-template .onn-topbar-v39 .topbar-main-nav>a:is(.active,:hover,:focus-visible)>svg{color:#ed7180;transform:translateY(-1px)}
.onn-template .onn-topbar-v39 .topbar-main-nav>a:is(.active,:hover,:focus-visible)::after{opacity:1}
.onn-template .onn-topbar-v39 :is(a,button):focus-visible{outline-offset:-4px}
.onn-template .onn-topbar-v39 .top-actions{display:flex;flex:0 0 auto;align-items:center;gap:10px;width:auto;min-width:0;margin:0 0 0 auto;padding:0 0 0 18px;border-left:1px solid #ffffff10}
.onn-template .onn-topbar-v39 .visitor{font-size:9px;color:#97979f}
.onn-template .onn-topbar-v39 .visitor>b{margin-left:7px;color:#d8d8de}
.onn-template .onn-topbar-v39 .online-dot{width:5px;height:5px;box-shadow:0 0 9px #e3546366}
.onn-template .onn-topbar-v39 .btn{min-height:38px;margin:0;padding:11px 15px;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);border-radius:0;font:700 10px/1.4 var(--font);letter-spacing:.02em;transform:none}
.onn-template .onn-topbar-v39 .onn-login{display:inline-flex;border-color:#ffffff1c;background:#212125;color:#e1e1e6}
.onn-template .onn-topbar-v39 .onn-signup{border:0;background:linear-gradient(110deg,#bb3047,#e35463);color:#fff;box-shadow:none}
.onn-template .onn-topbar-v39 .btn:hover{filter:brightness(1.12);transform:none}
.onn-template .onn-topbar-v39 .top-player-card{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;min-width:164px;max-width:210px;min-height:46px;margin:0;padding:6px 10px;border:1px solid #ffffff12;border-radius:4px;background:#ffffff04;box-shadow:none}
.onn-template .onn-topbar-v39 .top-player-meta{min-width:0}
.onn-template .onn-topbar-v39 .top-player-meta strong{max-width:140px;color:#f1f1f4;font-size:10px}
.onn-template .onn-topbar-v39 .top-logout-button{flex-shrink:0;margin:0;padding:9px 10px;border-color:#ffffff14;border-radius:3px;background:#202023;color:#aaaab4;font-size:9px}
.onn-template .onn-topbar-v39 .onn-event-nav{position:relative;display:flex;align-items:center;gap:22px;width:min(960px,calc(100% - 100px));height:50px;margin:0 auto;padding:0 40px;clip-path:polygon(0 0,100% 0,calc(100% - 28px) 100%,28px 100%);border:0;background:radial-gradient(ellipse at 18% 0,#efb95616,transparent 65%),linear-gradient(105deg,#1d1c1a,#151516 70%,#1b1a18);box-shadow:none;overflow:hidden;isolation:isolate}
.onn-template .onn-topbar-v39 .onn-event-label{position:relative;z-index:1;display:flex;flex:0 0 auto;align-items:center;gap:9px;color:#f5c575;white-space:nowrap}
.onn-template .onn-topbar-v39 .onn-event-label>svg{width:18px;height:18px;fill:#f4be6530;stroke-width:1.7;transform-origin:center;animation:onn-event-energy 3.2s ease-in-out infinite}
.onn-template .onn-topbar-v39 .onn-event-label>span{display:grid;gap:2px}
.onn-template .onn-topbar-v39 .onn-event-label b{color:#d5ac6d;font:700 6px/1.1 var(--font);letter-spacing:.17em;text-transform:uppercase}
.onn-template .onn-topbar-v39 .onn-event-label strong{color:#f3d29c;font:600 10px/1.15 var(--font)}
.onn-template .onn-topbar-v39 .onn-event-label>em{display:grid;place-items:center;min-width:18px;height:18px;margin-left:2px;padding:0 4px;border:1px solid #e9bb6355;border-radius:3px;background:#e9bb6314;color:#f5d59b;font:600 8px/1 var(--font)}
.onn-template .onn-topbar-v39 .onn-event-links{position:relative;z-index:1;display:flex;flex:1 1 auto;align-items:stretch;gap:8px;min-width:0;height:100%;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain}
.onn-template .onn-topbar-v39 .onn-event-links::-webkit-scrollbar{display:none}
.onn-template .onn-topbar-v39 .onn-event-links>a{position:relative;display:flex;flex:0 1 260px;align-items:center;justify-content:space-between;gap:12px;min-width:130px;max-width:300px;min-height:38px;margin:5px 0;padding:0 13px;border:0;border-radius:0;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);background:#e9bb6308;color:#ded4c3;box-shadow:inset 0 0 0 1px #e9bb6326,inset 2px 0 #e9bb6366;font:500 10px/1.3 var(--font);scroll-snap-align:start;text-decoration:none;transition:color .2s ease,background-color .2s ease,box-shadow .2s ease}
.onn-template .onn-topbar-v39 .onn-event-links>a>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.onn-template .onn-topbar-v39 .onn-event-links>a>svg{flex:0 0 12px;width:12px;height:12px;color:#edc274;transition:transform .25s ease,color .25s ease,filter .25s ease}
.onn-template .onn-topbar-v39 .onn-event-links>a:is(:hover,:focus-visible){background:#edc2741c;color:#fff3dc;box-shadow:inset 0 0 0 1px #f3c67c80,inset 2px 0 #f3c67c}
.onn-template .onn-topbar-v39 .onn-event-links>a:is(:hover,:focus-visible)::after{content:"";position:absolute;inset:auto 10px 0;height:1px;background:linear-gradient(90deg,transparent,#f6ca7d,transparent)}
.onn-template .onn-topbar-v39 .onn-event-nav::before{content:"";position:absolute;z-index:0;inset:0 auto 0 0;width:38%;background:linear-gradient(90deg,transparent,#f5c57520,transparent);opacity:0;transform:translateX(-160%) skewX(-24deg);pointer-events:none;animation:onn-event-sweep 7s ease-in-out infinite}
.onn-template .onn-topbar-v39 .onn-event-nav::after{content:"";position:absolute;z-index:0;inset:auto 28px 0;height:1px;background:linear-gradient(90deg,transparent,#edc27480,transparent);pointer-events:none}
.onn-template .onn-topbar-v39 .onn-event-label b::before{content:"";display:inline-block;width:3px;height:3px;margin:0 4px 1px 0;border-radius:50%;background:#f5c575;box-shadow:0 0 6px #f5c57590}
.onn-template .onn-topbar-v39 .onn-event-links>a:is(:hover,:focus-visible)>svg{color:#ffdc9e;filter:drop-shadow(0 0 4px #f5c57570);transform:translate(2px,-2px)}
.onn-template .onn-topbar-v39 .onn-event-links>a:focus-visible{outline-color:#f3c67c;outline-offset:-3px}
/* Descargas animadas fora da faixa; o canvas não altera a altura nem recebe cliques. */
.onn-template .onn-topbar-v39 .onn-event-storm{position:absolute;z-index:2;top:0;left:0;display:block;width:100%;max-width:100%;height:0;margin:0;padding:0;border:0;background:transparent;pointer-events:none;user-select:none;mix-blend-mode:screen}
@keyframes onn-event-sweep{0%,10%{opacity:0;transform:translateX(-160%) skewX(-24deg)}16%{opacity:1}52%{opacity:1;transform:translateX(370%) skewX(-24deg)}60%,100%{opacity:0;transform:translateX(370%) skewX(-24deg)}}
@keyframes onn-event-energy{0%,100%{opacity:.8;filter:drop-shadow(0 0 2px #f5c57550);transform:scale(.96) rotate(-4deg)}50%{opacity:1;filter:drop-shadow(0 0 7px #f5c575c0);transform:scale(1.08) rotate(3deg)}}
@media(prefers-reduced-motion:reduce){
 .onn-template .onn-topbar-v39 .onn-event-nav::before{display:none;animation:none!important}
 .onn-template .onn-topbar-v39 .onn-event-label>svg{animation:none!important;filter:drop-shadow(0 0 3px #f5c57570)}
 .onn-template .onn-topbar-v39 .onn-event-links>a>svg{transition:none;transform:none!important}
}
@media(min-width:901px){
 .onn-template .onn-topbar-v39 .onn-event-nav:has(.onn-event-links>a:only-child){width:min(650px,calc(100% - 100px))}
 .onn-template .onn-topbar-v39 .onn-event-links>a:only-child{flex-grow:1;max-width:none}
}
@media(max-width:1200px){
 .onn-template .onn-topbar-v39 .visitor,.onn-template .onn-topbar-v39 .online-dot{display:none}
 .onn-template .onn-topbar-v39 .onn-topbar-shell{gap:10px;padding-inline:18px}
 .onn-template .onn-topbar-v39 .topbar-main-nav>a{min-width:82px;padding-inline:9px;font-size:9px}
 .onn-template .onn-topbar-v39 .top-actions{gap:8px;padding-left:12px}
}
@media(max-width:900px){
 .onn-template .onn-topbar.onn-topbar-v39{padding:8px 8px 0}
 .onn-template .onn-topbar-v39 .onn-topbar-shell{min-height:72px;gap:12px;padding-inline:18px}
 .onn-template .onn-topbar-v39 .onn-topbar-shell>.brand{flex-basis:102px;width:102px;height:56px;margin-right:auto}
 .onn-template .onn-topbar-v39 .onn-topbar-shell>.brand .brand-logo{width:102px;height:56px}
 .onn-template .onn-topbar-v39 .topbar-main-nav{display:none}
 .onn-template .onn-topbar-v39 .onn-menu-toggle{order:-1;margin:0}
 .onn-template .onn-topbar-v39 .top-actions{margin-left:auto;padding-left:15px}
 .onn-template .onn-topbar-v39 .onn-event-nav{width:calc(100% - 36px);height:48px;padding-inline:32px;gap:18px}
}
@media(max-width:640px){
 .onn-template .onn-topbar.onn-topbar-v39{padding:6px 6px 0}
 .onn-template .onn-topbar-v39 .onn-topbar-shell{min-height:60px;gap:8px;padding:0 12px;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}
 .onn-template .onn-topbar-v39 .onn-topbar-shell>.brand{flex-basis:78px;width:78px;height:46px}
 .onn-template .onn-topbar-v39 .onn-topbar-shell>.brand .brand-logo{width:78px;height:46px}
 .onn-template .onn-topbar-v39 .onn-menu-toggle{flex-basis:30px;width:30px;height:30px}
 .onn-template .onn-topbar-v39 .top-actions{gap:6px;padding-left:9px}
 .onn-template .onn-topbar-v39 .btn{min-height:32px;padding:8px 10px;font-size:8px}
 .onn-template .onn-topbar-v39 .onn-login{display:inline-flex}
 .onn-template .onn-topbar-v39 .top-player-card{grid-template-columns:28px minmax(0,1fr);gap:6px;min-width:116px;max-width:150px;min-height:38px;padding:4px 7px}
 .onn-template .onn-topbar-v39 .top-player-avatar.header-level-badge.faceit-level{width:28px;height:28px;min-width:28px;flex-basis:28px}
 .onn-template .onn-topbar-v39 .top-player-meta strong{max-width:92px;font-size:9px}
 .onn-template .onn-topbar-v39 .top-logout-button{padding:8px 7px;font-size:8px}
 .onn-template .onn-topbar-v39 .onn-event-nav{width:calc(100% - 12px);height:46px;padding:0 23px;gap:12px;clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,18px 100%)}
 .onn-template .onn-topbar-v39 .onn-event-label{gap:6px}
 .onn-template .onn-topbar-v39 .onn-event-label>svg{width:15px;height:15px}
 .onn-template .onn-topbar-v39 .onn-event-label strong{font-size:9px}
 .onn-template .onn-topbar-v39 .onn-event-label strong>span{display:none}
 .onn-template .onn-topbar-v39 .onn-event-label b{font-size:5px}
 .onn-template .onn-topbar-v39 .onn-event-label>em{min-width:15px;height:15px;font-size:7px}
 .onn-template .onn-topbar-v39 .onn-event-links>a{flex-basis:190px;min-width:132px;margin:4px 0;padding-inline:9px;font-size:9px}
}
@media(max-width:374px){
 .onn-template .onn-topbar-v39 .onn-topbar-shell{gap:6px;padding-inline:9px}
 .onn-template .onn-topbar-v39 .onn-topbar-shell>.brand{flex-basis:66px;width:66px}
 .onn-template .onn-topbar-v39 .onn-topbar-shell>.brand .brand-logo{width:70px}
 .onn-template .onn-topbar-v39 .top-player-card{min-width:104px;max-width:126px}
 .onn-template .onn-topbar-v39 .top-actions{gap:5px;padding-left:6px}
 .onn-template .onn-topbar-v39 .btn{padding-inline:8px}
}

/* Fundo fotográfico do topo: arte original em toda a largura, com leitura preservada. */
.onn-template .onn-home-hero.onn-home-hero-bg{position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:none;margin-inline:0;padding-inline:max(24px,calc((100% - 1160px)/2));background:#090809}
.onn-template .onn-home-hero-bg>.onn-hero-background{position:absolute;z-index:-2;inset:0;display:block;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center;pointer-events:none;user-select:none}
.onn-template .onn-home-hero-bg::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#090809de 0%,#090809b8 27%,#09080918 58%,#09080900 78%),linear-gradient(0deg,#090809 0%,#09080938 19%,#09080900 37%);pointer-events:none}
.onn-template .onn-home-hero-bg::after{content:none}
.onn-template .onn-home-hero-bg .hero-art{align-self:stretch;height:auto;min-height:380px;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none}
.onn-template .onn-home-hero-bg .hero-art::after{content:none}
.onn-template .onn-home-hero-bg .float-chip{z-index:2;background:#120d0fe6;backdrop-filter:blur(8px)}
.onn-template .onn-home-hero-bg .chip-top{top:auto;right:0;bottom:82px}
.onn-template .onn-home-hero-bg .chip-bottom{right:0;left:auto;bottom:24px;transform:none}
@media(min-width:641px) and (max-width:1100px){
 .onn-template .onn-home-hero-bg::before{background:linear-gradient(90deg,#090809ed 0%,#090809b8 38%,#09080925 68%,#09080900 100%),linear-gradient(0deg,#090809 0%,#09080900 37%)}
}
@media(max-width:640px){
 .onn-template .onn-home-hero.onn-home-hero-bg{padding:45px 16px 34px}
 .onn-template .onn-home-hero-bg>.onn-hero-background{inset:auto 0 0;width:100%;height:340px;object-position:65% center}
 .onn-template .onn-home-hero-bg::before{background:linear-gradient(180deg,#090809 0,#090809 calc(100% - 350px),#09080900 calc(100% - 265px),#09080900 calc(100% - 65px),#090809 100%)}
 .onn-template .onn-home-hero-bg .hero-art{min-height:0;height:260px}
 .onn-template .onn-home-hero-bg .chip-top{top:auto;right:0;bottom:74px}
 .onn-template .onn-home-hero-bg .chip-bottom{right:0;left:auto;bottom:20px;transform:none}
}

/* Campanhas v47: cabeçalho do template e os mesmos cards/estilos da index. */
.onn-template #onn-main.onn-campaigns-page{width:min(1160px,calc(100% - 48px));max-width:1160px;margin:0 auto;padding:33px 0 35px}
.onn-template .onn-campaigns-page>.giveaways-header{position:relative;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:12px;margin:0 0 20px;padding:0}
.onn-template .onn-campaigns-page>.giveaways-header>div:first-child{flex:1;min-width:0}
.onn-template .onn-campaigns-page .giveaways-header .eyebrow{margin:0;color:#e35463;font-size:8px;letter-spacing:.1em}
.onn-template .onn-campaigns-page .giveaways-header h1{margin:2px 0 0;font:700 26px/1.1 var(--font);letter-spacing:-.04em;text-shadow:0 0 22px #e354631c}
.onn-template .onn-campaigns-page .giveaways-header .page-subtitle{display:block;max-width:none;margin-top:4px;color:#abb4af;font-size:10px;line-height:1.6}
.onn-template .onn-campaign-header-actions{display:flex;flex:0 0 auto;align-items:center;gap:10px}
.onn-template .onn-campaign-header-actions>.ghost-link{flex-shrink:0;color:#c2cbc6;font-size:9px;font-weight:700;white-space:nowrap}
.onn-template .onn-campaign-search{position:relative;z-index:20}
.onn-template .onn-campaign-search>summary{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:3px;color:#af9da4;list-style:none;cursor:pointer}
.onn-template .onn-campaign-search>summary::-webkit-details-marker{display:none}
.onn-template .onn-campaign-search>summary>svg{width:15px;height:15px}
.onn-template .onn-campaign-search>summary:is(:hover,:focus-visible){color:#ef8693;background:#e3546310}
.onn-template .onn-campaign-search .onn-toolbar{position:absolute;top:calc(100% + 8px);right:0;display:grid;gap:8px;width:min(290px,calc(100vw - 32px));margin:0;padding:10px;border:1px solid #54303b;border-radius:5px;background:#140d10;box-shadow:0 12px 32px #0008}
.onn-template .onn-campaign-search .search-box{display:flex;width:100%;max-width:none;min-height:36px;padding:0 8px;border:1px solid #422832;border-radius:3px;background:#0f0a0c}
.onn-template .onn-campaign-search .search-box>input{width:100%;min-width:0;min-height:36px;height:36px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-size:12px}
.onn-template .onn-campaign-search .onn-search-count{font-size:10px;color:#a9969e}
.onn-template .onn-campaign-search .empty-state{margin:0;padding:8px;font-size:11px}
.onn-template .onn-campaigns-page .giveaway-list.campaign-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:100%;margin:0;padding:0}
.onn-template .onn-campaigns-page .home-campaign-card{max-width:100%}
.onn-template .onn-campaigns-page .giveaway-list>.empty-state{grid-column:1/-1}
@media(max-width:640px){
 .onn-template #onn-main.onn-campaigns-page{padding-top:24px}
 .onn-template .onn-campaigns-page>.giveaways-header{align-items:flex-start;gap:8px;margin-bottom:16px}
 .onn-template .onn-campaigns-page .giveaways-header h1{font-size:23px}
 .onn-template .onn-campaigns-page .giveaways-header .page-subtitle{max-width:330px;font-size:9px}
 .onn-template .onn-campaign-header-actions{flex-direction:column;align-items:flex-end;gap:3px;max-width:100px}
 .onn-template .onn-campaign-header-actions>.ghost-link{max-width:100px;font-size:9px;white-space:normal;text-align:right;line-height:1.4}
 .onn-template .onn-campaign-search .onn-toolbar{right:0}
 .onn-template .onn-campaigns-page .giveaway-list.campaign-list{grid-template-columns:minmax(0,1fr);gap:10px}
}
@media(max-width:600px){
 .onn-template #onn-main.onn-campaigns-page{width:calc(100% - 28px)}
}

/* Hover keeps the original flame; live campaigns keep it active without a pointer. */
.onn-template :is(#home-active-campaigns,.onn-campaigns-page #onn-campaign-list) .home-campaign-card:is(:not(.is-featured),.is-live-campaign) .home-raffle-media>.onn-card-flame{position:absolute;z-index:2;inset:0;display:block;width:100%;height:100%;margin:0;opacity:0;mix-blend-mode:screen;pointer-events:none;user-select:none;transition:opacity .16s ease}
.onn-template :is(#home-active-campaigns,.onn-campaigns-page #onn-campaign-list) .home-campaign-card:is(:not(.is-featured),.is-live-campaign).is-flame-active .onn-card-flame{opacity:1}
.onn-template :is(#home-active-campaigns,.onn-campaigns-page #onn-campaign-list) .home-campaign-card:is(:not(.is-featured),.is-live-campaign).is-flame-active{border-color:#9c3949;box-shadow:0 14px 32px #0007,0 0 18px #ed294c0d}
.onn-template :is(#home-active-campaigns,.onn-campaigns-page #onn-campaign-list) .home-campaign-card:is(:not(.is-featured),.is-live-campaign) .home-raffle-media :is(figcaption,.prize-award-badge){z-index:3}
.onn-template .onn-card-flame-source{display:none!important;pointer-events:none}

/* Live status belongs on the skin; the original badge remains the single countdown source. */
.onn-template .home-campaign-card.is-live-campaign{border-color:#b7445d;box-shadow:0 0 22px #ed294c18}
.onn-template .home-campaign-card.is-live-campaign .home-raffle-media>:is(img,.prize-award-slideshow,.skin-placeholder){opacity:.5}
.onn-template .home-campaign-card .home-raffle-media>.home-campaign-live-overlay{position:absolute;z-index:4;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;min-width:0;min-height:0;margin:0;padding:16px;border:0;border-radius:0;background:linear-gradient(180deg,#100a1040,#100a10b3 42%,#100a10a6 70%,#100a1026);box-shadow:none;color:#fff;font:800 16px/1.2 var(--font);letter-spacing:.08em;text-align:center;text-transform:uppercase;white-space:normal;pointer-events:none;animation:none}
.onn-template .home-campaign-card .home-campaign-live-overlay::before,.onn-template .home-campaign-card .home-campaign-live-overlay::after{display:none;content:none}
.onn-template .home-campaign-live-overlay>span{display:flex;align-items:center;justify-content:center;gap:7px;max-width:100%;color:#ffe0e8;text-shadow:0 2px 8px #000}
.onn-template .home-campaign-live-overlay>span::before{content:'';flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:#ff557a;box-shadow:0 0 13px #ff426ecc;animation:onn-live-indicator 1.5s ease-in-out infinite}
.onn-template .home-campaign-live-overlay>[data-auto-draw-countdown-value]{max-width:100%;color:#fff;font:800 clamp(28px,4vw,46px)/1 var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.04em;text-shadow:0 2px 10px #000,0 0 20px #f3476d55}
.onn-template .home-campaign-live-overlay.is-live-now>span{font-size:clamp(20px,3vw,30px);letter-spacing:.04em}
.onn-template .home-campaign-card.is-featured .home-campaign-live-overlay>[data-auto-draw-countdown-value]{font-size:clamp(40px,6vw,68px)}
@keyframes onn-live-indicator{0%,100%{opacity:1;box-shadow:0 0 12px #ff426ecc}50%{opacity:.55;box-shadow:0 0 3px #ff426e66}}
@media(max-width:640px){
 .onn-template .home-campaign-card .home-raffle-media>.home-campaign-live-overlay{gap:6px;padding:10px;font-size:10px;letter-spacing:.04em}
 .onn-template .home-campaign-live-overlay>span{gap:5px}
 .onn-template .home-campaign-live-overlay>span::before{width:5px;height:5px;flex-basis:5px}
 .onn-template .home-campaign-live-overlay>[data-auto-draw-countdown-value]{font-size:clamp(24px,6.8vw,32px)}
 .onn-template .home-campaign-live-overlay.is-live-now>span{font-size:clamp(18px,4.8vw,24px)}
 .onn-template .home-campaign-card.is-featured .home-campaign-live-overlay>[data-auto-draw-countdown-value]{font-size:40px}
}

/* No destaque, a identificação do prêmio fica no conteúdo ao lado da imagem. */
.onn-template :is(#home-active-campaigns,.onn-campaigns-page #onn-campaign-list) .home-campaign-card.is-featured .home-raffle-media :is(figcaption,.prize-award-badge){display:none}

/* Agente animado antes da chamada da comunidade. */
.onn-template .onn-whatsapp-with-agent .whatsapp-intro{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:center;min-width:0}
.onn-template .onn-whatsapp-with-agent .whatsapp-copy{padding-left:12px;padding-right:20px}
.onn-template .onn-whatsapp-with-agent .whatsapp-copy h2{font-size:33px}
.onn-template .onn-whatsapp-with-agent .whatsapp-agent{align-self:stretch;display:flex;align-items:center;min-width:0;padding:10px 0 0 8px;pointer-events:none;user-select:none}
.onn-template .whatsapp-agent-stage{position:relative;width:100%;aspect-ratio:3/2;isolation:isolate}
.onn-template .whatsapp-agent-stage :is(.whatsapp-agent-poster,.whatsapp-agent-canvas){position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.onn-template .whatsapp-agent-poster{opacity:1;transition:opacity .2s ease}
.onn-template .whatsapp-agent-canvas{opacity:0;transition:opacity .2s ease}
.onn-template .whatsapp-agent-stage.is-playing .whatsapp-agent-poster{opacity:0}
.onn-template .whatsapp-agent-stage.is-playing .whatsapp-agent-canvas{opacity:1}
.onn-template .whatsapp-agent-video{display:none!important;pointer-events:none}
.onn-template .onn-footer-identity>div{min-width:0}
@media(max-width:1050px){
 .onn-template .onn-whatsapp-with-agent .whatsapp-intro{grid-template-columns:140px minmax(0,1fr)}
 .onn-template .onn-whatsapp-with-agent .whatsapp-copy{padding:28px 18px 28px 0}
 .onn-template .onn-whatsapp-with-agent .whatsapp-copy h2{font-size:29px}
}
@media(max-width:850px){
 .onn-template .onn-whatsapp.onn-whatsapp-with-agent{grid-template-columns:minmax(0,1fr)}
 .onn-template .onn-whatsapp-with-agent .whatsapp-intro{grid-template-columns:190px minmax(0,1fr)}
 .onn-template .onn-whatsapp-with-agent .whatsapp-button{grid-column:1/-1;min-height:155px}
 .onn-template .onn-whatsapp-with-agent .whatsapp-copy{padding:28px 26px 28px 6px}
 .onn-template .onn-whatsapp-with-agent .whatsapp-copy h2{font-size:32px}
}

@media(max-width:600px){
 .onn-template .onn-whatsapp-with-agent .whatsapp-intro{grid-template-columns:116px minmax(0,1fr)}
 .onn-template .onn-whatsapp-with-agent .whatsapp-agent{padding-left:0}
 .onn-template .onn-whatsapp-with-agent .whatsapp-copy{padding:26px 18px 26px 2px}
 .onn-template .onn-whatsapp-with-agent .whatsapp-copy h2{font-size:28px}
 .onn-template .onn-whatsapp-with-agent .whatsapp-copy p{font-size:10px;line-height:1.65}
 .onn-template .onn-whatsapp-with-agent .whatsapp-copy>span{font-size:6px;letter-spacing:.13em;gap:6px}
}
@media(max-width:374px){
 .onn-template .onn-whatsapp-with-agent .whatsapp-intro{grid-template-columns:100px minmax(0,1fr)}
 .onn-template .onn-whatsapp-with-agent .whatsapp-copy h2{font-size:26px}
}

/* Agente ampliado saindo do topo do card. */
.onn-template .onn-whatsapp.onn-whatsapp-with-agent{overflow:visible}
.onn-template .onn-whatsapp-with-agent .whatsapp-mark{display:none}
.onn-template .onn-whatsapp-with-agent .whatsapp-intro{grid-template-columns:306px minmax(0,1fr);min-height:208px;overflow:visible}
.onn-template .onn-whatsapp-with-agent .whatsapp-agent{position:relative;display:block;align-self:stretch;padding:0;overflow:visible;z-index:2}
.onn-template .onn-whatsapp-with-agent .whatsapp-agent-stage{position:absolute;top:-52px;left:-54px;width:360px;max-width:none}
.onn-template .onn-whatsapp-with-agent .whatsapp-button{border-radius:0 5px 5px 0}
@media(max-width:1050px){
 .onn-template .onn-whatsapp.onn-whatsapp-with-agent{grid-template-columns:minmax(0,1fr)}
 .onn-template .onn-whatsapp-with-agent .whatsapp-intro{grid-template-columns:280px minmax(0,1fr)}
 .onn-template .onn-whatsapp-with-agent .whatsapp-agent-stage{top:-46px;left:-24px;width:304px}
 .onn-template .onn-whatsapp-with-agent .whatsapp-copy{padding:28px 28px 28px 8px}
 .onn-template .onn-whatsapp-with-agent .whatsapp-button{grid-column:1/-1;min-height:155px;border-radius:0 0 5px 5px}
}
@media(max-width:850px){
 .onn-template .onn-whatsapp-with-agent .whatsapp-intro{grid-template-columns:250px minmax(0,1fr)}
 .onn-template .onn-whatsapp-with-agent .whatsapp-agent-stage{top:-44px;left:-18px;width:268px}
}

/* WhatsApp on phones: keep the agent inside the intro and use a compact full-width action. */
@media(max-width:700px){
 .onn-template .onn-whatsapp.onn-whatsapp-with-agent{overflow:hidden}
 .onn-template .onn-whatsapp-with-agent .whatsapp-intro{grid-template-columns:clamp(96px,26vw,144px) minmax(0,1fr);min-height:0;align-items:center}
 .onn-template .onn-whatsapp-with-agent .whatsapp-agent{display:flex;align-self:stretch;align-items:center;justify-content:center;overflow:hidden}
 .onn-template .onn-whatsapp-with-agent .whatsapp-agent-stage{position:relative;inset:auto;width:calc(100% + 48px);max-width:none;flex:0 0 auto}
 .onn-template .onn-whatsapp-with-agent .whatsapp-copy{padding:22px 18px 22px 8px}
 .onn-template .onn-whatsapp-with-agent .whatsapp-copy>span{font-size:7px;letter-spacing:.12em}
 .onn-template .onn-whatsapp-with-agent .whatsapp-copy h2{margin:10px 0 8px;font-size:clamp(26px,7vw,30px)}
 .onn-template .onn-whatsapp-with-agent .whatsapp-copy p{max-width:none;font-size:11px;line-height:1.6}
 .onn-template .onn-whatsapp-with-agent .whatsapp-button{min-height:112px;gap:16px;padding:20px 22px;clip-path:none}
 .onn-template .onn-whatsapp-with-agent .whatsapp-button::before{display:none}
 .onn-template .onn-whatsapp-with-agent .whatsapp-button-label{font-size:20px}
 .onn-template .onn-whatsapp-with-agent .whatsapp-button-label>strong{font-size:clamp(28px,8vw,34px)}
 .onn-template .onn-whatsapp-with-agent .whatsapp-button-caption{max-width:none;gap:6px;margin-top:10px;font-size:9px}
 .onn-template .onn-whatsapp-with-agent .whatsapp-button-caption>svg{width:16px;height:16px;flex-basis:16px}
 .onn-template .onn-whatsapp-with-agent .whatsapp-button-arrow{width:40px;height:40px;flex-basis:40px}
}

/* Escala de leitura ampliada no desktop, preservando o layout móvel. */
@media screen and (min-width:1100px){
 body.onn-template{--onn-ui-scale:1.1;zoom:var(--onn-ui-scale);min-height:calc(100vh / var(--onn-ui-scale))}
 .onn-template .site-side-menu{height:calc(100dvh / var(--onn-ui-scale))}
 .onn-template :is(.modal-panel,.giveaway-checkout-dialog,.confirm-overlay-panel){max-height:calc(100dvh / var(--onn-ui-scale) - 36px)}
}

/* Ganhador em painel lateral de altura inteira, com recorte diagonal. */
.onn-template :is(.home-latest-results,.onn-closed-page) .onn-result-card{--result-panel-width:clamp(76px,26%,150px);--result-panel-cut:24px}
.onn-template .home-latest-results .onn-result-card{--result-panel-width:clamp(88px,28%,160px);--result-panel-cut:30px}
.onn-template :is(.home-latest-results,.onn-closed-page) .onn-result-card .result-main.has-result-winner{position:relative;grid-template-columns:var(--result-image-width) minmax(0,1fr) var(--result-panel-width);padding-right:0}
.onn-template :is(.home-latest-results,.onn-closed-page) .onn-result-card .result-winner-avatar{position:absolute;inset:0 0 0 auto;display:grid;place-items:center;align-self:stretch;width:var(--result-panel-width);height:auto;padding-left:var(--result-panel-cut);border:0;border-radius:0;clip-path:polygon(var(--result-panel-cut) 0,100% 0,100% 100%,0 100%);background:radial-gradient(ellipse at 80% 30%,#60334388,transparent 80%),linear-gradient(145deg,#2a1920,#140e12);box-shadow:none;isolation:isolate}
.onn-template :is(.home-latest-results,.onn-closed-page) .onn-result-card .result-winner-avatar::before{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,#190e1455,transparent 55%),linear-gradient(0deg,#0d080c55,transparent 45%);pointer-events:none}
.onn-template :is(.home-latest-results,.onn-closed-page) .onn-result-card .result-winner-avatar::after{content:"";position:absolute;inset:0;z-index:4;background:linear-gradient(180deg,#e3546377,#e3546322);clip-path:polygon(0 100%,2px 100%,calc(var(--result-panel-cut) + 2px) 0,var(--result-panel-cut) 0);pointer-events:none}
.onn-template :is(.home-latest-results,.onn-closed-page) .onn-result-card .result-winner-initial{font-size:clamp(28px,calc(var(--result-min-height)*.34),44px);color:#e6b4c4}
.onn-template :is(.home-latest-results,.onn-closed-page) .onn-result-card .result-winner-team-photo{padding:17px 10px 17px calc(var(--result-panel-cut) + 5px)}
.onn-template :is(.home-latest-results,.onn-closed-page) .onn-result-card .result-winner-avatar>.steam-profile-photo{object-position:58% center}
@media(max-width:560px){
 .onn-template :is(.home-latest-results,.onn-closed-page) .onn-result-card{--result-panel-cut:22px}
 .onn-template .home-latest-results .onn-result-card{--result-panel-width:clamp(82px,25%,100px);--result-image-width:88px}
}

/* A grade iguala os cards da linha; o botão acompanha a borda inferior. */
.onn-template .onn-closed-page .onn-result-card{display:flex;flex-direction:column}
.onn-template .onn-closed-page .onn-result-card .result-main{flex:1 0 auto}
.onn-template .onn-closed-page .onn-result-card .result-actions{flex:0 0 auto}


/* Ranking XP: operação CS2. O Hall da Fama mantém seu layout próprio. */
.onn-template .ranking-operation-shell{display:block;padding-top:28px}
.onn-template .ranking-operation{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(160px,.65fr) minmax(280px,1fr);align-items:center;gap:26px;min-height:350px;margin:0 0 36px;padding:32px;border:1px solid #55303b;border-radius:9px;background:#140e11;text-align:left;box-shadow:0 18px 50px #0004;isolation:isolate;overflow:hidden}
.onn-template .ranking-operation::before{content:"";display:block;position:absolute;inset:0;width:auto;background:linear-gradient(90deg,#140d12f5,#1b1019c9 45%,#160e12ed),linear-gradient(0deg,#120c12d9,transparent);z-index:-2;pointer-events:none}
.onn-template .ranking-operation::after{content:"";position:absolute;inset:auto 0 0;left:0;right:0;width:auto;height:2px;border-radius:0;background:linear-gradient(90deg,transparent,#d94b62 25%,#ecc57e 50%,#d94b62 75%,transparent);background-size:200% 100%;opacity:.8;animation:onn-operation-edge 9s linear infinite;pointer-events:none}
.onn-template .ranking-operation-backdrop{position:absolute;inset:0;z-index:-3;background:#21191b url("../img/optimized/background.webp") center top/auto 1050px no-repeat;filter:saturate(.45);pointer-events:none}
.onn-template .ranking-operation-smoke{position:absolute;inset:-20%;z-index:-1;background:radial-gradient(ellipse at 35% 60%,#db496323,transparent 48%),radial-gradient(ellipse at 75% 20%,#dbac5e13,transparent 40%);filter:blur(25px);animation:onn-operation-smoke 18s ease-in-out infinite alternate;pointer-events:none}
.onn-template .ranking-operation-title{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0;justify-self:stretch}
.onn-template .ranking-operation .eyebrow{display:flex;align-items:center;gap:7px;width:auto;margin:0 0 15px;padding:0;border:0;background:none;color:#e99aa7;font:800 9px/1.5 var(--font);letter-spacing:.15em}
.onn-template .ranking-operation .eyebrow svg{width:14px;height:14px;color:#e7bd73}
.onn-template .ranking-operation h1{display:flex;flex-direction:column;gap:0;margin:0;font:800 clamp(48px,4.8vw,65px)/.92 var(--display);letter-spacing:.01em;text-shadow:0 8px 28px #0008}
.onn-template .ranking-operation h1::after{display:none}
.onn-template .ranking-operation .ranking-title-a{color:#fbf5f6}
.onn-template .ranking-operation .ranking-title-b{color:#e45a6e}
.onn-template .ranking-operation .ranking-title-b i{color:#e7bd73;font-style:normal}
.onn-template .ranking-operation .ranking-subtitle{max-width:340px;margin:17px 0 18px;color:#bdaeb4;font:500 12px/1.65 var(--font)}
.onn-template .ranking-operation-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:36px;padding:8px 11px;border:1px solid #70404f;border-radius:3px;background:#e354630b;color:#f1c1cb;font:700 10px/1.5 var(--font);text-decoration:none;transition:background .2s,border-color .2s}
.onn-template .ranking-operation-link svg{width:15px;height:15px;color:#e6b875;transition:transform .2s}
.onn-template .ranking-operation-link:hover{border-color:#e35463;background:#e3546320}
.onn-template .ranking-operation-link:hover svg{transform:translate(2px,2px)}
.onn-template .ranking-operation-caption{display:flex;align-items:center;gap:8px;margin-top:18px;color:#a28b95;font:700 7px/1.5 var(--font);letter-spacing:.14em}
.onn-template .ranking-operation-caption i{width:3px;height:3px;border-radius:50%;background:#b58d58}
.onn-template .ranking-operation-emblem{position:relative;z-index:1;min-width:0;text-align:center}
.onn-template .ranking-operation-emblem-stage{position:relative;display:grid;place-items:center;isolation:isolate;width:180px;height:180px;max-width:100%;margin:0 auto 15px}
.onn-template .ranking-operation-emblem-stage::before{content:"";position:absolute;inset:8%;z-index:-1;border-radius:50%;background:radial-gradient(circle,#d65b5324,transparent 68%);box-shadow:0 0 50px #d1564912}
.onn-template .ranking-operation-orbit{position:absolute;inset:0;border:1px dashed #d8b47047;border-radius:50%;animation:onn-operation-orbit 42s linear infinite;pointer-events:none}
.onn-template .ranking-operation-orbit::before{content:"";position:absolute;top:50%;left:-3px;width:5px;height:5px;border-radius:50%;background:#e8bf7d;box-shadow:0 0 10px #e8bf7d88}
.onn-template .ranking-operation-orbit.orbit-inner{inset:12px;border:1px solid #e354632e;border-right-color:#e35463a6;border-bottom-color:#e3546380;animation-duration:23s;animation-direction:reverse}
.onn-template .ranking-operation-level.level-badge-faceit.faceit-level{width:124px;height:124px;margin:0;filter:drop-shadow(0 6px 24px #000a)}
.onn-template .ranking-operation-level.level-badge-faceit.faceit-level .faceit-level-svg{width:100%;height:100%}
.onn-template .ranking-operation-level.level-badge-faceit.faceit-level b{font-size:47px}
.onn-template .ranking-operation-empty-emblem{width:75px;height:75px;color:#e7bd73;stroke-width:1}
.onn-template .ranking-operation-emblem>p{margin:0 0 5px;color:#d3ad70;font:800 7px/1.5 var(--font);letter-spacing:.17em}
.onn-template .ranking-operation-emblem>strong{display:block;max-width:100%;overflow:hidden;color:#eee4e7;font:750 13px/1.4 var(--font);text-overflow:ellipsis;white-space:nowrap}
.onn-template .ranking-operation-emblem>small{display:block;margin-top:4px;color:#a48f99;font:500 8px/1.5 var(--font)}
.onn-template .ranking-operation .ranking-season-card{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;align-self:stretch;justify-content:center;min-width:0;min-height:0;margin:0;padding:0 0 0 24px;border:0;border-left:1px solid #dab6c021;border-radius:0;background:none;box-shadow:none}
.onn-template .ranking-operation .ranking-season-card::before,.onn-template .ranking-operation .ranking-season-card::after{content:none}
.onn-template .ranking-operation .ranking-season-topline{margin-bottom:0}
.onn-template .ranking-operation .ranking-season-topline>span{display:inline-flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid #d9597055;border-radius:3px;background:#b9334a1c;color:#f0b8c6;font:800 8px/1.4 var(--font);letter-spacing:.08em}
.onn-template .ranking-operation .ranking-season-topline>span>i{width:5px;height:5px;border-radius:50%;background:#e9758a;box-shadow:0 0 9px #ed6e8490}
.onn-template .ranking-operation .ranking-season-topline>svg{width:18px;height:18px;color:#dfb97b;filter:none}
.onn-template .ranking-operation .ranking-season-card.upcoming .ranking-season-topline>span,.onn-template .ranking-operation .ranking-season-card.finished .ranking-season-topline>span{border-color:#b5905555;background:#b5905512;color:#e6c48c}
.onn-template .ranking-operation .ranking-season-card>strong{max-width:100%;margin:0;color:#f6edf0;font:750 24px/1.12 var(--font);letter-spacing:-.035em;overflow-wrap:anywhere;text-shadow:none}
.onn-template .ranking-operation .ranking-season-card>.ranking-operation-dates{color:#ae99a3;font:500 9px/1.7 var(--font)}
.onn-template .ranking-operation-dates>span{color:#715e66;margin-inline:2px}
.onn-template .ranking-operation .ranking-season-countdown{gap:9px;margin:4px 0 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.onn-template .ranking-operation .ranking-season-countdown>span{color:#c8a4b0;font:700 8px/1.5 var(--font);letter-spacing:.1em}
.onn-template .ranking-operation .ranking-season-countdown>span::after{background:linear-gradient(90deg,#bd7c8d38,transparent)}
.onn-template .ranking-operation .ranking-season-countdown-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.onn-template .ranking-operation .ranking-season-countdown-grid>b{position:relative;display:flex;flex-direction:column;justify-content:center;gap:7px;min-width:0;min-height:64px;padding:10px 4px 9px;border:1px solid #69404c;border-radius:4px;background:linear-gradient(145deg,#2c1922b3,#110c11cc);color:#f6e4e9;font:750 27px/1 var(--display);letter-spacing:0;font-variant-numeric:tabular-nums;box-shadow:inset 0 1px 0 #ffffff05}
.onn-template .ranking-operation .ranking-season-countdown-grid>b::after{content:none}
.onn-template .ranking-operation .ranking-season-countdown-grid>b>small{color:#af8795;font:700 7px/1 var(--font);letter-spacing:.08em}
.onn-template .ranking-operation-progress{margin-top:3px}
.onn-template .ranking-operation-progress>div{display:flex;justify-content:space-between;gap:8px;margin-bottom:7px;color:#a58b97;font:500 8px/1.5 var(--font)}
.onn-template .ranking-operation-progress b{color:#dcba7b;font-weight:750}
.onn-template .ranking-operation-progress progress{display:block;width:100%;height:3px;overflow:hidden;border:0;border-radius:2px;appearance:none;background:#39222c;accent-color:#dc7c74}
.onn-template .ranking-operation-progress progress::-webkit-progress-bar{background:#39222c}
.onn-template .ranking-operation-progress progress::-webkit-progress-value{border-radius:2px;background:linear-gradient(90deg,#a7354a,#e97687,#e4c080)}
.onn-template .ranking-operation-progress progress::-moz-progress-bar{border-radius:2px;background:linear-gradient(90deg,#a7354a,#e97687,#e4c080)}
.onn-template .ranking-operation-permanent{margin:2px 0 0;color:#b19ba6;font:500 12px/1.8 var(--font)}
.onn-template .ranking-operation-permanent-note{display:flex;align-items:center;gap:7px;margin-top:8px;color:#d9b67d;font:700 9px/1.5 var(--font)}
.onn-template .ranking-operation-permanent-note svg{width:17px;height:17px}
.onn-template .ranking-operation-particles{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.onn-template .ranking-operation-particles>i{position:absolute;bottom:-8px;left:var(--particle-x);width:2px;height:2px;border-radius:50%;background:#e8bf80;opacity:0;box-shadow:0 0 5px #e8bf8088;animation:onn-operation-particle 7s var(--particle-delay) linear infinite}
.onn-template .ranking-operation :is(.ranking-operation-smoke,.ranking-operation-orbit,.ranking-operation-particles>i),.onn-template .ranking-operation::after{animation-play-state:paused}
.onn-template .ranking-operation.is-in-view :is(.ranking-operation-smoke,.ranking-operation-orbit,.ranking-operation-particles>i),.onn-template .ranking-operation.is-in-view::after{animation-play-state:running}
.onn-template .ranking-operation-table-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 16px}
.onn-template .ranking-operation-table-heading .eyebrow{margin:0 0 5px;color:#9d7c88;font-size:7px;letter-spacing:.15em}
.onn-template .ranking-operation-table-heading h2{margin:0;color:#eee5e8;font:800 27px/1.1 var(--display)}
.onn-template .ranking-operation-table-heading h2 span{color:#e46075}
.onn-template .ranking-operation-table-heading>span{display:flex;align-items:center;gap:6px;color:#a58b98;font:500 9px/1.5 var(--font)}
.onn-template .ranking-operation-table-heading>span>svg{width:13px;height:13px;color:#d3ad70}
.onn-template .ranking-operation-table{display:block;min-width:0;padding:0;overflow:hidden;border:1px solid #483039;border-radius:7px;background:linear-gradient(140deg,#180f14,#100c0f);box-shadow:0 14px 36px #0003}
.onn-template .ranking-operation-table .ranking-table{min-width:0;max-width:100%;margin:0}
.onn-template .ranking-operation-table .ranking-table thead{background:#26171f}
.onn-template .ranking-operation-table .ranking-table th{display:table-cell;padding:14px;color:#ae8b9a;font:750 9px/1.5 var(--font);letter-spacing:.08em}
.onn-template .ranking-operation-table .ranking-table td{display:table-cell;height:68px;padding:13px 14px;border-bottom:1px solid #36212b;font-size:12px}
.onn-template .ranking-operation-table .ranking-table tbody tr{--row-accent:#a58f9b;border-left:0;transition:background .22s}
.onn-template .ranking-operation-table .ranking-table tr[data-xp-position="1"]{--row-accent:#e3bd73;background:linear-gradient(90deg,#ac853112,transparent 65%)}
.onn-template .ranking-operation-table .ranking-table tr[data-xp-position="2"]{--row-accent:#b9c7dc;background:linear-gradient(90deg,#9baec00c,transparent 65%)}
.onn-template .ranking-operation-table .ranking-table tr[data-xp-position="3"]{--row-accent:#c58e6b;background:linear-gradient(90deg,#b56e4010,transparent 65%)}
.onn-template .ranking-operation-table .ranking-table tbody tr:hover{background:#e3546310}
.onn-template .ranking-operation-table .ranking-table tbody tr:hover td:first-child{box-shadow:inset 2px 0 var(--row-accent)}
.onn-template .ranking-operation-table .ranking-table tr:last-child td{border-bottom:0}
.onn-template .ranking-operation-place{display:grid;place-items:center;width:32px;height:32px;border:1px solid #5f414c;border-radius:5px;background:#21141c;color:var(--row-accent);font:800 11px/1 var(--font)}
.onn-template .ranking-operation-table .ranking-table tr:is([data-xp-position="1"],[data-xp-position="2"],[data-xp-position="3"]) .ranking-operation-place{border-color:var(--row-accent);background:color-mix(in srgb,var(--row-accent) 10%,#171015);box-shadow:0 0 13px color-mix(in srgb,var(--row-accent) 7%,transparent)}
.onn-template .ranking-operation-table .ranking-list-player{min-width:0;gap:9px}
.onn-template .ranking-operation-table .ranking-list-player strong{font-size:12px;font-weight:700}
.onn-template .ranking-operation-table .ranking-player-avatar{width:34px;height:34px;flex-basis:34px;border-radius:7px;border-color:#63414f;background:#251820}
.onn-template .ranking-operation-table .ranking-table td.ranking-list-patent{display:table-cell;color:#c3a9b5;font-size:10px}
.onn-template .ranking-operation-table .ranking-list-xp{color:#e8dae1;font-weight:800;font-variant-numeric:tabular-nums}
.onn-template .ranking-operation-table .ranking-list-xp>small{display:inline;color:#8d6d7c;font-size:8px;font-weight:600}
.onn-template .ranking-operation-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:38px 22px;border:1px solid #442a36;border-radius:7px;background:#160f14;text-align:center}
.onn-template .ranking-operation-empty>svg{width:30px;height:30px;color:#d8b879;stroke-width:1.3}
.onn-template .ranking-operation-empty>h2{margin:0;font:800 27px/1.2 var(--display)}
.onn-template .ranking-operation-empty>p{margin:0;color:#ac929f;font-size:12px}
@keyframes onn-operation-edge{to{background-position:-200% 0}}
@keyframes onn-operation-smoke{to{transform:translate(5%,-3%) scale(1.08);opacity:.65}}
@keyframes onn-operation-orbit{to{transform:rotate(360deg)}}
@keyframes onn-operation-particle{0%{opacity:0;transform:translate(0,0)}15%,65%{opacity:.5}100%{opacity:0;transform:translate(18px,-190px)}}
@media(max-width:1050px){
 .onn-template .ranking-operation{grid-template-columns:minmax(0,1fr) minmax(260px,1fr);gap:22px;padding:28px}
 .onn-template .ranking-operation-title{grid-column:1;grid-row:1}
 .onn-template .ranking-operation-emblem{grid-column:1;grid-row:2;display:grid;grid-template-columns:90px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:15px;text-align:left}
 .onn-template .ranking-operation-emblem-stage{grid-column:1;grid-row:1/4;width:90px;height:90px;margin:0}
 .onn-template .ranking-operation-level.level-badge-faceit.faceit-level{width:62px;height:62px}
 .onn-template .ranking-operation-level.level-badge-faceit.faceit-level b{font-size:24px}
 .onn-template .ranking-operation-emblem>p{grid-column:2;align-self:end}
 .onn-template .ranking-operation-emblem>strong,.onn-template .ranking-operation-emblem>small{grid-column:2}
 .onn-template .ranking-operation-empty-emblem{width:38px;height:38px}
 .onn-template .ranking-operation .ranking-season-card{grid-column:2;grid-row:1/3;padding-left:22px}
 .onn-template .ranking-operation-caption{display:none}
}
@media(max-width:640px){
 .onn-template .ranking-operation-shell{padding-top:22px}
 .onn-template .ranking-operation-backdrop{background-size:auto 2000px}
 .onn-template .ranking-operation{grid-template-columns:minmax(0,1fr);gap:22px;padding:23px 20px;margin-bottom:28px;border-radius:7px}
 .onn-template .ranking-operation-title{grid-column:1;grid-row:1;justify-self:stretch}
 .onn-template .ranking-operation h1{flex-direction:row;gap:9px;font-size:45px}
 .onn-template .ranking-operation .ranking-subtitle{margin-top:14px;max-width:none;font-size:12px}
 .onn-template .ranking-operation .ranking-season-card{grid-column:1;grid-row:3;gap:12px;padding:22px 0 0;border-left:0;border-top:1px solid #dab6c021}
 .onn-template .ranking-operation-emblem{grid-column:1;grid-row:2;grid-template-columns:82px minmax(0,1fr);gap:3px 15px}
 .onn-template .ranking-operation-emblem-stage{width:82px;height:82px}
 .onn-template .ranking-operation .ranking-season-card>strong{font-size:24px}
 .onn-template .ranking-operation .ranking-season-countdown-grid>b{min-height:65px;font-size:30px}
 .onn-template .ranking-operation-table-heading{align-items:flex-start;flex-direction:column;gap:7px}
 .onn-template .ranking-operation-table-heading h2{font-size:26px}
 .onn-template .ranking-operation-table .ranking-table col.col-position{width:42px}
 .onn-template .ranking-operation-table .ranking-table col.col-patent{width:47px}
 .onn-template .ranking-operation-table .ranking-table col.col-xp{width:73px}
 .onn-template .ranking-operation-table .ranking-table :is(th,td){padding:11px 7px;font-size:10px}
 .onn-template .ranking-operation-table .ranking-table th{font-size:7px;letter-spacing:0}
 .onn-template .ranking-operation-table .ranking-table td{height:62px}
 .onn-template .ranking-operation-table .ranking-operation-place{width:27px;height:29px;font-size:10px}
 .onn-template .ranking-operation-table .ranking-list-player{gap:5px}
 .onn-template .ranking-operation-table .ranking-list-player strong{font-size:10px}
 .onn-template .ranking-operation-table .ranking-player-avatar{width:26px;height:26px;flex-basis:26px;font-size:8px}
 .onn-template .ranking-operation-table .ranking-player-team,.onn-template .ranking-operation-table .ranking-player-team>img{width:14px;height:14px;max-width:14px;max-height:14px}
 .onn-template .ranking-operation-table .ranking-operation-patent-name{display:none}
 .onn-template .ranking-operation-table .ranking-patent-badge.level-badge-faceit.faceit-level{margin-right:0}
 .onn-template .ranking-operation-table .ranking-list-xp>small{font-size:6px}
}
@media(max-width:374px){
 .onn-template .ranking-operation{padding:21px 16px}
 .onn-template .ranking-operation h1{font-size:39px;gap:7px}
}
@media(prefers-reduced-motion:reduce){
 .onn-template .ranking-operation::after,.onn-template .ranking-operation :is(.ranking-operation-smoke,.ranking-operation-orbit,.ranking-operation-particles>i){animation:none!important}
 .onn-template .ranking-operation-link,.onn-template .ranking-operation-link svg,.onn-template .ranking-operation-table .ranking-table tbody tr{transition:none}
}


/* Atmosfera do ranking: camadas decorativas atrás do conteúdo. */
.onn-template .ranking-ambient-page{position:relative;isolation:isolate}
.onn-template .ranking-ambient{position:fixed;inset:0;z-index:-1;overflow:hidden;contain:strict;pointer-events:none;user-select:none}
.onn-template .ranking-ambient-haze{position:absolute;top:-10%;width:clamp(320px,50vw,830px);height:120%;opacity:.85;mask-image:radial-gradient(ellipse closest-side,#000 15%,transparent 100%);pointer-events:none;animation:onn-ranking-haze 26s ease-in-out infinite alternate}
.onn-template .ranking-ambient-haze.haze-left{left:-22%;background:radial-gradient(ellipse at 65% 36%,#af304c2b,transparent 62%),radial-gradient(ellipse at 48% 74%,#8b25402a,transparent 55%);transform-origin:left center}
.onn-template .ranking-ambient-haze.haze-right{right:-20%;background:radial-gradient(ellipse at 32% 58%,#c44c4524,transparent 62%),radial-gradient(ellipse at 55% 22%,#8d30462a,transparent 57%);animation-duration:33s;animation-delay:-12s;animation-direction:alternate-reverse;transform-origin:right center}
.onn-template .ranking-ambient-embers{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.onn-template .ranking-ambient-ember{position:absolute;bottom:-4%;left:var(--ember-x);display:block;width:2px;height:2px;border-radius:50%;background:#dd657a;box-shadow:0 0 6px #d3526a80;opacity:0;animation:onn-ranking-ember-rise var(--ember-duration) var(--ember-delay) linear infinite}
.onn-template .ranking-ambient-ember:nth-child(3n){background:#dfb77a;box-shadow:0 0 6px #dfb77a70}
.onn-template .ranking-ambient-ember:nth-child(4n){width:1px;height:1px}
.onn-template .ranking-ambient-pointer{position:absolute;left:0;top:0;display:none;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,#da59751a,transparent 67%);opacity:0;transform:translate3d(-1000px,-1000px,0);transition:transform .18s ease-out,opacity .6s ease-out;pointer-events:none}
.onn-template .ranking-ambient :is(.ranking-ambient-haze,.ranking-ambient-ember){animation-play-state:paused}
.onn-template .ranking-ambient.is-running :is(.ranking-ambient-haze,.ranking-ambient-ember){animation-play-state:running}
@keyframes onn-ranking-haze{to{transform:translate3d(36px,-20px,0) scale(1.12);opacity:.6}}
@keyframes onn-ranking-ember-rise{0%{opacity:0;transform:translate3d(0,0,0)}12%,68%{opacity:.5}90%{opacity:.15}100%{opacity:0;transform:translate3d(var(--ember-sway),-110vh,0)}}
@media(min-width:900px) and (hover:hover) and (pointer:fine){
 .onn-template .ranking-ambient-pointer{display:block}
 .onn-template .ranking-ambient.is-running.has-pointer .ranking-ambient-pointer{opacity:1}
}
@media(max-width:700px){
 .onn-template .ranking-ambient-haze{opacity:.6}
 .onn-template .ranking-ambient-haze.haze-left{left:-56%}
 .onn-template .ranking-ambient-haze.haze-right{right:-52%}
 .onn-template .ranking-ambient-ember:nth-child(n+9){display:none}
}
@media(prefers-reduced-motion:reduce){
 .onn-template .ranking-ambient :is(.ranking-ambient-haze,.ranking-ambient-ember){animation:none!important}
 .onn-template .ranking-ambient-pointer{display:none;transition:none}
}


/* Guia: estrutura e proporções de onnskins-template/como-funciona.html. */
.onn-template .onn-how-template{--wine-soft:#e78b96;width:min(1060px,calc(100% - 38px));max-width:1060px;margin:0 auto;padding:48px 0 70px}
.onn-template .onn-how-template .eyebrow-red{display:block;margin:0;color:#e78b96;font:900 9px/1.5 var(--font);letter-spacing:.16em}
.onn-template .onn-how-template .how-hero{padding:14px 0 35px}
.onn-template .onn-how-template .how-hero h1{margin:8px 0;font:800 clamp(42px,7vw,72px)/.96 var(--display);letter-spacing:.02em;text-wrap:initial}
.onn-template .onn-how-template .how-hero>p{max-width:660px;margin:0 0 20px;color:#afa3a6;font:400 14px/1.7 var(--font)}
.onn-template .onn-how-template .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:41px;padding:10px 15px;border-radius:5px;font:800 11px/1.4 var(--font);text-decoration:none}
.onn-template .onn-how-template .btn svg{flex-shrink:0;width:14px;height:14px}
.onn-template .onn-how-template .draw-primary{border:1px solid #d45464;background:linear-gradient(115deg,#7e1c30,#bb3448);color:#fff;box-shadow:0 8px 25px #831d3030}
.onn-template .onn-how-template .btn-outline{border:1px solid #57333c;background:transparent;color:#ebcdd1;box-shadow:none}
.onn-template .onn-how-template :is(.steps-section,.draw-methods,.faq-section){margin-top:22px}
.onn-template .onn-how-template .section-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:15px}
.onn-template .onn-how-template .section-title-row h2{margin:5px 0 0;font:800 24px/1.15 var(--display);letter-spacing:-.02em}
.onn-template .onn-how-template .steps-side-note{color:#907c82;font:900 7px/1.5 var(--font);letter-spacing:.12em;text-align:right}
.onn-template .onn-how-template .steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.onn-template .onn-how-template .how-step{position:relative;min-width:0;min-height:180px;margin:0;padding:18px;overflow:hidden;border:1px solid #312329;border-radius:7px;background:linear-gradient(140deg,#181315,#100e10)}
.onn-template .onn-how-template .how-step>span{color:#dc7683;font:800 18px/1.2 var(--display)}
.onn-template .onn-how-template .step-icon{position:absolute;right:17px;top:17px;display:grid;place-items:center;width:34px;height:34px;margin:0;padding:0;border:1px solid #51303a;border-radius:7px;background:#24141b;color:#c76b7c}
.onn-template .onn-how-template .step-icon svg{width:20px;height:20px;stroke-width:1.7}
.onn-template .onn-how-template .how-step h3{margin:20px 0 7px;color:#f2e9ec;font:700 13px/1.3 var(--font);letter-spacing:0;text-wrap:initial}
.onn-template .onn-how-template .how-step p{max-width:260px;margin:0;color:#a99a9e;font:400 10px/1.65 var(--font)}
.onn-template .onn-how-template .delivery-panel{display:flex;align-items:center;gap:19px;margin:24px 0;padding:20px 22px;border:1px solid #492730;border-radius:8px;background:radial-gradient(ellipse at 0 0,#511d27,transparent 60%),#120e10}
.onn-template .onn-how-template .delivery-icon{display:flex;flex-shrink:0;align-items:baseline;gap:2px;color:#f2d6d9;font:800 42px/1 var(--display)}
.onn-template .onn-how-template .delivery-icon span{color:#d77581;font-size:17px}
.onn-template .onn-how-template .delivery-panel h2{margin:4px 0;color:#f2e9ec;font:800 19px/1.2 var(--display)}
.onn-template .onn-how-template .delivery-panel p{max-width:730px;margin:0;color:#aa9da0;font:400 10px/1.6 var(--font)}
.onn-template .onn-how-template .method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.onn-template .onn-how-template .method-grid>article{min-width:0;padding:18px;border:1px solid #34242a;border-radius:7px;background:#121012}
.onn-template .onn-how-template .method-grid>article>span{color:#d67a85;font:900 7px/1.5 var(--font);letter-spacing:.12em}
.onn-template .onn-how-template .method-grid h3{margin:10px 0 6px;color:#f2e9ec;font:700 16px/1.3 var(--font)}
.onn-template .onn-how-template .method-grid p{margin:0;color:#a99b9f;font:400 10px/1.65 var(--font)}
.onn-template .onn-how-template .method-grid p strong{color:#d5c7cc}
.onn-template .onn-how-template .method-grid a{display:inline-flex;align-items:center;gap:6px;margin-top:12px;color:#ed9aa3;font:800 9px/1.5 var(--font)}
.onn-template .onn-how-template .method-grid a svg{width:13px;height:13px}
.onn-template .onn-how-template .onn-how-community{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;padding:17px 20px;border:1px solid #3b252a;border-radius:7px;background:#151014}
.onn-template .onn-how-template .onn-how-community>div{display:flex;align-items:center;gap:12px;min-width:0}
.onn-template .onn-how-template .onn-how-community>div>svg{flex-shrink:0;width:23px;height:23px;color:#d48291;stroke-width:1.5}
.onn-template .onn-how-template .onn-how-community strong{display:block;color:#e3d5db;font:700 11px/1.5 var(--font)}
.onn-template .onn-how-template .onn-how-community small{display:block;margin-top:3px;color:#a18b95;font:400 9px/1.6 var(--font)}
.onn-template .onn-how-template .onn-how-community .btn{flex-shrink:0;min-height:36px;font-size:10px}
.onn-template .onn-how-template .faq-list{border-top:1px solid #33252a}
.onn-template .onn-how-template .faq-list details{margin:0;border:0;border-bottom:1px solid #33252a;border-radius:0;background:none;box-shadow:none}
.onn-template .onn-how-template .faq-list summary{position:relative;display:block;margin:0;padding:15px 34px 15px 2px;cursor:pointer;list-style:none;color:#e7dfe1;font:700 11px/1.6 var(--font)}
.onn-template .onn-how-template .faq-list summary::-webkit-details-marker{display:none}
.onn-template .onn-how-template .faq-list summary::after{content:"+";position:absolute;right:8px;top:11px;color:#e47f8b;font:400 19px/1.4 var(--font)}
.onn-template .onn-how-template .faq-list details[open] summary::after{content:"−"}
.onn-template .onn-how-template .faq-list details p{max-width:780px;margin:0;padding:0 25px 15px 2px;color:#a99b9f;font:400 10px/1.7 var(--font)}
.onn-template .onn-how-template .how-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;padding:20px 22px;border:1px solid #3b252a;border-radius:8px;background:linear-gradient(100deg,#241115,#110d0f)}
.onn-template .onn-how-template .how-cta h2{margin:5px 0 0;font:800 19px/1.2 var(--display)}
.onn-template .onn-how-template .how-cta>div:last-child{display:flex;gap:8px}
.onn-template .onn-how-template .how-cta .btn{min-height:38px;white-space:nowrap}
@media(max-width:900px){
 .onn-template .onn-how-template{padding-top:35px}
}
@media(max-width:620px){
 .onn-template .onn-how-template{width:calc(100% - 24px);padding:26px 0 45px}
 .onn-template .onn-how-template .how-hero>p{font-size:11px}
 .onn-template .onn-how-template .steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .onn-template .onn-how-template .how-step{min-height:164px;padding:13px}
 .onn-template .onn-how-template .how-step h3{margin-top:18px;font-size:11px}
 .onn-template .onn-how-template .how-step p{font-size:9px}
 .onn-template .onn-how-template .section-title-row{gap:12px}
 .onn-template .onn-how-template .steps-side-note{max-width:120px;font-size:6px}
 .onn-template .onn-how-template .delivery-panel{align-items:flex-start;padding:15px;gap:12px}
 .onn-template .onn-how-template .delivery-icon{font-size:32px}
 .onn-template .onn-how-template .method-grid{grid-template-columns:minmax(0,1fr)}
 .onn-template .onn-how-template .onn-how-community{align-items:flex-start;flex-direction:column;gap:13px;padding:16px}
 .onn-template .onn-how-template .how-cta{align-items:flex-start;flex-direction:column}
 .onn-template .onn-how-template .how-cta>div:last-child{width:100%;flex-wrap:wrap}
}

/* Ganhadores: community template, real awards and events (v63). */
.onn-template .onn-winners-template{--wine-soft:#e78b96;--display:'Barlow Condensed',sans-serif;display:block;width:min(1120px,calc(100% - 38px));max-width:1120px;margin:0 auto;padding:48px 0 70px;min-width:0}
.onn-template .onn-winners-template .winners-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 28px}
.onn-template .onn-winners-template .eyebrow-red{color:var(--wine-soft);font-size:9px;font-weight:900;letter-spacing:.16em}
.onn-template .onn-winners-template .winners-heading h1{margin:8px 0 7px;color:#f7eff1;font:800 clamp(38px,6vw,66px)/.96 var(--display);letter-spacing:.02em}
.onn-template .onn-winners-template .winners-heading p{max-width:660px;margin:0;color:#afa3a6;font-size:14px;line-height:1.7}
.onn-template .onn-winners-template .draw-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:38px;padding:10px 15px;border:1px solid #d33c59;border-radius:4px;background:linear-gradient(115deg,#d52c50,#aa2041);color:#fff;font-size:10px;font-weight:800;text-decoration:none;white-space:nowrap}
.onn-template .onn-winners-template .winners-summary{display:grid;grid-template-columns:1fr 1fr 1.25fr auto;align-items:center;gap:14px;margin:0 0 22px;padding:15px 17px;border:1px solid #3a252b;border-radius:7px;background:linear-gradient(100deg,#1d1115,#100e0f)}
.onn-template .onn-winners-template .winners-summary>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.onn-template .onn-winners-template .summary-label{color:#9b858b;font-size:8px;font-weight:900;letter-spacing:.1em}
.onn-template .onn-winners-template .winners-summary strong{color:#f2e8ea;font:800 24px var(--display)}
.onn-template .onn-winners-template .winners-summary strong small{color:#a9969a;font:600 10px Inter,sans-serif}
.onn-template .onn-winners-template .winners-summary>a{color:#e88b96;font-size:10px;font-weight:800;white-space:nowrap}
.onn-template .onn-winners-template .winners-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
.onn-template .onn-winners-template .winner-search{display:flex;align-items:center;gap:8px;min-width:0;min-height:40px;padding:0 12px;border:1px solid #3a2a2f;border-radius:5px;background:#0f0d0e}
.onn-template .onn-winners-template .winner-search svg{width:15px;height:15px;flex-shrink:0;color:#c85c6b}
.onn-template .onn-winners-template #onn-winners-search{width:100%;min-width:0;min-height:38px;padding:0;border:0;border-radius:0;outline:0;box-shadow:none;background:transparent;color:#eee;font:500 11px Inter,sans-serif}
.onn-template .onn-winners-template .winner-search input::placeholder{color:#807478}
.onn-template .onn-winners-template .winner-filters{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;gap:5px;min-width:0}
.onn-template .onn-winners-template .winner-filter{min-height:33px;padding:0 12px;border:1px solid #34262a;border-radius:4px;background:#100d0f;color:#a99b9f;font:700 9px Inter,sans-serif;cursor:pointer}
.onn-template .onn-winners-template .winner-filter:hover,.onn-template .onn-winners-template .winner-filter.active{border-color:#8e3848;background:#32151d;color:#f2d9dd}
.onn-template .onn-winners-template .sort-winners{grid-column:2;grid-row:1;display:flex;align-items:center;gap:8px;color:#9e9094;font-size:10px;white-space:nowrap}
.onn-template .onn-winners-template #onn-winners-sort{width:auto;min-height:38px;padding:7px 10px;border:1px solid #3a2a2f;border-radius:4px;background:#100d0f;color:#dfd1d5;font:500 10px Inter,sans-serif;color-scheme:dark}
.onn-template .onn-winners-template .winner-hint{margin:14px 0 12px;color:#887b80;font-size:10px;line-height:1.6}
.onn-template .onn-winners-template .winner-hint span{color:#d59ba2;font-weight:800}
.onn-template .onn-winners-template .winner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.onn-template .onn-winners-template .winner-card{display:grid;grid-template-columns:76px minmax(0,1fr) 100px;align-items:center;gap:12px;min-height:116px;padding:10px;border:1px solid #302329;border-radius:6px;background:linear-gradient(120deg,#151113,#0f0d0e);transition:transform .2s,border-color .2s,box-shadow .2s}
.onn-template .onn-winners-template .winner-card:hover{transform:translateY(-2px);border-color:#86404d;box-shadow:0 8px 20px #0005}
.onn-template .onn-winners-template [hidden]{display:none!important}
.onn-template .onn-winners-template .winner-art{position:relative;display:flex;height:90px;gap:0;padding:0;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border:1px solid #542a34;border-radius:4px;background:radial-gradient(ellipse at 50% 35%,#61202c,#1a1114 68%)}
.onn-template .onn-winners-template .winner-art:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 45%,#e74c5f1a)}
.onn-template .onn-winners-template .winner-art>span{position:absolute;z-index:1;top:6px;left:6px;max-width:calc(100% - 12px);overflow-wrap:anywhere;color:#f1c6cb;font-size:8px;font-weight:900}
.onn-template .onn-winners-template .winner-art>b{z-index:1;color:#f4d6da;font:800 25px var(--display)}
.onn-template .onn-winners-template .winner-art>small{z-index:1;max-width:90%;margin-top:3px;color:#d58993;font-size:6px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;text-align:center}
.onn-template .onn-winners-template .winner-copy{display:block;min-width:0;padding:0;border:0;border-radius:0;background:transparent}
.onn-template .onn-winners-template .winner-copy h2{margin:5px 0 3px;color:#f2e9eb;font:800 12px/1.3 Inter,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0}
.onn-template .onn-winners-template .winner-copy p{margin:0;color:#b9aaae;font-size:10px;line-height:1.45;overflow-wrap:anywhere}
.onn-template .onn-winners-template .winner-copy .winner-prize{color:#e1d6d8;font-weight:700}
.onn-template .onn-winners-template .winner-copy .winner-campaign{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#887b80;font-size:8px;margin-top:3px}
.onn-template .onn-winners-template .winner-date{display:block;margin-top:5px;color:#8f8185;font-size:8px}
.onn-template .onn-winners-template .winner-kind{color:#e18d98;font-size:7px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.onn-template .onn-winners-template .winner-detail{display:flex;align-items:center;justify-content:center;gap:7px;min-height:34px;margin:0;padding:0 8px;border:1px solid #60313a;border-radius:4px;background:#241116;color:#e58c97;font:800 8px Inter,sans-serif;cursor:pointer}
.onn-template .onn-winners-template .winner-detail:hover{background:#7c2433;color:#fff}
.onn-template .onn-winners-template .empty-winners{margin:12px 0 0;padding:32px;text-align:center;color:#9e9094;border:1px dashed #483139;border-radius:6px;font-size:12px}
.onn-template .onn-winners-template .winner-dialog{position:fixed;inset:0;width:min(440px,calc(100% - 28px));max-width:440px;max-height:calc(100dvh - 40px);margin:auto;padding:24px 18px 18px;overflow:auto;border:1px solid #61333e;border-radius:9px;background:linear-gradient(130deg,#23151c,#110e10);color:#efe6e9;box-shadow:0 22px 90px #000b;color-scheme:dark}
.onn-template .onn-winners-template .winner-dialog::backdrop{background:#050306c9;backdrop-filter:blur(5px)}
.onn-template .onn-winners-template .winner-dialog .dialog-close{position:absolute;top:8px;right:8px;width:30px;height:30px;min-height:0;padding:0;border:1px solid #51303a;border-radius:4px;background:#21151b;color:#efc5ce;font:22px/1 Inter,sans-serif;cursor:pointer}
.onn-template .onn-winners-template .winner-dialog-body{padding:12px 5px 5px;overflow-wrap:anywhere}
.onn-template .onn-winners-template .winner-dialog h2{margin:9px 0 6px;padding-right:12px;font:800 28px/1.1 var(--display);color:#f8f1f3}
.onn-template .onn-winners-template .winner-dialog-name{margin:0 0 18px;color:#e6a1ad;font-size:14px;font-weight:800}
.onn-template .onn-winners-template .winner-result-meta{display:grid;gap:12px;margin:16px 0 20px}
.onn-template .onn-winners-template .winner-result-meta>div{display:grid;grid-template-columns:115px minmax(0,1fr);gap:12px;padding-bottom:10px;border-bottom:1px solid #3e2931}
.onn-template .onn-winners-template .winner-result-meta dt{color:#9f8c94;font-size:10px}
.onn-template .onn-winners-template .winner-result-meta dd{margin:0;color:#e8dfe3;font-size:11px;line-height:1.5}
.onn-template .onn-winners-template .winner-whatsapp-button{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:10px;padding:10px;border:1px solid #2c6c52;border-radius:4px;background:#143a2d;color:#9ae5be;font-size:11px}
.onn-template .onn-winners-template .winner-whatsapp-button svg{width:15px;height:15px}
.onn-template .onn-winners-template .winner-contact-empty{margin-top:12px;color:#ad98a0;font-size:10px}
.onn-template .onn-winners-template :is(button,a,select):focus-visible,.onn-template .onn-winners-template .winner-search:focus-within{outline:2px solid #e78b96;outline-offset:3px}
@media(max-width:900px){
 .onn-template .onn-winners-template{padding-top:35px}
 .onn-template .onn-winners-template .winner-card{grid-template-columns:64px minmax(0,1fr) 86px;gap:8px}
 .onn-template .onn-winners-template .winner-art{height:82px}
 .onn-template .onn-winners-template .winner-detail{font-size:7px;gap:4px}
 .onn-template .onn-winners-template .winners-summary{grid-template-columns:1fr 1fr 1.3fr}
 .onn-template .onn-winners-template .winners-summary>a{grid-column:1/-1}
}
@media(max-width:620px){
 .onn-template .onn-winners-template{width:calc(100% - 24px);padding:26px 0 45px}
 .onn-template .onn-winners-template .winners-heading{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:19px}
 .onn-template .onn-winners-template .winners-heading h1{font-size:43px}
 .onn-template .onn-winners-template .winners-heading p{font-size:11px}
 .onn-template .onn-winners-template .winners-summary{grid-template-columns:1fr 1fr;gap:14px;padding:14px}
 .onn-template .onn-winners-template .winners-summary>div:last-of-type{grid-column:1/-1}
 .onn-template .onn-winners-template .winners-toolbar{grid-template-columns:minmax(0,1fr);gap:10px}
 .onn-template .onn-winners-template .sort-winners{grid-column:1;grid-row:3;justify-content:space-between}
 .onn-template .onn-winners-template .winner-filter{padding:0 10px;font-size:8px}
 .onn-template .onn-winners-template .winner-grid{grid-template-columns:minmax(0,1fr)}
 .onn-template .onn-winners-template .winner-card{grid-template-columns:64px minmax(0,1fr) 86px;min-height:110px;padding:9px;gap:8px}
 .onn-template .onn-winners-template .winner-copy h2{font-size:11px}
 .onn-template .onn-winners-template .winner-copy p{font-size:9px}
 .onn-template .onn-winners-template .winner-hint{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.onn-template .onn-winners-template .winner-card{transition:none}.onn-template .onn-winners-template .winner-card:hover{transform:none}}

.onn-template .onn-winners-template .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* Winner totals and mirrored, full-height portraits (v64). */
.onn-template .onn-winners-template .winners-summary{display:block;padding:0;overflow:hidden}
.onn-template .onn-winners-template .winners-summary>.winner-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:18px 0}
.onn-template .onn-winners-template .winner-summary-stat{display:flex;flex-direction:column;gap:6px;min-width:0;padding:0 20px;border-left:1px solid #43242e}
.onn-template .onn-winners-template .winner-summary-stat:first-child{border-left:0}
.onn-template .onn-winners-template .winner-summary-stat .summary-label{text-transform:uppercase;font-size:8px;line-height:1.5}
.onn-template .onn-winners-template .winner-summary-stat strong{font-size:29px;line-height:1}
.onn-template .onn-winners-template .winner-summary-stat[data-winner-summary=lightning] strong{color:#e9bf73}
.onn-template .onn-winners-template .winners-summary>.winner-summary-grid:has(>.winner-summary-stat:nth-child(6)){grid-template-columns:repeat(6,minmax(0,1fr))}
.onn-template .onn-winners-template .winners-summary>.winner-summary-grid:has(>.winner-summary-stat:nth-child(7)){grid-template-columns:repeat(7,minmax(0,1fr))}
.onn-template .onn-winners-template .winners-summary>.winner-summary-footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;padding:11px 18px;border-top:1px solid #37212a;background:#0c090b55}
.onn-template .onn-winners-template .winner-summary-footer p{margin:0;color:#9b858e;font-size:9px;line-height:1.6}
.onn-template .onn-winners-template .winner-summary-footer [data-winner-total]{color:#e7a1af;font-weight:800}
.onn-template .onn-winners-template .winner-summary-footer a{color:#e88b96;font-size:9px;font-weight:800;white-space:nowrap}
.onn-template .onn-winners-template .winner-card{--winner-portrait-width:112px;--winner-portrait-cut:26px;position:relative;overflow:hidden;grid-template-columns:minmax(0,1fr) 100px;align-content:center;gap:12px;min-height:120px;height:auto;padding:12px 13px 12px calc(var(--winner-portrait-width) + 12px)}
.onn-template .onn-winners-template .winner-card>.winner-portrait{position:absolute;inset:0 auto 0 0;display:grid;place-items:center;isolation:isolate;width:var(--winner-portrait-width);height:100%;padding-right:calc(var(--winner-portrait-cut)/2);overflow:hidden;clip-path:polygon(0 0,calc(100% - var(--winner-portrait-cut)) 0,100% 100%,0 100%);background:radial-gradient(ellipse at 20% 25%,#60334399,transparent 85%),linear-gradient(145deg,#2a1920,#140e12);border:0;border-radius:0;box-shadow:none}
.onn-template .onn-winners-template .winner-portrait::before{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(270deg,#190e1433,transparent 55%),linear-gradient(0deg,#0d080c55,transparent 45%);pointer-events:none}
.onn-template .onn-winners-template .winner-portrait::after{content:"";position:absolute;inset:0;z-index:4;background:linear-gradient(180deg,#e3546377,#e3546322);clip-path:polygon(calc(100% - var(--winner-portrait-cut) - 2px) 0,calc(100% - var(--winner-portrait-cut)) 0,100% 100%,calc(100% - 2px) 100%);pointer-events:none}
.onn-template .onn-winners-template .winner-portrait-initial{color:#e6b4c4;font:800 42px/1 Inter,sans-serif}
.onn-template .onn-winners-template .winner-portrait>img{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;border:0;border-radius:0}
.onn-template .onn-winners-template .winner-portrait-team{z-index:1;object-fit:contain;padding:15px calc(var(--winner-portrait-cut) + 3px) 15px 10px}
.onn-template .onn-winners-template .winner-portrait-steam{z-index:2;object-fit:cover;object-position:42% center;padding:0}
.onn-template .onn-winners-template .winner-portrait.has-team-avatar>.winner-portrait-team,.onn-template .onn-winners-template .winner-portrait.has-steam-avatar>.winner-portrait-steam{opacity:1}
.onn-template .onn-winners-template .winner-portrait:is(.has-team-avatar,.has-steam-avatar)>.winner-portrait-initial{opacity:0}
.onn-template .onn-winners-template .winner-copy .winner-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;margin-top:7px;padding:0;border:0;border-radius:0;background:transparent;color:#70545f;font-size:8px}
.onn-template .onn-winners-template .winner-meta .winner-ticket{color:#dc99a9;font-size:8px;font-weight:800}
.onn-template .onn-winners-template .winner-meta .winner-date{margin:0;font-size:8px}
@media(max-width:900px){
 .onn-template .onn-winners-template .winners-summary>.winner-summary-grid,.onn-template .onn-winners-template .winners-summary>.winner-summary-grid:has(>.winner-summary-stat:nth-child(6)),.onn-template .onn-winners-template .winners-summary>.winner-summary-grid:has(>.winner-summary-stat:nth-child(7)){grid-template-columns:repeat(3,minmax(0,1fr));row-gap:18px}
 .onn-template .onn-winners-template .winner-summary-stat:nth-child(3n + 1){border-left:0}
 .onn-template .onn-winners-template .winners-summary>.winner-summary-footer{align-items:flex-start;flex-direction:column;gap:8px}
 .onn-template .onn-winners-template .winner-card{--winner-portrait-width:90px;--winner-portrait-cut:22px;grid-template-columns:minmax(0,1fr) 80px;gap:8px;padding-right:10px}
}
@media(max-width:620px){
 .onn-template .onn-winners-template .winners-summary>.winner-summary-grid,.onn-template .onn-winners-template .winners-summary>.winner-summary-grid:has(>.winner-summary-stat:nth-child(6)),.onn-template .onn-winners-template .winners-summary>.winner-summary-grid:has(>.winner-summary-stat:nth-child(7)){grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px;padding:16px 0}
 .onn-template .onn-winners-template .winner-summary-stat{padding:0 15px}
 .onn-template .onn-winners-template .winner-summary-stat:nth-child(3n + 1){border-left:1px solid #43242e}
 .onn-template .onn-winners-template .winner-summary-stat:nth-child(2n + 1){border-left:0}
 .onn-template .onn-winners-template .winner-summary-stat strong{font-size:28px}
 .onn-template .onn-winners-template .winner-card{--winner-portrait-width:84px;--winner-portrait-cut:20px;grid-template-columns:minmax(0,1fr) 78px;min-height:119px;padding:12px 10px 12px calc(var(--winner-portrait-width) + 10px);gap:8px}
 .onn-template .onn-winners-template .winner-portrait-initial{font-size:34px}
}

/* Participation page: native purchase controls in the rifa template (v65). */
.onn-template #onn-main.onn-raffle-page{display:block;width:min(780px,calc(100% - 36px));max-width:780px;margin:0 auto;padding:30px 0 58px}
.onn-template #onn-main.onn-raffle-page>.giveaways-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 17px;padding:0;border:0;background:none}
.onn-template #onn-main.onn-raffle-page>.giveaways-header .eyebrow{font-size:8px;letter-spacing:.12em;color:#e97989}
.onn-template #onn-main.onn-raffle-page>.giveaways-header h1{margin:5px 0 7px;font:800 27px/1.08 var(--display);letter-spacing:.005em;color:#f7eff2}
.onn-template #onn-main.onn-raffle-page>.giveaways-header .page-subtitle{display:block;color:#b5a8ab;font-size:10px;line-height:1.5}
.onn-template #onn-main.onn-raffle-page>.giveaways-header>.ghost-link{margin-top:23px;color:#d0c2c5;font-size:9px;white-space:nowrap}
.onn-template #onn-main.onn-raffle-page #onn-campaign-list{display:block;width:min(590px,100%);max-width:590px;margin:0 auto}
.onn-template #onn-main.onn-raffle-page .giveaway-event-card{display:block;width:100%;max-width:590px;min-width:0;margin:0;border:1px solid #51303a;border-radius:10px;background:linear-gradient(155deg,#171114,#0d0a0c 62%);box-shadow:0 22px 65px #0007,0 0 35px #9b203710;overflow:visible;transform:none}
.onn-template #onn-main.onn-raffle-page .giveaway-hero{display:block;min-height:0;padding:0;border:0;border-radius:9px 9px 0 0;background:none;overflow:hidden}
.onn-template #onn-main.onn-raffle-page .giveaway-hero::before,.onn-template #onn-main.onn-raffle-page .giveaway-hero::after{display:none}
.onn-template #onn-main.onn-raffle-page .giveaway-hero-media{position:relative;display:block;width:100%;height:220px;min-height:0;padding:0;overflow:hidden;border:0;border-radius:0;background:radial-gradient(ellipse at 50% 55%,#461722,#130b0e 75%)}
.onn-template #onn-main.onn-raffle-page .giveaway-hero-media>img,.onn-template #onn-main.onn-raffle-page .giveaway-hero-media .prize-award-slideshow,.onn-template #onn-main.onn-raffle-page .giveaway-hero-media figure{width:100%;height:100%;min-height:0;max-height:none;margin:0}
.onn-template #onn-main.onn-raffle-page .giveaway-hero-media img{width:100%;max-width:none;height:100%;max-height:none;object-fit:contain;filter:none;opacity:1;transform:none}
.onn-template #onn-main.onn-raffle-page .giveaway-hero-media figcaption{position:absolute;inset:auto 12px 9px;display:grid;gap:3px;padding:8px 10px;border:1px solid #62333e;border-radius:5px;background:#10090deb;color:#e8dcdf;text-align:left;font-size:8px;line-height:1.35}
.onn-template #onn-main.onn-raffle-page .giveaway-hero-media figcaption>b{color:#ed7480;font-size:7px;text-transform:uppercase;letter-spacing:.1em}
.onn-template #onn-main.onn-raffle-page .giveaway-hero-media .skin-placeholder{display:grid;place-items:center;width:100%;height:100%}
.onn-template #onn-main.onn-raffle-page .giveaway-hero-copy{display:grid;justify-items:stretch;gap:0;width:100%;max-width:none;min-width:0;padding:15px 17px 0;text-align:left;background:none}
.onn-template #onn-main.onn-raffle-page .onn-raffle-status{display:flex;align-items:center;justify-content:space-between;gap:15px}
.onn-template #onn-main.onn-raffle-page .onn-raffle-status .eyebrow{display:flex;align-items:center;gap:6px;margin:0;color:#ff8993;font-size:8px;font-weight:800;letter-spacing:.1em}
.onn-template #onn-main.onn-raffle-page .onn-raffle-status .eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:#e35463;box-shadow:0 0 9px #e35463;animation:live-pulse 1.6s ease-in-out infinite}
.onn-template #onn-main.onn-raffle-page .giveaway-action-code{font-size:8px;color:#e56a80;text-transform:uppercase}
.onn-template #onn-main.onn-raffle-page .giveaway-hero-copy h2{margin:9px 0 5px;font:800 16px/1.3 Inter,sans-serif;letter-spacing:0;text-transform:none;color:#f4edef;overflow-wrap:anywhere}
.onn-template #onn-main.onn-raffle-page .giveaway-hero-copy>span{display:block;color:#afa2a6;font-size:10px;line-height:1.55;font-weight:400}
.onn-template #onn-main.onn-raffle-page .giveaway-ticket-status{display:none}
.onn-template #onn-main.onn-raffle-page .giveaway-fair-seal{margin-top:10px;font-size:8px;padding:8px;border:1px solid #3b2830;background:#110b0f}
.onn-template #onn-main.onn-raffle-page .giveaway-banner-strip{display:flex;gap:7px;margin:12px 17px 0;padding:0}
.onn-template #onn-main.onn-raffle-page .giveaway-banner-strip img{width:70px;height:42px;object-fit:contain;border:1px solid #432b34;border-radius:4px}
.onn-template #onn-main.onn-raffle-page .giveaway-main{display:grid;gap:0;padding:0 9px 11px;background:none}
.onn-template #onn-main.onn-raffle-page .giveaway-main.is-hidden-for-auto-draw{display:none}
.onn-template #onn-main.onn-raffle-page .onn-raffle-progress{margin:14px 8px 0}
.onn-template #onn-main.onn-raffle-page .onn-raffle-progress>div{display:flex;align-items:baseline;gap:8px;margin:0 2px 5px}
.onn-template #onn-main.onn-raffle-page .onn-raffle-progress b{color:#f07885;font-size:19px;letter-spacing:-.04em}
.onn-template #onn-main.onn-raffle-page .onn-raffle-progress span{color:#a6989d;font-size:8px}
.onn-template #onn-main.onn-raffle-page .onn-raffle-progress strong{margin-left:auto;color:#c2b5b9;font-size:8px}
.onn-template #onn-main.onn-raffle-page .onn-raffle-progress progress{display:block;width:100%;height:17px;padding:2px;overflow:hidden;appearance:none;border:1px solid #5a3640;border-radius:10px;background:#20171a;box-shadow:inset 0 2px 4px #0009}
.onn-template #onn-main.onn-raffle-page .onn-raffle-progress progress::-webkit-progress-bar{border-radius:10px;background:#20171a}
.onn-template #onn-main.onn-raffle-page .onn-raffle-progress progress::-webkit-progress-value{border-radius:9px;background:repeating-linear-gradient(135deg,#f28490 0 7px,#d64b5d 7px 14px);box-shadow:0 0 12px #e3546380}
.onn-template #onn-main.onn-raffle-page .onn-raffle-progress progress::-moz-progress-bar{border-radius:9px;background:repeating-linear-gradient(135deg,#f28490 0 7px,#d64b5d 7px 14px)}
.onn-template #onn-main.onn-raffle-page .onn-raffle-progress>small{display:block;margin-top:5px;color:#9c858f;font-size:8px}
.onn-template #onn-main.onn-raffle-page .giveaway-number-form,.onn-template #onn-main.onn-raffle-page .giveaway-body-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-width:0;margin:0;padding:0;border:0;background:none}
.onn-template #onn-main.onn-raffle-page .giveaway-purchase-panel{display:grid;gap:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.onn-template #onn-main.onn-raffle-page .giveaway-meta{display:grid;gap:5px;margin:8px 8px 12px;padding:7px;border:1px solid #34242a;border-radius:5px;background:#100c0e;box-shadow:none}
.onn-template #onn-main.onn-raffle-page .giveaway-meta>span{display:flex;align-items:center;gap:7px;min-height:0;width:100%;margin:0;padding:6px 8px;border:1px solid #32252a;border-radius:4px;background:#151012;color:#d4c9cc;font-size:9px;line-height:1.4;text-transform:none}
.onn-template #onn-main.onn-raffle-page .giveaway-meta>.onn-raffle-prize-row{display:grid;gap:3px}
.onn-template #onn-main.onn-raffle-page .onn-raffle-prize-row small{color:#e56b79;font-size:7px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.onn-template #onn-main.onn-raffle-page .onn-raffle-prize-row b{font-size:8px;line-height:1.4;font-weight:700;color:#d4c9cc}
.onn-template #onn-main.onn-raffle-page .onn-raffle-entry{display:grid;min-width:0;gap:0;padding:15px 14px 13px;margin:0;border:1px solid #3b282e;border-radius:6px;background:linear-gradient(145deg,#171114,#100c0e)}
.onn-template #onn-main.onn-raffle-page .onn-raffle-entry-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:0;border:0;background:none}
.onn-template #onn-main.onn-raffle-page .onn-raffle-entry-heading>div>span{color:#e66e83;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.onn-template #onn-main.onn-raffle-page .onn-raffle-entry-heading h2{margin:3px 0;font:700 24px/1 var(--display);color:#f7edf1}
.onn-template #onn-main.onn-raffle-page .onn-raffle-entry-heading p{margin:4px 0 0;color:#aa9da1;font-size:8px;line-height:1.5}
.onn-template #onn-main.onn-raffle-page .onn-raffle-mode{padding:5px 7px;border:1px solid #753441;border-radius:3px;background:#2a1218;color:#ef8791;font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.onn-template #onn-main.onn-raffle-page .giveaway-user-numbers{display:grid;gap:4px;min-height:38px;margin:12px 0 8px;padding:9px;border:1px solid #33252b;border-radius:4px;background:#0d0a0c;box-shadow:none}
.onn-template #onn-main.onn-raffle-page .giveaway-user-numbers>span{display:none}
.onn-template #onn-main.onn-raffle-page .giveaway-user-numbers>strong{color:#a8989d;font-size:10px;font-weight:500}
.onn-template #onn-main.onn-raffle-page .giveaway-user-number-chips{display:flex;flex-wrap:wrap;gap:5px}
.onn-template #onn-main.onn-raffle-page .giveaway-user-number-chips b{padding:5px 6px;border:1px solid #763340;border-radius:4px;background:#32151d;color:#ffc6cc;font-size:10px}
.onn-template #onn-main.onn-raffle-page .giveaway-buy-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.onn-template #onn-main.onn-raffle-page .giveaway-buy-box>*{grid-column:1/-1;min-width:0}
.onn-template #onn-main.onn-raffle-page .giveaway-buy-box>.onn-raffle-quantity-field,.onn-template #onn-main.onn-raffle-page .giveaway-buy-box>.onn-raffle-payment-field{grid-column:auto;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:5px;margin:0;padding:0;border:0;border-radius:0;background:none;color:#b2a4a8;font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.onn-template #onn-main.onn-raffle-page .giveaway-buy-box .alert-info{display:block;margin:0;padding:8px;border:1px solid #63303b;border-radius:4px;background:#271117;color:#c6b6bb;font-size:9px;line-height:1.5}
.onn-template #onn-main.onn-raffle-page .giveaway-buy-box .alert-info strong{color:#f3949d}
.onn-template #onn-main.onn-raffle-page .onn-raffle-preset-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0 -2px;color:#b2a4a8;font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.onn-template #onn-main.onn-raffle-page .onn-raffle-preset-heading small{color:#ef8993;font-size:8px;letter-spacing:0;text-transform:none}
.onn-template #onn-main.onn-raffle-page .instant-quantity-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 2px;padding:0;overflow:visible}
.onn-template #onn-main.onn-raffle-page .instant-quantity-options:has(>button:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}
.onn-template #onn-main.onn-raffle-page .instant-quantity-option{position:relative;display:grid;align-content:center;justify-items:center;gap:3px;width:auto;min-height:67px;margin:0;padding:8px 2px;border:1px solid #4a3037;border-radius:5px;background:linear-gradient(150deg,#191316,#0d0a0c);color:#f5edef;cursor:pointer;box-shadow:none;transition:transform .18s,border-color .18s,background .18s}
.onn-template #onn-main.onn-raffle-page .instant-quantity-option:hover{transform:translateY(-2px);border-color:#c44758;box-shadow:0 7px 18px #a7243930}
.onn-template #onn-main.onn-raffle-page .instant-quantity-option.active{border-color:#ee6473;background:linear-gradient(145deg,#541c29,#221117);box-shadow:0 0 18px #cf3a4f30,inset 0 0 0 1px #e3546333}
.onn-template #onn-main.onn-raffle-page .instant-quantity-option>strong{font:800 23px/1 var(--display);color:#f5edef}
.onn-template #onn-main.onn-raffle-page .instant-quantity-option>span{color:#aa999e;font-size:6px;letter-spacing:.06em;text-transform:uppercase}
.onn-template #onn-main.onn-raffle-page .instant-quantity-option>small{position:absolute;top:-7px;left:50%;transform:translateX(-50%);padding:2px 5px;border:0;border-radius:9px;background:#bd354b;color:#fff;font-size:5px;font-weight:900;line-height:1.5;white-space:nowrap;text-transform:uppercase}
.onn-template #onn-main.onn-raffle-page .onn-raffle-stepper{display:flex;align-items:center;width:100%;height:38px;overflow:hidden;border:1px solid #453038;border-radius:4px;background:#0d0a0c}
.onn-template #onn-main.onn-raffle-page [data-raffle-step]{display:grid;place-items:center;flex:0 0 33px;width:33px;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#f08b95;font-size:18px;box-shadow:none;cursor:pointer}
.onn-template #onn-main.onn-raffle-page [data-raffle-step]:disabled{opacity:.3;cursor:default}
.onn-template #onn-main.onn-raffle-page .onn-raffle-stepper>input[data-giveaway-quantity]{width:100%;max-width:100%;min-width:0;height:100%;min-height:0;padding:0;border:0;border-radius:0;outline:0;background:transparent;color:#f8eff1;text-align:center;font-size:12px;font-weight:800;box-shadow:none;appearance:textfield}
.onn-template #onn-main.onn-raffle-page .onn-raffle-stepper input::-webkit-inner-spin-button,.onn-template #onn-main.onn-raffle-page .onn-raffle-stepper input::-webkit-outer-spin-button{appearance:none;margin:0}
.onn-template #onn-main.onn-raffle-page .onn-raffle-payment-field>select{width:100%;max-width:100%;height:38px;min-height:0;margin:0;padding:0 9px;border:1px solid #453038;border-radius:4px;background:#0d0a0c;color:#e3d8db;font-size:9px;box-shadow:none}
.onn-template #onn-main.onn-raffle-page .giveaway-total-preview{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;align-items:center;margin-top:2px;padding:11px 1px;border:0;border-top:1px solid #33242a;border-radius:0;background:none;box-shadow:none}
.onn-template #onn-main.onn-raffle-page .giveaway-total-preview>.onn-raffle-total-label{display:grid;gap:3px;margin:0;color:#b2a4a8;font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.onn-template #onn-main.onn-raffle-page .onn-raffle-total-label>[data-raffle-total-meta]{color:#95858a;font-size:8px;font-weight:400;letter-spacing:0;text-transform:none}
.onn-template #onn-main.onn-raffle-page .giveaway-total-preview>[data-giveaway-total]{color:#f7edef;font-size:21px;letter-spacing:-.04em}
.onn-template #onn-main.onn-raffle-page .giveaway-total-preview>[data-giveaway-promotion-preview]{grid-column:1/-1;color:#d6a3b3;font-size:9px}
.onn-template #onn-main.onn-raffle-page .giveaway-buy-box>.button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;padding:11px 12px;border:1px solid #d33c59;border-radius:4px;background:linear-gradient(115deg,#aa2041,#d8435b,#a9223f);color:#fff;font-size:10px;font-weight:800;box-shadow:none}
.onn-template #onn-main.onn-raffle-page .giveaway-profile-check{display:grid;gap:9px;padding:12px;border:1px solid #432b34;border-radius:5px;background:#110b0f;box-shadow:none}
.onn-template #onn-main.onn-raffle-page .giveaway-profile-check label{padding:0;border:0;background:none;font-size:9px}
.onn-template #onn-main.onn-raffle-page .giveaway-profile-check input{font-size:11px}
.onn-template #onn-main.onn-raffle-page .checkout-terms,.onn-template #onn-main.onn-raffle-page .notice-box{font-size:9px;line-height:1.5}
.onn-template #onn-main.onn-raffle-page .giveaway-number-panel{display:block;margin:12px 0;padding:12px;border:1px solid #432b34;border-radius:6px;background:#120c10}
.onn-template #onn-main.onn-raffle-page .giveaway-number-panel h3{font:800 22px var(--display)}
.onn-template #onn-main.onn-raffle-page .giveaway-number-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:5px;max-height:340px;overflow:auto}
.onn-template #onn-main.onn-raffle-page .giveaway-number-grid>label{min-width:0}
.onn-template #onn-main.onn-raffle-page .giveaway-number-grid>label>span{min-height:32px;font-size:10px}
.onn-template #onn-main.onn-raffle-page .manual-selection-summary,.onn-template #onn-main.onn-raffle-page .free-level-claim-box{padding:10px;border:1px solid #4f303c;border-radius:5px;background:#21121a}
.onn-template #onn-main.onn-raffle-page :is(.quota-promotion-showcase,.top-buyer-showcase,.instant-prize-showcase){display:grid;gap:8px;min-width:0;margin:15px 0 0;padding:0;border:0;border-radius:0;background:none}
.onn-template #onn-main.onn-raffle-page :is(.quota-promotion-showcase-head,.top-buyer-showcase-head,.instant-prize-showcase-head){display:grid;gap:5px;padding:12px;border:1px solid #4a3037;border-radius:5px;background:linear-gradient(110deg,#251219,#120d0f)}
.onn-template #onn-main.onn-raffle-page :is(.quota-promotion-showcase-head,.top-buyer-showcase-head,.instant-prize-showcase-head)>span{display:flex;align-items:center;gap:7px;color:#e98192;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.onn-template #onn-main.onn-raffle-page .quota-promotion-showcase-head>span{color:#efb467}
.onn-template #onn-main.onn-raffle-page :is(.quota-promotion-showcase-head,.top-buyer-showcase-head,.instant-prize-showcase-head) svg{width:15px;height:15px;flex-shrink:0}
.onn-template #onn-main.onn-raffle-page :is(.quota-promotion-showcase-head,.top-buyer-showcase-head,.instant-prize-showcase-head)>small{color:#a9969f;font-size:9px;line-height:1.5}
.onn-template #onn-main.onn-raffle-page .quota-promotion-showcase-head a{color:#e9b679;text-decoration:underline;text-underline-offset:2px}
.onn-template #onn-main.onn-raffle-page .showcase-person-card{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;min-width:0;margin:0;padding:12px;border:1px solid #35242a;border-radius:5px;background:#120d0f;box-shadow:none}
.onn-template #onn-main.onn-raffle-page .showcase-person-card.is-live{border-color:#75522c;background:linear-gradient(115deg,#2c1b15,#140d0f)}
.onn-template #onn-main.onn-raffle-page .showcase-person-card>img,.onn-template #onn-main.onn-raffle-page .showcase-person-card>svg{width:48px;height:48px;max-width:48px;max-height:48px;object-fit:contain;border:0;border-radius:4px;background:radial-gradient(ellipse,#4e2031,transparent);color:#de8b9b}
.onn-template #onn-main.onn-raffle-page .showcase-card-copy{display:grid;gap:4px;min-width:0;margin:0;padding:0;border:0;background:none}
.onn-template #onn-main.onn-raffle-page .showcase-card-copy>strong{color:#f0dce5;font-size:11px;line-height:1.4}
.onn-template #onn-main.onn-raffle-page .showcase-card-copy .showcase-prize-name{display:block;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;color:#dabec9;font-size:10px;line-height:1.4}
.onn-template #onn-main.onn-raffle-page .showcase-card-copy>small,.onn-template #onn-main.onn-raffle-page .showcase-card-copy>em{color:#a08b95;font-size:9px;line-height:1.5;font-style:normal}
.onn-template #onn-main.onn-raffle-page .showcase-card-side{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:8px 0 0;border:0;border-top:1px solid #33242a;background:none;text-align:left;min-width:0}
.onn-template #onn-main.onn-raffle-page .showcase-card-status{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:4px 8px;border:1px solid #62303e;border-radius:4px;background:#29111a;color:#eea5b9;font-size:8px;font-weight:800;line-height:1.4}
.onn-template #onn-main.onn-raffle-page .is-live .showcase-card-status{border-color:#75522c;background:#3b2416;color:#f2c681}
.onn-template #onn-main.onn-raffle-page .showcase-participants{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.onn-template #onn-main.onn-raffle-page .showcase-participant{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:3px 6px;min-width:0;max-width:100%;padding:0;border:0;background:none}
.onn-template #onn-main.onn-raffle-page .showcase-participant-avatar{grid-row:1/3;width:24px;height:24px}
.onn-template #onn-main.onn-raffle-page .showcase-participant-name{font-size:9px;min-width:0;overflow:hidden}
.onn-template #onn-main.onn-raffle-page .showcase-participant-note{grid-column:2;color:#b48b9b;font-size:8px}
.onn-template #onn-main.onn-raffle-page .quota-promo-current-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:5px}
.onn-template #onn-main.onn-raffle-page .quota-promo-current-board>span{display:grid;gap:3px;padding:8px;border:1px solid #5f4129;border-radius:4px;background:#2b1a13}
.onn-template #onn-main.onn-raffle-page .quota-promo-current-board i,.onn-template #onn-main.onn-raffle-page .quota-promo-current-board small{font-size:8px;color:#bca18b;font-style:normal}
.onn-template #onn-main.onn-raffle-page .quota-promo-current-board strong{font-size:14px;color:#f1c382}
.onn-template #onn-main.onn-raffle-page .giveaway-order-list{display:grid;gap:8px;margin-top:16px}
.onn-template #onn-main.onn-raffle-page .giveaway-order-list>div{display:grid;gap:8px;padding:12px;border:1px solid #432b34;border-radius:5px;background:#120c10;font-size:10px}
.onn-template #onn-main.onn-raffle-page .giveaway-checkout-dialog{width:min(440px,calc(100% - 24px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #603341;border-radius:8px;background:linear-gradient(145deg,#22141c,#110c10);font-size:12px}
@media(max-width:640px){
 .onn-template #onn-main.onn-raffle-page{width:calc(100% - 22px);padding:22px 0 42px}
 .onn-template #onn-main.onn-raffle-page>.giveaways-header{gap:8px;margin-bottom:13px}
 .onn-template #onn-main.onn-raffle-page>.giveaways-header h1{font-size:23px}
 .onn-template #onn-main.onn-raffle-page>.giveaways-header .page-subtitle{font-size:8px}
 .onn-template #onn-main.onn-raffle-page>.giveaways-header>.ghost-link{max-width:78px;margin-top:20px;font-size:8px;white-space:normal;text-align:right}
 .onn-template #onn-main.onn-raffle-page .giveaway-event-card{border-radius:7px}
 .onn-template #onn-main.onn-raffle-page .giveaway-hero-media{height:180px}
 .onn-template #onn-main.onn-raffle-page .giveaway-hero-copy{padding:13px 12px 0}
 .onn-template #onn-main.onn-raffle-page .giveaway-hero-copy h2{font-size:14px}
 .onn-template #onn-main.onn-raffle-page .giveaway-hero-copy>span{font-size:9px}
 .onn-template #onn-main.onn-raffle-page .giveaway-main{padding:0 6px 8px}
 .onn-template #onn-main.onn-raffle-page .onn-raffle-progress{margin-inline:6px}
 .onn-template #onn-main.onn-raffle-page .onn-raffle-entry{padding:12px 9px}
 .onn-template #onn-main.onn-raffle-page .onn-raffle-entry-heading h2{font-size:22px}
 .onn-template #onn-main.onn-raffle-page .onn-raffle-entry-heading p{font-size:7px}
 .onn-template #onn-main.onn-raffle-page .onn-raffle-mode{font-size:6px;padding:4px}
 .onn-template #onn-main.onn-raffle-page .instant-quantity-options{gap:5px}
 .onn-template #onn-main.onn-raffle-page .instant-quantity-option{min-height:59px}
 .onn-template #onn-main.onn-raffle-page .instant-quantity-option>strong{font-size:21px}
 .onn-template #onn-main.onn-raffle-page .giveaway-buy-box{gap:7px}
 .onn-template #onn-main.onn-raffle-page .showcase-person-card{padding:10px;gap:8px}
}
@media(prefers-reduced-motion:reduce){.onn-template #onn-main.onn-raffle-page .onn-raffle-status .eyebrow::before{animation:none}.onn-template #onn-main.onn-raffle-page .instant-quantity-option{transition:none;transform:none}}

.onn-template #onn-main.onn-raffle-page>.giveaways-header{flex-direction:row;flex-wrap:nowrap}
.onn-template #onn-main.onn-raffle-page>.giveaways-header>div{min-width:0;flex:1}
.onn-template #onn-main.onn-raffle-page .instant-quantity-option{grid-template-rows:auto auto}
.onn-template #onn-main.onn-raffle-page .instant-quantity-option::before{display:none}
.onn-template #onn-main.onn-raffle-page .instant-quantity-option>strong,.onn-template #onn-main.onn-raffle-page .instant-quantity-option>span{align-self:auto}
.onn-template #onn-main.onn-raffle-page .instant-quantity-option>small{min-height:0}
.onn-template #onn-main.onn-raffle-page [data-giveaway-promotion-preview]:empty{display:none}
.onn-template #onn-main.onn-raffle-page .giveaway-hero-media figure{z-index:1;opacity:0;animation:none!important;background:inherit}
.onn-template #onn-main.onn-raffle-page .giveaway-hero-media figure:first-child{opacity:1}
.onn-template #onn-main.onn-raffle-page .giveaway-hero-media figure img{padding:0}
@media(max-width:640px){.onn-template #onn-main.onn-raffle-page>.giveaways-header>.ghost-link{flex:0 0 78px}}

.onn-template #onn-main.onn-raffle-page .giveaway-checkout-backdrop{z-index:0}
.onn-template #onn-main.onn-raffle-page .giveaway-checkout-dialog{z-index:1;max-height:calc(100dvh / var(--onn-ui-scale,1) - 40px)}

.onn-template #onn-main.onn-raffle-page .showcase-card-side{flex-direction:row;justify-content:flex-start}
.onn-template #onn-main.onn-raffle-page .showcase-participant{display:inline-grid;width:auto;justify-items:start;justify-content:start;text-align:left;flex:0 1 auto}
.onn-template #onn-main.onn-raffle-page .showcase-card-side .showcase-participants{width:auto;justify-content:flex-start}

/* Prize events: category colors and diagonal recipient portraits (v66). */
.onn-template #onn-main.onn-raffle-page .quota-promotion-showcase{--showcase-accent:#e8b866;--showcase-tint:#b97c2926;--showcase-line:#805d36;--showcase-panel:#241b12}
.onn-template #onn-main.onn-raffle-page .top-buyer-showcase{--showcase-accent:#80cdf5;--showcase-tint:#3c8ac226;--showcase-line:#345c79;--showcase-panel:#101e2a}
.onn-template #onn-main.onn-raffle-page .instant-prize-showcase{--showcase-accent:#c2a1fb;--showcase-tint:#8e59ce26;--showcase-line:#63457d;--showcase-panel:#20152b}
.onn-template #onn-main.onn-raffle-page :is(.quota-promotion-showcase-head,.top-buyer-showcase-head,.instant-prize-showcase-head){border-color:var(--showcase-line);background:linear-gradient(110deg,var(--showcase-panel),#100d11)}
.onn-template #onn-main.onn-raffle-page :is(.quota-promotion-showcase-head,.top-buyer-showcase-head,.instant-prize-showcase-head)>span{color:var(--showcase-accent)}
.onn-template #onn-main.onn-raffle-page .onn-showcase-card{--showcase-portrait-width:83px;--showcase-portrait-cut:24px;display:grid;grid-template-columns:54px minmax(0,1fr) 224px;grid-template-rows:auto;align-items:center;gap:10px;min-height:118px;margin:0;padding:0;overflow:hidden;isolation:isolate;border:1px solid #392b33;border-radius:6px;background:linear-gradient(115deg,var(--showcase-tint),transparent 55%),#100d10}
.onn-template #onn-main.onn-raffle-page .onn-showcase-card.is-live{border-color:var(--showcase-line);background:linear-gradient(115deg,var(--showcase-tint),transparent 65%),#151010}
.onn-template #onn-main.onn-raffle-page .onn-showcase-card>img,.onn-template #onn-main.onn-raffle-page .onn-showcase-card>svg{grid-column:1;grid-row:1;align-self:center;width:48px;height:55px;max-height:55px;max-width:48px;margin:12px 0 12px 8px;padding:2px;object-fit:contain;border:0;border-radius:4px;background:radial-gradient(ellipse,var(--showcase-tint),transparent);color:var(--showcase-accent)}
.onn-template #onn-main.onn-raffle-page .onn-showcase-card>.showcase-card-copy{grid-column:2;grid-row:1;align-self:center;align-content:center;display:grid;gap:5px;min-width:0;padding:12px 0;border:0;background:none}
.onn-template #onn-main.onn-raffle-page .onn-showcase-card .showcase-card-status{position:static;justify-self:start;width:max-content;max-width:100%;min-height:20px;margin:0;padding:3px 6px;border:1px solid var(--showcase-line);border-radius:3px;background:var(--showcase-panel);color:var(--showcase-accent);font-size:7px;line-height:1.3;text-transform:uppercase;letter-spacing:.025em}
.onn-template #onn-main.onn-raffle-page .onn-showcase-card .showcase-card-copy>strong{font-size:11px;line-height:1.4;color:#eee4e9}
.onn-template #onn-main.onn-raffle-page .onn-showcase-card .showcase-prize-name{font-size:10px;line-height:1.45;color:#d3c3cc}
.onn-template #onn-main.onn-raffle-page .onn-showcase-card .showcase-card-copy>small,.onn-template #onn-main.onn-raffle-page .onn-showcase-card .showcase-card-copy>em{font-size:8px;line-height:1.5;color:#a08c96}
.onn-template #onn-main.onn-raffle-page .onn-showcase-card .quota-promo-current-board{display:none}
.onn-template #onn-main.onn-raffle-page .onn-showcase-card>.showcase-card-side{grid-column:3;grid-row:1;align-self:stretch;display:grid;grid-template-columns:minmax(0,1fr);align-content:stretch;align-items:stretch;justify-content:stretch;gap:0;min-width:0;width:auto;max-width:none;margin:0;padding:0;overflow:hidden;border:0;border-left:1px solid var(--showcase-line);border-radius:0;background:linear-gradient(135deg,var(--showcase-panel),#100c10);text-align:left}
.onn-template #onn-main.onn-raffle-page .showcase-recipient{position:relative;display:grid;align-items:center;min-width:0;min-height:116px;padding:12px calc(var(--showcase-portrait-width) + 7px) 12px 12px;overflow:hidden;border:0;background:none;text-align:left}
.onn-template #onn-main.onn-raffle-page .showcase-recipient+.showcase-recipient{border-top:1px solid var(--showcase-line)}
.onn-template #onn-main.onn-raffle-page .showcase-recipient-identity{display:grid;align-content:center;gap:5px;min-width:0;margin:0;padding:0;border:0;background:none}
.onn-template #onn-main.onn-raffle-page .showcase-recipient-label{color:var(--showcase-accent);font-size:7px;font-weight:800;line-height:1.4;letter-spacing:.06em;text-transform:uppercase}
.onn-template #onn-main.onn-raffle-page .showcase-recipient-number{margin:0;color:#f6edf2;font:800 21px/1 var(--display);letter-spacing:.01em;overflow-wrap:anywhere}
.onn-template #onn-main.onn-raffle-page .showcase-recipient-name{display:flex;align-items:center;gap:5px;min-width:0;color:#e9dfe5;font-size:9px;line-height:1.35}
.onn-template #onn-main.onn-raffle-page .showcase-recipient-name>b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;overflow:hidden;color:inherit;font-size:9px;font-weight:800;line-height:1.35;overflow-wrap:anywhere}
.onn-template #onn-main.onn-raffle-page .showcase-recipient-name>.team-inline-logo{display:inline-block;flex:0 0 14px;width:14px;height:14px;margin:0;object-fit:contain}
.onn-template #onn-main.onn-raffle-page .showcase-recipient-state{color:#9e8c99;font-size:7px;line-height:1.5}
.onn-template #onn-main.onn-raffle-page .showcase-recipient>.showcase-recipient-portrait{position:absolute;inset:0 0 0 auto;display:grid;place-items:center;isolation:isolate;width:var(--showcase-portrait-width);height:100%;min-height:0;margin:0;padding-left:calc(var(--showcase-portrait-cut)/2);overflow:hidden;border:0;border-radius:0;clip-path:polygon(var(--showcase-portrait-cut) 0,100% 0,100% 100%,0 100%);background:radial-gradient(ellipse at 75% 25%,var(--showcase-tint),transparent 90%),var(--showcase-panel)}
.onn-template #onn-main.onn-raffle-page .showcase-recipient-portrait::before{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,#100b1433,transparent 60%),linear-gradient(0deg,#09070c44,transparent 50%);pointer-events:none}
.onn-template #onn-main.onn-raffle-page .showcase-recipient-portrait::after{content:"";position:absolute;inset:0;z-index:4;background:var(--showcase-accent);opacity:.4;clip-path:polygon(0 100%,2px 100%,calc(var(--showcase-portrait-cut) + 2px) 0,var(--showcase-portrait-cut) 0);pointer-events:none}
.onn-template #onn-main.onn-raffle-page .showcase-recipient-initial{color:var(--showcase-accent);font:800 33px/1 Inter,sans-serif}
.onn-template #onn-main.onn-raffle-page .showcase-recipient-portrait>img{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;border:0;border-radius:0}
.onn-template #onn-main.onn-raffle-page .showcase-recipient-team{z-index:1;padding:15px 8px 15px calc(var(--showcase-portrait-cut) + 3px);object-fit:contain}
.onn-template #onn-main.onn-raffle-page .showcase-recipient-steam{z-index:2;padding:0;object-fit:cover;object-position:57% center}
.onn-template #onn-main.onn-raffle-page .showcase-recipient-portrait.has-team-avatar>.showcase-recipient-team,.onn-template #onn-main.onn-raffle-page .showcase-recipient-portrait.has-steam-avatar>.showcase-recipient-steam{opacity:1}
.onn-template #onn-main.onn-raffle-page .showcase-recipient-portrait:is(.has-team-avatar,.has-steam-avatar)>.showcase-recipient-initial{opacity:0}
.onn-template #onn-main.onn-raffle-page .showcase-waiting{position:relative;display:grid;align-content:center;justify-items:start;gap:5px;min-height:116px;min-width:0;padding:15px 18px;background:repeating-linear-gradient(125deg,transparent 0 23px,var(--showcase-tint) 24px 25px);text-align:left;overflow-wrap:anywhere}
.onn-template #onn-main.onn-raffle-page .showcase-waiting>svg{width:20px;height:20px;color:var(--showcase-accent);opacity:.6}
.onn-template #onn-main.onn-raffle-page .showcase-waiting>strong{color:var(--showcase-accent);font-size:10px;line-height:1.4}
.onn-template #onn-main.onn-raffle-page .showcase-waiting>small{color:#a08b98;font-size:8px;line-height:1.5}
@media(max-width:640px){
 .onn-template #onn-main.onn-raffle-page .onn-showcase-card{--showcase-portrait-width:96px;--showcase-portrait-cut:25px;grid-template-columns:54px minmax(0,1fr);gap:0 10px;min-height:0}
 .onn-template #onn-main.onn-raffle-page .onn-showcase-card>.showcase-card-copy{padding:12px 12px 12px 0}
 .onn-template #onn-main.onn-raffle-page .onn-showcase-card>.showcase-card-side{grid-column:1/-1;grid-row:2;border-left:0;border-top:1px solid var(--showcase-line)}
 .onn-template #onn-main.onn-raffle-page .showcase-recipient{min-height:96px;padding:12px calc(var(--showcase-portrait-width) + 14px) 12px 14px}
 .onn-template #onn-main.onn-raffle-page .showcase-recipient-label{font-size:8px}
 .onn-template #onn-main.onn-raffle-page .showcase-recipient-number{font-size:24px}
 .onn-template #onn-main.onn-raffle-page .showcase-recipient-name,.onn-template #onn-main.onn-raffle-page .showcase-recipient-name>b{font-size:10px}
 .onn-template #onn-main.onn-raffle-page .showcase-recipient-state{font-size:8px}
 .onn-template #onn-main.onn-raffle-page .showcase-waiting{min-height:92px;padding:12px 14px}
}

.onn-template #onn-main.onn-raffle-page .onn-showcase-card>.showcase-card-side{justify-self:stretch;width:100%}
.onn-template #onn-main.onn-raffle-page .showcase-recipient-name>b{grid-column:auto;align-self:center;justify-self:stretch;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;text-transform:none;white-space:normal}

/* Live lightning events expose quota numbers only; winners are revealed after closing (v67). */
.onn-template #onn-main.onn-raffle-page .showcase-live-quota{position:relative;display:grid;align-content:center;justify-items:start;gap:7px;min-height:116px;min-width:0;padding:16px 52px 16px 16px;overflow:hidden;background:radial-gradient(ellipse at 100% 45%,#c8841820,transparent 75%),linear-gradient(120deg,#241b12,#130f0d);text-align:left}
.onn-template #onn-main.onn-raffle-page .showcase-live-quota+.showcase-live-quota{border-top:1px solid var(--showcase-line)}
.onn-template #onn-main.onn-raffle-page .showcase-live-quota>small{position:relative;z-index:1;color:#e8b866;font-size:8px;font-weight:800;line-height:1.4;letter-spacing:.07em;text-transform:uppercase}
.onn-template #onn-main.onn-raffle-page .showcase-live-quota>strong{position:relative;z-index:1;color:#ffe8bc;font:800 29px/1 var(--display);letter-spacing:.025em;text-shadow:0 0 18px #d9902630;overflow-wrap:anywhere}
.onn-template #onn-main.onn-raffle-page .showcase-live-quota>span{position:relative;z-index:1;color:#a69177;font-size:8px;line-height:1.5}
.onn-template #onn-main.onn-raffle-page .showcase-live-quota::after{content:"";position:absolute;top:calc(50% - 22px);right:18px;width:22px;height:44px;clip-path:polygon(47% 0,100% 0,64% 39%,100% 39%,13% 100%,40% 56%,0 56%);background:linear-gradient(180deg,#ffe0a3,#d89137);opacity:.35;filter:drop-shadow(0 0 5px #ecac4d55);pointer-events:none;animation:onn-event-active-bolt 3.2s ease-in-out infinite}
.onn-template #onn-main.onn-raffle-page .onn-showcase-card[data-showcase-type=quota].is-live{position:relative;animation:onn-event-active-glow 3.4s ease-in-out infinite}
.onn-template #onn-main.onn-raffle-page .onn-showcase-card[data-showcase-type=quota].is-live::before{content:"";position:absolute;z-index:5;top:0;left:0;width:45%;height:2px;background:linear-gradient(90deg,transparent,#f6c976,transparent);opacity:0;pointer-events:none;animation:onn-event-active-sweep 4.2s ease-in-out infinite}
@keyframes onn-event-active-glow{0%,100%{border-color:#805d36;box-shadow:0 0 0 transparent,inset 0 0 0 transparent}50%{border-color:#c18b43;box-shadow:0 0 15px #c884181a,inset 0 0 12px #d9961910}}
@keyframes onn-event-active-sweep{0%,12%{transform:translateX(-110%);opacity:0}22%{opacity:.85}65%{transform:translateX(325%);opacity:.85}75%,100%{transform:translateX(325%);opacity:0}}
@keyframes onn-event-active-bolt{0%,100%{opacity:.17;transform:scale(.94)}44%,57%{opacity:.48;transform:scale(1.04)}49%{opacity:.24;transform:scale(1)}}
@media(max-width:640px){.onn-template #onn-main.onn-raffle-page .showcase-live-quota{min-height:96px;padding:14px 62px 14px 14px}.onn-template #onn-main.onn-raffle-page .showcase-live-quota>strong{font-size:30px}.onn-template #onn-main.onn-raffle-page .showcase-live-quota::after{right:23px}}
@media(prefers-reduced-motion:reduce){.onn-template #onn-main.onn-raffle-page .onn-showcase-card[data-showcase-type=quota].is-live,.onn-template #onn-main.onn-raffle-page .onn-showcase-card[data-showcase-type=quota].is-live::before,.onn-template #onn-main.onn-raffle-page .showcase-live-quota::after{animation:none}.onn-template #onn-main.onn-raffle-page .onn-showcase-card[data-showcase-type=quota].is-live::before{display:none}}
/* Arena entry: shared top bar, before the site profile card. */
.onn-template .onn-topbar-v39 .onn-arena-entry{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 15px;overflow:hidden;border:1px solid #934057;border-radius:4px;background:linear-gradient(120deg,#341b29,#23161f);color:#f4c1cc;font:800 11px/1.2 var(--font);letter-spacing:.035em;text-decoration:none;white-space:nowrap;transition:transform .2s,border-color .2s,box-shadow .2s}
.onn-template .onn-topbar-v39 .onn-arena-entry:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,#ed718020 50%,transparent 70%);transform:translateX(-120%);transition:transform .5s;pointer-events:none}
.onn-template .onn-topbar-v39 .onn-arena-entry>svg{width:19px;height:19px;flex:none;color:#ed8199}
.onn-template .onn-topbar-v39 .onn-arena-entry-label{display:inline-flex;gap:4px;text-transform:uppercase}
.onn-template .onn-topbar-v39 .onn-arena-entry-label b{color:#fff;font-weight:900}
.onn-template .onn-topbar-v39 .onn-arena-entry em{font-size:7px;font-weight:800;font-style:normal;color:#b998a4}
.onn-template .onn-topbar-v39 .onn-arena-entry:is(:hover,:focus-visible,.is-active){border-color:#eb6c86;background:linear-gradient(120deg,#592238,#321922);color:#ffe0e7;box-shadow:0 0 20px #db3e6022}
.onn-template .onn-topbar-v39 .onn-arena-entry:hover:before{transform:translateX(120%)}
.onn-template .onn-topbar-v39 .onn-arena-entry:focus-visible{outline:2px solid #ffb1c2;outline-offset:3px}
@media(max-width:1100px){.onn-template .onn-topbar-v39 .onn-arena-entry{gap:6px;min-height:38px;padding:0 10px;font-size:9px}.onn-template .onn-topbar-v39 .onn-arena-entry em{display:none}}
@media(max-width:680px){.onn-template .onn-topbar-v39 .onn-arena-entry{min-height:34px;gap:5px;padding:0 7px;font-size:9px}.onn-template .onn-topbar-v39 .onn-arena-entry-label>span{display:none}.onn-template .onn-topbar-v39 .onn-arena-entry>svg{width:15px;height:15px}}
@media(max-width:374px){.onn-template .onn-topbar-v39 .onn-arena-entry{width:30px;padding:0;flex:none}.onn-template .onn-topbar-v39 .onn-arena-entry-label{display:none}}
@media(prefers-reduced-motion:reduce){.onn-template .onn-topbar-v39 .onn-arena-entry,.onn-template .onn-topbar-v39 .onn-arena-entry:before{transition:none}}

/* Auth artwork: silent CS2 video, independent of the form. */
.onn-template .auth-art{overflow:hidden;isolation:isolate}
.onn-template .auth-art>.auth-background-video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;opacity:.5;pointer-events:none}
.onn-template .auth-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#100a1110 25%,#100a1140 55%,#09070be6);pointer-events:none}
.onn-template .auth-art>div{z-index:1}
/* Registration: native team selector, referral attribution and explicit consent. */
.onn-template .onn-registration .form-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 14px}
.onn-template .onn-registration .form-card>label,.onn-template .onn-registration .form-card>.button,.onn-template .onn-registration .form-card>.form-note{grid-column:1/-1;margin:0;min-width:0}
.onn-template .onn-registration .form-card>label.registration-half{grid-column:auto}
.onn-template .onn-registration .form-card select{width:100%;min-height:46px;padding:12px;border:1px solid #59303f;border-radius:5px;background:#100c10;color:#eee5e9;font:inherit;font-size:12px}
.onn-template .onn-registration .form-card select:focus-visible{outline:2px solid #ec7189;outline-offset:2px}
.onn-registration .registration-optional{color:#9b8791;font-size:10px;font-weight:400;margin-left:5px}
.onn-template .onn-registration .registration-field-hint{display:block;font-size:10px;line-height:1.45;color:#a9919e;font-weight:400}
.onn-template .onn-registration .registration-field-hint.is-error{color:#ff8fa6}
.onn-template .onn-registration .registration-team-preview{display:flex;align-items:center;gap:8px;color:#efc3cf;font-size:11px;font-weight:500}
.onn-template .onn-registration .registration-team-preview[hidden]{display:none}
.onn-registration .registration-team-preview img{object-fit:contain;filter:drop-shadow(0 0 4px #0008)}
.onn-template .onn-registration .form-card>.registration-terms{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #492733;border-radius:7px;background:#21131b;font-size:11px;font-weight:400;line-height:1.6}
.onn-template .onn-registration .registration-terms input{appearance:auto;flex:0 0 16px;width:16px;height:16px;min-height:0;margin:2px 0 0;padding:0;accent-color:#dc4c6a}
.onn-template .onn-registration .registration-terms a{color:#f28ca2;text-decoration:underline;text-underline-offset:2px}
.onn-template .onn-registration .registration-referral{display:flex;align-items:center;gap:12px;margin:0 0 22px;padding:14px;border:1px solid #754034;border-radius:9px;background:linear-gradient(120deg,#38241c,#1c1417);color:#d9bca6}
.onn-registration .registration-referral-icon{display:grid;place-items:center;width:35px;height:35px;flex:none;border-radius:9px;background:#6b423833;color:#eac599}
.onn-registration .registration-referral-icon svg{width:20px;height:20px}
.onn-registration .registration-referral small{font-size:8px;letter-spacing:.09em;font-weight:800;color:#d9a87a}
.onn-template .onn-registration .registration-referral p{margin:3px 0;font-size:12px;line-height:1.4;color:#e1c8bc;overflow-wrap:anywhere}
.onn-registration .registration-referral strong{color:#fff1db}
.onn-registration .registration-referral div>span{font-size:10px;color:#b59d95}
@media(max-width:600px){.onn-template .onn-registration .form-card{grid-template-columns:1fr}.onn-template .onn-registration .form-card>label.registration-half{grid-column:1/-1}}
.onn-template .onn-registration .form-card>label{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px}
.onn-template .onn-registration .form-card>label>input:not([type=checkbox]),.onn-template .onn-registration .form-card select{height:48px;min-height:48px;flex:none}
.onn-template .onn-registration .form-card>.registration-terms{flex-direction:row}
/* Team badges live inside the selector and its options, without a second preview. */
.onn-template .onn-registration .registration-team-field{min-width:0;display:flex;flex-direction:column;gap:8px}
.onn-template .onn-registration .registration-team-field>label{display:block;margin:0;font-size:12px;font-weight:700;color:#dfc9d3}
.onn-template .onn-registration select[data-registration-team][hidden]{display:none}
.onn-registration .registration-team-picker{position:relative;min-width:0}
.onn-template .onn-registration .registration-team-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:48px;min-width:0;padding:0 12px;border:1px solid #59303f;border-radius:5px;background:#100c10;color:#eee5e9;font:600 12px Inter,Arial,sans-serif;text-align:left;cursor:pointer}
.onn-template .onn-registration .registration-team-trigger:focus-visible,.onn-template .onn-registration .registration-team-trigger[aria-expanded=true]{outline:2px solid #ec7189;outline-offset:2px}
.onn-registration .registration-team-value{display:flex;align-items:center;gap:9px;min-width:0}
.onn-registration .registration-team-value>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.onn-registration .registration-team-caret{flex:none;color:#d28b9e;font-size:17px}
.onn-registration .registration-team-mark{position:relative;display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:4px;background:#211820;color:#caa5b4;font-size:8px;font-weight:800;overflow:hidden}
.onn-registration .registration-team-mark img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#100c10}
.onn-template .onn-registration .registration-team-options{position:absolute;inset:calc(100% + 7px) 0 auto;z-index:20;max-height:250px;overflow-y:auto;overscroll-behavior:contain;padding:5px;border:1px solid #7d3c51;border-radius:7px;background:#171016;box-shadow:0 12px 35px #000b;scrollbar-width:thin;scrollbar-color:#7d3c51 #171016}
.onn-template .onn-registration .registration-team-options[hidden]{display:none}
.onn-registration .registration-team-picker.opens-up .registration-team-options{top:auto;bottom:calc(100% + 7px)}
.onn-registration .registration-team-region{padding:9px 9px 5px;color:#b68b9b;font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-weight:800}
.onn-template .onn-registration .registration-team-option{display:flex;align-items:center;gap:9px;min-height:39px;padding:6px 8px;border-radius:4px;color:#e5d4dc;font-size:12px;cursor:pointer}
.onn-template .onn-registration .registration-team-option:hover,.onn-template .onn-registration .registration-team-option.is-highlighted{background:#442030;color:#fff}
.onn-template .onn-registration .registration-team-option[aria-selected=true]{box-shadow:inset 2px 0 #ed6e89;background:#301b26}
@media(max-width:600px){.onn-template .onn-registration .registration-team-field{grid-column:1/-1}}


/* Automatic draws need a full stage instead of the compact purchase column. */
.onn-template #onn-main.onn-raffle-page:has([data-auto-draw-panel]){width:min(1160px,calc(100% - 36px));max-width:1160px}
.onn-template #onn-main.onn-raffle-page:has([data-auto-draw-panel]) #onn-campaign-list{width:100%;max-width:none}
.onn-template #onn-main.onn-raffle-page .giveaway-event-card:has(>[data-auto-draw-panel]){max-width:none}
.onn-template #onn-main.onn-raffle-page .giveaway-event-card:has(>[data-auto-draw-panel]) .giveaway-hero{display:grid;grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);align-items:stretch}
.onn-template #onn-main.onn-raffle-page .giveaway-event-card:has(>[data-auto-draw-panel]) .giveaway-hero-media{height:100%;min-height:220px}
.onn-template #onn-main.onn-raffle-page .giveaway-event-card:has(>[data-auto-draw-panel]) .giveaway-hero-media>.skin-placeholder>svg{width:52px;height:52px;opacity:.65}
.onn-template #onn-main.onn-raffle-page .giveaway-event-card:has(>[data-auto-draw-panel]) .giveaway-hero-copy{align-content:center;gap:5px;padding:24px 28px}
.onn-template #onn-main.onn-raffle-page .giveaway-event-card:has(>[data-auto-draw-panel]) .giveaway-hero-copy h2{font-size:clamp(22px,2.4vw,28px);line-height:1.2;word-break:normal}
.onn-template #onn-main.onn-raffle-page .giveaway-event-card:has(>[data-auto-draw-panel]) .giveaway-hero-copy>span{font-size:12px;line-height:1.6}
.onn-template #onn-main.onn-raffle-page .giveaway-event-card:has(>[data-auto-draw-panel]) .giveaway-fair-seal{width:100%;max-width:none;min-width:0;margin-top:8px}
.onn-template #onn-main.onn-raffle-page [data-auto-draw-panel]{display:block;min-width:0;margin:0;padding:0 24px 24px;border:0;background:none;box-shadow:none}
.onn-template #onn-main.onn-raffle-page .auto-draw-countdown-card{width:100%;max-width:none;min-width:0;gap:12px;padding:32px 28px;border-radius:9px}
.onn-template #onn-main.onn-raffle-page .auto-draw-countdown-card>.auto-draw-countdown-value{font-size:clamp(52px,7vw,80px);font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.onn-template #onn-main.onn-raffle-page .auto-draw-countdown-card>p{max-width:680px;font-size:13px;line-height:1.7;text-wrap:pretty}
.onn-template #onn-main.onn-raffle-page .auto-draw-countdown-card>small{font-size:11px;line-height:1.5}
.onn-template #onn-main.onn-raffle-page .auto-draw-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:760px;gap:12px;margin-top:12px}
.onn-template #onn-main.onn-raffle-page .auto-draw-info-grid>div{min-width:0;gap:6px;padding:14px 16px}
.onn-template #onn-main.onn-raffle-page .auto-draw-info-grid small{font-size:10px;line-height:1.5}
.onn-template #onn-main.onn-raffle-page .auto-draw-info-grid strong{font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.onn-template #onn-main.onn-raffle-page .auto-draw-panel .live-draw-band:not(.is-box-draw){width:100%;max-width:none;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);align-items:center;gap:32px;padding:28px;border-radius:9px}
.onn-template #onn-main.onn-raffle-page .auto-draw-panel .live-draw-band:not(.is-box-draw) .live-draw-copy{display:flex;flex-direction:column;gap:14px;width:100%;min-width:0;max-width:none}
.onn-template #onn-main.onn-raffle-page .auto-draw-panel .live-draw-band:not(.is-box-draw) .live-draw-copy h2{max-width:100%;margin:0;font-size:clamp(28px,3.2vw,40px);line-height:1.15;word-break:normal;overflow-wrap:anywhere;text-wrap:balance}
.onn-template #onn-main.onn-raffle-page .auto-draw-panel .live-draw-band:not(.is-box-draw) .live-draw-copy>span{max-width:100%;font-size:15px;line-height:1.6}
.onn-template #onn-main.onn-raffle-page .auto-draw-panel .live-draw-band:not(.is-box-draw) .live-draw-copy>small{font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.onn-template #onn-main.onn-raffle-page .auto-draw-panel .live-draw-band:not(.is-box-draw) .live-draw-stage{display:grid;justify-items:center;width:100%;min-width:0;min-height:0;gap:16px}
.onn-template #onn-main.onn-raffle-page .auto-draw-panel .live-draw-band:not(.is-box-draw) .live-draw-wheel-group{width:min(100%,420px);max-width:100%;margin:0 auto}
.onn-template #onn-main.onn-raffle-page .auto-draw-panel .live-draw-band:not(.is-box-draw) .live-draw-wheel{width:100%;max-width:100%;margin:0;aspect-ratio:1;border-width:8px}
.onn-template #onn-main.onn-raffle-page .auto-draw-panel .live-draw-band:not(.is-box-draw) .live-draw-result{width:100%;max-width:420px;min-width:0;margin:0 auto;overflow-wrap:anywhere}
@media(max-width:900px){
 .onn-template #onn-main.onn-raffle-page .auto-draw-panel .live-draw-band:not(.is-box-draw){grid-template-columns:minmax(0,1fr);gap:24px;padding:24px}
 .onn-template #onn-main.onn-raffle-page .auto-draw-panel .live-draw-band:not(.is-box-draw) .live-draw-copy{align-items:center;text-align:center}
 .onn-template #onn-main.onn-raffle-page .auto-draw-panel .live-draw-band:not(.is-box-draw) .live-draw-copy>span{max-width:560px}
}
@media(max-width:700px){
 .onn-template #onn-main.onn-raffle-page:has([data-auto-draw-panel]){width:calc(100% - 24px)}
 .onn-template #onn-main.onn-raffle-page .giveaway-event-card:has(>[data-auto-draw-panel]) .giveaway-hero{grid-template-columns:minmax(0,1fr)}
 .onn-template #onn-main.onn-raffle-page .giveaway-event-card:has(>[data-auto-draw-panel]) .giveaway-hero-media{height:180px;min-height:0}
 .onn-template #onn-main.onn-raffle-page .giveaway-event-card:has(>[data-auto-draw-panel]) .giveaway-hero-copy{padding:18px 16px}
 .onn-template #onn-main.onn-raffle-page [data-auto-draw-panel]{padding:0 12px 12px}
 .onn-template #onn-main.onn-raffle-page .auto-draw-countdown-card{padding:24px 16px;gap:10px}
 .onn-template #onn-main.onn-raffle-page .auto-draw-countdown-card>p{font-size:12px}
 .onn-template #onn-main.onn-raffle-page .auto-draw-countdown-card>small{font-size:10px}
 .onn-template #onn-main.onn-raffle-page .auto-draw-panel .live-draw-band:not(.is-box-draw){gap:20px;padding:22px 14px}
 .onn-template #onn-main.onn-raffle-page .auto-draw-panel .live-draw-band:not(.is-box-draw) .live-draw-copy{gap:10px}
 .onn-template #onn-main.onn-raffle-page .auto-draw-panel .live-draw-band:not(.is-box-draw) .live-draw-copy h2{font-size:28px}
 .onn-template #onn-main.onn-raffle-page .auto-draw-panel .live-draw-band:not(.is-box-draw) .live-draw-copy>span{font-size:13px}
}
@media(max-width:540px){
 .onn-template #onn-main.onn-raffle-page .auto-draw-info-grid{grid-template-columns:minmax(0,1fr);gap:8px}
 .onn-template #onn-main.onn-raffle-page .auto-draw-info-grid>div{gap:4px;padding:12px 14px}
}


/* ONNSKINS roulette: a light cached disc, illuminated rim and a fixed branded hub. */
.onn-template .live-draw-band:not(.is-box-draw){border-color:#623041;background:radial-gradient(ellipse at 82% 35%,#65233b30,transparent 58%),linear-gradient(135deg,#17131b,#23131e 60%,#110e15)}
.onn-template .live-draw-band:not(.is-box-draw) .live-draw-wheel-group{isolation:isolate;padding-top:8px}
.onn-template .live-draw-band:not(.is-box-draw) .live-draw-wheel-group::before{content:"";position:absolute;z-index:-1;inset:6%;border-radius:50%;background:#cd476729;filter:blur(28px);pointer-events:none;transition:background .4s}
.onn-template .live-draw-band:not(.is-box-draw) .live-draw-wheel{border-color:#3b2733;background:radial-gradient(circle at 35% 20%,#66515e,#18141d 65%);box-shadow:0 22px 44px #0008,0 0 0 1px #b7768b80,0 0 0 5px #0c090f80,inset 0 0 0 2px #e5abbc50;transition:box-shadow .4s}
.onn-template .live-draw-band:not(.is-box-draw) .live-draw-wheel::before{inset:2.3%;border:1px solid #ffd7e680;box-shadow:inset 0 0 24px #0007,0 0 10px #ed63822b}
.onn-template .live-draw-band:not(.is-box-draw) .live-draw-wheel::after{content:"ONNSKINS";display:flex;align-items:flex-end;justify-content:center;inset:32.5%;padding-bottom:5%;border:2px solid #a86b80;background:url("../img/logo.png") center 34%/86% auto no-repeat,radial-gradient(circle at 35% 22%,#43303e,#17131c 65%);box-shadow:0 6px 22px #0009,0 0 0 5px #150e19aa,inset 0 1px 2px #ffe3ec55;color:#e7b7c7;font:800 clamp(7px,1vw,10px)/1 Inter,Arial,sans-serif;letter-spacing:.16em}
.onn-template .live-draw-band:not(.is-box-draw) .live-draw-pointer{top:0;width:34px;height:48px;border:0;background:linear-gradient(110deg,#fff2d9,#f5bb91 50%,#d58a79);clip-path:polygon(12% 0,88% 0,100% 33%,50% 100%,0 33%);filter:drop-shadow(0 4px 6px #0009);transform:translateX(-50%)}
.onn-template .live-draw-band:not(.is-box-draw) .live-draw-pointer::after{content:"";position:absolute;inset:7px 10px 21px;border-radius:50%;background:#552a36;box-shadow:inset 0 1px 3px #000a}
.onn-template .live-draw-band.is-roulette-spinning:not(.is-box-draw) .live-draw-wheel{box-shadow:0 24px 48px #0009,0 0 0 1px #f491ac,0 0 0 5px #d6507622,0 0 30px #d6507640,inset 0 0 0 2px #e5abbc50}
.onn-template .live-draw-band.is-roulette-complete:not(.is-box-draw) .live-draw-wheel-group::before{background:#ec739849}
.onn-template .live-draw-band:not(.is-box-draw) .live-draw-result{gap:7px;padding:18px 20px;border-color:#794052;background:linear-gradient(140deg,#331b29,#19111a);box-shadow:0 12px 26px #0005,inset 0 1px #f9b4cb12}
.onn-template .live-draw-band:not(.is-box-draw) .live-draw-result>small{color:#d9a1b6;font:700 9px/1.5 Inter,Arial,sans-serif;letter-spacing:.18em}
.onn-template .live-draw-band:not(.is-box-draw) .live-draw-result>strong{color:#fff0f5;font-weight:900;font-variant-numeric:tabular-nums;text-shadow:0 0 20px #ed799c40}
.onn-template .live-draw-band:not(.is-box-draw) .live-draw-result>span{color:#d4beca;font-size:12px;font-weight:500;line-height:1.5}
.onn-template .live-draw-band.is-roulette-complete:not(.is-box-draw) .live-draw-result{border-color:#dc869e;animation:onn-roulette-reveal .5s ease-out both}
.onn-template .live-draw-band:not(.is-box-draw) .live-draw-sound-control{display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:flex-start;justify-self:start;width:auto;max-width:100%;min-height:40px;padding:9px 14px;border:1px solid #754456;border-radius:7px;background:#291923;color:#edc9d6;font:600 11px/1.3 Inter,Arial,sans-serif;box-shadow:none;cursor:pointer}
.onn-template .live-draw-band:not(.is-box-draw) .live-draw-sound-control svg{width:17px;height:17px;flex:none}
.onn-template .live-draw-band:not(.is-box-draw) .live-draw-sound-control[data-sound-state=running]{border-color:#a75b75;background:#442336;color:#ffe2ed}
.onn-template .live-draw-band:not(.is-box-draw) .live-draw-sound-control:focus-visible{outline:2px solid #f6a8bf;outline-offset:3px}
.onn-template .is-box-draw [data-live-draw-sound]{display:none}
@keyframes onn-roulette-reveal{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.onn-template .auto-draw-panel .live-draw-band:not(.is-box-draw) .live-draw-sound-control{align-self:center;justify-self:center}}
@media(max-width:600px){.onn-template .live-draw-band:not(.is-box-draw) .live-draw-pointer{width:28px;height:39px}.onn-template .live-draw-band:not(.is-box-draw) .live-draw-pointer::after{inset:5px 8px 17px}.onn-template .live-draw-band:not(.is-box-draw) .live-draw-result{padding:15px 12px}.onn-template .live-draw-band:not(.is-box-draw) .live-draw-sound-control{min-height:44px}}
@media(prefers-reduced-motion:reduce){.onn-template .live-draw-band:not(.is-box-draw) .live-draw-result{animation:none}}


/* The contact export keeps its own action visible on narrow admin screens. */
.onn-template .admin-users-head{flex-direction:row;flex-wrap:wrap;align-items:flex-start}
.onn-template .admin-users-head>div{flex:1 1 320px;min-width:0}
.onn-template .admin-users-head small{display:block;max-width:660px;color:var(--muted);font-size:12px;line-height:1.6}
.onn-template .admin-users-export{flex:0 1 auto;max-width:100%;margin:0}
.onn-template .admin-users-export .button{max-width:100%;white-space:normal;text-align:center}


/* Keep navigation compact and hidden checkboxes inside the users panel. */
.onn-template #admin-users-list .admin-pagination{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;margin:14px 0;padding:0}
.onn-template #admin-users-list .admin-pagination .button{flex:0 0 auto;width:auto;min-width:32px;max-width:none;min-height:38px;padding:0 10px}
.onn-template #admin-users-list .check-toggle{position:relative}
.onn-template #admin-users-list .check-toggle input{inset:0;width:1px;min-width:0;height:1px;min-height:0;margin:0;padding:0}