/* PICO Breaker homepage feature. All rules are scoped to this banner. */
body #main-content > .breaker-feature{position:relative;isolation:isolate;scroll-margin-top:80px;overflow:hidden;width:100%;margin:0;padding:42px max(28px,calc((100% - 1216px)/2)) 0;color:#fff1db;text-align:left;background:#140b06;border-top:1px solid #b6773d88;border-bottom:1px solid #bd723d66}
.breaker-feature::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0906036b 0,#0d070426 45%,transparent 75%),linear-gradient(0deg,#0c0709b3,transparent 27%,transparent 85%,#08040138),url("/assets/pico-breaker-oven-bg-v1.jpg") center center/cover no-repeat;pointer-events:none}
.breaker-feature::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 89% 69%,#ff701a38,transparent 56%);box-shadow:inset 0 0 100px #09040080;animation:breaker-oven-glow 6s ease-in-out infinite;pointer-events:none}
/* Share the oven image's cover geometry so steam stays anchored to the pastry. */
.breaker-feature .breaker-steam{display:none;position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}
.breaker-feature .breaker-steam-wisp{opacity:.14;transform-box:fill-box;transform-origin:50% 100%}
@media(min-width:1001px){.breaker-feature .breaker-steam{display:block}.breaker-feature .breaker-steam-wisp{animation:breaker-steam-rise 7s ease-in-out infinite}.breaker-feature .breaker-steam-two{animation-duration:8.5s;animation-delay:-3.8s}.breaker-feature .breaker-steam-three{animation-duration:6.5s;animation-delay:-2.4s}}
@keyframes breaker-steam-rise{0%{opacity:0;transform:translate(0,12px) scale(.8,.85) skewX(-3deg)}22%{opacity:.23}58%{opacity:.16;transform:translate(9px,-28px) scale(1.1,1.02) skewX(5deg)}100%{opacity:0;transform:translate(-8px,-82px) scale(1.4,1.16) skewX(-7deg)}}
.breaker-feature .breaker-feature-main{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:10px;min-height:482px}
.breaker-feature .breaker-feature-copy{position:relative;z-index:2;padding:12px 0 28px;min-width:0}


.breaker-feature h2{margin:0 0 23px!important;font:1000 clamp(65px,6.5vw,90px)/.9 'Arial Black',Impact,Arial,sans-serif!important;font-style:italic!important;letter-spacing:-4px!important;color:#fff4dc!important;text-transform:uppercase;transform:skewX(-3deg);text-shadow:1px 1px #cfb99f,2px 3px #a08769,4px 7px #483021,6px 10px #100704,0 16px 26px #0009!important}
.breaker-feature h2 span{display:block;margin-top:7px;color:#ffbb59;background:linear-gradient(#ffe4a5 2%,#ffc168 36%,#f49b42 68%,#dd622e);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(1px 2px #ab502e) drop-shadow(2px 3px #58231f);text-shadow:none!important}
.breaker-feature .breaker-lede{margin:0 0 24px!important;max-width:420px;font:700 22px/1.35 Arial,sans-serif!important;letter-spacing:-.4px!important;color:#fff3e1!important}
.breaker-feature .breaker-lede span{display:block;color:#ddc4ae;font-weight:400}





.breaker-feature .breaker-free{margin:17px 0 0!important;color:#d5bca7!important;font:400 12px/1.5 Arial,sans-serif!important;letter-spacing:0!important}
.breaker-feature .breaker-scene{position:relative;min-width:0;height:490px;perspective:1100px;pointer-events:none}
.breaker-feature .breaker-scene::before{content:"";position:absolute;width:85%;height:80%;left:10%;top:10%;border-radius:50%;background:radial-gradient(ellipse,#ff9a3322,transparent 65%);pointer-events:none}
.breaker-feature .breaker-scene::after{content:"";position:absolute;left:17%;right:4%;height:35px;bottom:7px;background:#1a0803bb;border-radius:50%;filter:blur(17px)}
.breaker-feature .breaker-cabinet{position:absolute;z-index:2;left:29%;top:3%;width:57%;max-width:338px;transform:rotate(-8deg) rotateY(-11deg);transform-origin:50% 70%;filter:drop-shadow(16px 22px 0 #14070088) drop-shadow(0 18px 30px #0009);animation:breaker-cabinet-float 8s ease-in-out infinite}
.breaker-feature .breaker-cabinet img,.breaker-feature .breaker-cabinet svg{display:block;width:100%;height:auto}
.breaker-feature .breaker-orbit{position:absolute;z-index:3;height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 8px 1px #5b2b1a) drop-shadow(0 18px 18px #0009);animation:breaker-pie-float 7s ease-in-out infinite}
.breaker-feature .breaker-orbit-gold{width:29%;left:1%;top:12%;--pie-angle:-19deg;transform:rotate(-19deg)}
.breaker-feature .breaker-orbit-purple{width:18%;left:8%;bottom:7%;--pie-angle:14deg;transform:rotate(14deg);filter:hue-rotate(235deg) saturate(.65) drop-shadow(0 8px 1px #3c223f) drop-shadow(0 16px 15px #0009);animation-delay:-3s}
.breaker-feature .breaker-orbit-pink{width:17%;right:-3%;top:53%;--pie-angle:18deg;transform:rotate(18deg);filter:hue-rotate(305deg) saturate(.7) drop-shadow(0 8px 1px #48252f) drop-shadow(0 16px 15px #0009);animation-delay:-1.8s}
.breaker-feature .breaker-multiball{position:absolute;z-index:4;right:0;top:8%;transform:rotate(8deg);padding:12px 14px;border:1px solid #f8bc70;background:#512911;box-shadow:4px 5px 0 #1c0b04,0 12px 25px #0005;border-radius:7px;color:#fff1da;font:800 12px/1.2 Arial,sans-serif;letter-spacing:.6px}
.breaker-feature .breaker-multiball b{font-size:23px;vertical-align:-2px;margin-right:6px;color:#ffd283}
.breaker-feature .breaker-spark{position:absolute;color:#ffcd7b;font-size:22px;text-shadow:0 0 22px #ffab4499;z-index:1}
.breaker-feature .breaker-spark-one{top:3%;left:12%;transform:rotate(12deg)}
.breaker-feature .breaker-spark-two{right:3%;bottom:13%;font-size:16px;color:#ff9b43}
.breaker-feature .breaker-modes{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #dba77166;margin:15px -20px 0;padding:0 20px;background:#140a05de;box-shadow:0 -10px 40px #10060040;border-radius:12px 12px 0 0}
.breaker-feature .breaker-mode{display:flex;align-items:center;gap:17px;padding:23px 16px 24px 0;min-width:0}
.breaker-feature .breaker-mode + .breaker-mode{padding-left:30px;border-left:1px solid #dba77140}
.breaker-feature .breaker-mode-icon{display:flex;flex:none;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #b48849;border-radius:12px;background:linear-gradient(145deg,#483221,#20120b);color:#ffcc7f;font:900 17px/1 Arial,sans-serif;box-shadow:inset 0 1px #ffe3af22}
.breaker-feature .breaker-mode-burnt .breaker-mode-icon{border-color:#ac5739;background:linear-gradient(145deg,#6b2c1c,#27110a);font-size:23px}
.breaker-feature .breaker-mode-label{display:block;margin-bottom:6px;color:#ffce89;font:800 10px/1.1 Arial,sans-serif;letter-spacing:1.6px}
.breaker-feature .breaker-mode-burnt .breaker-mode-label{color:#ff9e72}
.breaker-feature .breaker-mode-label i{display:inline-block;margin-left:6px;padding:3px 5px;border-radius:3px;background:#a346263a;color:#ffc8ad;font-size:8px;font-style:normal;letter-spacing:1px}
.breaker-feature .breaker-mode strong{display:block;color:#fff0de;font:700 17px/1.3 Arial,sans-serif;letter-spacing:-.2px}
.breaker-feature .breaker-mode small{display:block;margin-top:5px;color:#dfc8b5;font:400 11px/1.5 Arial,sans-serif;letter-spacing:0}
@keyframes breaker-oven-glow{0%,100%{opacity:.4}43%{opacity:1}67%{opacity:.6}79%{opacity:.85}}
@keyframes breaker-cabinet-float{0%,100%{transform:translateY(0) rotate(-8deg) rotateY(-11deg)}50%{transform:translateY(-9px) rotate(-6deg) rotateY(-8deg)}}
@keyframes breaker-pie-float{0%,100%{transform:translateY(0) rotate(var(--pie-angle))}50%{transform:translateY(-12px) rotate(calc(var(--pie-angle) + 6deg))}}
@media(min-width:1001px){.breaker-feature::before{background-image:linear-gradient(90deg,#0906036b 0,#0d070426 45%,transparent 75%),linear-gradient(0deg,#0c0709b3,transparent 27%,transparent 85%,#08040138),url("/assets/pico-breaker-oven-pie-v2.jpg")}}
@media(min-width:1600px){body #main-content>.breaker-feature{padding-top:48px}.breaker-feature .breaker-feature-main{min-height:520px}.breaker-feature .breaker-scene{height:510px}.breaker-feature .breaker-cabinet{width:59%;max-width:354px}}
@media(max-width:1000px) and (min-width:761px){.breaker-feature h2{font-size:68px!important;letter-spacing:-3px!important}.breaker-feature .breaker-feature-main{grid-template-columns:1.05fr 1fr;min-height:440px}.breaker-feature .breaker-scene{height:410px}.breaker-feature .breaker-cabinet{left:22%;width:68%;top:2%}.breaker-feature .breaker-multiball{right:-8px;top:1%;font-size:10px;padding:9px}.breaker-feature .breaker-mode strong{font-size:14px}.breaker-feature .breaker-mode{gap:11px}.breaker-feature .breaker-mode+.breaker-mode{padding-left:18px}.breaker-feature .breaker-mode-icon{width:39px;height:43px}}
@media(max-width:760px){body #main-content>.breaker-feature{padding:36px 22px 0}.breaker-feature .breaker-feature-main{grid-template-columns:1fr;gap:4px;min-height:0}.breaker-feature .breaker-feature-copy{text-align:center;padding:0;z-index:3}.breaker-feature h2{font-size:clamp(62px,12vw,86px)!important;letter-spacing:-3px!important;margin-bottom:20px!important}.breaker-feature h2 span{margin-top:6px}.breaker-feature .breaker-lede{font-size:19px!important;line-height:1.4!important;margin:0 auto 22px!important}.breaker-feature .breaker-free{margin-top:15px!important;font-size:11px!important}.breaker-feature .breaker-scene{width:min(100%,500px);height:410px;margin:32px auto 0}.breaker-feature .breaker-cabinet{width:57%;left:28%;top:0;max-width:288px}.breaker-feature .breaker-scene::before{width:70%;height:80%;left:17%;top:0}.breaker-feature .breaker-orbit-gold{left:0;top:12%;width:30%}.breaker-feature .breaker-orbit-purple{left:9%;bottom:8%;width:19%}.breaker-feature .breaker-orbit-pink{right:-1%;top:55%;width:18%}.breaker-feature .breaker-multiball{top:6%;font-size:10px;padding:9px;right:-1%}.breaker-feature .breaker-multiball b{font-size:19px}.breaker-feature .breaker-modes{grid-template-columns:1fr;margin-top:8px}.breaker-feature .breaker-mode{padding:22px 0;gap:15px}.breaker-feature .breaker-mode+.breaker-mode{border-left:0;border-top:1px solid #dba77140;padding:22px 0}.breaker-feature .breaker-mode strong{font-size:16px}.breaker-feature .breaker-mode-label{font-size:10px}.breaker-feature .breaker-mode small{font-size:11px}.breaker-feature .breaker-mode-icon{width:43px;height:43px}.breaker-feature::before{background:linear-gradient(180deg,#0d0704cf 0,#0d0704af 35%,#0d070426 53%,transparent 72%,#120904bf 89%),url("/assets/pico-breaker-oven-bg-v1.jpg") 66% center/auto 100% no-repeat}.breaker-feature .breaker-modes{margin-left:-12px;margin-right:-12px;padding:0 12px}}
@media(max-width:430px){.breaker-feature .breaker-scene{height:340px;margin-top:30px}.breaker-feature .breaker-cabinet{left:26%;width:59%}.breaker-feature .breaker-multiball{font-size:8px;letter-spacing:0;padding:7px}.breaker-feature .breaker-multiball b{font-size:18px;margin-right:3px}.breaker-feature .breaker-spark-one{font-size:24px}.breaker-feature .breaker-orbit-purple{bottom:8%}}
@media(max-width:350px){body #main-content>.breaker-feature{padding-left:16px;padding-right:16px}.breaker-feature h2{font-size:56px!important}.breaker-feature .breaker-lede{font-size:17px!important}.breaker-feature .breaker-scene{height:290px}.breaker-feature .breaker-mode strong{font-size:14px}.breaker-feature .breaker-mode-label{font-size:9px}}
/* Match the existing Tower Defence PLAY HERE button at each breakpoint. */
.breaker-feature .breaker-cta{display:inline-flex;align-items:center;justify-content:center;position:static;max-width:100%;margin:0;padding:18px 32px;border:2px solid #ffd45e;border-radius:999px;color:#fff1b5!important;font:900 clamp(16px,1.45vw,24px)/1 Arial,sans-serif!important;letter-spacing:.16em;text-decoration:none!important;cursor:pointer;background:linear-gradient(135deg,rgba(5,10,23,.96),rgba(18,27,49,.94));box-shadow:0 5px 0 rgba(0,0,0,.36),0 10px 28px rgba(0,0,0,.72),inset 0 0 16px rgba(255,205,81,.12);text-shadow:0 2px 3px rgba(0,0,0,.95);backdrop-filter:blur(8px);animation:breaker-play-pulse 1.8s ease-in-out infinite}
.breaker-feature .breaker-cta:focus-visible{outline:3px solid #ffdc82;outline-offset:4px}
@keyframes breaker-play-pulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.045)}}
@media(max-width:760px){.breaker-feature .breaker-cta{min-height:48px;min-width:156px;padding:12px 20px;font-size:14px!important;line-height:1.4!important;letter-spacing:.14em;white-space:normal;box-shadow:0 4px 0 rgba(0,0,0,.36),0 8px 18px rgba(0,0,0,.45);text-shadow:none;backdrop-filter:none;animation:none}}
@media(prefers-reduced-motion:reduce){.breaker-feature::before,.breaker-feature::after,.breaker-feature *,.breaker-feature *::before,.breaker-feature *::after{animation:none!important;transition:none!important}}

/* Keep the two game promotions on one shared text/button centreline. */
@media(min-width:761px){
  .breaker-feature .breaker-feature-main{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)}
  body #main-content>.tower-feature{
    --game-banner-gutter:max(28px,calc((100vw - 1216px)/2));
    padding-left:0;
    padding-right:0;
  }
  body .tower-feature .tower-feature-content{
    width:min(520px,calc((100% - var(--game-banner-gutter) - var(--game-banner-gutter) - 10px)/2.08));
    max-width:none;
    margin-left:var(--game-banner-gutter);
    padding-left:0;
    padding-right:0;
  }
  .breaker-feature .breaker-feature-copy{
    width:min(100%,520px);
    container-type:inline-size;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
  }
  .breaker-feature .breaker-lede{margin-left:auto!important;margin-right:auto!important}
  .breaker-feature h2{width:100%;font-size:clamp(42px,17cqw,90px)!important}
}