/* Geometry and motion follow the supplied Scarab recording. Narrow-screen
   sizing preserves readable symbols, markers and demo-credit amounts. */
.scarab-body .scarab-game-panel{padding:0;min-height:0;height:auto;overflow:hidden;border:0;background:#0f212e}
.scarab-scene{position:relative;isolation:isolate;width:100%;aspect-ratio:900/630;container-type:inline-size;overflow:hidden;background:#0f212e}
.scarab-reels-frame{position:absolute;left:6.5%;top:18.8%;width:86.8%;height:68.6%;border:1.25cqw solid #304653;border-radius:1.25cqw;background:#0f212e;box-shadow:inset 0 0 0 1px #203845}
.scarab-slot-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:100%;width:100%;overflow:hidden}
.scarab-reel{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));min-width:0;min-height:0;border-right:1px solid #243b48;overflow:hidden;position:relative}
.scarab-reel:last-child{border:0}.scarab-symbol-cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;transition:opacity .15s;isolation:isolate}
.scarab-symbol{display:block;width:92%;height:100%;object-fit:contain;user-select:none;pointer-events:none}
.scarab-symbol-caption{position:absolute;bottom:3%;left:0;right:0;text-align:center;color:#ffda6e;font-weight:950;font-size:2cqw;text-shadow:0 2px #543c13;opacity:0}
.scarab-symbol-cell.win-cell .scarab-symbol-caption,.scarab-symbol-cell.scatter-highlight .scarab-symbol-caption{opacity:1}
.scarab-slot-board.has-highlight .scarab-symbol-cell:not(.win-cell):not(.scatter-highlight){opacity:.2}
.scarab-symbol-cell.win-cell .scarab-symbol,.scarab-symbol-cell.scatter-highlight .scarab-symbol{animation:scarab-symbol-glow .65s ease-in-out infinite alternate;filter:drop-shadow(0 0 8px #ffe16f55)}
.scarab-reel.spinning .scarab-symbol-cell{animation:scarab-reel-flow .12s linear infinite;filter:blur(7px);opacity:.65}.scarab-reel.arriving .scarab-symbol-cell{animation:scarab-reel-land .6s cubic-bezier(.14,.65,.22,1)}
.scarab-feature-heading{position:absolute;left:6.5%;top:12.2%;width:86.8%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:5px;color:#fff;font-weight:750;font-size:clamp(10px,1.95cqw,18px);z-index:6}
.scarab-total-badge{grid-column:2;display:flex;align-items:center;justify-content:center;gap:.38em;padding:.45em .6em;background:#304653;border-radius:3px 3px 0 0;white-space:nowrap;max-width:100%}.scarab-total-badge strong{font-variant-numeric:tabular-nums}
.scarab-credit{display:inline-grid;place-items:center;border-radius:50%;width:1.1em;height:1.1em;background:#7e95a1;color:#344c5a;font-size:.75em}#scarabFreeSpinLabel{grid-column:1;text-align:left}#scarabFreeSpinCounter{grid-column:3;text-align:right}
.scarab-line-markers{position:absolute;left:0;right:0;top:18.8%;height:68.6%;pointer-events:none;z-index:5}.scarab-line-marker{position:absolute;transform:translate(-50%,-50%);font-size:clamp(9px,1.4cqw,14px);font-weight:700;color:#bbcad3;line-height:1}.scarab-line-marker.left{left:4.1%}.scarab-line-marker.right{left:95.6%}.scarab-line-marker.disabled{opacity:.25}.scarab-line-marker.current{color:#fff;text-shadow:0 0 5px #ffffff88}
#scarabPaylineOverlay{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none;overflow:visible}#scarabPaylineOverlay polyline{fill:none;stroke:#fff;stroke-width:3;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 1px 2px #15222b)}#scarabPaylineOverlay polyline.previous{opacity:.18;stroke-width:2}
.scarab-line-amount{position:absolute;z-index:7;left:50%;top:50%;transform:translate(-50%,-50%);font-size:max(10px,2cqw);font-weight:800;color:#fff;background:#304957;padding:.25em .45em;border-radius:3px;white-space:nowrap}
.scarab-result{position:absolute;z-index:9;left:50%;top:53%;transform:translate(-50%,-50%);display:grid;place-items:center;gap:.45em;min-width:19%;max-width:85%;padding:2.2% 3%;border:.45cqw solid #00e701;border-radius:8px;background:#11252e;box-shadow:0 7px 28px #07141c55;color:#00e701;font-weight:850;text-align:center}
#scarabResultMultiplier{font-size:max(20px,4.4cqw);line-height:1.1;white-space:nowrap}#scarabResultReturned{font-size:max(11px,2.2cqw);white-space:nowrap;max-width:100%}.scarab-result-unit{font-size:max(9px,1.15cqw);color:#a9bfc9;line-height:1}
.scarab-feature-overlay{position:absolute;inset:0;z-index:12;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3%;color:#fff;text-align:center;font-weight:950;text-shadow:0 4px 2px #0008;background:#07141c88}#scarabFeatureTitle{font-size:5cqw}#scarabFeatureValue{font-size:7.5cqw}
.scarab-body .bet-stepper{display:grid;grid-template-columns:3rem minmax(0,1fr) 3rem;gap:0}.scarab-body .step-button{border:1px solid #2f4553;background:#2f4553;color:#fff;min-height:42px;font-weight:800;cursor:pointer}.scarab-body .bet-stepper input{border-radius:0!important}.scarab-body #betPerLineInput{color:#d9e8ef;background:#0f2633}.scarab-body #spinBtn,.scarab-body #autoBetBtn{background:#1976d2;color:#fff}
.scarab-options{margin-top:12px}.scarab-options summary{cursor:pointer;color:#b6cad4;font-size:.8rem;padding:8px 0}.scarab-options .tool-row{display:flex;flex-wrap:wrap;gap:8px}
.scarab-audio-status{color:#aec4ce;font-size:.75rem;line-height:1.4;margin:8px 0}
.scarab-symbol-cell.scatter-landed:after,.scarab-symbol-cell.win-cell[data-symbol=wild]:after{content:"";position:absolute;inset:3% 6%;border:.65cqw solid #ffdb32;border-radius:1.4cqw;pointer-events:none;animation:scarab-landing-frame .65s both}
.scarab-symbol-cell.win-cell[data-symbol=wild]:after{border-color:#609dff;animation:scarab-landing-frame .6s both}
.scarab-symbol-cell.scatter-landed .scarab-symbol-caption{color:#fff;animation:scarab-landing-caption .65s both}
.scarab-reel.anticipating:after{content:"";position:absolute;inset:0;border:.85cqw solid #ffc442;border-radius:.8cqw;z-index:7;pointer-events:none;animation:scarab-anticipation .4s linear infinite alternate}
.scarab-line-marker.current{color:#00e701;text-shadow:none}.scarab-line-amount{border:.3cqw solid white;border-radius:.8cqw;font-size:max(10px,2cqw);padding:.18em .45em;animation:scarab-label-in .2s both}
#scarabFreeSpinLabel,#scarabFreeSpinCounter{background:#304653;align-self:end;padding:.45em .6em;border-radius:3px 3px 0 0;white-space:nowrap;width:max-content;max-width:100%}#scarabFreeSpinCounter{justify-self:end}
.scarab-result{min-width:16.3%;padding:2% 2.5%;gap:1.2cqw;border-width:.55cqw;background:#18313e;animation:scarab-label-in .2s both}
#scarabResultMultiplier{font-size:max(20px,2.5cqw);padding-bottom:1.2cqw;border-bottom:.45cqw solid #304957}#scarabResultReturned{font-size:max(11px,1.8cqw)}
.scarab-feature-overlay{inset:18.8% 6.5% 12.6%;background:#07141c55;animation:scarab-bonus-total .65s both;gap:1.5cqw}#scarabFeatureTitle{font-size:5cqw}#scarabFeatureValue{font-size:5cqw}
@keyframes scarab-landing-frame{0%,25%{opacity:0}45%,85%{opacity:1}100%{opacity:0}}@keyframes scarab-landing-caption{0%,25%{opacity:0}45%,85%{opacity:1}100%{opacity:0}}@keyframes scarab-anticipation{from{border-color:#ffe646}to{border-color:#ed9434}}@keyframes scarab-label-in{from{scale:.3}to{scale:1}}@keyframes scarab-bonus-total{0%{scale:1.8;opacity:0}20%{opacity:1}70%,100%{scale:1;opacity:1}}
.scarab-data-panel{margin-top:12px}.scarab-data-panel>summary{cursor:pointer;color:#bfced5}.scarab-data-panel[open]>summary{margin-bottom:14px}.scarab-result-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.scarab-recent-results{margin:12px 0}
.scarab-paytable-list,.modal-paytable{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.scarab-pay-heading{grid-column:1/-1;margin:5px 0;color:#c7d7df;font-size:.8rem}.scarab-pay-row{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:8px;padding:5px;border-radius:4px;background:#16323e}.scarab-pay-row .scarab-symbol{width:48px;height:48px}.scarab-pay-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.scarab-pay-values span{font-size:.75rem;text-align:right}.scarab-pay-values small{display:block;color:#a8c1cd}
.scarab-reel-map{overflow-x:auto}.scarab-map-grid{display:grid;grid-template-columns:2rem repeat(5,3rem);gap:4px;width:max-content}.scarab-map-cell{display:grid;place-items:center;min-height:42px;background:#102832;border-radius:3px}.scarab-map-cell .scarab-symbol{width:32px;height:32px}.scarab-map-cell.index{font-size:.7rem;color:#a4becb}
.modal-paylines{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.payline-card{display:grid;gap:5px;justify-items:center;padding:10px;background:#102731;border-radius:4px}.payline-mini{display:grid;grid-template-columns:repeat(5,8px);grid-template-rows:repeat(3,8px);gap:3px}.payline-dot{border-radius:50%;background:#48606b}.payline-dot.active{background:#fff}
@keyframes scarab-reel-flow{from{transform:translateY(30%)}to{transform:translateY(-30%)}}@keyframes scarab-reel-land{0%{transform:translateY(100%)}85%{transform:translateY(-3%)}100%{transform:translateY(0)}}@keyframes scarab-symbol-glow{from{transform:scale(1)}to{transform:scale(1.08)}}
@media(max-width:760px){.scarab-scene{aspect-ratio:900/760}.scarab-feature-heading{font-size:clamp(10px,2.7cqw,15px);top:13.7%}.scarab-symbol-caption{font-size:3cqw}.scarab-line-amount{font-size:max(10px,3cqw)}.scarab-result{min-width:31%;padding:3% 4%;border-width:2px}#scarabResultMultiplier{font-size:max(20px,6cqw)}#scarabResultReturned{font-size:max(11px,3.4cqw)!important}.scarab-result-unit{font-size:max(9px,2cqw)}#scarabFeatureTitle{font-size:7cqw}#scarabFeatureValue{font-size:10cqw}.scarab-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scarab-paytable-list,.modal-paytable{grid-template-columns:1fr}.modal-paylines{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.scarab-scene *{animation:none!important;transition:none!important}}