/* Public site only. No selectors target the game canvas or its HUD. */
:root { --header-height:76px; }
body:has(.hw-site-header) { background:radial-gradient(ellipse at 10% 12%,#3c2542 0,transparent 50%),#120e1b !important; }
.hw-site-header { height:76px !important; padding:0 24px; background:linear-gradient(120deg,#251a31,#17111f) !important; border-bottom:1px solid #a66435 !important; backdrop-filter:none; }
.hw-site-header .mobile-logo { display:flex; align-items:center; }
.hw-site-header .mobile-logo img { width:148px !important; height:66px !important; max-height:66px !important; }
.hw-header-season { margin-right:auto; margin-left:26px; padding-left:22px; border-left:1px solid #644247; font:800 10px/1.5 'Nunito',sans-serif; letter-spacing:.18em; color:#cbaaab; }
.hw-site-header .header-left { gap:10px; }
.hw-site-header .header-actions { gap:10px; }
.hw-site-header .btn-auth { border-radius:12px; font-size:14px; padding:11px 17px; min-height:42px; }
.hw-site-header .bonus-tag { font-size:9px; padding:2px 7px; right:0; top:-9px; box-shadow:none; }
.hw-site-header .wallet-pill { border-radius:13px; background:#100b18; padding:5px 6px 5px 12px; gap:9px; box-shadow:none; }
.hw-site-header .wallet-balance { font-size:17px; white-space:nowrap; }
.hw-site-header .wallet-add-btn { width:32px; height:32px; background:linear-gradient(#ffcc73,#ef8c29); color:#29102e; box-shadow:none; }
.hw-site-header .avatar-btn { width:40px; height:40px; border-radius:13px; border-color:#8a593c; }
.hw-site-header .mobile-menu-btn { width:40px; height:40px; border-radius:11px; background:#33223d; border-color:#79523d; }
.app-sidebar:has(.hw-sidebar-art) { background:linear-gradient(180deg,#2c1c35,#15101e 60%) !important; }
.hw-sidebar-art { display:flex; align-items:center; gap:8px; padding:10px 20px 0; }
.hw-sidebar-art img { width:74px; height:94px; object-fit:contain; }
.hw-sidebar-art span { max-width:130px; font:500 17px/1.15 'Fredoka',sans-serif; color:#f7cf8e; }
.app-sidebar:has(.hw-sidebar-art) .sidebar-header { min-height:85px; }
.app-sidebar:has(.hw-sidebar-art) .sidebar-logo-image { width:166px !important; height:74px !important; filter:none; }
.app-sidebar:has(.hw-sidebar-art) .sidebar-grid-2 { grid-template-columns:1fr; }
.app-sidebar:has(.hw-sidebar-art) .sidebar-item-grid { flex-direction:row; justify-content:flex-start; padding:13px; gap:14px; }
.app-sidebar:has(.hw-sidebar-art) .sidebar-nav { padding:16px; gap:5px; }
.app-sidebar:has(.hw-sidebar-art) .sidebar-item-block { background:#ffffff03; border:1px solid #ffffff08; }
.app-sidebar:has(.hw-sidebar-art) .sidebar-group-title { color:#d5ae92; font-size:11px; }
.hw-site-header .dropdown-menu { background:#25182f; border:1px solid #876047; border-radius:15px; }
.hw-site-header ~ .bottom-nav { height:66px; background:#21162c !important; backdrop-filter:none; }
.hw-site-header ~ .bottom-nav .center-button-wrapper { width:64px; height:64px; top:-15px; background:#1d1327; }
.hw-site-header ~ .bottom-nav .bottom-nav-action { width:51px; height:51px; background:linear-gradient(#ffcf78,#ff922b); box-shadow:0 4px 0 #8d3a22; }
.hw-site-header ~ .bottom-nav .bottom-nav-item { font-size:10px; background:transparent !important; box-shadow:none !important; }
body:has(.hw-home) .site-container { max-width:1240px !important; padding:0 18px !important; }
#hero-banner-focado.hw-home { width:100%; margin:92px 0 22px; overflow:visible; }
.hw-home .hero-container { border-radius:25px !important; border-color:#a4653c77; }
.hw-home .hero-bg-wrapper { background-position:center top !important; }
.hw-home .hero-vignette-overlay { background:linear-gradient(180deg,#160d271a,#160d2755 40%,#130c20f5) !important; }
.hw-home .cta-container { max-width:1080px; }
.hw-home .layout-visitante { padding:38px 30px 0; }
.hw-home .arcade-guest-view { width:100%; max-width:900px; position:relative; display:grid; grid-template-columns:1.3fr 1fr; align-items:center; column-gap:20px; text-align:left; }
.hw-home .live-pulse-badge { justify-self:start; margin:0 0 14px; }
.hw-home .hw-season { grid-column:1; width:max-content; margin:0 0 14px; padding:5px 10px; font-size:9px; }
.hw-home .hero-title-liquid { grid-column:1; font-family:'Fredoka',sans-serif; font-weight:700; font-size:clamp(30px,3.4vw,49px); line-height:1.08; margin:0; letter-spacing:-.02em; }
.hw-home .hero-subtitle-liquid { grid-column:1; font-size:14px; line-height:1.65; max-width:450px; margin:18px 0 10px; }
.hw-home .center-floating-element { grid-column:2; grid-row:1 / span 6; width:100%; height:340px !important; margin:0 !important; display:grid; place-items:center; }
.hw-home .center-floating-element .bubble-element-animated { width:280px !important; height:340px !important; max-width:100%; object-fit:contain; animation:none !important; }
.hw-creature-line { display:flex; align-items:center; gap:7px; height:40px; margin:5px 0 17px; }
.hw-creature-line img { width:37px; height:37px; }
.hw-creature-line img:nth-child(2) { transform:rotate(10deg); }
.hw-home .hero-action-area { grid-column:1; align-items:flex-start; }
.hw-home .btn-liquid-glow { border-radius:15px; font-size:16px; min-height:52px; padding:13px 25px; animation:none; }
.hw-home .link-clean { margin-top:13px; }
.hw-home .winners-marquee-container { margin-top:25px; border-radius:12px 12px 0 0; opacity:.8; }
.hw-home .liquid-stats-section { padding:20px 10px; }
.hw-home .l-val { font-size:22px; }
.hw-home .l-lbl { font-size:9px; letter-spacing:.06em; }
.hw-home .layout-logado { min-height:0; display:grid; grid-template-columns:1fr 1.05fr; align-items:center; gap:30px; padding:32px; }
.hw-lobby-heading { position:relative; min-width:0; }
.hw-lobby-copy h1 { margin:0; font:600 clamp(30px,3vw,43px)/1.06 'Fredoka',sans-serif; color:#fff3d9; letter-spacing:-.02em; }
.hw-lobby-copy h1 span { color:#ffbb5b; }
.hw-lobby-copy p { color:#dfc9e1; font-size:13px; line-height:1.5; margin:14px 0 0; }
.hw-lobby-witch { width:220px; height:265px; object-fit:contain; display:block; margin:5px auto -15px; }
.hw-home .arcade-console-wrapper { min-width:0; padding:21px; border-radius:22px; gap:16px; background:linear-gradient(145deg,#32213eeb,#181020f5) !important; border:1px solid #dc9b555c; backdrop-filter:none; box-shadow:0 15px 35px #08041066,inset 0 1px #ffe6bf1a !important; }
.hw-console-title { display:flex; align-items:center; gap:8px; font:700 12px/1 'Fredoka',sans-serif; letter-spacing:.1em; color:#ffe0a7; }
.hw-console-title img { object-fit:contain; }
.hw-console-title img:last-child { margin-left:auto; }
.hw-home .console-top-bar { padding:0 0 15px; display:grid; grid-template-columns:1fr; gap:13px; }
.hw-home .console-top-bar::before { display:none; }
.hw-home .c-balance-area { display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:10px; }
.hw-home .c-label { font-size:10px; color:#c9aebf; letter-spacing:.06em; }
.hw-home .c-value { font:600 25px/1 'Fredoka',sans-serif; margin:0; text-shadow:none; }
.hw-home .c-actions-area { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
.hw-home .c-action-btn { padding:8px 4px; min-height:39px; border-radius:9px; font-size:11px; display:flex; flex-direction:row; align-items:center; justify-content:center; gap:5px; border-color:#bd976730; background:#120c1c77; }
.hw-home .c-action-btn i { font-size:13px; }
.hw-entry-label { display:flex; justify-content:space-between; color:#eec38f; font-size:10px; font-weight:900; letter-spacing:.06em; }
.hw-entry-label small { color:#b69eae; font-size:10px; font-weight:600; letter-spacing:0; }
.hw-home .console-bet-area { display:flex; flex-direction:column; gap:12px; }
.hw-home .c-stepper-group { width:100%; min-width:0; border-radius:13px; padding:6px; }
.hw-home .c-stepper-btn { width:40px; height:40px; flex-shrink:0; border-radius:9px; background:#39243e; border-color:#a5734944; }
.hw-home .c-input-wrap input { font:600 28px/1 'Fredoka',sans-serif; color:#ffdb97; }
.hw-home .c-chips-group { width:100%; gap:8px; }
.hw-home .c-bubble-chip { flex:1; width:auto; height:42px; border-radius:10px; font-family:'Fredoka',sans-serif; font-size:15px; box-shadow:none; }
.hw-home .c-bubble-chip.active,.hw-home .c-bubble-chip:hover { transform:none; box-shadow:inset 0 1px #fff4; border-color:#ffc46c; }
.hw-home .console-bottom-bar { padding:13px 10px; border-radius:13px; border:1px solid #ec9a443d; background:radial-gradient(ellipse at top,#9c623024,transparent),#100b19; }
.hw-home .c-stat { display:flex; flex-direction:column; gap:5px; text-align:center; font-size:9px; letter-spacing:.07em; color:#d8b98e !important; }
.hw-home .c-stat strong { display:block; margin:0; color:#caff94; font:600 32px/1.1 'Fredoka',sans-serif; letter-spacing:-.03em; }
.hw-home .c-play-group { width:100%; }
.hw-home .c-play-btn { min-height:53px; padding:12px; border-radius:13px; font:600 18px/1.15 'Fredoka',sans-serif; }
.hw-home .c-play-btn:hover { transform:translateY(-1px); }
.hw-home .modal-bubble-3d { border-radius:22px; border-color:#b77c4555; }
.hw-money-modal .modal-card { max-width:450px; border:1px solid #ba804b80; border-radius:24px !important; background:linear-gradient(150deg,#34223f,#191222) !important; max-height:calc(100dvh - 32px); overflow:auto; }
.hw-money-modal .modal-close-modern { top:12px; right:12px; width:38px; height:38px; border-radius:11px; z-index:5; font-size:17px; background:#190f24; border-color:#ffce7b44; }
.hw-modal-banner { position:relative; height:88px; overflow:hidden; display:flex; align-items:center; padding:18px 22px; background:linear-gradient(90deg,#21142aea,#21142a66),url('/assets/halloween/hero.webp') center 28%/cover; border-bottom:1px solid #ffb55029; }
.hw-modal-banner span { max-width:140px; font:600 13px/1.5 'Fredoka',sans-serif; letter-spacing:.1em; color:#f8d49d; }
.hw-modal-banner img { position:absolute; width:104px; height:131px; object-fit:contain; right:52px; top:0; transform:rotate(-6deg); }
.hw-modal-banner-withdraw img { width:112px; height:78px; top:12px; transform:rotate(-9deg); }
.hw-money-modal .form-modern { padding:20px; gap:13px; font-family:'Nunito',sans-serif; }
.hw-money-modal .modal-header-modern,.hw-money-modal .modal-header-modern.split { text-align:left; align-items:flex-start; gap:6px; flex-direction:column; margin:0; }
.hw-money-modal .modal-header-modern::before { display:none; }
.hw-money-modal .title-hw { font:600 26px/1.1 'Fredoka',sans-serif; margin:0; letter-spacing:.02em; }
.hw-money-modal .subtitle-m { font-size:11px; margin:0; color:#c6afc3; }
.hw-money-modal .input-huge-wrap { height:67px; border-radius:13px; border-color:#b28a6055; box-shadow:inset 0 2px 5px #0004; }
.hw-money-modal .input-huge-wrap input { font:600 34px/1 'Fredoka',sans-serif; color:#ffdf9c; }
.hw-money-modal .chips-modern { gap:8px; }
.hw-money-modal .chip-m { min-height:43px; padding:10px 4px; border-radius:10px; background:#21172d; border-color:#91674d55; font:600 15px/1 'Fredoka',sans-serif; box-shadow:none; }
.hw-money-modal .btn-hw-primary { min-height:51px; border-radius:12px; font:600 17px/1.2 'Fredoka',sans-serif; padding:13px 10px; }
.hw-money-modal .balance-badge-m { color:#b9e88c; font-size:12px; background:#142214; border-color:#76985144; }
.hw-money-modal .secure-area-m { padding:12px; border-radius:12px; }
.hw-money-modal .alert-m { font-size:11px; }
.hw-money-modal .pix-input-group { background:#140e1e; border-color:#95644c55; border-radius:12px; }
.hw-money-modal .pix-input-group input,.hw-money-modal .input-group-m input { min-width:0; }
.hw-money-modal .pix-key-area label { font-size:12px; }
.hw-money-modal .qr-area-modern { padding:22px; }
.hw-money-modal .qr-box-m { background:#fff !important; border-radius:14px; }
@media(min-width:992px) { .hw-home .layout-logado { gap:24px; } }
@media(max-width:991px) {
  .hw-site-header { height:70px !important; padding:0 12px; }
  .hw-site-header .header-left { gap:7px; }
  .hw-site-header .header-actions { gap:7px; }
  .hw-header-season { display:none; }
  .hw-site-header .mobile-logo img { width:117px !important; height:55px !important; }
  body:has(.hw-home) .site-container { padding:0 10px !important; }
  #hero-banner-focado.hw-home { margin-top:80px; }
  .hw-home .layout-logado { gap:18px; padding:22px; }
}
@media(max-width:640px) {
  .hw-site-header { padding:0 8px; }
  .hw-site-header .mobile-menu-btn { width:34px; height:38px; }
  .hw-site-header .mobile-logo img { width:106px !important; }
  .hw-site-header .btn-auth { padding:10px 11px; font-size:12px; min-height:39px; }
  .hw-site-header .wallet-balance { font-size:13px; }
  .hw-site-header .wallet-pill { padding-left:8px; gap:6px; }
  .hw-site-header .avatar-btn { width:34px; height:36px; font-size:16px; }
  .hw-site-header .wallet-add-btn { width:27px; height:29px; }
  .hw-home .hero-container { border-radius:18px !important; }
  .hw-home .layout-visitante { padding:24px 17px 0; }
  .hw-home .arcade-guest-view { display:flex; flex-direction:column; text-align:center; }
  .hw-home .hw-season { margin-bottom:12px; }
  .hw-home .hero-title-liquid { font-size:clamp(28px,7.8vw,40px) !important; }
  .hw-home .center-floating-element { height:190px !important; margin:3px 0 -3px !important; }
  .hw-home .center-floating-element .bubble-element-animated { width:182px !important; height:206px !important; }
  .hw-home .hero-subtitle-liquid { font-size:12px; line-height:1.5; margin:10px 0; }
  .hw-home .hero-action-area { width:100%; align-items:center; }
  .hw-home .hero-action-area .btn-liquid-glow { width:100%; }
  .hw-home .live-pulse-badge { margin-bottom:12px; font-size:10px; }
  .hw-creature-line { margin:0 0 12px; height:32px; }
  .hw-creature-line img { width:30px; height:30px; }
  .hw-home .layout-logado { display:flex; flex-direction:column; padding:18px 12px 14px; gap:14px; align-items:stretch; }
  .hw-lobby-heading { display:flex; align-items:center; min-height:150px; }
  .hw-lobby-copy { position:relative; z-index:1; width:70%; }
  .hw-lobby-copy h1 { font-size:clamp(25px,6.6vw,34px); }
  .hw-lobby-copy p { font-size:10px; margin:10px 0 0; }
  .hw-lobby-copy .hw-season { font-size:8px; padding:4px 7px; }
  .hw-lobby-witch { position:absolute; width:128px; height:163px; right:-7px; bottom:-7px; margin:0; }
  .hw-home .arcade-console-wrapper { padding:15px; border-radius:17px; gap:13px; }
  .hw-home .c-value { font-size:24px; }
  .hw-home .c-action-btn { font-size:10px; }
  .hw-home .c-stat strong { font-size:31px; }
  .hw-home .l-val { font-size:18px; }
  .hw-home .l-lbl { font-size:7px; }
  .hw-money-modal { padding:10px 10px max(10px,env(safe-area-inset-bottom)); align-items:center; }
  .hw-money-modal .modal-card { max-height:calc(100dvh - 26px); width:100%; }
  .hw-money-modal .form-modern { padding:17px; gap:12px; }
  .hw-money-modal .chips-modern.compact { grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
  .hw-money-modal .chips-modern.compact .chip-m { font-size:13px; }
  .hw-money-modal .modal-header-modern .title-hw { font-size:24px; }
}
@media(max-width:350px) { .hw-site-header .mobile-logo img { width:89px !important; } .hw-site-header .header-left,.hw-site-header .header-actions { gap:4px; } .hw-site-header .btn-auth { padding:9px 8px; font-size:11px; } .hw-site-header .wallet-balance { font-size:12px; } .hw-site-header .avatar-btn { width:29px; } .hw-lobby-witch { width:105px; right:-9px; } .hw-home .c-action-btn { gap:3px; font-size:9px; } }
@media(prefers-reduced-motion:reduce) { .hw-home *, .hw-site-header *, .hw-money-modal * { animation:none !important; transition:none !important; } }
