/* KEKE Dark Neon Premium — preview branch only */
:root{
  --ui-bg:#050711;--ui-bg-2:#080b17;--ui-surface:#0d1222;--ui-surface-2:#11182b;
  --ui-surface-3:#172038;--ui-line:rgba(151,166,204,.14);--ui-line-hover:rgba(255,207,62,.32);
  --ui-gold:#ffd33d;--ui-gold-2:#f3a91c;--ui-gold-soft:rgba(255,204,47,.11);
  --ui-text:#f6f7fb;--ui-muted:#929db8;--ui-success:#52dda0;--ui-error:#ff647b;
  --ui-radius-sm:10px;--ui-radius:15px;--ui-radius-lg:22px;
  --ui-shadow:0 18px 50px rgba(0,0,0,.32);--ui-shadow-lg:0 30px 90px rgba(0,0,0,.48);
  --ui-glow:0 0 0 1px rgba(255,210,61,.12),0 14px 38px rgba(207,142,13,.10);
  --ui-fast:150ms;--ui-normal:240ms;--ui-ease:cubic-bezier(.2,.8,.2,1);
  --gold:var(--ui-gold);--card:var(--ui-surface);--border:var(--ui-line);--muted:var(--ui-muted);
}
*{scrollbar-color:#3a4052 #080b14}
html{background:var(--ui-bg)}
body{color:var(--ui-text);background:
  radial-gradient(900px 520px at 10% -10%,rgba(255,191,29,.10),transparent 65%),
  radial-gradient(760px 540px at 95% 15%,rgba(75,90,140,.08),transparent 68%),
  linear-gradient(180deg,var(--ui-bg),var(--ui-bg-2) 55%,#050710);font-family:'Inter',system-ui,sans-serif}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(#000,transparent 78%)}
::selection{background:rgba(255,206,48,.32);color:#fff}
a,button,input,select,textarea{transition:border-color var(--ui-fast),background var(--ui-fast),color var(--ui-fast),box-shadow var(--ui-fast),transform var(--ui-fast),opacity var(--ui-fast)}
:focus-visible{outline:2px solid var(--ui-gold)!important;outline-offset:3px!important}
h1,h2,h3,h4{letter-spacing:-.018em}p{color:var(--ui-muted)}

/* preview safety */
.visual-preview-badge{position:fixed;left:18px;bottom:18px;z-index:10000;display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid rgba(255,209,55,.38);border-radius:999px;background:rgba(8,11,20,.92);box-shadow:0 15px 45px rgba(0,0,0,.45),0 0 24px rgba(255,198,31,.09);backdrop-filter:blur(14px);color:#f7da71;font-size:.72rem;font-weight:900;letter-spacing:.03em}
.visual-preview-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ui-gold);box-shadow:0 0 11px rgba(255,210,61,.8)}
.preview-toast{position:fixed;left:50%;bottom:72px;z-index:10001;transform:translate(-50%,12px);padding:12px 17px;border:1px solid rgba(255,210,61,.35);border-radius:12px;background:#111728;color:#ffe07a;font-weight:800;box-shadow:var(--ui-shadow);opacity:0;pointer-events:none}.preview-toast.show{opacity:1;transform:translate(-50%,0)}

/* header and navigation */
header{position:sticky;top:0;z-index:100;background:rgba(5,8,17,.78)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;box-shadow:0 12px 40px rgba(0,0,0,.26)!important;backdrop-filter:blur(18px) saturate(135%)}
.header-inner{min-height:84px;gap:20px}.brand{gap:12px}.brand .klogo,.brand .klogo-fallback{box-shadow:0 10px 30px rgba(248,184,25,.25),0 0 0 1px rgba(255,224,117,.18)}
.brand h1{font-size:1.06rem;letter-spacing:.015em}.brand h1 small{margin-top:3px;color:#8f98ae;letter-spacing:.13em}
.home-nav{gap:6px;padding:5px;border:1px solid rgba(255,255,255,.055);border-radius:16px;background:rgba(255,255,255,.022)}
.hn-btn{position:relative;min-height:39px;padding:9px 13px!important;border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;color:#929cb5!important;overflow:hidden;isolation:isolate}
.hn-btn::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(180px circle at var(--mx,50%) var(--my,50%),rgba(255,214,72,.17),transparent 54%);opacity:0;transition:opacity var(--ui-fast)}
.hn-btn:hover{color:#fff!important;border-color:rgba(255,210,61,.24)!important;background:rgba(255,255,255,.035)!important;transform:translateY(-1px)}.hn-btn:hover::before{opacity:1}
.hn-btn.active{color:#ffe47d!important;border-color:rgba(255,208,53,.36)!important;background:linear-gradient(135deg,rgba(255,207,48,.15),rgba(255,207,48,.045))!important;box-shadow:inset 0 1px rgba(255,255,255,.06),0 8px 24px rgba(210,144,8,.11)!important}
.hn-btn.active::after{content:"";position:absolute;left:18%;right:18%;bottom:-1px;height:2px;border-radius:4px;background:var(--ui-gold);box-shadow:0 0 10px rgba(255,210,61,.7)}
.socials{gap:7px}.social-btn{min-height:40px;border-radius:11px!important;box-shadow:none!important}.social-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.store-dropdown{padding:7px!important;border:1px solid rgba(255,211,64,.15)!important;border-radius:14px!important;background:rgba(10,13,24,.97)!important;box-shadow:var(--ui-shadow-lg)!important;animation:premiumDrop .18s var(--ui-ease)}
.store-dropdown a,.store-dropdown button{border-radius:9px!important}.store-dropdown a:hover,.store-dropdown button:hover{transform:translateX(2px)}
@keyframes premiumDrop{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:none}}

/* reusable surfaces */
.store-card,.ranking-card,.chest-card,.raffle-card,.latest-video,.card,.warning,.empty-state,.tier-form{
  border-color:var(--ui-line)!important;background:linear-gradient(145deg,rgba(17,23,41,.94),rgba(8,12,24,.96))!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 16px 42px rgba(0,0,0,.20)!important
}
.store-card,.card,.chest-card,.latest-video,.raffle-card{position:relative;isolation:isolate;overflow:hidden}
.store-card::before,.card::before,.latest-video::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(380px circle at var(--mx,50%) var(--my,0%),rgba(255,212,64,.065),transparent 56%);opacity:.42}
.store-card:hover,.card:hover,.latest-video:hover{border-color:rgba(255,211,62,.22)!important;box-shadow:inset 0 1px rgba(255,255,255,.045),0 22px 52px rgba(0,0,0,.28)!important}
.store-card h3,.card h3{color:#f5f6fa}.store-eyebrow{color:#f7c93a!important;letter-spacing:.15em}

/* home */
.home-section{margin-top:28px}.carousel{min-height:430px;border:1px solid rgba(255,211,64,.16)!important;border-radius:26px!important;box-shadow:var(--ui-shadow-lg),inset 0 1px rgba(255,255,255,.05)!important}
.carousel::before{opacity:.25!important;filter:saturate(.75) contrast(1.05)}.carousel::after{background:linear-gradient(90deg,rgba(4,7,16,.84),rgba(4,7,16,.48) 52%,rgba(4,7,16,.76))!important}
.car-slide{min-height:430px;padding:64px 9% 74px!important;text-align:left!important;align-items:flex-start!important}.car-slide>*{margin-left:0!important;margin-right:0!important}.car-slide h2{max-width:760px;color:#fff1b4!important;font-size:clamp(2.35rem,5vw,4.4rem)!important;line-height:.98;text-shadow:0 10px 38px rgba(0,0,0,.55)}
.car-slide p{max-width:620px!important;color:#c7ccda!important;font-size:1.02rem!important}.car-actions{justify-content:flex-start!important}.car-action,.car-btn{min-height:44px;border-radius:11px!important}.car-action{border-color:rgba(255,211,64,.34)!important;background:linear-gradient(135deg,#ffd743,#eaa417)!important;color:#151007!important;box-shadow:0 11px 28px rgba(222,151,10,.20)!important}.car-action:hover{transform:translateY(-2px);box-shadow:0 15px 38px rgba(222,151,10,.28)!important}
.car-arrow{width:42px;height:42px;background:rgba(8,12,23,.72)!important;border-color:rgba(255,255,255,.11)!important}.car-arrow:hover{border-color:rgba(255,211,64,.42)!important;color:var(--ui-gold)!important}.car-dot{width:8px!important;height:8px!important;border-radius:50%!important}.car-dot.active{width:28px!important;border-radius:99px!important;background:var(--ui-gold)!important;box-shadow:0 0 12px rgba(255,210,61,.45)}
.latest-video{padding:16px!important;border-radius:20px!important}.lv-thumb{overflow:hidden}.lv-thumb img{transition:transform .4s var(--ui-ease),filter .3s}.latest-video:hover .lv-thumb img{transform:scale(1.035);filter:brightness(1.06)}.lv-label{color:#f4bd2e!important;font-weight:900;letter-spacing:.13em}.lv-btn{border-radius:10px!important}

/* guides */
.tabs{padding:5px!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:15px!important;background:rgba(255,255,255,.018)!important}.tab,.sub-btn,.toolbar>button{border-radius:10px!important;background:rgba(15,20,35,.78)!important;border-color:rgba(255,255,255,.07)!important}.tab:hover,.sub-btn:hover,.toolbar>button:hover{color:#fff!important;border-color:rgba(255,210,61,.25)!important;transform:translateY(-1px)}.tab.active,.sub-btn.active{color:#ffe27a!important;border-color:rgba(255,210,61,.34)!important;background:linear-gradient(135deg,rgba(255,210,61,.14),rgba(255,210,61,.035))!important;box-shadow:var(--ui-glow)!important}
.hunt-card,.config-card{border-radius:var(--ui-radius)!important;border-color:var(--ui-line)!important;background:linear-gradient(145deg,var(--ui-surface-2),var(--ui-surface))!important;box-shadow:0 12px 35px rgba(0,0,0,.18)!important}.hunt-card:hover,.config-card:hover{border-color:var(--ui-line-hover)!important;transform:translateY(-2px)}

/* store shell */
.channel-store{margin-top:25px}.store-hero{position:relative;overflow:hidden;padding:31px 34px!important;border:1px solid rgba(255,208,51,.21)!important;border-radius:24px!important;background:linear-gradient(120deg,rgba(255,204,44,.105),rgba(15,20,36,.92) 38%,rgba(7,10,20,.96))!important;box-shadow:var(--ui-shadow-lg)!important}
.store-hero::after{content:"";position:absolute;right:-120px;top:-190px;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(255,198,24,.14),transparent 65%);pointer-events:none}.store-hero h2{color:#fff0b0!important}.store-status{border-radius:9px!important;background:rgba(255,207,56,.08)!important}
.store-tabs{gap:6px;padding:5px;border:1px solid rgba(255,255,255,.055);border-radius:15px;background:rgba(255,255,255,.018)}.store-tab{position:relative;border-color:transparent!important;border-radius:10px!important;background:transparent!important}.store-tab:hover{color:#fff!important;background:rgba(255,255,255,.035)!important}.store-tab.active{color:#ffe075!important;border-color:rgba(255,209,53,.25)!important;background:rgba(255,209,53,.09)!important;box-shadow:inset 0 -2px var(--ui-gold)}
.store-grid{gap:16px!important}.store-card{padding:22px!important;border-radius:17px!important}.metric{color:#ffd54d!important;text-shadow:0 4px 20px rgba(228,157,13,.16)}

/* buttons */
.profile-save,.open-chest,.raffle-buy-form button,.raffle-config-button,.raffle-private-actions button,.admin-actions button,.admin-section-nav button,.admin-search-results button,.admin-raffle-row button,.tier-title button,.raffle-history-actions button{
  min-height:40px;border-radius:10px!important;font-weight:850!important
}
.profile-save,.open-chest:not(:disabled),.raffle-buy-form button,.raffle-private-actions .raffle-start-button{border-color:rgba(255,211,64,.45)!important;background:linear-gradient(135deg,#ffd844,#eda617)!important;color:#171005!important;box-shadow:0 8px 22px rgba(220,149,10,.15)!important}
button:hover:not(:disabled),.profile-save:hover{transform:translateY(-1px);filter:brightness(1.06)}button:active:not(:disabled){transform:scale(.975)}button:disabled{filter:saturate(.4);opacity:.48!important}
.connect-btn{cursor:pointer!important;opacity:1!important;border-radius:10px!important}.extension-disconnect,.identity-disconnect-row button,.danger-zone button{border-color:rgba(255,91,112,.30)!important;background:rgba(255,76,99,.075)!important;color:#ff9cac!important}

/* forms */
input,select,textarea,.profile-form input,.profile-form select,.tier-row input,.admin-search input,.raffle-admin-form input,.raffle-admin-form select,.raffle-buy-form input{min-height:42px;border:1px solid rgba(149,163,198,.17)!important;border-radius:10px!important;background:#080d19!important;color:#f3f5fa!important;box-shadow:inset 0 1px 5px rgba(0,0,0,.2)}
input:hover,select:hover,textarea:hover{border-color:rgba(180,193,225,.28)!important}input:focus,select:focus,textarea:focus{border-color:rgba(255,209,55,.62)!important;box-shadow:0 0 0 3px rgba(255,208,52,.08),inset 0 1px 5px rgba(0,0,0,.2)!important;outline:none}.admin-check input,.reminder-card input{min-height:0;accent-color:var(--ui-gold)}

/* inventory/chests */
.chest-grid{gap:18px!important}.chest-card{border-radius:22px!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 18px 55px rgba(0,0,0,.25)!important}.chest-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--chest) 48%,transparent)!important;box-shadow:0 24px 70px rgba(0,0,0,.34),0 0 32px color-mix(in srgb,var(--chest) 10%,transparent)!important}.chance-list>div{border:1px solid rgba(255,255,255,.045);background:rgba(255,255,255,.025)!important}.chance-list>div:hover{background:rgba(255,255,255,.045)!important}.chest-count{letter-spacing:.04em}.open-chest{box-shadow:0 10px 24px color-mix(in srgb,var(--chest) 13%,transparent)!important}
.chest-opening-modal,.raffle-admin-modal{animation:premiumBackdrop .2s ease}.chest-opening-dialog,.raffle-admin-dialog{border-radius:24px!important;background:linear-gradient(160deg,#12182a,#070a13)!important;box-shadow:var(--ui-shadow-lg)!important;animation:premiumModal .22s var(--ui-ease)}
@keyframes premiumBackdrop{from{opacity:0}to{opacity:1}}@keyframes premiumModal{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}

/* ranking */
.ranking-card{border-radius:20px!important}.ranking-head{padding:21px 23px!important;background:rgba(255,255,255,.018)}.ranking-switch{padding:0 20px}.ranking-switch button{border-radius:9px!important}.ranking-row{position:relative;min-height:66px;padding:14px 20px!important}.ranking-row:hover{background:linear-gradient(90deg,rgba(255,210,61,.07),rgba(255,255,255,.018))}.ranking-row:nth-child(1){background:linear-gradient(90deg,rgba(255,202,38,.10),transparent 64%)}.ranking-row:nth-child(2){background:linear-gradient(90deg,rgba(203,212,229,.07),transparent 64%)}.ranking-row:nth-child(3){background:linear-gradient(90deg,rgba(210,128,62,.08),transparent 64%)}.ranking-row:nth-child(1) .ranking-position{color:#ffd32e;text-shadow:0 0 15px rgba(255,203,33,.5)}.ranking-row:nth-child(2) .ranking-position{color:#dce4f0}.ranking-row:nth-child(3) .ranking-position{color:#e69b62}.ranking-avatar{border:1px solid rgba(255,255,255,.1);box-shadow:0 6px 18px rgba(0,0,0,.24)}
.ranking-pagination button{border-radius:9px!important}.ranking-pagination select{min-height:36px}

/* raffles */
.raffle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px!important}.raffle-card{border-radius:21px!important}.raffle-status{border:1px solid currentColor;border-radius:7px!important;letter-spacing:.07em}.raffle-prize-display{border-radius:16px!important}.raffle-buy-form{padding-top:15px;border-top:1px solid rgba(255,255,255,.055)}.raffle-history>article{border-radius:18px!important}.raffle-history-head{padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.055)}

/* admin */
.admin-grid{gap:16px!important}.admin-grid>.store-card:nth-child(-n+3){border-top:2px solid rgba(255,211,64,.38)!important}.admin-section-nav{position:sticky;top:96px;z-index:20;padding:7px!important;border:1px solid var(--ui-line);border-radius:14px;background:rgba(8,12,22,.92);backdrop-filter:blur(12px)}.admin-section-nav button{background:transparent!important;border-color:transparent!important;color:#929db7!important}.admin-section-nav button.active{color:#ffe178!important;background:rgba(255,209,55,.09)!important;border-color:rgba(255,209,55,.24)!important}.admin-section{padding:24px!important}.admin-search-results>div,.admin-raffle-row,.tier-row{border:1px solid rgba(255,255,255,.045);border-radius:11px!important;background:rgba(255,255,255,.022)!important}.admin-search-results>div:hover,.admin-raffle-row:hover,.tier-row:hover{border-color:rgba(255,210,61,.17);background:rgba(255,210,61,.025)!important}.danger-zone{border-color:rgba(255,91,112,.25)!important;background:linear-gradient(145deg,rgba(48,14,23,.35),rgba(9,12,22,.96))!important}

/* status, alerts, messages */
.linked-identities span,.raffle-status.open,.delivery-success{border-radius:8px!important}.store-alert,.char-warning,.inventory-notice{border-radius:11px!important}.inbox-message.unread{box-shadow:inset 3px 0 var(--ui-gold),0 16px 42px rgba(0,0,0,.2)!important}.message-type,.redemption-source{border-radius:7px!important}.empty-state{border-style:solid!important;padding:58px 22px!important}.inventory-loading,.ranking-loading,.admin-loading{position:relative}.inventory-loading::after,.ranking-loading::after,.admin-loading::after{content:"";display:block;width:90px;height:3px;margin:15px auto 0;border-radius:9px;background:linear-gradient(90deg,transparent,var(--ui-gold),transparent);animation:premiumLoading 1.1s ease-in-out infinite}@keyframes premiumLoading{50%{transform:scaleX(.45);opacity:.55}}

/* entrance and spotlight */
.premium-reveal{opacity:0;transform:translateY(10px)}.premium-reveal.is-visible{opacity:1;transform:none;transition:opacity .45s var(--ui-ease),transform .45s var(--ui-ease)}

/* responsive */
@media(max-width:1180px){.header-inner{flex-wrap:wrap;padding-block:12px}.home-nav{order:3;width:100%;overflow-x:auto}.socials{margin-left:auto}.raffle-grid{grid-template-columns:1fr}.admin-section-nav{top:134px}}
@media(max-width:760px){
  .visual-preview-badge{left:10px;bottom:10px;font-size:.64rem}.header-inner{gap:10px}.brand h1{font-size:.9rem}.brand h1 small{font-size:.56rem}.home-nav{padding:4px}.hn-btn{min-height:42px;white-space:nowrap}.social-btn{min-width:44px}.social-btn{font-size:0}.social-btn img{width:20px;height:20px}
  .carousel,.car-slide{min-height:440px}.car-slide{padding:58px 24px 78px!important}.car-slide h2{font-size:clamp(2rem,11vw,3rem)!important}.car-slide p{font-size:.9rem!important}.car-arrow{top:auto!important;bottom:18px!important}.car-dots{bottom:34px!important}
  .store-hero{padding:24px!important}.store-tabs{border-radius:12px}.store-card{padding:18px!important}.store-grid{gap:12px!important}.profile-stat-grid{grid-template-columns:1fr!important}.chest-grid{grid-template-columns:1fr!important}.raffle-grid{grid-template-columns:1fr}.ranking-row{grid-template-columns:32px 38px 1fr!important}.ranking-points{grid-column:3}.admin-section-nav{position:static;grid-template-columns:repeat(2,1fr)!important}.admin-section{padding:18px!important}.raffle-admin-dialog,.chest-opening-dialog{border-radius:18px!important}.corner-sponsor{transform:scale(.9);transform-origin:bottom right}
}
@media(max-width:430px){.channel-store{padding-inline:10px!important}.store-hero{border-radius:18px!important}.store-hero h2{font-size:2rem!important}.car-actions{width:100%}.car-action,.car-btn{width:100%;justify-content:center}.profile-form{grid-template-columns:1fr!important}.raffle-create-form{grid-template-columns:1fr!important}.admin-section-nav{grid-template-columns:1fr 1fr!important}.ranking-switch button{flex:1}.raffle-prize-display{align-items:center!important;padding:12px!important}.raffle-prize-display img{width:52px!important;height:52px!important}}
/* feedback pass: stronger gold, YouTube identity, contained glow and lighter rendering */
:root{--ui-line-hover:rgba(255,220,64,.52);--ui-gold:#ffe04b;--ui-gold-2:#ffb51d;--ui-gold-soft:rgba(255,218,58,.16)}
body::before{opacity:.14}
.visual-preview-badge{border-color:rgba(255,220,65,.55);background:#080b14;box-shadow:0 10px 28px rgba(0,0,0,.38);backdrop-filter:none;color:#ffe274}
header{background:rgba(5,8,17,.94)!important;box-shadow:0 8px 24px rgba(0,0,0,.22)!important;backdrop-filter:blur(8px)}
.brand .klogo,.brand .klogo-fallback{box-shadow:0 0 12px rgba(255,205,45,.24),0 0 0 1px rgba(255,224,117,.22)}
.store-card::before,.card::before{background:linear-gradient(125deg,rgba(255,221,72,.045),transparent 42%);opacity:.65}
.latest-video::before{content:none!important}
.latest-video{border-color:rgba(255,64,74,.34)!important;background:linear-gradient(110deg,rgba(78,10,18,.42),rgba(14,18,33,.96) 48%,rgba(8,12,24,.98))!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 15px 36px rgba(0,0,0,.20),0 0 24px rgba(255,43,58,.055)!important}
.latest-video:hover{border-color:rgba(255,69,79,.58)!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 17px 38px rgba(0,0,0,.24)!important}.lv-thumb img{transition:transform .22s var(--ui-ease)}.latest-video:hover .lv-thumb img{transform:scale(1.018);filter:none}.lv-label{color:#ff5d67!important;text-shadow:0 0 12px rgba(255,53,67,.22)}.lv-btn{background:linear-gradient(135deg,#ff4654,#e71f31)!important;box-shadow:0 8px 22px rgba(230,31,48,.20)!important}
.metric,.store-eyebrow,.store-hero h2,.store-tab.active,.tab.active,.sub-btn.active{color:#ffe14d!important}
.metric{text-shadow:0 0 14px rgba(255,205,38,.24)}
.admin-section-nav{background:#080c16;backdrop-filter:none}
.premium-reveal{opacity:1;transform:none;transition:none}
.corner-sponsor.pos-desktop{display:none!important}
.corner-sponsor.pos-mobile{position:relative!important;inset:auto!important;width:100%!important;margin:18px auto 0!important;transform:none!important}
.corner-sponsor.pos-mobile .cs-card{width:100%!important;overflow:hidden!important}.corner-sponsor.pos-mobile .cs-window{width:100%!important;aspect-ratio:1152/220!important;min-height:0!important}.corner-sponsor.pos-mobile .cs-window img{width:100%!important;height:100%!important;object-fit:contain!important}
@media(min-width:1750px) and (min-height:760px){.corner-sponsor.pos-desktop{display:block!important}.corner-sponsor.pos-mobile{display:none!important}}
@media(max-width:760px){.corner-sponsor{transform:none!important}}
/* refinement pass: typography, centered carousel, Twitch card and footer */
body{font-family:'Inter',system-ui,sans-serif;letter-spacing:-.006em;color:#f7f8fc}
h1,h2,h3,h4,.brand h1,.car-slide h2,.section-title,.soon-box h3{font-family:'Inter',system-ui,sans-serif!important;font-weight:900!important;letter-spacing:-.035em!important}
p,.lv-sub,.store-card small,.ranking-sub{color:#a8b1c7!important}
.car-slide{align-items:center!important;justify-content:center!important;text-align:center!important;padding:62px clamp(54px,9vw,126px) 76px!important}
.car-slide>*{margin-left:auto!important;margin-right:auto!important}.car-slide h2{max-width:900px!important;font-size:clamp(2.2rem,4.5vw,3.85rem)!important;line-height:1.04!important;background:linear-gradient(180deg,#fffbe9 0%,#ffe57c 52%,#ffc52e 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;filter:none!important;text-shadow:none!important}.car-slide p{max-width:650px!important;text-align:center!important}.car-actions{width:100%;justify-content:center!important}.home-ranking-preview{width:min(100%,720px)!important;margin-inline:auto!important}.home-ranking-preview span{text-align:left}
.hn-btn,.store-tab,.tab,.sub-btn,.car-action,.car-btn,.profile-save,.lv-btn{font-weight:800!important;letter-spacing:-.01em}
.store-card,.ranking-card,.chest-card,.raffle-card,.latest-video{border-width:1px!important}.store-card h3,.ranking-head h3,.chest-card h3{color:#fff8dc!important}
.store-hero::after{display:none!important}
#twitchFloat{border:1px solid rgba(169,112,255,.42)!important;border-radius:16px!important;background:linear-gradient(155deg,#15102a,#090c18 70%)!important;box-shadow:0 16px 44px rgba(0,0,0,.42),0 0 22px rgba(145,70,255,.08)!important;animation:none!important}
#twitchFloat .tfHead{padding:10px 13px!important;background:linear-gradient(90deg,rgba(145,70,255,.22),rgba(145,70,255,.08))!important;border-bottom:1px solid rgba(169,112,255,.22)!important}
#twitchFloat .tfLabel{font-size:.76rem!important;letter-spacing:.06em!important}.tfClose{border-radius:8px!important}.tfOffBtn{justify-content:center!important;gap:9px!important;padding:12px 15px!important;color:#efe8ff!important}.tfOffBtn img{width:17px;height:17px;display:block}.tfOffBtn:hover{background:rgba(145,70,255,.12)!important;color:#fff!important}
footer{margin-top:52px!important;border-top:1px solid rgba(255,220,65,.18)!important;background:linear-gradient(180deg,#080b15,#04060b)!important}.footer-inner{padding:28px 20px 34px!important}.premium-footer-art{display:block;width:100%;max-width:1120px;height:auto;margin:0 auto 22px;border-radius:20px;border:1px solid rgba(255,218,61,.16);box-shadow:0 18px 46px rgba(0,0,0,.28)}.footer-signature{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.footer-signature strong{color:#ffe15a!important}.footer-signature span{color:#8f99b0}.footer-inner .flinks{margin-top:15px}.footer-inner .flinks a{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.025)}.footer-inner .flinks a:hover{border-color:rgba(255,216,59,.35);background:rgba(255,216,59,.06)}.footer-inner .flinks img{width:17px;height:17px}.footer-copy{margin-top:18px;color:#616b82;font-size:.72rem}
.corner-sponsor.pos-desktop{top:154px!important}.corner-sponsor.pos-desktop .cs-close{top:7px!important;right:7px!important}.corner-sponsor.pos-desktop .cs-card{border-color:rgba(255,216,58,.25)!important}
@media(max-width:640px){.car-slide{padding:52px 38px 76px!important}.car-slide h2{font-size:clamp(1.85rem,10vw,2.8rem)!important}.premium-footer-art{border-radius:14px}.footer-signature{flex-direction:column;gap:4px}}
/* stable SPA route state: the previous page never flashes while a store view loads */
.premium-footer-art{display:none!important}
.route-store #homeSection,.route-store #soonPanel,.route-store #tabs,.route-store #subnav,.route-store #toolbar,.route-store #hint,.route-store #main{display:none!important}
.route-store #channelStore{display:block!important;min-height:540px}
.route-store #channelStore:empty::before{content:"Carregando área da Loja do Canal…";display:flex;align-items:center;justify-content:center;min-height:280px;margin:28px auto;border:1px solid rgba(255,216,59,.13);border-radius:18px;background:linear-gradient(145deg,#101628,#080c17);color:#aab3c8;font-weight:700}

/* typography: modern, compact headings + highly readable interface text */
body,button,input,select,textarea{font-family:'Sora',system-ui,sans-serif!important;letter-spacing:-.012em}
h1,h2,h3,h4,.brand h1,.car-slide h2,.section-title,.soon-box h3,.store-hero h2,.metric,.bracket-head .lvl,.ord{
  font-family:'Barlow Condensed','Arial Narrow',sans-serif!important;
  font-weight:800!important;letter-spacing:.012em!important
}
.brand h1,.section-title,.store-hero h2,.car-slide h2{text-transform:uppercase}
.brand h1 small{font-family:'Sora',system-ui,sans-serif!important;letter-spacing:.13em!important}
.section-title{font-size:1.48rem!important}.bracket-head .lvl{font-size:1.22rem!important}.metric{letter-spacing:.005em!important}

/* main display type: wider and heavier without decorative excess */
.store-hero h2,.car-slide h2,.hero h2,.brand h1{
  font-family:'League Spartan','Sora',system-ui,sans-serif!important;
  font-weight:900!important;letter-spacing:-.035em!important
}
.store-hero h2{line-height:.95!important}.car-slide h2{line-height:.98!important}

/* dense cards/tables: depth stays inside each component and never bleeds over a neighbour */
.grid,.config-grid,.video-grid{isolation:isolate}
.bracket-card,.table-wrap,.config-card,.video-card,.hunt-card{
  position:relative;z-index:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),inset 0 -18px 38px rgba(0,0,0,.08)!important
}
.bracket-card:hover,.config-card:hover,.video-card:hover,.hunt-card:hover{
  z-index:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 0 0 1px rgba(255,211,64,.055)!important
}

/* adjacent surfaces use only a thin local shadow so one card never visually covers another */
.store-grid,.chest-grid,.raffle-grid,.ranking-card,.admin-grid{isolation:isolate}
.store-grid>.store-card,.chest-grid>.chest-card,.raffle-grid>.raffle-card,.ranking-card,.admin-grid>.store-card{
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 3px 9px rgba(0,0,0,.13)!important
}
.store-grid>.store-card:hover,.chest-grid>.chest-card:hover,.raffle-grid>.raffle-card:hover,.admin-grid>.store-card:hover{
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 4px 12px rgba(0,0,0,.16)!important
}

/* redemption CTA: enabled is vivid; unavailable remains readable instead of looking faded/broken */
.redemption-button:not(:disabled){
  border:1px solid #ffe16b!important;background:linear-gradient(135deg,#ffe052 0%,#ffb41f 58%,#e9910d 100%)!important;
  color:#171005!important;box-shadow:0 9px 24px rgba(236,161,13,.24),inset 0 1px rgba(255,255,255,.42)!important
}
.redemption-button:disabled{
  opacity:1!important;filter:none!important;border:1px solid rgba(255,213,68,.28)!important;
  background:linear-gradient(135deg,#24293a,#171c2b)!important;color:#aeb6c9!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04)!important;cursor:not-allowed
}

/* Custom KEKE icon system: individual square assets preserve aspect ratio and alignment. */
.nav-pixel-icon,.nav-rubinot-brand{
  position:relative;display:inline-block;flex:0 0 auto;width:28px;height:28px;
  transform:translateZ(0);transition:transform .18s var(--ui-ease),filter .18s ease
}
.nav-pixel-icon{
  background-repeat:no-repeat;background-position:center;background-size:contain;
  image-rendering:auto;filter:drop-shadow(0 2px 3px rgba(0,0,0,.48))
}
.store-tab .nav-pixel-icon{width:26px;height:26px}.hn-btn .nav-pixel-icon{margin-right:1px}
.icon-home{background-image:url('/assets/icons/nav-home.png?v=2')}.icon-guides{background-image:url('/assets/icons/nav-guides-v3.png')}
.icon-tools{background-image:url('/assets/icons/nav-tools.png?v=2')}.icon-store{background-image:url('/assets/icons/nav-store.png?v=2')}
.icon-panel{background-image:url('/assets/icons/nav-panel.png?v=2')}.icon-inventory{background-image:url('/assets/icons/nav-inventory.png?v=2')}
.icon-redemptions{background-image:url('/assets/icons/nav-redemptions.png?v=2')}.icon-ranking{background-image:url('/assets/icons/nav-ranking.png?v=2')}
.icon-raffles{background-image:url('/assets/icons/nav-raffles.png?v=2')}.icon-messages{background-image:url('/assets/icons/nav-messages.png?v=2')}
.icon-guide-paladin{background-image:url('/assets/icons/guide-paladin.png?v=2')}.icon-guide-monk{background-image:url('/assets/icons/guide-monk.png?v=2')}
.icon-guide-knight{background-image:url('/assets/icons/guide-knight.png?v=2')}.icon-guide-videos{background-image:url('/assets/icons/guide-videos.png?v=2')}
.icon-guide-hunts{background-image:url('/assets/icons/guide-hunts.png?v=2')}.icon-guide-config{background-image:url('/assets/icons/guide-config.png?v=2')}
.icon-guide-charms{background-image:url('/assets/icons/guide-charms.png?v=2')}.icon-guide-rtc{background-image:url('/assets/icons/guide-rtc.png?v=2')}
.icon-guide-wheel{background-image:url('/assets/icons/guide-wheel.png?v=2')}.icon-guide-equipment{background-image:url('/assets/icons/guide-equipment.png?v=2')}
.nav-rubinot-brand{
  overflow:visible;border-radius:0;background:transparent url('/assets/icons/nav-rubinot.png?v=2') center/contain no-repeat;
  filter:drop-shadow(0 0 4px rgba(15,170,255,.28));mix-blend-mode:normal
}
.hn-btn,.store-tab,.store-dropdown a,.tab,.sub-btn,.toolbar button{align-items:center}
.store-dropdown a,.tab,.sub-btn,.toolbar button{display:flex;gap:8px}
.store-dropdown .nav-pixel-icon{width:25px;height:25px}.tab .nav-pixel-icon,.sub-btn .nav-pixel-icon,.toolbar .nav-pixel-icon{width:28px;height:28px}
.hn-btn:hover .nav-pixel-icon,.store-tab:hover .nav-pixel-icon,.store-dropdown a:hover .nav-pixel-icon,
.tab:hover .nav-pixel-icon,.sub-btn:hover .nav-pixel-icon,.toolbar button:hover .nav-pixel-icon,
.hn-btn:hover .nav-rubinot-brand,.hn-btn.active .nav-pixel-icon,.store-tab.active .nav-pixel-icon,.tab.active .nav-pixel-icon,.sub-btn.active .nav-pixel-icon{
  transform:translateY(-1px) scale(1.08);filter:drop-shadow(0 0 5px rgba(255,210,55,.48)) drop-shadow(0 3px 3px rgba(0,0,0,.38))
}
.nav-pixel-icon.icon-energized,.nav-rubinot-brand.icon-energized{animation:kekeIconPulse .48s var(--ui-ease)}
@keyframes kekeIconPulse{0%{transform:scale(1)}42%{transform:translateY(-2px) scale(1.16);filter:drop-shadow(0 0 7px rgba(255,216,61,.68))}100%{transform:translateY(-1px) scale(1.08)}}
/* Keep the inventory chests alive: the subtle floating motion and rotating
   light rays are part of the reward experience. Static raffle decorations
   remain disabled to avoid unnecessary permanent compositing. */
.raffle-prize-display::after,.raffle-prize-display span,.raffle-prize-display strong{animation:none!important}
.chest-card .chest-visual img{transition:filter .2s ease}
.chest-card:hover .chest-visual img{filter:drop-shadow(0 14px 14px rgba(0,0,0,.5)) drop-shadow(0 0 16px color-mix(in srgb,var(--chest) 45%,transparent))}
header{backdrop-filter:none!important}
@media(max-width:760px){.nav-pixel-icon,.nav-rubinot-brand{width:25px;height:25px}.store-tab .nav-pixel-icon{width:24px;height:24px}.tab .nav-pixel-icon,.sub-btn .nav-pixel-icon,.toolbar .nav-pixel-icon{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.premium-reveal{opacity:1;transform:none}}
