:root{--th332-bg:#070b17;--th332-panel:#0c1223;--th332-line:#27324d;--th332-text:#f6f8ff;--th332-muted:#8792ad;--th332-blue:#6871ff;--th332-violet:#8a57f6;--th332-yellow:#ffd632}
.th332-header{position:sticky;top:0;z-index:2147482000;width:100%;background:rgba(5,8,18,.97);border-bottom:1px solid #202944;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--th332-text)}
.th332-shell{box-sizing:border-box;width:min(1240px,calc(100% - 28px));min-height:64px;margin:auto;display:grid;grid-template-columns:max-content minmax(440px,1fr) max-content;gap:14px;align-items:center}
.th332-header button{font:inherit;color:inherit;border:0;cursor:pointer}
.th332-header svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.th332-brand{height:48px;padding:4px 4px 4px 0;background:transparent;display:flex;align-items:center;gap:8px;text-align:left}
.th332-brand img{display:block;width:40px;height:40px;object-fit:contain;object-position:center;filter:none;background:transparent!important;border:0!important;border-radius:0!important}
.th332-brand span{display:grid;line-height:1}.th332-brand strong{font-size:16px;letter-spacing:-.03em}.th332-brand small{margin-top:5px;color:#7f8aa7;font-size:7px;font-weight:900;letter-spacing:.22em}
.th332-nav{justify-self:center;display:flex;align-items:center;padding:4px;background:#0a0f1d;border:1px solid #26314b;border-radius:13px;min-width:0}
.th332-nav button{height:38px;padding:0 12px;background:transparent;border-radius:9px!important;display:flex;align-items:center;gap:7px;color:#9ba5bd;font-size:12px;font-weight:750;white-space:nowrap;transition:background .2s,color .2s,transform .2s}
.th332-nav button:hover{color:#fff;background:#121a2e;transform:translateY(-1px)}.th332-nav button.is-active{color:#fff;background:linear-gradient(135deg,var(--th332-blue),var(--th332-violet));box-shadow:0 7px 22px #6a61ff3d}
.th332-tools{display:flex;align-items:center;gap:6px;justify-self:end;min-width:0}.th332-currency{position:relative}.th332-currency-button{height:42px;min-width:94px;padding:0 11px;background:#0d1425;border:1px solid #293650!important;border-radius:10px!important;display:flex;align-items:center;gap:7px;font-size:12px}.th332-currency-button>svg{width:13px;margin-left:auto}.th332-flag{display:grid;place-items:center;width:24px;height:16px;line-height:1;overflow:hidden;border-radius:3px;box-shadow:0 0 0 1px #ffffff24}.th332-header .th332-flag-svg{display:block;width:24px;height:16px;flex:none;stroke:none}
.th332-currency-menu{position:absolute;top:calc(100% + 8px);right:0;width:218px;max-height:min(420px,70vh);overflow:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;padding:8px;background:#080d19;border:1px solid #2b3854;border-radius:13px;box-shadow:0 22px 55px #000b;z-index:30}.th332-currency-menu button{width:100%;min-height:44px;padding:8px 10px;background:transparent;border-radius:8px!important;display:grid;grid-template-columns:25px 45px 1fr;align-items:center;gap:7px;text-align:left}.th332-currency-menu button:hover{background:#141d32}.th332-currency-menu button span{font-size:19px}.th332-currency-menu button strong{font-size:12px}.th332-currency-menu button small{color:#8d98b2;font-size:10px}
.th332-status{height:42px;padding:0 10px;background:#0d1425;border:1px solid #293650!important;border-radius:10px!important;display:flex;align-items:center;gap:8px;text-align:left;transition:border-color .2s,background .2s}.th332-status:hover{background:#121b30;border-color:#5363a0!important}.th332-status>span:last-of-type{display:grid;line-height:1.05;min-width:58px}.th332-status small{color:#73819f;font-size:6.5px;font-weight:900;letter-spacing:.16em}.th332-status strong{margin-top:3px;max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;text-transform:uppercase}.th332-status em{margin-top:2px;color:#9aa5bc;font-size:7px;font-style:normal}.th332-rank-icon,.th332-coin{display:grid!important;place-items:center;width:24px;height:24px;border-radius:8px;background:linear-gradient(135deg,#307ddd,#7f6bff);color:#dfe7ff;box-shadow:0 0 18px #5d76ff55}.th332-rank-icon svg{width:17px;height:17px}.th332-rank-icon.rank-bronce{background:linear-gradient(135deg,#7b351f,#bd6236);color:#ffae68;box-shadow:0 0 18px #f0743d4d}.th332-rank-icon.rank-plata{background:linear-gradient(135deg,#455169,#8a97ad);color:#edf4ff;box-shadow:0 0 18px #b8c5db40}.th332-rank-icon.rank-oro{background:linear-gradient(135deg,#7f6810,#b79916);color:#ffe048;box-shadow:0 0 18px #ffd42e4d}.th332-rank-icon.rank-platino{background:linear-gradient(135deg,#4d2b85,#7545bd);color:#b47cff;box-shadow:0 0 18px #975dff4d}.th332-rank-icon.rank-diamante{background:linear-gradient(135deg,#0b607b,#148eae);color:#35e7ff;box-shadow:0 0 18px #20d9ff4d}.th332-rank-icon.rank-elite{background:linear-gradient(135deg,#7d1d69,#b32e93);color:#ff66d7;box-shadow:0 0 19px #ff4fd65c}.th332-coin{border-radius:0;background:transparent url('/assets/towacoin-icon.svg?v=3.31.3') center/contain no-repeat;box-shadow:0 0 18px #795cff59}.th332-balance b{display:grid;place-items:center;width:25px;height:32px;margin-right:-7px;border-radius:7px;background:#655cff;font-size:15px}.th332-icon-button{position:relative;display:grid;place-items:center;width:42px;height:42px;background:#0d1425;border:1px solid #293650!important;border-radius:10px!important}.th332-icon-button:hover{background:#151e34;border-color:#5363a0!important}.th332-daily span{font-size:20px;color:var(--th332-yellow)}.th332-icon-button i{position:absolute;top:-6px;right:-5px;min-width:17px;height:17px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:#7180ff;color:white;font-size:8px;font-style:normal;font-weight:900;display:grid;place-items:center}.th332-daily i{background:#ff6c2e}
.th332-active body>header:not(.th332-header),.th332-active body>.site-header,.th332-active body>.main-header,.th332-active #mainHeader{display:none!important}
html.th332-currency-open body{position:fixed!important;top:var(--th332-lock-top,0px);right:0;left:0;width:100%;overflow:hidden!important;overscroll-behavior:none;touch-action:none}
html.th332-currency-open .th332-header{position:fixed!important;top:0;right:0;left:0}
html.th332-currency-open .th332-currency-menu{touch-action:pan-y}
.th332-header .th332-flag-svg{width:24px!important;height:16px!important;fill:initial;shape-rendering:geometricPrecision}
@media(max-width:1120px){.th332-shell{grid-template-columns:max-content 1fr max-content}.th332-nav button{padding:0 9px}.th332-nav button span{display:none}.th332-status>span:last-of-type{display:none}.th332-status{padding:0 8px}.th332-balance b{display:none}}
@media(max-width:760px){.th332-header{position:sticky}.th332-shell{width:100%;min-height:58px;padding:7px 10px;display:flex;gap:7px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.th332-shell::-webkit-scrollbar{display:none}.th332-brand{flex:0 0 auto;height:42px}.th332-brand img{width:36px;height:36px}.th332-brand span{display:none}.th332-nav{order:3;flex:0 0 auto;padding:3px}.th332-nav button{height:36px;padding:0 9px}.th332-tools{order:2;flex:0 0 auto}.th332-currency-button{min-width:82px;height:42px}.th332-status{width:42px;height:42px;padding:8px}.th332-currency-menu{position:fixed;top:65px;right:8px;left:auto;width:min(250px,calc(100vw - 16px));max-height:65dvh}.th332-icon-button{width:42px}.th332-daily{display:grid;order:-1}}
@media(max-width:430px){.th332-shell{padding-inline:8px}.th332-nav button{padding:0 8px}.th332-profile{display:none}.th332-currency-button{min-width:76px}.th332-currency-button strong{font-size:11px}}
@media(min-width:901px) and (max-height:980px){.th332-active .towa-hero{align-items:flex-start;min-height:auto;max-height:none;padding-top:34px}.th332-active #heroCampaignBadge{position:relative;z-index:4}}
@media(prefers-reduced-motion:reduce){.th332-header *{scroll-behavior:auto!important;transition:none!important}}
.th332-coin{background-image:url('/assets/towacoin-icon.svg?v=3.31.3')}

/* Cuenta: el icono responde al clic y el panel entra con una transición propia. */
.th332-profile{overflow:visible;transition:background .25s ease,border-color .25s ease,box-shadow .3s ease,transform .3s cubic-bezier(.22,1,.36,1)!important}
.th332-profile>svg{transition:transform .36s cubic-bezier(.22,1,.36,1),filter .3s ease}
.th332-profile.is-open{border-color:#6d73ff!important;background:linear-gradient(145deg,#5f68f3,#8158ec)!important;box-shadow:0 10px 28px rgba(105,96,255,.38);transform:translateY(-1px) scale(1.04)}
.th332-profile.is-open>svg{transform:scale(1.12) rotate(7deg);filter:drop-shadow(0 0 7px rgba(255,255,255,.42))}
.nav-account-menu{z-index:2147482050!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate3d(12px,-12px,0) scale(.94)!important;transform-origin:top right!important;filter:blur(4px);transition:opacity .25s ease,transform .34s cubic-bezier(.22,1,.36,1),filter .24s ease,visibility 0s linear .34s!important}
.nav-account-menu.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate3d(0,0,0) scale(1)!important;filter:none;transition-delay:0s!important}
.nav-account-menu.open>*{animation:th332AccountItemIn .38s cubic-bezier(.22,1,.36,1) both}
.nav-account-menu.open>*:nth-child(2){animation-delay:.045s}.nav-account-menu.open>*:nth-child(3){animation-delay:.09s}.nav-account-menu.open>*:nth-child(4){animation-delay:.135s}
@keyframes th332AccountItemIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.th332-profile,.th332-profile>svg,.nav-account-menu{transition:none!important}.nav-account-menu.open>*{animation:none!important}}

/* Cuenta 3.30.3: jerarquía más clara y accesos compactos. */
.nav-account-menu{width:330px!important;padding:12px!important;border-color:rgba(123,139,205,.38)!important;border-radius:18px!important;background:radial-gradient(circle at 88% 0,rgba(112,91,255,.16),transparent 34%),linear-gradient(165deg,#10182a,#080e19 76%)!important;box-shadow:0 30px 80px rgba(0,0,0,.58),0 0 0 1px rgba(114,127,255,.06) inset!important;scrollbar-width:thin}
.nav-account-head{grid-template-columns:44px minmax(0,1fr) auto!important;gap:11px!important;margin-bottom:10px;padding:10px!important;border:1px solid rgba(116,133,194,.22);border-radius:13px;background:linear-gradient(135deg,rgba(103,111,255,.14),rgba(20,28,49,.6))}
.nav-account-avatar{width:44px!important;height:44px!important;border-radius:12px!important;background:linear-gradient(145deg,#7280ff,#7454e8)!important;box-shadow:0 9px 25px rgba(103,104,255,.32)!important;font-size:17px!important}
.nav-account-copy strong{font-size:13px!important}.nav-account-copy small{margin-top:4px!important;font-size:8px!important;color:#8995ae!important}
.nav-account-rank{padding:6px 8px!important;border-color:rgba(158,169,215,.3)!important;border-radius:7px!important;background:rgba(8,13,25,.42);color:#c2cae0!important}
.nav-account-wallet{grid-template-columns:minmax(0,1fr) 38px!important;gap:9px!important;margin-bottom:9px!important}
.nav-account-stat{padding:12px 13px!important;border-color:rgba(108,126,187,.26)!important;border-radius:12px!important;background:linear-gradient(135deg,#111b30,#0d1527)!important}.nav-account-stat small{font-size:7px!important}.nav-account-stat strong{font-size:15px!important}.nav-account-stat b{margin-top:5px!important;font-size:9px!important}
.nav-account-wallet>i{width:38px!important;height:38px!important;border-radius:10px!important;background:linear-gradient(145deg,#6574ff,#805cf0)!important;box-shadow:0 8px 20px rgba(102,103,255,.26);font-size:18px!important;transition:transform .22s ease,filter .22s ease}.nav-account-wallet:hover>i{transform:rotate(90deg) scale(1.04);filter:brightness(1.12)}
.nav-account-progress{margin-bottom:10px!important;padding:12px!important;border-color:rgba(108,126,187,.23)!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(17,26,46,.94),rgba(11,18,33,.94))!important}.nav-account-progress>span:first-child b{font-size:10px!important}.nav-account-progress>span:first-child em{font-size:8px!important}.nav-account-progress-track{height:5px!important;margin-top:9px!important}.nav-account-progress>small{margin-top:8px!important;font-size:8px!important}
.nav-account-menu-label{display:block;margin:2px 2px 7px;color:#697691;font:900 7px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.nav-account-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.nav-account-action.wide{grid-column:1/-1}.nav-account-action{min-height:40px!important;padding:0 11px!important;border-color:rgba(107,123,181,.25)!important;border-radius:10px!important;background:rgba(16,24,42,.78)!important;font-size:9px!important}.nav-account-action.compact{min-width:0}.nav-account-action.primary{border-color:rgba(117,125,255,.72)!important;background:linear-gradient(100deg,#5c6bf4,#7958e8)!important;box-shadow:0 8px 22px rgba(102,95,243,.2)}.nav-account-action.admin-only{border-color:rgba(245,197,63,.3)!important;background:linear-gradient(100deg,rgba(245,197,63,.1),rgba(110,83,29,.06))!important;color:#f4d56d!important}.nav-account-action.danger{border-color:rgba(210,70,105,.34)!important;background:rgba(104,25,48,.1)!important}
.nav-account-action-label{display:flex!important;align-items:center;gap:7px;min-width:0}.nav-account-action-label i{display:grid;place-items:center;width:19px;height:19px;border-radius:6px;background:rgba(125,137,255,.12);color:#aeb7ff;font:900 10px/1 Inter,sans-serif;font-style:normal}.nav-account-action-label b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:850 9px/1 Inter,sans-serif}.nav-account-action.primary .nav-account-action-label i{background:rgba(255,255,255,.15);color:#fff}.nav-account-action.danger .nav-account-action-label i{background:rgba(255,99,133,.1);color:#ff7d9c}
.nav-account-guest{gap:10px!important;padding:7px!important}.nav-account-guest h3{font-size:20px!important}.nav-account-guest p{margin-bottom:3px!important;font-size:10px!important;line-height:1.55!important}
@media(max-width:430px){.nav-account-menu{right:8px!important;width:calc(100vw - 16px)!important}.nav-account-actions{grid-template-columns:1fr!important}.nav-account-action.wide{grid-column:auto}}
.th332-wheel{display:grid!important;place-items:center;width:27px;height:27px;color:#ffd64f;filter:drop-shadow(0 0 7px rgba(255,205,58,.28))}.th332-wheel svg{width:27px;height:27px;overflow:visible}.th332-wheel-disc circle:first-child{fill:#141d34;stroke:currentColor;stroke-width:1.8}.th332-wheel-disc path{fill:none;stroke:#9e80ff;stroke-width:1.45;stroke-linecap:round}.th332-wheel-disc circle:last-child{fill:#ffd64f;stroke:#fff3a1;stroke-width:1}.th332-wheel-pointer{fill:#ff7340;stroke:#ffb08e;stroke-width:.7}.th332-daily:hover .th332-wheel-disc{transform-origin:16px 17px;animation:th332WheelTurn 1.25s cubic-bezier(.18,.82,.25,1) both}.th332-daily.is-spinning .th332-wheel-disc{transform-origin:16px 17px;animation:th332WheelTurn .78s cubic-bezier(.12,.72,.22,1) both}.th332-daily:hover .th332-wheel-pointer,.th332-daily.is-spinning .th332-wheel-pointer{animation:th332PointerTick .18s ease-in-out 4}.th332-daily:focus-visible{outline:2px solid #ffd64f;outline-offset:2px}@keyframes th332WheelTurn{to{transform:rotate(720deg)}}@keyframes th332PointerTick{50%{transform:translateY(1.5px)}}@media(prefers-reduced-motion:reduce){.th332-daily:hover .th332-wheel-disc,.th332-daily.is-spinning .th332-wheel-disc,.th332-daily:hover .th332-wheel-pointer,.th332-daily.is-spinning .th332-wheel-pointer{animation:none}}