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