@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@600;700;800;900&family=Outfit:wght@700;800;900&family=Nunito:wght@700;800;900&display=swap");:root{--htb-font-title:"Outfit",sans-serif;--htb-font-sub:"Fredoka",cursive,sans-serif;--htb-font-body:"Nunito",sans-serif;--htb-bg-sky-top:#60a5fa;--htb-bg-sky-bot:#bae6fd;--htb-primary-dark:#0f172a;--card-c0:#ff6b6b;--card-c0-shadow:#c94e4e;--card-c1:#ff9f43;--card-c1-shadow:#cc7d2e;--card-c2:#feca57;--card-c2-shadow:#c9a020;--card-c3:#1dd3b0;--card-c3-shadow:#13a088;--card-c4:#ff9ff3;--card-c4-shadow:#cc72c0;--card-c5:#748ffc;--card-c5-shadow:#4a64d0}.top-ad-wrapper{margin:12px 0 6px}.top-ad-container,.top-ad-wrapper{width:100%;display:flex;justify-content:center}.top-ad-container{max-width:1400px;padding:0 16px}.top-ad-slot-box{width:100%;max-width:970px;min-height:90px;background:transparent!important;border:1px dashed rgba(0,0,0,.2);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px}.dark .top-ad-slot-box,.dark-mode .top-ad-slot-box{border-color:rgba(255,255,255,.2)}.ad-badge-label{font-size:9px;font-weight:800;color:#94a3b8;letter-spacing:.15em;margin-bottom:2px}.hit-the-button-page-wrapper{width:100%;min-height:calc(100vh - 80px);background:#f0fdfa;color:#0f172a;font-family:var(--htb-font-body);padding:8px 0 40px}.dark .hit-the-button-page-wrapper,.dark-mode .hit-the-button-page-wrapper{background:#09090b;color:#f8fafc}.page-wrapper{display:flex;justify-content:center;gap:24px;max-width:1660px;margin:0 auto;padding:0 20px}.sidebar-ad{width:320px;max-width:320px;flex-shrink:0;overflow:hidden}.sidebar-ad-inner{position:sticky;top:80px;overflow:hidden}.sidebar-ad-inner,.tower-ad-box{width:100%;max-width:320px;display:flex;flex-direction:column;align-items:center}.tower-ad-box{min-height:600px;background:transparent!important;border:1px dashed rgba(0,0,0,.2);border-radius:14px;justify-content:flex-start;padding:12px 10px;box-sizing:border-box;overflow:hidden!important}@media (max-width:1480px) and (min-width:1201px){.page-wrapper{max-width:1400px;gap:16px}.sidebar-ad{width:180px}.sidebar-ad,.sidebar-ad-inner{max-width:180px}.tower-ad-box{max-width:180px!important;padding:12px 6px!important}}.dark .tower-ad-box,.dark-mode .tower-ad-box{border-color:rgba(255,255,255,.2)}.main-content{flex:1;max-width:960px;min-width:0}@media (max-width:1200px){.sidebar-ad.left{display:none}}@media (max-width:992px){.sidebar-ad.right{display:none}.main-content{max-width:100%}}.hero-header{text-align:center;margin-bottom:14px}.hero-title{font-family:var(--htb-font-title);font-weight:900;font-size:clamp(30px,4.5vw,44px);margin:0;line-height:1.1;letter-spacing:-.5px}.hero-text{color:#0284c7}.hero-highlight{color:#f59e0b;text-shadow:2.5px 2.5px 0 #0f172a}.hero-subtitle{font-family:var(--htb-font-sub);font-size:15px;font-weight:700;color:#64748b;margin:4px 0 0}.dark .hero-subtitle,.dark-mode .hero-subtitle{color:#94a3b8}.gameContainer{position:relative;width:100%;aspect-ratio:16/9.8;min-height:520px;max-height:640px;background:linear-gradient(145deg,#38bdf8,#7dd3fc 45%,#e0f2fe);border:5px solid #0f172a;border-radius:28px;box-shadow:7px 7px 0 0 #0f172a,0 20px 40px rgba(2,132,199,.25);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none}#game-container:fullscreen,.gameContainer:fullscreen{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;border:none!important;border-radius:0!important;box-shadow:none!important}.htbHUD{position:absolute;top:14px;left:18px;right:18px;justify-content:space-between;pointer-events:none;z-index:25}.htbHUD,.hudLeftGroup{display:flex;align-items:center}.hudLeftGroup{gap:10px;pointer-events:auto}.cartoonStatBox{background:#ffffff;border:3.5px solid #0f172a;box-shadow:3.5px 3.5px 0 0 #0f172a;border-radius:14px;padding:4px 14px;display:flex;flex-direction:column;align-items:center;min-width:76px}.statBoxLabel{font-size:9px;font-weight:900;color:#64748b;letter-spacing:.1em;line-height:1}.statBoxVal{font-family:var(--htb-font-title);font-size:21px;font-weight:900;line-height:1.1}.livesContainer{display:flex;gap:6px;align-items:center;background:rgba(255,255,255,.9);border:3px solid #0f172a;box-shadow:3px 3px 0 0 #0f172a;border-radius:20px;padding:6px 10px}.heartIcon{width:22px;height:22px;color:#f43f5e;filter:drop-shadow(1.5px 1.5px 0 #0f172a);transition:transform .2s ease,opacity .2s ease}.heartLost{color:#cbd5e1!important;opacity:.35;transform:scale(.8)}.comboBanner{background:linear-gradient(135deg,#f59e0b,#d97706);color:#ffffff;font-family:var(--htb-font-title);font-size:13px;font-weight:900;border:3px solid #0f172a;box-shadow:3px 3px 0 0 #0f172a;padding:4px 12px;border-radius:20px;transform:rotate(-2deg);animation:pulsePill 1.2s infinite alternate}@keyframes pulsePill{0%{transform:scale(1) rotate(-2deg)}to{transform:scale(1.08) rotate(-2deg)}}.hudRightControls{display:flex;gap:8px;pointer-events:auto}.cartoonBtnIcon{width:44px;height:44px;background:#ffffff;border:3.5px solid #0f172a;box-shadow:3.5px 3.5px 0 0 #0f172a;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#0f172a;transition:transform .1s ease,box-shadow .1s ease,background .15s ease;padding:0;outline:none}.cartoonBtnIcon:hover{background:#fef08a;transform:translate(-1px,-1px);box-shadow:4.5px 4.5px 0 0 #0f172a}.cartoonBtnIcon:active{transform:translate(2px,2px);box-shadow:1px 1px 0 0 #0f172a}.gameBoardGrid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:22px;padding:85px 36px 30px;z-index:10}.cardSlot,.htbCard{display:flex;align-items:center;justify-content:center}.htbCard{width:100%;max-width:180px;aspect-ratio:1;border-radius:26px;position:relative;flex-direction:column;border:4.5px solid #0f172a;overflow:hidden;cursor:pointer;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease,filter .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.htbCard:before{content:"";position:absolute;top:8px;left:14px;right:14px;height:38%;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.05));border-radius:16px 16px 8px 8px;pointer-events:none;z-index:4}.card-theme-0{background:var(--card-c0);box-shadow:0 8px 0 var(--card-c0-shadow),4px 12px 0 #0f172a}.card-theme-1{background:var(--card-c1);box-shadow:0 8px 0 var(--card-c1-shadow),4px 12px 0 #0f172a}.card-theme-2{background:var(--card-c2);box-shadow:0 8px 0 var(--card-c2-shadow),4px 12px 0 #0f172a}.card-theme-3{background:var(--card-c3);box-shadow:0 8px 0 var(--card-c3-shadow),4px 12px 0 #0f172a}.card-theme-4{background:var(--card-c4);box-shadow:0 8px 0 var(--card-c4-shadow),4px 12px 0 #0f172a}.card-theme-5{background:var(--card-c5);box-shadow:0 8px 0 var(--card-c5-shadow),4px 12px 0 #0f172a}.htbCard.idle{filter:brightness(.92) saturate(.85);transform:translateY(0) scale(.97)}.htbCard.idle:hover{filter:brightness(1);transform:translateY(-2px) scale(.99)}.htbCard.active{filter:brightness(1.08) saturate(1.15);transform:translateY(-8px) scale(1.05);animation:cardBouncePop .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes cardBouncePop{0%{transform:translateY(0) scale(.95)}60%{transform:translateY(-12px) scale(1.08)}to{transform:translateY(-8px) scale(1.05)}}.htbCard.hitAnim{animation:cardHitJuicy .35s ease-out forwards!important;filter:brightness(1.3) saturate(1.25)!important}@keyframes cardHitJuicy{0%{transform:translateY(-8px) scale(1.05)}35%{transform:translateY(6px) scale(.88)}75%{transform:translateY(-4px) scale(1.04)}to{transform:translateY(0) scale(1)}}.cardBadgeIcon{display:flex;align-items:center;justify-content:center;z-index:5;color:#ffffff;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2));transition:transform .2s ease}.cardLetterText{font-family:var(--htb-font-title);font-size:clamp(3.5rem,6vw,4.8rem);font-weight:900;color:#ffffff;text-shadow:0 4px 0 #0f172a,0 0 20px rgba(255,255,255,.5);line-height:1;position:relative;z-index:5}.cardTimerBarWrap{position:absolute;bottom:10px;left:14px;right:14px;height:8px;background:rgba(15,23,42,.3);border:1.5px solid #0f172a;border-radius:8px;overflow:hidden;opacity:0;transition:opacity .2s;z-index:5}.htbCard.active .cardTimerBarWrap{opacity:1}.cardTimerBarFill{height:100%;background:#ffffff;border-radius:6px;transition:width linear}.scorePopText{position:absolute;z-index:50;font-family:var(--htb-font-title);font-size:1.5rem;font-weight:900;color:#fde047;-webkit-text-stroke:1.5px #0f172a;text-shadow:2px 2px 0 #0f172a;pointer-events:none;left:50%;bottom:85%;transform:translateX(-50%);animation:scoreFloatUp .75s ease-out forwards;white-space:nowrap}@keyframes scoreFloatUp{0%{opacity:1;transform:translateX(-50%) scale(.6) translateY(0)}40%{opacity:1;transform:translateX(-50%) scale(1.3) translateY(-20px)}to{opacity:0;transform:translateX(-50%) scale(1) translateY(-50px)}}.confettiPtcl{position:absolute;width:9px;height:9px;border-radius:50%;pointer-events:none;border:1.5px solid #0f172a;animation:confettiExplode .55s ease-out forwards}@keyframes confettiExplode{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(0)}}.blasterOverlay{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(15,23,42,.85);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:1;transition:opacity .2s ease}.screenHidden{opacity:0;pointer-events:none}.startTopQuickBar{position:absolute;top:14px;right:18px;display:flex;gap:8px;z-index:40}.blasterModalCard{background:#ffffff;border:5px solid #0f172a;border-radius:24px;padding:22px 24px;width:100%;max-width:440px;text-align:center;box-shadow:8px 8px 0 0 #0f172a,0 16px 30px rgba(0,0,0,.5);max-height:94%;overflow-y:auto;position:relative;scrollbar-width:none}.startCardWide{max-width:820px;display:grid;grid-template-columns:1.15fr .95fr;gap:20px;text-align:left;padding:26px}@media (max-width:760px){.startCardWide{grid-template-columns:1fr;max-width:440px}}.blasterTitleBig{font-family:var(--htb-font-title);font-size:clamp(34px,4.5vw,46px);font-weight:900;line-height:1;color:#0284c7;text-shadow:3px 3px 0 #bae6fd,6px 6px 0 rgba(0,0,0,.2);margin:0 0 4px;transform:rotate(-1.5deg)}.blasterSubtitle{font-family:var(--htb-font-sub);font-size:14px;font-weight:800;color:#64748b;margin:0 0 16px}.startHeroLeft{flex-direction:column;text-align:center;justify-content:space-between}.cartoonBtn,.startHeroLeft{display:flex;align-items:center}.cartoonBtn{font-family:var(--htb-font-title);font-size:16px;font-weight:900;color:#0f172a;background:#fde047;border:3.5px solid #0f172a;box-shadow:4px 4px 0 0 #0f172a;border-radius:14px;padding:10px 20px;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:transform .1s ease,box-shadow .1s ease,background .15s ease;justify-content:center;gap:8px}.cartoonBtn:hover{background:#facc15;transform:translate(-1px,-1px);box-shadow:5px 5px 0 0 #0f172a}.cartoonBtn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 0 #0f172a}.btnPlay{width:100%;font-size:19px;padding:13px 24px;background:#4ade80;color:#0f172a;box-shadow:5px 5px 0 0 #0f172a}.btnPlay:hover{background:#22c55e}.pilotInputWrap{width:100%;display:flex;flex-direction:column;gap:4px;margin-bottom:14px;text-align:left}.pilotInputLabel{font-size:11px;font-weight:900;color:#475569;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:4px}.cartoonInput{width:100%;background:#f8fafc;border:3px solid #0f172a;box-shadow:3px 3px 0 0 #0f172a;border-radius:12px;padding:9px 12px;font-family:var(--htb-font-sub);font-size:15px;font-weight:800;color:#0f172a;outline:none;box-sizing:border-box}.cartoonInput:focus{border-color:#0284c7;box-shadow:3px 3px 0 0 #0284c7,0 0 8px rgba(2,132,199,.3)}.startRightLeaderboard{background:#f8fafc;border:4px solid #0f172a;box-shadow:5px 5px 0 0 #0f172a;border-radius:18px;padding:16px 18px;flex-direction:column}.lbHeader,.startRightLeaderboard{display:flex;justify-content:space-between}.lbHeader{align-items:center;border-bottom:3px solid #cbd5e1;padding-bottom:6px;margin-bottom:10px}.lbTitle{font-family:var(--htb-font-title);font-size:15px;font-weight:900;color:#0f172a;display:flex;align-items:center;gap:6px}.lbBadge{font-size:10px;font-weight:800;background:#fde047;border:2px solid #0f172a;padding:2px 7px;border-radius:6px;color:#0f172a}.lbList{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.lbRow{display:flex;align-items:center;justify-content:space-between;background:#ffffff;border:2px solid #0f172a;border-radius:10px;padding:6px 10px;font-size:12.5px}.lbRowPlayer{background:#fed7aa!important;border-color:#ea580c!important;box-shadow:0 0 6px rgba(234,88,12,.3)}.lbRankNum{font-family:var(--htb-font-title);font-weight:900;font-size:13.5px;width:24px;color:#64748b}.lbPilotMeta{flex:1;margin:0 6px}.lbPilotName{font-weight:800;color:#0f172a}.lbPilotStats{font-size:10px;color:#64748b;font-weight:700}.lbScoreVal{font-family:var(--htb-font-title);font-weight:900;font-size:14px;color:#0284c7}.lbFooter{display:flex;justify-content:space-between;align-items:center;background:#ffffff;border:2px dashed #94a3b8;border-radius:10px;padding:6px 12px;font-size:11.5px;font-weight:800;color:#475569}.goModalCardExact{background:#ffffff;border:8px solid rgba(255,255,255,.95);border-radius:40px;padding:30px 36px 26px;width:100%;max-width:760px;text-align:center;box-shadow:0 25px 60px rgba(0,0,0,.2);max-height:96%;overflow-y:auto;position:relative;scrollbar-width:none}.goModalCardExact::-webkit-scrollbar{display:none}.goTitleScreenshot{font-family:var(--htb-font-sub);font-weight:900;font-size:clamp(34px,5.5vw,44px);color:#ff595e;margin:0 0 20px;display:block;letter-spacing:.5px;text-transform:uppercase;line-height:1}.goStatsRowScreenshot{display:flex;justify-content:center;gap:14px;margin-bottom:22px;flex-wrap:wrap}.goStatPillScreenshot{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#ffffff;border:2.5px solid #dbeafe;box-shadow:0 4px 0 #edf2f7;border-radius:20px;padding:10px 14px;min-width:110px;max-width:160px}.goStatLabelScreenshot{font-family:var(--htb-font-body);font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.goStatValScreenshot{font-family:var(--htb-font-title);font-size:30px;font-weight:900;line-height:1.1}.valPurple{color:#6a4c93}.valOrange{color:#ff924c}.valBlue{color:#1982c4}.valGreen{color:#8ac926}.goAdsDoubleRow{gap:16px;margin-bottom:22px;flex-wrap:wrap}.goAdBoxItem,.goAdsDoubleRow{display:flex;justify-content:center}.goAdBoxItem{flex:1;max-width:325px;min-width:260px;height:255px;background:transparent!important;border:1px dashed rgba(0,0,0,.25)!important;border-radius:22px;flex-direction:column;align-items:center;padding:6px;overflow:hidden}.dark .goAdBoxItem,.dark-mode .goAdBoxItem{border-color:rgba(255,255,255,.2)!important}.btnPlayAgainScreenshot{font-family:var(--htb-font-sub);font-size:1.55rem;font-weight:900;color:#ffffff;background:#8ac926;border:none;border-radius:25px;padding:14px 50px;cursor:pointer;box-shadow:0 8px 0 #6ba11b;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0 auto}.btnPlayAgainScreenshot:hover{filter:brightness(1.08);transform:translateY(-3px);box-shadow:0 11px 0 #6ba11b}.btnPlayAgainScreenshot:active{transform:translateY(6px);box-shadow:0 2px 0 #6ba11b}.btnMenuScreenshot{font-family:var(--htb-font-title);font-size:1.1rem;font-weight:900;color:#64748b;background:#f1f5f9;border:2.5px solid #cbd5e1;border-radius:20px;padding:12px 28px;cursor:pointer;box-shadow:0 5px 0 #cbd5e1;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px}.btnMenuScreenshot:hover{background:#e2e8f0;transform:translateY(-2px)}.btnMenuScreenshot:active{transform:translateY(4px);box-shadow:0 1px 0 #cbd5e1}.htbStartCenterCard{background:#ffffff;border:6px solid #e2e8f0;border-radius:35px;padding:28px 28px 24px;width:100%;max-width:500px;text-align:center;box-shadow:0 18px 36px rgba(0,0,0,.2);display:flex;flex-direction:column;align-items:center;position:relative;z-index:10}.htbLogoGroup{margin-bottom:12px;animation:logoSoftBounce 2.4s ease-in-out infinite}@keyframes logoSoftBounce{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(-1deg)}}.htbLogoTextTop{color:#0284c7;text-shadow:0 6px 0 #0284c7,0 12px 24px rgba(2,132,199,.3);line-height:.95}.htbLogoTextBot,.htbLogoTextTop{font-family:var(--htb-font-title);font-size:clamp(38px,6vw,48px);font-weight:900;-webkit-text-stroke:2px #0f172a;margin:0}.htbLogoTextBot{color:#facc15;text-shadow:0 6px 0 #d97706,0 12px 24px rgba(217,119,6,.3);line-height:1}.htbBadgeInfoPill{background:#f0fdf4;border:2.5px solid #22c55e;border-radius:20px;padding:6px 14px;font-size:11.5px;font-weight:800;color:#15803d;display:inline-flex;align-items:center;gap:6px;margin-bottom:14px;box-shadow:0 3px 0 rgba(34,197,94,.2)}.htbPilotWrapCentered{width:100%;display:flex;flex-direction:column;gap:4px;margin-bottom:16px;text-align:left}.htbPilotInput{width:100%;background:#f8fafc;border:3px solid #cbd5e1;border-radius:18px;padding:10px 14px;font-family:var(--htb-font-title);font-size:16px;font-weight:800;color:#0f172a;outline:none;box-sizing:border-box;text-align:center;transition:all .2s ease}.htbPilotInput:focus{border-color:#0284c7;background:#ffffff;box-shadow:0 0 0 4px rgba(2,132,199,.15)}.htbActionButtonsRow{display:flex;flex-direction:row;align-items:stretch;gap:12px;width:100%;margin-top:4px}.htbActionButtonsRow .btnPlayJuicyGreen{flex:1.35;margin-bottom:0;font-size:1.35rem;padding:13px 18px}.htbActionButtonsRow .btnFullscreenJuicyBlue{flex:1;margin-bottom:0;font-size:1.05rem;padding:13px 16px}@media (max-width:480px){.htbActionButtonsRow{flex-direction:column;gap:10px}}.htbPauseButtonsRow{display:flex;flex-direction:row;align-items:stretch;gap:10px;width:100%;margin-top:14px;flex-wrap:wrap}.htbPauseButtonsRow .btnMenuScreenshot,.htbPauseButtonsRow .btnPlayJuicyGreen,.htbPauseButtonsRow .cartoonBtn{flex:1;min-width:120px;margin-bottom:0;justify-content:center}@media (max-width:520px){.htbPauseButtonsRow{flex-direction:column;gap:8px}}.btnPlayJuicyGreen{width:100%;font-family:var(--htb-font-title);font-size:1.55rem;font-weight:900;color:#ffffff;background:#8ac926;border:none;border-radius:22px;padding:14px 20px;cursor:pointer;box-shadow:0 8px 0 #6ba11b;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px}.btnPlayJuicyGreen:hover{filter:brightness(1.08);transform:translateY(-3px);box-shadow:0 11px 0 #6ba11b}.btnPlayJuicyGreen:active{transform:translateY(6px);box-shadow:0 2px 0 #6ba11b}.btnFullscreenJuicyBlue{width:100%;font-family:var(--htb-font-title);font-size:1.05rem;font-weight:900;color:#ffffff;background:#1982c4;border:none;border-radius:18px;padding:11px 18px;cursor:pointer;box-shadow:0 6px 0 #126396;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btnFullscreenJuicyBlue:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 0 #126396}.btnFullscreenJuicyBlue:active{transform:translateY(4px);box-shadow:0 2px 0 #126396}.htbLeaderboardMiniTicker{margin-top:14px;width:100%;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;font-size:11.5px;font-weight:800;color:#64748b}.settingsCardWide{max-width:420px;padding:24px 26px}.settingsSection{background:#f8fafc;border:3px solid #0f172a;border-radius:16px;padding:14px 16px;margin-bottom:12px;text-align:left}.settingsRowFlex{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.settingsLabelWrap{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:#0f172a}.settingsToggleBtn{font-family:var(--htb-font-title);font-size:11px;font-weight:900;padding:5px 12px;border:2px solid #0f172a;border-radius:8px;cursor:pointer;background:#e2e8f0;color:#475569;box-shadow:2px 2px 0 #0f172a;transition:all .1s ease}.settingsToggleBtn.active{background:#4ade80;color:#0f172a}.settingsSlider{width:100%;accent-color:#0284c7;cursor:pointer;height:6px;border-radius:3px;outline:none}.fullscreenActionBtn{width:100%;margin-top:6px;font-size:13px;padding:8px 12px;background:#38bdf8}.mobileWarning{display:none;position:absolute;inset:0;background:#fef08a;z-index:100;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;font-family:var(--htb-font-sub)}.mobileWarning h2{font-family:var(--htb-font-title);font-weight:900;font-size:22px;color:#e11d48;margin-bottom:6px}.mobileWarning p{font-size:13px;color:#0f172a;font-weight:700;max-width:300px}@media (max-width:480px){.mobileWarning{display:flex}}@media (max-width:680px){.htbHUD{top:10px;left:10px;right:10px}.hudLeftGroup{gap:6px}.cartoonStatBox{padding:3px 8px;min-width:58px;border-width:2.5px;border-radius:10px}.statBoxLabel{font-size:8px}.statBoxVal{font-size:16px}.livesContainer{padding:4px 8px;gap:4px;border-width:2.5px}.heartIcon{width:16px;height:16px}.comboBanner{font-size:11px;padding:2px 8px;border-width:2px}.cartoonBtnIcon{width:38px;height:38px;border-width:2.5px;border-radius:10px}.startTopQuickBar{top:10px;right:10px}.gameBoardGrid{gap:12px;padding:70px 16px 20px}.htbCard{border-radius:20px;border-width:3.5px}.cardLetterText{font-size:3rem}}@media (max-width:480px){.gameBoardGrid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:10px;padding:65px 12px 14px}}.seoCard{margin-top:32px;background:#ffffff;border:4px solid #0f172a;box-shadow:6px 6px 0 0 #0f172a;border-radius:24px;padding:28px 32px;color:#334155;font-family:var(--htb-font-sub);transition:all .2s ease}.dark .seoCard,.dark-mode .seoCard{background:#000000!important;border-color:rgba(255,255,255,.15)!important;box-shadow:none!important;color:#cbd5e1}.seoContent h2{font-family:var(--htb-font-title);font-weight:900;font-size:1.65rem;color:#0284c7;margin:0 0 12px}.dark .seoContent h2,.dark-mode .seoContent h2{color:#38bdf8}.seoImageWrapper{margin:16px 0 22px;border-radius:18px;overflow:hidden;border:3px solid #0f172a;box-shadow:4px 4px 0 0 #0f172a;background:#ffffff}.dark .seoImageWrapper,.dark-mode .seoImageWrapper{border-color:rgba(255,255,255,.15)!important;box-shadow:none!important}.seoBannerImage{width:100%;height:auto;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;display:block}.seoImageCaption{display:block;font-size:.85rem;color:#0284c7;padding:8px 14px;background:#e0f2fe;border-top:2px solid #0f172a;font-weight:700;text-align:center}.dark .seoImageCaption,.dark-mode .seoImageCaption{background:#111113!important;color:#94a3b8!important;border-top-color:rgba(255,255,255,.15)!important}.seoContent h3{font-family:var(--htb-font-title);font-weight:900;font-size:1.3rem;color:#e11d48;margin:20px 0 8px}.dark .seoContent h3,.dark-mode .seoContent h3{color:#fb7185}.seoContent h4{font-size:1.1rem;font-weight:800;color:#0f172a;margin:16px 0 6px}.dark .seoContent h4,.dark-mode .seoContent h4{color:#fafafa}.seoContent p{font-size:1rem;line-height:1.65;color:#475569;margin-bottom:12px;font-weight:500}.dark .seoContent p,.dark-mode .seoContent p{color:#94a3b8}.seoContent ul{margin:10px 0 18px 22px;color:#475569;font-size:1rem;line-height:1.65}.dark .seoContent ul,.dark-mode .seoContent ul{color:#94a3b8}.seoContent li{margin-bottom:6px}.seoCallout{background:#e0f2fe;border:3px solid #0284c7;box-shadow:4px 4px 0 0 #0f172a;border-radius:14px;padding:14px 18px;margin:16px 0 20px;font-size:1rem;line-height:1.55;color:#0369a1;font-weight:600}.dark .seoCallout,.dark-mode .seoCallout{background:rgba(56,189,248,.08)!important;border-color:#38bdf8!important;box-shadow:none!important;color:#bae6fd!important}.seoGameGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:16px 0 24px}@media (max-width:640px){.seoGameGrid{grid-template-columns:1fr}}.seoGameCard{display:flex;flex-direction:column;gap:4px;background:#f8fafc;border:3px solid #0f172a;box-shadow:4px 4px 0 0 #0f172a;border-radius:14px;padding:14px 16px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.dark .seoGameCard,.dark-mode .seoGameCard{background:#111113!important;border-color:rgba(255,255,255,.15)!important;box-shadow:none!important}.seoGameCard:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 #0f172a;background:#fde047}.dark .seoGameCard:hover,.dark-mode .seoGameCard:hover{background:#18181b!important;border-color:#38bdf8!important}.seoGameCardTitle{font-family:var(--htb-font-title);font-size:1.05rem;font-weight:900;color:#0284c7}.dark .seoGameCardTitle,.dark-mode .seoGameCardTitle{color:#38bdf8}.seoGameCardDesc{font-size:.9rem;color:#475569;line-height:1.4;font-weight:600}.dark .seoGameCardDesc,.dark-mode .seoGameCardDesc{color:#94a3b8}