.game-hexbreak{grid-column:1/-1;min-height:285px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:28px;padding:25px 27px;background:radial-gradient(circle at 82% 42%,rgba(80,229,255,.13),transparent 26%),linear-gradient(120deg,rgba(112,57,255,.15),transparent 42%),rgba(6,11,20,.96);border-color:rgba(80,229,255,.28)}
.game-hexbreak:before{height:100%;background:linear-gradient(#6eeaff,#7146ff,transparent)}.game-hexbreak:after{content:'FREE SPINS';position:absolute;top:19px;right:25px;color:#ffe083;font:800 8px var(--font-body);letter-spacing:.18em}.game-hexbreak:hover{border-color:rgba(104,234,255,.55)}
.hexbreak-card-copy{display:flex;flex-direction:column;min-width:0}.game-hexbreak .game-top{height:auto;margin-bottom:28px}.game-hexbreak h3{font-size:48px;letter-spacing:.075em}.game-hexbreak .game-label{color:#7788a2}.game-hexbreak .game-rules{max-width:590px}.game-hexbreak .game-play{width:min(340px,100%);margin-top:24px;border-color:rgba(85,224,255,.5);background:linear-gradient(90deg,rgba(79,219,255,.16),rgba(104,67,255,.12));color:#bff6ff}.game-hexbreak .game-play:hover:not(:disabled){border-color:#72ecff;background:rgba(79,219,255,.18)}
.hexbreak-preview{position:relative;align-self:stretch;display:grid;place-items:center;min-height:220px;padding:27px;background:linear-gradient(145deg,rgba(90,226,255,.08),transparent 40%),#050914;border:1px solid rgba(91,224,255,.24);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.hexbreak-preview:before,.hexbreak-preview:after{content:'';position:absolute;inset:10px;border:1px solid rgba(116,74,255,.12);pointer-events:none}.hexbreak-preview:after{inset:auto 18px 18px;height:1px;background:linear-gradient(90deg,transparent,#63e9ff,transparent);border:0}
.hexbreak-preview-grid{display:grid;grid-template-columns:repeat(5,38px);gap:5px;transform:perspective(500px) rotateX(4deg)}.hexbreak-preview-grid i{display:grid;place-items:center;width:38px;height:38px;background:rgba(18,29,48,.9);border:1px solid rgba(91,224,255,.16);color:#5f7896;font:400 19px var(--font-display);font-style:normal;box-shadow:inset 0 0 14px rgba(0,0,0,.4)}.hexbreak-preview-grid i:nth-child(2),.hexbreak-preview-grid i:nth-child(7),.hexbreak-preview-grid i:nth-child(8),.hexbreak-preview-grid i:nth-child(13),.hexbreak-preview-grid i:nth-child(18){color:#8df2ff;border-color:rgba(99,235,255,.68);background:rgba(34,150,179,.16);box-shadow:0 0 13px rgba(64,226,255,.18),inset 0 0 13px rgba(77,224,255,.12)}.hexbreak-preview-core{position:absolute;right:18px;bottom:16px;color:#96a7c0;font:700 8px var(--font-body);letter-spacing:.15em}.hexbreak-preview-core b{color:#69eaff;font-size:14px}
.hexbreak-preview-grid i:nth-child(2),.hexbreak-preview-grid i:nth-child(12),.hexbreak-preview-grid i:nth-child(18){color:#ffe081;border-color:rgba(255,217,100,.78);background:rgba(194,132,20,.18);box-shadow:0 0 16px rgba(255,201,55,.24),inset 0 0 13px rgba(255,225,128,.12)}

.result-stage.hexbreak-stage{min-height:470px;padding:17px;background:radial-gradient(circle at 48% 46%,rgba(48,210,247,.09),transparent 32%),linear-gradient(rgba(89,220,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(89,220,255,.025) 1px,transparent 1px),#040812;background-size:auto,24px 24px,24px 24px;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}
.hexbreak-machine{position:relative;z-index:2;width:min(790px,100%);padding:16px 17px 13px;background:linear-gradient(145deg,rgba(95,234,255,.07),transparent 35%),rgba(5,10,19,.97);border:1px solid rgba(90,223,255,.3);box-shadow:0 28px 70px rgba(0,0,0,.55),inset 0 0 55px rgba(68,209,255,.025);clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px)}
.hexbreak-head,.hexbreak-footer{display:flex;align-items:center;justify-content:space-between}.hexbreak-head{padding:0 3px 11px;border-bottom:1px solid rgba(99,225,255,.12)}.hexbreak-head>div:first-child{display:flex;flex-direction:column}.hexbreak-head small{color:#596c85;font:800 7px var(--font-body);letter-spacing:.2em}.hexbreak-head strong{color:#d8f9ff;font:400 25px/1 var(--font-accent);letter-spacing:.1em}.hexbreak-telemetry{display:grid;grid-template-columns:auto minmax(35px,auto);align-items:center;gap:10px}.hexbreak-telemetry span{color:#6eeaff;font:800 8px var(--font-body);letter-spacing:.12em}.hexbreak-telemetry b{display:grid;place-items:center;min-width:35px;height:25px;padding:0 6px;border:1px solid rgba(111,237,255,.25);color:#b5f8ff;font:400 16px var(--font-accent)}
.hexbreak-body{display:grid;grid-template-columns:112px 1fr;gap:14px;padding:15px 0}.hexbreak-rail{display:flex;flex-direction:column;padding:13px 12px;border:1px solid rgba(116,76,255,.17);background:linear-gradient(180deg,rgba(112,64,255,.08),transparent)}.hexbreak-rail>span{color:#67758e;font:800 7px var(--font-body);letter-spacing:.18em}.hexbreak-rail>strong{margin:6px 0 13px;color:#70eaff;font:400 34px/1 var(--font-accent);text-shadow:0 0 20px rgba(73,226,255,.22)}.hexbreak-rail>div{position:relative;flex:1;min-height:118px;width:13px;margin:0 auto;background:#02050b;border:1px solid rgba(94,226,255,.18);overflow:hidden}.hexbreak-rail i{position:absolute;inset:auto 2px 2px;height:var(--charge,0%);max-height:calc(100% - 4px);background:linear-gradient(#70eaff,#734cff);box-shadow:0 0 13px #55dcff;transition:height .5s var(--ease-back)}.hexbreak-rail small{margin-top:9px;color:#586980;font:800 7px var(--font-body);letter-spacing:.12em;text-align:center}
.hexbreak-grid{display:grid;grid-template-columns:repeat(5,minmax(52px,1fr));gap:7px;padding:10px;background:#02050b;border:1px solid rgba(96,224,255,.13);box-shadow:inset 0 18px 35px rgba(0,0,0,.72)}.hexbreak-cell{position:relative;display:grid;place-items:center;aspect-ratio:1.22/1;min-height:53px;background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 40%),#0b1320;border:1px solid rgba(89,115,148,.2);color:#8193aa;overflow:hidden;transition:transform .25s var(--ease-back),opacity .25s,filter .25s,border-color .2s,background .2s;animation:hexbreak-drop .32s var(--ease-back) both;animation-delay:calc(var(--cell-index,0) * 12ms)}.hexbreak-cell:nth-child(n){--cell-index:1}.hexbreak-cell:nth-child(3n){--cell-index:3}.hexbreak-cell:nth-child(4n){--cell-index:5}.hexbreak-cell span{position:relative;z-index:1;font:400 clamp(23px,3vw,37px)/1 var(--font-display);text-shadow:0 0 15px currentColor}.hexbreak-cell:before{content:'';position:absolute;inset:5px;border:1px solid currentColor;opacity:.05}.hexbreak-cell.symbol-spark{color:#6cecff}.hexbreak-cell.symbol-crown{color:#dfbd69}.hexbreak-cell.symbol-mask{color:#9f82ff}.hexbreak-cell.symbol-gem{color:#53dca7}.hexbreak-cell.symbol-chain{color:#8799b1}.hexbreak-cell.symbol-sigil{color:#da769f}.hexbreak-cell.symbol-scatter,.hexbreak-cell.is-scatter{z-index:3;color:#ffe28b;border-color:rgba(255,220,112,.8);background:radial-gradient(circle,rgba(255,211,78,.25),rgba(100,55,12,.1) 60%),#16110a;box-shadow:0 0 24px rgba(255,207,61,.28),inset 0 0 18px rgba(255,224,128,.12);animation:hexbreak-scatter-in .48s var(--ease-back) both}.hexbreak-cell.is-scatter span{font-size:32px;font-weight:700}.hexbreak-cell.is-scatter:after{content:'SCATTER';position:absolute;z-index:4;bottom:4px;left:0;right:0;color:#e8bd51;font:800 6px var(--font-body);letter-spacing:.12em;text-align:center}.hexbreak-cell.is-linked{z-index:2;color:#c9fbff;border-color:#6feeff;background:rgba(45,204,232,.2);box-shadow:0 0 19px rgba(78,227,255,.32),inset 0 0 16px rgba(63,221,255,.14);transform:scale(1.06)}.hexbreak-cell.is-linked:after{content:'';position:absolute;inset:-70%;background:conic-gradient(transparent,#aef9ff,transparent 14%);animation:hexbreak-scan .7s linear infinite}.hexbreak-cell.is-breaking{transform:scale(.2) rotate(18deg);opacity:0;filter:brightness(2.4) blur(2px)}
.hexbreak-footer{padding:10px 3px 0;border-top:1px solid rgba(99,225,255,.1);color:#52647d;font:800 7px var(--font-body);letter-spacing:.16em}.hexbreak-footer i{flex:1;height:1px;margin:0 16px;background:linear-gradient(90deg,transparent,rgba(101,229,255,.25),transparent)}.hexbreak-footer b{color:#6fe9f7}.hexbreak-fx{position:absolute;z-index:4;inset:0;width:100%;height:100%;pointer-events:none}.hexbreak-machine.is-linked{border-color:rgba(100,239,255,.58);box-shadow:0 28px 70px rgba(0,0,0,.55),0 0 35px rgba(50,220,255,.11)}.hexbreak-machine.is-bonus{border-color:rgba(255,215,91,.5);box-shadow:0 28px 70px rgba(0,0,0,.55),0 0 40px rgba(255,197,53,.09)}.hexbreak-machine.is-bonus .hexbreak-head strong,.hexbreak-machine.is-bonus .hexbreak-telemetry span,.hexbreak-machine.is-bonus .hexbreak-footer b{color:#ffe28b}.hexbreak-machine.is-retrigger{animation:hexbreak-retrigger .72s var(--ease-back)}.hexbreak-machine.is-retrigger .hexbreak-grid{box-shadow:inset 0 18px 35px rgba(0,0,0,.72),0 0 35px rgba(255,211,74,.18)}.hexbreak-machine.is-complete .hexbreak-head strong{color:#79f0c0}.hexbreak-machine.is-empty{filter:saturate(.55)}.hexbreak-machine.is-scanning .hexbreak-cell{animation:hexbreak-cell-scan .9s ease-in-out infinite alternate}.hexbreak-stage.is-overload{animation:hexbreak-overload 1.15s ease-in-out infinite alternate}.hexbreak-stage.is-overload .hexbreak-machine{border-color:#ffe080}.hexbreak-stage.is-overload .hexbreak-rail>strong,.hexbreak-stage.is-overload .hexbreak-footer b{color:#ffe080}
@keyframes hexbreak-drop{from{transform:translateY(-18px) scale(.88);opacity:0}to{transform:none;opacity:1}}@keyframes hexbreak-scatter-in{0%{transform:scale(.2) rotate(-20deg);opacity:0}65%{transform:scale(1.16) rotate(3deg)}100%{transform:none;opacity:1}}@keyframes hexbreak-retrigger{0%{transform:scale(.96)}55%{transform:scale(1.025)}100%{transform:none}}@keyframes hexbreak-scan{to{transform:rotate(360deg)}}@keyframes hexbreak-cell-scan{to{border-color:rgba(94,229,255,.38);filter:brightness(1.2)}}@keyframes hexbreak-overload{to{box-shadow:inset 0 0 65px rgba(255,204,75,.08)}}
@media(max-width:800px){.game-hexbreak{grid-template-columns:1fr}.hexbreak-preview{min-height:190px}.hexbreak-body{grid-template-columns:76px 1fr}.hexbreak-grid{gap:4px;padding:6px}.hexbreak-cell{min-height:42px}.hexbreak-rail{padding-inline:7px}}
@media(max-width:540px){.game-hexbreak{padding:19px}.game-hexbreak h3{font-size:40px}.hexbreak-preview-grid{grid-template-columns:repeat(5,32px)}.hexbreak-preview-grid i{width:32px;height:32px}.result-stage.hexbreak-stage{padding:8px;min-height:410px}.hexbreak-machine{padding:11px}.hexbreak-body{grid-template-columns:1fr}.hexbreak-rail{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:8px}.hexbreak-rail>strong{margin:0;font-size:25px}.hexbreak-rail>div{width:auto;height:9px;min-height:0;margin:0}.hexbreak-rail i{inset:2px auto 2px 2px;width:var(--charge,0%);height:auto;max-height:none}.hexbreak-rail small{margin:0}.hexbreak-grid{grid-template-columns:repeat(5,1fr)}.hexbreak-cell{min-height:39px}.hexbreak-cell span{font-size:22px}.hexbreak-telemetry span{display:none}.hexbreak-footer>span{display:none}}
@media(prefers-reduced-motion:reduce){.hexbreak-cell,.hexbreak-cell.is-linked,.hexbreak-stage.is-overload,.hexbreak-cell.is-linked:after{animation:none!important;transition:none!important}}

.hexbreak-modal{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:0;border:0;background:rgba(2,5,11,.3);color:#dce8f4;overflow:auto}.hexbreak-modal::backdrop{background:rgba(1,3,8,.88);backdrop-filter:blur(12px)}.hexbreak-modal-shell{position:relative;width:min(1180px,calc(100% - 28px));margin:20px auto;padding:15px;background:radial-gradient(circle at 50% 12%,rgba(65,214,244,.11),transparent 34%),linear-gradient(135deg,rgba(110,66,255,.08),transparent 45%),#060a12;border:1px solid rgba(94,226,255,.34);box-shadow:0 35px 120px rgba(0,0,0,.72),inset 0 0 70px rgba(75,216,255,.025);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}
.hexbreak-modal-head{display:grid;grid-template-columns:1fr auto auto 42px;align-items:center;gap:14px;padding:5px 5px 14px;border-bottom:1px solid rgba(99,225,255,.13)}.hexbreak-modal-head>div:first-child{display:flex;flex-direction:column}.hexbreak-modal-head>div:first-child small{color:#5f7189;font:800 7px var(--font-body);letter-spacing:.22em}.hexbreak-modal-head>div:first-child strong{color:#e4fbff;font:400 34px/1 var(--font-accent);letter-spacing:.12em}.hexbreak-modal-ledger{display:grid;grid-template-columns:auto auto;align-items:end;column-gap:8px;text-align:right}.hexbreak-modal-ledger span{grid-column:1/-1;color:#687b94;font:800 7px var(--font-body);letter-spacing:.18em}.hexbreak-modal-ledger b{color:#ffe18b;font:400 28px/1 var(--font-accent)}.hexbreak-modal-ledger small{color:#7889a0;font:700 8px var(--font-body);text-transform:uppercase}.hexbreak-sound-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:58px;height:38px;border:1px solid rgba(101,230,255,.22);background:rgba(78,220,247,.045);color:#6fe8f7;cursor:pointer}.hexbreak-sound-toggle span{font:800 6px var(--font-body);letter-spacing:.14em}.hexbreak-sound-toggle b{font:400 14px var(--font-accent)}.hexbreak-sound-toggle.is-muted{color:#6b7789;border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.02)}.hexbreak-sound-toggle:hover:not(:disabled){border-color:rgba(101,230,255,.5)}.hexbreak-modal-close{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.025);color:#91a0b5;cursor:pointer;font:300 26px/1 Arial}.hexbreak-modal-close:hover:not(:disabled){color:#fff;border-color:rgba(108,233,255,.4)}.hexbreak-modal-close:disabled{opacity:.3;cursor:not-allowed}
.hexbreak-modal-screen.result-stage.hexbreak-stage{min-height:520px;margin:14px 0 0;padding:20px;border-color:rgba(91,225,255,.2);clip-path:none}.hexbreak-modal-screen .hexbreak-machine{width:min(860px,100%)}.hexbreak-idle-machine .hexbreak-cell.is-scatter{animation:hexbreak-idle-scatter 1.8s ease-in-out infinite alternate}.hexbreak-idle-machine .hexbreak-cell.is-scatter:nth-child(2){animation-delay:.2s}.hexbreak-idle-machine .hexbreak-cell.is-scatter:nth-child(12){animation-delay:.55s}.hexbreak-idle-machine .hexbreak-cell.is-scatter:nth-child(18){animation-delay:.9s}
.hexbreak-slot-message{min-height:34px;display:grid;place-items:center;padding:8px 12px;border-left:1px solid rgba(91,225,255,.15);border-right:1px solid rgba(91,225,255,.15);background:rgba(5,10,18,.95);color:#8090a7;font:800 9px var(--font-body);letter-spacing:.12em;text-align:center;text-transform:uppercase}.hexbreak-slot-console{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;padding:15px 23px;background:linear-gradient(90deg,rgba(74,220,249,.04),transparent 28%,transparent 72%,rgba(117,70,255,.05)),#080d17;border:1px solid rgba(91,225,255,.2)}
.hexbreak-bet-panel>span,.hexbreak-feature-panel>span{display:block;margin-bottom:6px;color:#65778f;font:800 7px var(--font-body);letter-spacing:.19em}.hexbreak-bet-panel>div{display:grid;grid-template-columns:37px minmax(85px,145px) 37px;width:max-content;border:1px solid rgba(255,216,104,.25);background:#03060c}.hexbreak-bet-panel>div button,.hexbreak-bet-panel nav button{border:0;background:transparent;color:#8291a6;cursor:pointer;font:700 17px var(--font-body)}.hexbreak-bet-panel>div button:hover,.hexbreak-bet-panel nav button:hover{color:#ffe28b}.hexbreak-bet-panel input{width:100%;height:39px;border:0;border-left:1px solid rgba(255,255,255,.07);border-right:1px solid rgba(255,255,255,.07);outline:0;background:transparent;color:#ffe39a;font:400 24px/1 var(--font-accent);text-align:center}.hexbreak-bet-panel nav{display:flex;gap:4px;margin-top:6px}.hexbreak-bet-panel nav button{min-width:54px;padding:5px 8px;border:1px solid rgba(255,255,255,.07);font-size:7px;letter-spacing:.1em}.hexbreak-feature-panel{text-align:right}.hexbreak-feature-panel strong{display:block;color:#ffe083;font:400 21px/1 var(--font-accent);letter-spacing:.08em}.hexbreak-feature-panel small{display:block;margin-top:5px;color:#62748d;font:700 7px var(--font-body);letter-spacing:.09em}
.hexbreak-spin-button{position:relative;display:grid;place-items:center;width:116px;height:116px;padding:0;border:1px solid rgba(255,219,111,.75);border-radius:50%;background:radial-gradient(circle,rgba(255,222,111,.22),rgba(72,48,8,.28) 52%,#070b13 54%);color:#ffe99f;cursor:pointer;box-shadow:0 0 0 7px #060a12,0 0 0 8px rgba(102,231,255,.25),0 0 32px rgba(255,207,61,.13);transition:transform .18s var(--ease-back),filter .18s}.hexbreak-spin-button:before,.hexbreak-spin-button:after{content:'';position:absolute;border-radius:50%;pointer-events:none}.hexbreak-spin-button:before{inset:9px;border:1px dashed rgba(104,234,255,.34)}.hexbreak-spin-button:after{inset:18px;border:1px solid rgba(255,225,132,.22)}.hexbreak-spin-button i{position:absolute;inset:4px;border-radius:50%;border-top:2px solid #65e8ff;border-right:2px solid transparent;opacity:.7}.hexbreak-spin-button span{position:relative;z-index:2;font:400 31px/1 var(--font-accent);letter-spacing:.08em}.hexbreak-spin-button small{position:relative;z-index:2;color:#9c8956;font:800 7px var(--font-body);letter-spacing:.14em}.hexbreak-spin-button:hover:not(:disabled){transform:scale(1.045);filter:brightness(1.14)}.hexbreak-spin-button:active:not(:disabled){transform:scale(.97)}.hexbreak-spin-button:disabled{cursor:not-allowed;filter:saturate(.35);opacity:.58}.hexbreak-modal.is-spinning .hexbreak-spin-button i{animation:hexbreak-spin-ring .7s linear infinite}.hexbreak-modal.is-spinning .hexbreak-slot-message{color:#80ecfa}.hexbreak-modal.is-spinning .hexbreak-spin-button span{font-size:24px}
@keyframes hexbreak-idle-scatter{to{filter:brightness(1.35);box-shadow:0 0 34px rgba(255,207,61,.42),inset 0 0 18px rgba(255,224,128,.18)}}@keyframes hexbreak-spin-ring{to{transform:rotate(360deg)}}
@media(max-width:780px){.hexbreak-modal-shell{width:min(100% - 12px,1180px);margin:6px auto;padding:8px}.hexbreak-modal-screen.result-stage.hexbreak-stage{min-height:430px;padding:8px}.hexbreak-slot-console{grid-template-columns:1fr auto;gap:17px;padding:13px}.hexbreak-feature-panel{grid-column:1/-1;text-align:center}.hexbreak-feature-panel small{font-size:6px}.hexbreak-spin-button{width:94px;height:94px}.hexbreak-spin-button span{font-size:26px}.hexbreak-modal-head{grid-template-columns:1fr auto auto 38px}.hexbreak-modal-head>div:first-child strong{font-size:27px}}
@media(max-width:480px){.hexbreak-modal-head{gap:6px}.hexbreak-modal-ledger small{display:none}.hexbreak-modal-ledger b{font-size:22px}.hexbreak-sound-toggle{width:46px}.hexbreak-slot-console{grid-template-columns:1fr;justify-items:center}.hexbreak-bet-panel{text-align:center}.hexbreak-bet-panel>div{margin:auto}.hexbreak-bet-panel nav{justify-content:center}.hexbreak-spin-button{grid-row:1}.hexbreak-feature-panel{grid-column:auto}.hexbreak-modal-screen.result-stage.hexbreak-stage{min-height:390px}.hexbreak-modal-screen .hexbreak-head small{display:none}}
@media(prefers-reduced-motion:reduce){.hexbreak-idle-machine .hexbreak-cell.is-scatter,.hexbreak-modal.is-spinning .hexbreak-spin-button i{animation:none!important}}

/* v22.7 · capa de movimiento de la slot. Solo transforma la presentación; el VPS conserva el resultado. */
.hexbreak-grid{position:relative;isolation:isolate;overflow:hidden;contain:layout paint;perspective:620px}.hexbreak-grid:before{content:'';position:absolute;z-index:5;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(95,232,255,.1),transparent 13%,transparent 84%,rgba(1,3,8,.72));opacity:.65}.hexbreak-cell{will-change:transform,opacity,filter;transform:translateZ(0);animation:none}.hexbreak-cell.is-entering{animation:hexbreak-symbol-fall .56s cubic-bezier(.16,.82,.19,1.16) both;animation-delay:var(--drop-delay)}.hexbreak-cell.is-entering span{animation:hexbreak-face-settle .56s cubic-bezier(.16,.82,.19,1.16) both;animation-delay:var(--drop-delay)}.hexbreak-cell.is-entering.is-scatter{animation-name:hexbreak-scatter-fall;animation-duration:.64s}.hexbreak-grid.is-fast-drop .hexbreak-cell.is-entering,.hexbreak-grid.is-fast-drop .hexbreak-cell.is-entering span{animation-duration:.43s}.hexbreak-grid.is-fast-drop .hexbreak-cell.is-entering.is-scatter{animation-duration:.49s}.hexbreak-grid.is-clearing .hexbreak-cell{animation:hexbreak-board-clear .15s cubic-bezier(.55,.05,.9,.38) both;animation-delay:calc(var(--col) * 11ms)}.hexbreak-grid.is-settling:after{content:'';position:absolute;z-index:6;left:4%;right:4%;bottom:3px;height:2px;background:linear-gradient(90deg,transparent,#7ff3ff,transparent);box-shadow:0 0 13px #50dfff;animation:hexbreak-landing-line .52s ease-out both;pointer-events:none}.hexbreak-grid.is-pre-spinning .hexbreak-cell{animation:hexbreak-column-jitter .24s ease-in-out infinite alternate!important;animation-delay:calc(var(--col) * -37ms)!important;filter:brightness(1.18)}.hexbreak-grid.is-pre-spinning .hexbreak-cell span{animation:hexbreak-symbol-roll .18s linear infinite!important;filter:blur(1.8px)}
.hexbreak-cell.is-linked span{animation:hexbreak-linked-pulse .34s ease-in-out infinite alternate}.hexbreak-cell.is-breaking{animation:hexbreak-symbol-break .29s cubic-bezier(.55,.02,.95,.42) both!important}.hexbreak-machine.is-landed .hexbreak-grid{animation:hexbreak-grid-impact .38s cubic-bezier(.16,.82,.19,1.15)}.hexbreak-machine.is-chain-hit{animation:hexbreak-chain-impact .48s ease-out}.hexbreak-machine.is-scatter-hit{animation:hexbreak-scatter-impact .7s ease-out}.hexbreak-machine.is-win{animation:hexbreak-win-pulse .78s ease-out}.hexbreak-machine.is-mega-win{animation:hexbreak-mega-pulse 1.25s ease-in-out}.hexbreak-modal.is-spinning .hexbreak-spin-button{animation:hexbreak-spin-breathe .75s ease-in-out infinite alternate}.hexbreak-modal.is-spinning .hexbreak-spin-button span{letter-spacing:.035em}
.hexbreak-event-banner{position:absolute;z-index:8;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(600px,85%);min-height:128px;padding:18px 30px;transform:translate(-50%,-42%) scale(.78);opacity:0;pointer-events:none;text-align:center;background:linear-gradient(90deg,transparent,rgba(3,9,17,.94) 18%,rgba(3,9,17,.94) 82%,transparent);filter:blur(6px);transition:transform .28s cubic-bezier(.16,.82,.19,1.18),opacity .2s,filter .24s}.hexbreak-event-banner:before,.hexbreak-event-banner:after{content:'';position:absolute;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,currentColor,transparent);box-shadow:0 0 14px currentColor}.hexbreak-event-banner:before{top:8px}.hexbreak-event-banner:after{bottom:8px}.hexbreak-event-banner strong{color:#92f6ff;font:400 clamp(42px,7vw,76px)/.9 var(--font-accent);letter-spacing:.08em;text-shadow:0 0 26px currentColor}.hexbreak-event-banner span{margin-top:12px;color:#a4b2c6;font:800 8px var(--font-body);letter-spacing:.2em}.hexbreak-event-banner.is-visible{transform:translate(-50%,-50%) scale(1);opacity:1;filter:none}.hexbreak-event-banner.is-leaving{transform:translate(-50%,-58%) scale(1.08);opacity:0;filter:blur(5px)}.hexbreak-event-banner.bonus,.hexbreak-event-banner.jackpot{color:#ffe17b}.hexbreak-event-banner.bonus strong,.hexbreak-event-banner.jackpot strong{color:#ffe58d}.hexbreak-event-banner.retrigger{color:#b799ff}.hexbreak-event-banner.retrigger strong{color:#bc9bff}.hexbreak-event-banner.win{color:#76f0be}.hexbreak-event-banner.win strong{color:#89f7c9}.hexbreak-event-banner.jackpot{animation:hexbreak-banner-jackpot .35s linear infinite alternate}
@keyframes hexbreak-symbol-fall{0%{transform:translate3d(0,calc(var(--fall-distance) * -1),0) rotate(var(--landing-tilt)) scale(.86);opacity:0;filter:blur(5px) brightness(1.6)}62%{opacity:1;filter:blur(.4px) brightness(1.12)}74%{transform:translate3d(0,9px,0) rotate(calc(var(--landing-tilt) * -.3)) scaleX(1.06) scaleY(.91)}88%{transform:translate3d(0,-4px,0) rotate(0) scaleX(.98) scaleY(1.04)}100%{transform:translateZ(0);opacity:1;filter:none}}@keyframes hexbreak-scatter-fall{0%{transform:translate3d(0,calc(var(--fall-distance) * -1),0) rotate(-9deg) scale(.65);opacity:0;filter:blur(7px) brightness(2)}67%{transform:translate3d(0,10px,0) rotate(3deg) scale(1.17);opacity:1;filter:brightness(1.5)}84%{transform:translate3d(0,-5px,0) rotate(-1deg) scale(.97)}100%{transform:translateZ(0);opacity:1;filter:none}}@keyframes hexbreak-face-settle{0%,55%{transform:translateY(-13px) rotate(-8deg)}78%{transform:translateY(3px) rotate(3deg)}100%{transform:none}}@keyframes hexbreak-board-clear{to{transform:translate3d(0,34px,0) scale(.82);opacity:0;filter:blur(4px) brightness(1.45)}}@keyframes hexbreak-landing-line{0%{transform:scaleX(.05);opacity:0}35%{opacity:1}100%{transform:scaleX(1);opacity:0}}@keyframes hexbreak-column-jitter{from{transform:translateY(-4px) scaleY(1.04)}to{transform:translateY(5px) scaleY(.96)}}@keyframes hexbreak-symbol-roll{0%{transform:translateY(-14px) scaleY(.78);opacity:.35}50%{opacity:1}100%{transform:translateY(14px) scaleY(.78);opacity:.35}}@keyframes hexbreak-linked-pulse{to{transform:scale(1.14);filter:brightness(1.35)}}@keyframes hexbreak-symbol-break{0%{transform:scale(1.08);opacity:1}46%{transform:scale(1.22) rotate(-3deg);filter:brightness(2.4)}100%{transform:translateY(26px) scale(.1) rotate(22deg);opacity:0;filter:brightness(3) blur(3px)}}@keyframes hexbreak-grid-impact{0%{transform:translateY(-2px)}42%{transform:translateY(3px) scaleY(.99)}100%{transform:none}}@keyframes hexbreak-chain-impact{35%{transform:scale(1.008);filter:brightness(1.12)}100%{transform:none;filter:none}}@keyframes hexbreak-scatter-impact{35%{box-shadow:0 28px 70px rgba(0,0,0,.55),0 0 52px rgba(255,211,74,.33);transform:scale(1.012)}100%{transform:none}}@keyframes hexbreak-win-pulse{40%{box-shadow:0 28px 70px rgba(0,0,0,.55),0 0 48px rgba(92,242,185,.24);filter:brightness(1.13)}100%{filter:none}}@keyframes hexbreak-mega-pulse{0%,100%{transform:none;filter:none}35%{transform:scale(1.018);filter:brightness(1.28) saturate(1.25)}70%{transform:scale(.997);filter:brightness(1.08)}}@keyframes hexbreak-spin-breathe{to{box-shadow:0 0 0 7px #060a12,0 0 0 8px rgba(102,231,255,.52),0 0 50px rgba(255,207,61,.3);filter:brightness(1.18)}}@keyframes hexbreak-banner-jackpot{to{filter:brightness(1.18)}}
@media(max-width:540px){.hexbreak-cell.is-entering{animation-duration:.48s}.hexbreak-event-banner{min-height:102px;padding-inline:12px}.hexbreak-event-banner strong{font-size:40px}.hexbreak-event-banner span{font-size:6px}}
@media(prefers-reduced-motion:reduce){.hexbreak-grid:after,.hexbreak-cell.is-entering,.hexbreak-cell.is-entering span,.hexbreak-grid.is-clearing .hexbreak-cell,.hexbreak-grid.is-pre-spinning .hexbreak-cell,.hexbreak-grid.is-pre-spinning .hexbreak-cell span,.hexbreak-cell.is-linked span,.hexbreak-cell.is-breaking,.hexbreak-machine.is-landed .hexbreak-grid,.hexbreak-machine.is-chain-hit,.hexbreak-machine.is-scatter-hit,.hexbreak-machine.is-win,.hexbreak-machine.is-mega-win,.hexbreak-modal.is-spinning .hexbreak-spin-button,.hexbreak-event-banner{animation:none!important;transition:none!important}}

/* v22.8 · niveles de premio y celebración MAX WIN. */
.hexbreak-feature-panel{max-width:305px}.hexbreak-feature-panel small{color:#8193aa;font-size:6px;line-height:1.45}.hexbreak-feature-panel em{display:block;margin-top:5px;color:#62748d;font:800 6px var(--font-body);font-style:normal;letter-spacing:.09em}.hexbreak-stage.is-max-win{background:radial-gradient(circle at 50% 45%,rgba(255,209,72,.2),transparent 34%),radial-gradient(circle at 20% 20%,rgba(122,73,255,.13),transparent 30%),#030710}.hexbreak-stage.is-max-win .hexbreak-machine{border-color:#ffe480;box-shadow:0 28px 70px rgba(0,0,0,.6),0 0 70px rgba(255,205,54,.28),inset 0 0 55px rgba(255,225,130,.08)}.hexbreak-stage.is-max-win .hexbreak-rail i{background:linear-gradient(#fff3b5,#ffb31f);box-shadow:0 0 24px #ffd45c}.hexbreak-event-banner.maxwin{color:#fff0a3;background:linear-gradient(90deg,transparent,rgba(40,24,3,.96) 16%,rgba(13,8,2,.98) 50%,rgba(40,24,3,.96) 84%,transparent);animation:hexbreak-maxwin-banner .48s ease-in-out infinite alternate}.hexbreak-event-banner.maxwin strong{color:#fff1a5;font-size:clamp(54px,9vw,96px);text-shadow:0 0 18px #fff,0 0 40px #ffbd2e}.hexbreak-event-banner.maxwin span{color:#ffe17c;font-size:10px}@keyframes hexbreak-maxwin-banner{to{filter:brightness(1.24) saturate(1.18);transform:translate(-50%,-50%) scale(1.025)}}
@media(max-width:780px){.hexbreak-feature-panel{max-width:100%}}
@media(prefers-reduced-motion:reduce){.hexbreak-event-banner.maxwin{animation:none!important}}

/* v22.9 · autoplay secuencial, sin peticiones paralelas. */
.hexbreak-autoplay-panel{grid-column:1/-1;display:grid;grid-template-columns:minmax(210px,1fr) auto auto;align-items:center;gap:14px;padding:11px 13px;border-top:1px solid rgba(96,226,255,.12);background:linear-gradient(90deg,rgba(72,220,247,.045),transparent 42%,rgba(255,210,80,.035))}.hexbreak-autoplay-panel>div{display:flex;flex-direction:column;gap:3px}.hexbreak-autoplay-panel>div>span{color:#83eaf7;font:800 8px var(--font-body);letter-spacing:.18em}.hexbreak-autoplay-panel>div>small{color:#566a84;font:800 6px var(--font-body);letter-spacing:.1em}.hexbreak-autoplay-panel nav{display:grid;grid-template-columns:repeat(4,48px);gap:5px}.hexbreak-autoplay-panel nav button,.hexbreak-auto-stop{height:32px;border:1px solid rgba(100,229,255,.18);background:rgba(63,211,240,.035);color:#8194ac;cursor:pointer;font:400 15px var(--font-accent);letter-spacing:.08em;transition:border-color .16s,background .16s,color .16s,transform .16s}.hexbreak-autoplay-panel nav button:hover:not(:disabled){border-color:#68e7fa;background:rgba(70,219,246,.12);color:#c3f8ff;transform:translateY(-1px)}.hexbreak-autoplay-panel nav button:disabled{cursor:not-allowed;opacity:.32}.hexbreak-auto-stop{min-width:128px;padding:0 13px;border-color:rgba(255,103,121,.42);background:rgba(210,43,66,.1);color:#ff9cac;font:800 8px var(--font-body)}.hexbreak-auto-stop b{margin-left:7px;color:#fff;font:400 15px var(--font-accent)}.hexbreak-auto-stop:hover:not(:disabled){border-color:#ff7389;background:rgba(226,50,75,.18)}.hexbreak-auto-stop:disabled{cursor:wait;opacity:.58}.hexbreak-modal.is-autoplay .hexbreak-autoplay-panel{border-color:rgba(255,213,89,.28);box-shadow:inset 0 0 22px rgba(255,205,59,.025)}.hexbreak-modal.is-autoplay .hexbreak-spin-button{border-color:#6ce9fa}.hexbreak-modal.is-autoplay .hexbreak-spin-button small{color:#74dce9}
@media(max-width:780px){.hexbreak-autoplay-panel{grid-template-columns:1fr auto}.hexbreak-autoplay-panel>div{grid-column:1/-1;text-align:center}.hexbreak-autoplay-panel nav{grid-template-columns:repeat(4,minmax(45px,1fr))}}
@media(max-width:480px){.hexbreak-autoplay-panel{grid-template-columns:1fr}.hexbreak-autoplay-panel nav{width:100%}.hexbreak-auto-stop{width:100%}}

/* v22.10 · geometría visible de los grupos ganadores. */
.hexbreak-connection-layer{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.hexbreak-connection-layer line{fill:none;stroke:#8af4ff;stroke-width:4;stroke-linecap:round;opacity:0;filter:drop-shadow(0 0 5px #42e5ff);stroke-dasharray:7 4;stroke-dashoffset:18}.hexbreak-connection-layer.is-visible line{animation:hexbreak-link-line .42s ease-out forwards;animation-delay:calc(var(--line-index) * 32ms)}.hexbreak-connection-layer.is-breaking{animation:hexbreak-link-break .25s ease-in forwards}.hexbreak-grid .hexbreak-cell.is-linked{z-index:2}.hexbreak-grid .hexbreak-cell.is-linked:before{opacity:.22}@keyframes hexbreak-link-line{0%{opacity:0;stroke-dashoffset:18}55%{opacity:1}100%{opacity:.9;stroke-dashoffset:0}}@keyframes hexbreak-link-break{to{opacity:0;filter:blur(4px);transform:scale(.96)}}
@media(prefers-reduced-motion:reduce){.hexbreak-connection-layer.is-visible line{animation:none!important;opacity:.9;stroke-dashoffset:0}.hexbreak-connection-layer.is-breaking{animation:none!important;opacity:0}}

/* v22.11 · contador progresivo de premios superiores a x5. */
.hexbreak-win-counter{--win-color:#70f1ff;--win-deep:#175d78;position:absolute;z-index:9;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(660px,90%);min-height:250px;padding:26px 22px;transform:translate(-50%,-45%) scale(.82);opacity:0;overflow:hidden;isolation:isolate;color:var(--win-color);background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--win-color) 20%,transparent),transparent 46%),linear-gradient(90deg,transparent,rgba(2,6,14,.97) 14%,rgba(2,6,14,.99) 50%,rgba(2,6,14,.97) 86%,transparent);filter:blur(8px);pointer-events:none;transition:transform .32s cubic-bezier(.16,.82,.19,1.18),opacity .22s,filter .28s}.hexbreak-win-counter:before,.hexbreak-win-counter:after{content:'';position:absolute;z-index:-1;left:50%;top:50%;border:1px solid var(--win-color);border-radius:50%;transform:translate(-50%,-50%);opacity:.28;box-shadow:0 0 28px color-mix(in srgb,var(--win-color) 58%,transparent)}.hexbreak-win-counter:before{width:330px;height:330px;animation:hexbreak-win-orbit 5.8s linear infinite}.hexbreak-win-counter:after{width:235px;height:235px;border-style:dashed;animation:hexbreak-win-orbit 3.6s linear infinite reverse}.hexbreak-win-counter.is-visible{transform:translate(-50%,-50%) scale(1);opacity:1;filter:none}.hexbreak-win-counter.is-leaving{transform:translate(-50%,-57%) scale(1.09);opacity:0;filter:blur(7px)}.hexbreak-win-label{position:relative;color:var(--win-color);font:400 clamp(35px,6vw,68px)/.95 var(--font-accent);letter-spacing:.1em;text-align:center;text-shadow:0 0 12px var(--win-color),0 0 34px var(--win-deep)}.hexbreak-win-counter>strong{position:relative;min-width:70%;margin:9px 0 2px;color:#fff8e8;font:400 clamp(54px,10vw,112px)/.82 var(--font-accent);font-variant-numeric:tabular-nums;text-align:center;letter-spacing:.025em;text-shadow:0 0 12px #fff,0 0 33px var(--win-color),0 0 62px var(--win-deep)}.hexbreak-win-counter>small{color:#b8c9d9;font:800 8px var(--font-body);letter-spacing:.28em}.hexbreak-win-counter>button{position:absolute;z-index:2;right:9%;bottom:18px;height:29px;padding:0 13px;border:1px solid color-mix(in srgb,var(--win-color) 42%,transparent);background:rgba(2,7,14,.74);color:#a9b9ca;cursor:pointer;font:800 7px var(--font-body);letter-spacing:.15em;pointer-events:auto;transition:color .15s,border-color .15s,background .15s}.hexbreak-win-counter>button:hover,.hexbreak-win-counter>button:focus-visible{border-color:var(--win-color);background:rgba(9,20,32,.95);color:#fff;outline:none}.hexbreak-win-counter.is-tier-hit .hexbreak-win-label{animation:hexbreak-tier-title .36s cubic-bezier(.16,.82,.19,1.3)}.hexbreak-win-counter.is-tier-hit>strong{animation:hexbreak-tier-number .38s cubic-bezier(.16,.82,.19,1.28)}.hexbreak-win-counter.is-final{background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--win-color) 28%,transparent),transparent 48%),linear-gradient(90deg,transparent,rgba(2,6,14,.98) 13%,rgba(2,6,14,1) 50%,rgba(2,6,14,.98) 87%,transparent)}
.hexbreak-win-counter.tier-big{--win-color:#65f0c1;--win-deep:#0b7757}.hexbreak-win-counter.tier-super{--win-color:#65eaff;--win-deep:#126b9d}.hexbreak-win-counter.tier-mega{--win-color:#a78cff;--win-deep:#5530aa}.hexbreak-win-counter.tier-epic{--win-color:#ff83d8;--win-deep:#a52b82}.hexbreak-win-counter.tier-ultra{--win-color:#ff9b63;--win-deep:#a84818}.hexbreak-win-counter.tier-colossal{--win-color:#ffe06e;--win-deep:#b36b0b}.hexbreak-win-counter.tier-max{--win-color:#fff3a3;--win-deep:#ff9f18}.hexbreak-win-counter.tier-max>strong{color:#fffbdc;text-shadow:0 0 9px #fff,0 0 27px #ffe56d,0 0 65px #ff9f18}.hexbreak-win-counter.tier-max:before,.hexbreak-win-counter.tier-max:after{box-shadow:0 0 30px #ffd85d,0 0 65px rgba(255,159,24,.46)}
@keyframes hexbreak-win-orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes hexbreak-tier-title{0%{transform:scale(.72);opacity:.25;filter:blur(6px)}65%{transform:scale(1.12);opacity:1;filter:none}100%{transform:none}}@keyframes hexbreak-tier-number{0%{transform:scale(.9)}50%{transform:scale(1.12);filter:brightness(1.8)}100%{transform:none;filter:none}}
@media(max-width:540px){.hexbreak-win-counter{width:96%;min-height:220px;padding-inline:10px}.hexbreak-win-counter:before{width:260px;height:260px}.hexbreak-win-counter:after{width:190px;height:190px}.hexbreak-win-counter>button{right:5%;bottom:10px}.hexbreak-win-counter>small{font-size:6px}}
@media(prefers-reduced-motion:reduce){.hexbreak-win-counter,.hexbreak-win-counter:before,.hexbreak-win-counter:after,.hexbreak-win-counter.is-tier-hit .hexbreak-win-label,.hexbreak-win-counter.is-tier-hit>strong{animation:none!important;transition:none!important}}

/* Landing duration stays identical on mobile so sound and symbol stops align. */
.hexbreak-grid .hexbreak-cell.is-entering,.hexbreak-grid .hexbreak-cell.is-entering span{animation-duration:560ms}
.hexbreak-grid .hexbreak-cell.is-entering.is-scatter{animation-duration:640ms}
.hexbreak-grid.is-fast-drop .hexbreak-cell.is-entering,.hexbreak-grid.is-fast-drop .hexbreak-cell.is-entering span{animation-duration:430ms}
.hexbreak-grid.is-fast-drop .hexbreak-cell.is-entering.is-scatter{animation-duration:490ms}
.hexbreak-grid.is-anticipating:before{background:linear-gradient(180deg,#ffd34a22,transparent 30%,transparent 80%,#ffd34a18);opacity:1}
@media(prefers-reduced-motion:reduce){.hexbreak-grid .hexbreak-cell,.hexbreak-grid .hexbreak-cell span{animation:none!important;transition:none!important}}