:root{--bg:#02060b;--panel:#07101a;--line:#1c2733;--white:#f7f8fa;--muted:#adb6c0;--red:#fb2834;--green:#38ed4f;--yellow:#ffca19;--orange:#ff7b1c;--purple:#e25cff;--cyan:#21d5ff;--display:"Bebas Neue",Impact,sans-serif;--body:"Inter",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--body);overflow-x:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}.shell{width:min(1170px,92%);margin:auto}.wide{width:min(1240px,96%)}.header{height:91px;padding:0 max(4vw,28px);background:#010203;display:flex;align-items:center;gap:50px;border-bottom:1px solid #0d1115;position:relative;z-index:50}.logo img{display:block;width:170px;height:58px;object-fit:contain}.header nav{display:flex;align-items:center;justify-content:center;gap:39px;margin:auto;height:100%}.header nav a{font:18px var(--display);letter-spacing:.25px;text-transform:uppercase;height:100%;display:grid;place-items:center;position:relative;transition:.2s}.header nav a:after{content:"";position:absolute;bottom:22px;height:2px;background:var(--red);left:50%;right:50%;transition:.25s}.header nav a:hover,.header nav a.active{color:#fff}.header nav a:hover:after,.header nav a.active:after{left:0;right:0}.get-app{font:18px var(--display);letter-spacing:.6px;text-transform:uppercase;color:var(--red);border:1px solid var(--red);border-radius:6px;padding:11px 25px;transition:.25s}.get-app:hover{color:#fff;background:var(--red);box-shadow:0 0 24px #fa273755}.menu{display:none;background:none;border:0;width:42px;padding:6px}.menu i{height:2px;background:#fff;margin:6px 0;display:block}.hero{height:565px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-bg{position:absolute;inset:-35px;background:linear-gradient(90deg,#02060b 0%,rgba(2,6,11,.97) 24%,rgba(2,6,11,.3) 49%,rgba(2,6,11,.02) 78%),url("assets/kaboom-hero.png") center/cover no-repeat;will-change:transform}.hero:after{content:"";position:absolute;inset:auto 0 0;height:105px;background:linear-gradient(transparent,#050b13)}.hero-inner{position:relative;z-index:2;width:min(1170px,92%);margin:auto}.hero h1{font:61px/.9 var(--display);text-transform:uppercase;letter-spacing:1.3px;margin:0;text-shadow:0 4px 14px #000}.hero h1 strong{display:block;font-size:85px;background:linear-gradient(90deg,#f22636,#ff8a1d 42%,#ffe31b 63%,#36ed4c 88%);-webkit-background-clip:text;color:transparent}.hero p{font-size:18px;line-height:1.45;margin:14px 0 27px}.facts{display:flex;gap:28px;font-size:14px;margin-bottom:25px}.facts span:first-letter{color:#ff8824}.badges{display:flex;align-items:center;gap:11px}.play-badge{width:196px;height:58px;display:block;overflow:hidden}.play-badge img{width:100%;height:100%;object-fit:fill}.amazon-badge{width:190px;height:58px;border:1px solid #868d94;border-radius:6px;background:#020202;padding:6px 20px;display:grid;grid-template-columns:1fr auto;grid-template-rows:14px 22px;color:#fff}.amazon-badge small{grid-column:1/3;font-size:9px}.amazon-badge b{font-size:24px;line-height:22px}.amazon-badge em{font-size:9px;align-self:end}.subnote{display:block;margin:11px 0 0 7px;font-size:11px}.scroll-cue{position:absolute;z-index:5;bottom:12px;left:50%;font-size:28px;animation:bob 1.7s infinite}@keyframes bob{50%{transform:translateY(7px)}}.embers{position:absolute;inset:0;z-index:1;background-image:radial-gradient(circle,#ff4a1a 0 1px,transparent 1.5px);background-size:79px 93px;opacity:.15;animation:embers 14s linear infinite}@keyframes embers{to{background-position:50px -180px}}.section{padding:27px 0}.section h2{font:38px/1 var(--display);text-transform:uppercase;text-align:center;letter-spacing:.8px;margin:0 0 27px}.rainbow{background:linear-gradient(90deg,#fd2e39,#ff8a1d,#ffe51d,#42ee4f);-webkit-background-clip:text;color:transparent}.lime{color:var(--green)}.benefits{background:radial-gradient(ellipse at 50% 0,#0b1722,#03080e 64%);border-bottom:1px solid #0b141e}.benefit-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;text-align:center}.round-icon{width:72px;height:72px;border:1px solid var(--c);border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;color:var(--c);font-size:29px;background:#061019;box-shadow:0 0 22px color-mix(in srgb,var(--c) 30%,transparent);transition:.3s}.benefit-grid article:hover .round-icon{transform:translateY(-6px) rotate(5deg);box-shadow:0 0 34px var(--c)}.benefit-grid h3,.step h3{font:17px var(--display);color:var(--c);text-transform:uppercase;letter-spacing:.35px;margin:0 0 7px}.benefit-grid p,.step p{font-size:12px;line-height:1.45;margin:0;color:#eef0f2}.modes{background:linear-gradient(#08111b,#03070d);padding-top:25px}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mode-card{height:225px;border:1px solid #50634f;border-radius:10px;background:#030608;padding:0;overflow:hidden;position:relative;color:#fff;cursor:pointer;transition:.35s}.mode-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.82;transition:.45s}.mode-card:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#020406 70%)}.mode-card span{position:absolute;z-index:2;left:0;right:0;bottom:12px}.mode-card b{display:block;font:28px var(--display);text-transform:uppercase;color:#5cf065}.mode-card small{font-size:12px;line-height:1.35}.mode-card.red{border-color:#8b342c}.mode-card.red b{color:#ff3c46}.mode-card.purple{border-color:#744087}.mode-card.purple b{color:#ef76ff}.mode-card:hover,.mode-card.selected{transform:translateY(-7px);box-shadow:0 13px 35px #000}.mode-card:hover img,.mode-card.selected img{transform:scale(1.07);opacity:1}.mode-status{text-align:center;height:16px;margin:10px 0 -12px;font-size:11px;color:#7f8995}.gameplay{padding-top:24px;background:radial-gradient(ellipse at center top,#101923,#02060b 62%)}.game-slider{position:relative}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;text-align:center}.phone{width:145px;height:278px;margin:0 auto 12px;border:3px solid #777d82;border-radius:24px 24px 15px 15px;background:linear-gradient(145deg,#0c1218,#020508);box-shadow:0 6px 20px #000,inset 0 0 0 4px #151a1e;position:relative;padding:29px 9px 10px;overflow:hidden;transition:.35s}.step:hover .phone{transform:translateY(-7px) rotateX(3deg);border-color:#c9d0d5;box-shadow:0 15px 35px #000,0 0 20px #30ef4b22}.notch{position:absolute;top:5px;left:48px;width:45px;height:7px;border-radius:5px;background:#000}.phone-logo{font:11px var(--display);color:#43f15a}.phone-logo.orange{color:#ff7e20}.dice-stage{height:185px;display:grid;grid-template-columns:repeat(2,41px);justify-content:center;align-content:center;gap:10px}.dice-stage i{width:39px;height:39px;background:linear-gradient(145deg,#fff8e9,#b9afa0);border-radius:9px;display:grid;place-items:center;color:#922d28;font:24px var(--display);font-style:normal;transform:rotate(var(--r,8deg));box-shadow:0 3px 8px #000,0 0 8px #ff782e}.dice-stage i:nth-child(even){--r:-12deg}.dice-stage.held i:nth-child(-n+2){box-shadow:0 0 0 3px #46ef5d,0 0 13px #45ef5d}.roll-btn{background:linear-gradient(#45f26a,#10a63a);font:13px var(--display);padding:7px;border-radius:4px}.keep-row{display:grid;grid-template-columns:1fr 1fr;gap:5px;font-size:9px}.keep-row b{grid-column:1/3;color:#fff}.keep-row span{background:#178c37;padding:7px 2px;border-radius:3px}.list-phone h4,.summary-phone h4{font:14px var(--display);text-transform:uppercase;margin:10px 0 8px;color:#fff}.list-phone ul{padding:0;margin:0;list-style:none;display:grid;gap:8px}.list-phone li{background:#0b4522;border:1px solid #19723b;border-radius:5px;padding:8px 5px;text-align:left;font-size:8px}.list-phone li b{float:right;color:#5df376}.summary-phone>strong{font:24px var(--display);color:#ff9e1e;display:block;margin-top:24px}.mini-dice{font:10px var(--display);letter-spacing:4px;padding:8px 0;border-block:1px solid #803e1c}.summary-phone dl{display:grid;grid-template-columns:1fr auto;margin:7px 7px 11px;font-size:8px;text-align:left;gap:4px}.summary-phone dd{margin:0}.summary-phone button{border:0;border-radius:3px;background:#eb3326;color:#fff;width:100%;font:12px var(--display);padding:8px}.board-phone li{background:#402216;border-color:#74341f}.board-phone li i{display:inline-grid;width:15px;height:15px;border-radius:50%;background:#ef9c1f;place-items:center;font-style:normal}.step h3{color:#fff;margin-bottom:5px}.arrow{position:absolute;top:117px;width:37px;height:37px;border:1px solid var(--red);border-radius:50%;background:#050b12;color:var(--red);font-size:27px;display:grid;place-items:center;cursor:pointer;z-index:3;transition:.2s}.arrow:hover{background:var(--red);color:#fff}.previous{left:-36px}.next{right:-36px}.download{padding:22px 0}.download-panel{height:185px;border:1px solid #2a3440;border-radius:12px;background:radial-gradient(circle,#111b27,#050a11 70%);display:grid;grid-template-columns:210px 1fr 210px;align-items:center;text-align:center;overflow:hidden}.download-panel h2{font-size:34px;margin-bottom:5px}.download-copy p{font-size:12px;margin:0 0 10px}.download-copy>small{font-size:10px}.centered{justify-content:center;margin-bottom:7px}.floating-dice{display:flex;justify-content:center;gap:8px;transform:rotate(-7deg)}.floating-dice.right{transform:rotate(7deg)}.floating-dice i,.footer-dice i{width:62px;height:62px;border-radius:14px;background:linear-gradient(145deg,#f6f0e4,#a9a29d);box-shadow:0 8px 15px #000,0 0 13px #ff4a20;color:#6e1f20;font:44px var(--display);font-style:normal;display:grid;place-items:center}.reviews{background:radial-gradient(ellipse,#111820,#02060a 70%);padding-bottom:25px}.review-slider{position:relative}.review-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 30px)/3);gap:15px;overflow:hidden;scroll-behavior:smooth}.review-track article{height:151px;border:1px solid #4d5359;border-radius:8px;background:linear-gradient(145deg,#111,#080b0e);text-align:center;padding:14px 20px}.stars{color:#ffc617;letter-spacing:3px;margin-bottom:9px}.review-track q{font-size:12px;font-weight:700;display:block}.review-track p{font-size:10px;margin:4px}.review-track footer{display:flex;align-items:center;gap:8px;text-align:left;margin-top:10px;color:#aeb4bb;font-size:10px}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-weight:800;border:2px solid #bbb;background:linear-gradient(145deg,#7893a7,#152438)}.avatar.two{background:linear-gradient(145deg,#ef937f,#681e32)}.avatar.three{background:linear-gradient(145deg,#abc687,#244326)}.avatar.four{background:linear-gradient(145deg,#9683d8,#362050)}.review-prev{left:-43px;top:55px}.review-next{right:-43px;top:55px}.dots{display:flex;justify-content:center;gap:8px;margin-top:12px}.dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#4d5359}.dots button.on{background:var(--red)}.faq{background:#050a10;border-top:1px solid #101923}.faq-shell{max-width:760px}.faq details{border-bottom:1px solid #25303b;padding:13px 4px}.faq summary{cursor:pointer;font-weight:700;font-size:13px}.faq details p{font-size:12px;color:#aeb8c2;line-height:1.5}.footer{background:#02060a;border-top:1px solid #111a23;padding:24px 0 13px;overflow:hidden}.footer-grid{display:grid;grid-template-columns:245px 135px 145px 100px 1fr;gap:25px;min-height:145px}.footer-brand img{width:150px}.footer p,.footer a{font-size:11px;line-height:1.7;color:#afb6be}.footer-grid>div:not(.footer-brand):not(.footer-dice){display:flex;flex-direction:column}.footer h3{font:15px var(--display);text-transform:uppercase;margin:0 0 7px}.socials{display:flex;gap:8px}.socials a{width:28px;height:28px;border:1px solid #aeb5bd;border-radius:50%;display:grid;place-items:center;color:#fff}.footer-dice{display:flex;align-items:center;justify-content:center;gap:0;transform:rotate(-7deg)}.footer-dice i{width:53px;height:53px;font-size:32px;margin-left:-9px}.footer-dice i:nth-child(even){transform:translateY(22px) rotate(15deg)}.copyright{text-align:center!important;color:#606a74!important;margin:4px 0 0!important}.to-top{position:fixed;right:22px;bottom:22px;width:40px;height:40px;border-radius:50%;border:1px solid var(--red);background:#071019;color:#fff;z-index:40;opacity:0;pointer-events:none;transition:.3s}.to-top.show{opacity:1;pointer-events:auto}.reveal{opacity:0;transform:translateY(30px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}.cursor-glow{position:fixed;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,#ff5a1812,transparent 67%);pointer-events:none;z-index:100;transform:translate(-50%,-50%)}
@media(max-width:1100px){.header{gap:24px}.header nav{gap:20px}.benefit-grid{grid-template-columns:repeat(3,1fr);row-gap:27px}.steps{overflow-x:auto;scroll-snap-type:x mandatory;padding:0 20px 13px}.step{min-width:175px;scroll-snap-align:start}.arrow.previous,.arrow.next{display:none}.footer-grid{grid-template-columns:220px repeat(3,1fr)}.footer-dice{display:none}.download-panel{grid-template-columns:150px 1fr 150px}}
@media(max-width:760px){.header{height:70px;padding:0 18px}.logo img{width:132px;height:48px}.menu{display:block;margin-left:auto}.get-app{display:none}.header nav{display:none;position:absolute;top:70px;left:0;right:0;height:auto;background:#04080d;flex-direction:column;gap:0;padding:10px;border-bottom:1px solid #27313b}.header nav.open{display:flex}.header nav a{height:42px}.header nav a:after{bottom:5px}.hero{height:690px;align-items:flex-end;padding-bottom:56px}.hero-bg{background:linear-gradient(0deg,#02060b 6%,rgba(2,6,11,.95) 31%,rgba(2,6,11,.25) 65%),url("assets/kaboom-hero-v2.jpg") 68% top/auto 435px no-repeat}.hero-inner{text-align:center}.hero h1{font-size:43px}.hero h1 strong{font-size:61px}.hero p{font-size:14px}.facts{justify-content:center;gap:13px;flex-wrap:wrap;font-size:11px}.badges{justify-content:center}.play-badge,.amazon-badge{width:155px;height:47px}.amazon-badge{padding:4px 12px;grid-template-rows:11px 20px}.amazon-badge b{font-size:20px}.subnote{margin-left:0}.section{padding:28px 0}.section h2{font-size:31px}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 13px}.benefit-grid p{font-size:11px}.mode-grid{grid-template-columns:1fr}.mode-card{height:215px}.gameplay .shell{width:100%}.steps{padding-inline:8vw}.download-panel{height:auto;min-height:210px;display:block;padding:27px 10px}.floating-dice{display:none}.review-track{grid-auto-columns:100%}.review-prev,.review-next{display:none}.faq details{padding-inline:10px}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-brand{grid-column:1/-1}.footer-grid>div:nth-child(4){display:none!important}.cursor-glow{display:none}}
@media(max-width:390px){.badges{gap:5px}.play-badge,.amazon-badge{width:145px}.benefit-grid h3{font-size:15px}.footer-grid>div:nth-child(3){display:none!important}}
.benefit-grid img.round-icon{width:82px;height:82px;border:0;border-radius:50%;margin:0 auto 12px;display:block;object-fit:cover;background:#000;box-shadow:0 0 22px color-mix(in srgb,var(--c) 30%,transparent)}
.phone-art{width:160px;height:292px;display:block;margin:0 auto 11px;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 10px 16px #000);transition:transform .35s,filter .35s}
.step:hover .phone-art{transform:translateY(-8px) scale(1.025);filter:drop-shadow(0 18px 25px #000) drop-shadow(0 0 12px #3aed4c33)}
.dice-art{width:220px;height:145px;object-fit:contain;mix-blend-mode:screen;opacity:.92}
.dice-art.left{object-position:left center}.dice-art.right{object-position:right center;transform:scaleX(-1)}
.review-track img.avatar{width:40px;height:40px;display:block;object-fit:cover;border-radius:50%;border:2px solid #bbb;background:#182532}
img.footer-dice{display:block;width:300px;height:145px;object-fit:cover;mix-blend-mode:screen;opacity:.85;align-self:center;transform:none}
@media(max-width:1100px){.step{min-width:185px}.dice-art{width:150px}img.footer-dice{display:none}}
@media(max-width:760px){.benefit-grid img.round-icon{width:96px;height:96px}.phone-art{width:185px;height:338px}.dice-art{display:none}}
.hero-bg{background-image:linear-gradient(90deg,#02060b 0%,rgba(2,6,11,.97) 24%,rgba(2,6,11,.3) 49%,rgba(2,6,11,.02) 78%),url("assets/kaboom-hero.jpg")}
@media(max-width:760px){.hero-bg{background-image:linear-gradient(0deg,#02060b 6%,rgba(2,6,11,.95) 31%,rgba(2,6,11,.25) 65%),url("assets/kaboom-hero.jpg")}}
.hero-bg{background-image:linear-gradient(90deg,#02060b 0%,rgba(2,6,11,.94) 24%,rgba(2,6,11,.18) 45%,rgba(2,6,11,.01) 72%),url("assets/kaboom-hero-v2.jpg")}
@media(max-width:760px){.hero-bg{background-image:linear-gradient(0deg,#02060b 5%,rgba(2,6,11,.94) 30%,rgba(2,6,11,.18) 62%),url("assets/kaboom-hero-v2.jpg")}}
.anchor-target{position:absolute;transform:translateY(-90px)}
.dice-art.right{transform:none}
@media (min-width:761px) and (max-width:1100px){
  .shell{width:92%;max-width:790px}.wide{width:94%;max-width:810px}
  .header{height:70px;padding:0 33px;gap:20px}.logo img{width:137px;height:48px}.header nav{gap:41px}.header nav a{font-size:11px}.header nav a:after{bottom:15px}.get-app{font-size:12px;padding:10px 18px}
  .hero{height:420px}.hero-bg{inset:-18px;background-position:center}.hero-inner{width:85%}.hero h1{font-size:52px;line-height:.86;letter-spacing:1.5px}.hero h1 strong{font-size:78px}.hero p{font-size:14px;line-height:1.4;margin:12px 0 18px}.facts{gap:21px;font-size:11px;margin-bottom:16px}.play-badge{width:158px;height:47px}.amazon-badge{width:151px;height:47px;padding:4px 15px;grid-template-rows:11px 20px}.amazon-badge b{font-size:20px}.subnote{font-size:9px;margin-top:8px}.scroll-cue{bottom:5px;font-size:20px}
  .benefits{height:225px;padding:20px 0 14px}.section h2{font-size:25px;margin-bottom:19px}.benefit-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}.benefit-grid img.round-icon{width:64px;height:64px;margin-bottom:9px}.benefit-grid h3{font-size:12px;margin-bottom:5px}.benefit-grid p{font-size:9px;line-height:1.35}.benefit-grid article:hover .round-icon{transform:translateY(-4px)}
  .modes{height:250px;padding:20px 0 10px}.modes .shell{max-width:740px}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mode-card{height:172px;border-radius:8px}.mode-card b{font-size:22px}.mode-card small{font-size:9px;line-height:1.3}.mode-card span{bottom:9px}.mode-status{display:none}
  .gameplay{height:307px;padding:16px 0 8px}.gameplay .section,.gameplay .shell{height:100%}.gameplay .shell{width:89%;max-width:760px}.gameplay h2{margin-bottom:12px}.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;overflow:visible;padding:0}.step{min-width:0}.phone-art{width:112px;height:204px;margin-bottom:6px}.step h3{font-size:12px;margin-bottom:3px}.step p{font-size:9px;line-height:1.3}.arrow.previous,.arrow.next{display:grid;top:112px;width:31px;height:31px;font-size:22px}.previous{left:-15px}.next{right:-15px}
  .download{height:178px;padding:2px 0}.download-panel{height:174px;min-height:0;grid-template-columns:180px 1fr 180px}.download-panel h2{font-size:25px;margin-bottom:4px}.download-copy p{font-size:9px;margin-bottom:8px}.download-copy>small{font-size:8px}.download-panel .play-badge,.download-panel .amazon-badge{width:145px;height:43px}.download-panel .amazon-badge b{font-size:18px}.dice-art{display:block;width:180px;height:160px}
  .reviews{height:220px;padding:20px 0 18px}.reviews .shell{max-width:715px}.reviews h2{margin-bottom:16px}.review-track{grid-auto-columns:calc((100% - 28px)/3);gap:14px}.review-track article{height:132px;padding:12px 16px}.stars{font-size:13px;margin-bottom:7px}.review-track q{font-size:9px}.review-track p{font-size:8px}.review-track footer{font-size:8px;margin-top:8px}.review-track img.avatar{width:34px;height:34px}.review-prev,.review-next{display:grid;top:48px}.review-prev{left:-38px}.review-next{right:-38px}.dots{margin-top:9px}
  .footer{height:170px;padding:19px 0 8px}.footer-grid{grid-template-columns:205px 100px 105px 75px 1fr;gap:16px;min-height:125px}.footer-brand img{width:130px}.footer p,.footer a{font-size:9px;line-height:1.6}.footer h3{font-size:12px}.socials a{width:24px;height:24px}.footer-grid img.footer-dice{display:block;width:245px;height:120px}.copyright{font-size:8px!important}
}
:root{--display:"Roboto Condensed","Arial Narrow",sans-serif}
.hero h1,.section h2,.header nav a,.get-app,.benefit-grid h3,.mode-card b,.step h3,.footer h3{font-weight:800}
.amazon-badge{display:block;padding:0;overflow:hidden;border:0;background:none}
.amazon-badge img{display:block;width:100%;height:100%;object-fit:fill}
.facts span{display:flex;align-items:center;gap:5px}.facts img{width:16px;height:16px;display:block}
@media (min-width:761px) and (max-width:1100px){
  .header nav{gap:33px}.header nav a{font-size:10px}.header nav a:after{bottom:20px;min-width:27px;transform:translateX(-50%);left:50%;right:auto}.get-app{width:94px;height:26px;padding:0;display:grid;place-items:center}
  .hero-inner{width:89%;transform:translateY(16px)}.hero h1{font-size:44px;line-height:.9;text-indent:16px;letter-spacing:.5px}.hero h1 strong{font-size:70px;line-height:.92;text-indent:0;display:block;width:max-content;background:linear-gradient(90deg,#ff2536 0%,#ff9420 42%,#ffdc1f 65%,#40ed4d 100%);-webkit-background-clip:text}.hero p{font-size:13px;margin:14px 0 25px}.facts{gap:17px;font-size:11px;margin-bottom:24px}.hero .badges{margin-left:-6px;gap:6px}.play-badge{width:158px;height:51px}.amazon-badge{width:142px;height:51px}.subnote{font-size:10px;margin-top:10px}.scroll-cue{display:none}
  .section h2{font-size:23px;line-height:1.05;margin-bottom:11px;letter-spacing:.2px}.benefits{padding-top:20px}.benefit-grid img.round-icon{width:59px;height:59px;margin-bottom:14px}.benefit-grid h3{font-size:11px;margin-bottom:7px}.benefit-grid p{font-size:10px;line-height:1.32}
  .modes{padding-top:20px}.modes .shell{max-width:737px}.mode-grid{gap:16px}.mode-card small{font-size:10px}.mode-card span{bottom:10px}
  .gameplay{padding-top:16px}.gameplay h2{margin-bottom:12px}.phone-art{width:150px;height:178px;object-fit:fill;margin-bottom:7px}.step h3{font-size:11px}.step p{font-size:10px;line-height:1.28}.arrow.previous,.arrow.next{top:84px}.previous{left:-30px}.next{right:-30px}
  .download-panel h2{font-size:24px;line-height:1;white-space:nowrap}.download-copy p{font-size:10px}.download-panel .play-badge{width:160px;height:51px}.download-panel .amazon-badge{width:145px;height:51px}.download-copy>small{font-size:9px}.dice-art{width:220px}
  .reviews .shell{max-width:711px}.reviews h2{margin-bottom:13px}.review-track article{height:130px;position:relative}.review-track q{font-size:10px}.review-track p,.review-track footer{font-size:9px}.review-track footer{position:absolute;left:16px;bottom:14px;margin:0}.review-prev,.review-next{width:27px;height:27px;top:50px;font-size:20px}.review-prev{left:-37px}.review-next{right:-37px}
  .footer{padding-top:13px}.footer-grid{grid-template-columns:180px 123px 120px 80px 1fr;gap:17px;height:125px;min-height:0}.footer-brand p{margin:3px 0 8px}.footer p,.footer a{font-size:10px}.footer-grid img.footer-dice{width:300px;height:145px;transform:translateX(-45px) scale(1.08)}
}

/* Reference-calibrated 853px desktop composition. */
@media (min-width:761px) and (max-width:1100px){
  .logo img{width:132px;height:52px}
  .header .logo img{transform:none}
  .header nav{gap:28.5px}
  .header nav a{font-size:10.5px}
  .header nav a::after{left:50%;right:auto;width:0;min-width:0;transform:translateX(-50%)}
  .header nav a:hover::after,.header nav a.active::after{left:50%;right:auto;width:27px}

  .hero-bg{
    inset:0;
    background-color:#02060b;
    background-image:linear-gradient(90deg,#02060b 0%,rgba(2,6,11,.94) 24%,rgba(2,6,11,.18) 45%,rgba(2,6,11,.01) 72%),url("assets/kaboom-hero-extended.jpg");
    background-size:100% 100%,883px 404px;
    background-position:0 0,-30px -4px;
    background-repeat:no-repeat;
  }
  .hero-inner{transform:translateY(20px)}
  .hero h1{font-size:40px;letter-spacing:0;transform:translateY(-14px)}
  .hero h1 strong{font-size:67px;letter-spacing:.5px;position:relative;top:6px}
  .hero p{font-size:12.5px}
  .hero p{margin-top:10px;margin-bottom:29px}
  .facts{margin-bottom:27px}
  .subnote{margin-left:0;position:relative;top:4px}

  .section h2{font-size:22px}
  .benefits h2{margin-bottom:14px;transform:translateY(-2px)}
  .benefit-grid img.round-icon{width:63px;height:63px;margin-bottom:13px}
  .benefit-grid h3{margin-bottom:5px}
  .benefit-grid p{font-size:10.5px;line-height:1.4}
  .modes h2{margin-bottom:16px}
  .mode-card span{bottom:14px}
  .mode-card b{position:relative;top:-5px}
  .mode-card small{display:block}
  .mode-card.reveal.visible:hover,.mode-card.reveal.visible.selected{transform:translateY(-7px)}

  .phone-art{width:150px;height:178px;object-fit:fill;margin-bottom:7px}
  .arrow.previous,.arrow.next{top:86px}

  .download-panel h2{font-size:26px}
  .dice-art.left{width:153px;transform:translate(6px,-8px) rotate(3deg)}
  .dice-art.right{width:187px;transform:translate(6px,-8px) rotate(4deg)}

  .reviews .shell{max-width:715px}
  .reviews h2{transform:translateY(2px);margin-bottom:15px}
  .review-track article{height:131px;padding:10px 16px}
  .review-track q{max-width:none;margin-inline:auto}
  .review-track article:nth-child(3) q{max-width:175px}
  .review-track footer{left:12px;bottom:13px}
  .review-track img.avatar{width:38px;height:38px}
  .footer-brand img{width:110px;height:43px;object-fit:contain}
  .footer-brand img{display:block;transform:none}
  .footer-brand p{margin:-2px 0 7px}
  .footer-grid img.footer-dice{width:290px;height:130px;transform:translate(-50px,3px)}
  .copyright{font-size:9px!important}
}

/* Keep content fully legible while preserving the scroll-triggered rise motion. */
.reveal{opacity:1;transform:none}
.reveal.visible{animation:reveal-rise .65s ease}
@keyframes reveal-rise{from{transform:translateY(18px)}to{transform:translateY(0)}}
.toast{position:fixed;left:50%;bottom:22px;z-index:200;max-width:min(360px,calc(100% - 32px));padding:11px 18px;border:1px solid #ef303a;border-radius:7px;background:#071019eF;color:#fff;font-size:12px;text-align:center;box-shadow:0 12px 35px #000;opacity:0;pointer-events:none;transform:translate(-50%,14px);transition:opacity .25s,transform .25s}
.toast.show{opacity:1;transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal.visible{animation:none}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}