Holo Slots – Custom dApp Creations

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<meta name="theme-color" content="#02020c">
<title>Holo Slots • Distributor Evaluation Build • AFBN</title>
<style>
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
}

:root {
    --c: #00e8ff;
    --c2: #6af7ff;
    --m: #ff2d9b;
    --m2: #ff78c1;
    --g: #43ff9a;
    --y: #ffe06a;
    --r: #ff456f;
    --bg: #02020c;
    --panel: rgba(6, 10, 28, 0.92);
    --line: rgba(0, 232, 255, 0.32);
}

html,
body {
    width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background: var(--bg);
}

body {
    position: relative;
    color: #d0f0ff;
    font-family: 'Trebuchet MS', Arial, system-ui, sans-serif;
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));
    touch-action: manipulation;
    overscroll-behavior: none;
}

button,
.boost {
    font: inherit;
}

button:focus-visible,
.boost:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

.bg {
    position: fixed;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
    background:
        radial-gradient(ellipse at 18% 12%, rgba(0, 232, 255, 0.13), transparent 48%),
        radial-gradient(ellipse at 82% 86%, rgba(255, 45, 155, 0.11), transparent 45%),
        linear-gradient(180deg, #02020c 0%, #03061a 55%, #010108 100%);
}

.bg::before {
    content: '';
    position: absolute;
    left: -20%;
    right: -20%;
    bottom: -34%;
    height: 78%;
    background-image:
        linear-gradient(rgba(0, 232, 255, 0.10) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 232, 255, 0.10) 1px, transparent 1px);
    background-size: 42px 42px;
    transform: perspective(420px) rotateX(62deg);
    transform-origin: center top;
    animation: gridDrive 7s linear infinite;
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 25%, #000 72%, transparent);
    mask-image: linear-gradient(to bottom, transparent, #000 25%, #000 72%, transparent);
}

.bg::after {
    content: '';
    position: absolute;
    inset: -30%;
    background:
        repeating-linear-gradient(90deg, transparent 0 58px, rgba(0, 232, 255, 0.025) 59px 60px),
        repeating-linear-gradient(0deg, transparent 0 58px, rgba(255, 45, 155, 0.018) 59px 60px);
    animation: drift 18s linear infinite;
}

@keyframes gridDrive {
    from { background-position: 0 0, 0 0; }
    to { background-position: 0 42px, 42px 0; }
}

@keyframes drift {
    from { transform: translate3d(-2%, -2%, 0) rotate(0deg); }
    to { transform: translate3d(2%, 2%, 0) rotate(2deg); }
}

.scanlines {
    position: fixed;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0.18;
    background: repeating-linear-gradient(to bottom, transparent 0 3px, rgba(0, 232, 255, 0.08) 4px);
    mix-blend-mode: screen;
}

.screen-flash {
    position: fixed;
    inset: 0;
    z-index: 90;
    pointer-events: none;
    opacity: 0;
    background: radial-gradient(circle, rgba(255,255,255,0.75), rgba(0,232,255,0.22) 30%, transparent 70%);
}

.screen-flash.fire {
    animation: screenFlash 0.55s ease-out;
}

@keyframes screenFlash {
    0% { opacity: 0; }
    18% { opacity: 0.9; }
    100% { opacity: 0; }
}

.wrap {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 440px;
    opacity: 1;
    transform: translateY(0) scale(1);
    transition: opacity 0.58s ease, transform 0.58s cubic-bezier(.2,.85,.25,1);
}

.wrap.vault-out {
    opacity: 0;
    transform: translateY(18px) scale(0.92);
    pointer-events: none;
}

.vault-takeover {
    position: fixed;
    inset: 0;
    z-index: 96;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 50% 42%, rgba(255, 224, 106, 0.18), transparent 26%),
        radial-gradient(circle at 50% 52%, rgba(0, 232, 255, 0.14), transparent 48%),
        linear-gradient(160deg, #02020c 0%, #06142a 48%, #12051f 100%);
    transform: scale(0.96);
    transition: opacity 0.62s ease, transform 0.62s cubic-bezier(.2,.85,.25,1), visibility 0s linear 0.62s;
}

.vault-takeover::before {
    content: '';
    position: absolute;
    inset: -28%;
    background:
        repeating-conic-gradient(from 0deg, rgba(255,224,106,0.10) 0 1deg, transparent 1deg 15deg),
        radial-gradient(circle, transparent 0 24%, rgba(0,232,255,0.10) 24.5% 25%, transparent 25.5% 38%, rgba(255,45,155,0.10) 38.5% 39%, transparent 39.5%);
    animation: vaultField 18s linear infinite;
}

.vault-takeover::after {
    content: '';
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(to bottom, transparent 0 4px, rgba(255,255,255,0.025) 5px);
    mix-blend-mode: screen;
    pointer-events: none;
}

.vault-takeover.open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: scale(1);
    transition-delay: 0s;
}

.vault-takeover.closing {
    opacity: 0;
    transform: scale(1.08);
    pointer-events: none;
}

.vault-content {
    position: relative;
    z-index: 2;
    width: min(92vw, 560px);
    padding: 24px 18px 26px;
    border: 2px solid rgba(255, 224, 106, 0.78);
    border-radius: 24px;
    background: linear-gradient(165deg, rgba(5,14,34,0.96), rgba(20,5,30,0.96));
    box-shadow:
        0 0 34px rgba(255,224,106,0.24),
        0 0 80px rgba(0,232,255,0.20),
        inset 0 0 70px rgba(255,45,155,0.08);
    text-align: center;
    animation: vaultContentIn 0.7s cubic-bezier(.2,.9,.25,1.15) both;
}

.vault-kicker {
    color: #84eaff;
    font-family: 'Arial Black', 'Trebuchet MS', Arial, sans-serif;
    font-size: clamp(0.62rem, 2.8vw, 0.82rem);
    letter-spacing: 2px;
}

.vault-title {
    margin-top: 5px;
    color: #ffe06a;
    font-family: 'Arial Black', 'Trebuchet MS', Arial, sans-serif;
    font-size: clamp(1.8rem, 9vw, 3.2rem);
    font-weight: 900;
    letter-spacing: 3px;
    text-shadow: 0 0 20px rgba(255,224,106,0.75), 0 0 42px rgba(255,45,155,0.38);
}

.vault-orb {
    position: relative;
    width: clamp(112px, 34vw, 168px);
    height: clamp(112px, 34vw, 168px);
    display: grid;
    place-items: center;
    margin: 18px auto;
    border: 2px solid rgba(106,247,255,0.72);
    border-radius: 50%;
    background: radial-gradient(circle at 36% 30%, rgba(255,255,255,0.35), rgba(0,232,255,0.10) 54%, rgba(0,0,0,0.88) 76%);
    box-shadow: 0 0 28px rgba(0,232,255,0.45), inset 0 0 32px rgba(255,224,106,0.18);
    animation: vaultOrbPulse 1.2s ease-in-out infinite alternate;
}

.vault-orb::before,
.vault-orb::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(255,224,106,0.48);
}

.vault-orb::before {
    inset: -12px;
    animation: vaultRing 4s linear infinite;
}

.vault-orb::after {
    inset: -24px;
    border-color: rgba(255,45,155,0.34);
    animation: vaultRing 6s linear infinite reverse;
}

.vault-symbol {
    font-size: clamp(3.6rem, 17vw, 6.2rem);
    filter: drop-shadow(0 0 18px rgba(255,224,106,0.85));
}

.vault-locks {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    margin: 18px 0 12px;
}

.vault-lock {
    min-height: 58px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 7px 5px;
    border: 1px solid rgba(0,232,255,0.24);
    border-radius: 9px;
    background: rgba(0,12,28,0.72);
    color: #669ab1;
    font-size: 0.58rem;
    letter-spacing: 1px;
    transition: transform 0.36s ease, border-color 0.36s ease, color 0.36s ease, box-shadow 0.36s ease;
}

.vault-lock b {
    color: #7b93a5;
    font-family: 'Arial Black', 'Trebuchet MS', Arial, sans-serif;
    font-size: clamp(0.8rem, 4vw, 1.05rem);
}

.vault-lock.revealed {
    color: #fff1a3;
    border-color: #ffe06a;
    transform: translateY(-3px) scale(1.03);
    box-shadow: 0 0 18px rgba(255,224,106,0.28);
}

.vault-lock.revealed b {
    color: #ffe06a;
    text-shadow: 0 0 10px rgba(255,224,106,0.60);
}

.vault-status {
    min-height: 24px;
    color: #82eaff;
    font-size: clamp(0.78rem, 3.6vw, 1rem);
    font-weight: 700;
    letter-spacing: 0.5px;
}

.vault-total {
    min-height: 42px;
    margin-top: 8px;
    color: #55ffc2;
    font-family: 'Arial Black', 'Trebuchet MS', Arial, sans-serif;
    font-size: clamp(1rem, 5.4vw, 1.55rem);
    font-weight: 900;
    text-shadow: 0 0 14px rgba(67,255,154,0.55);
}

@keyframes vaultField {
    to { transform: rotate(360deg); }
}

@keyframes vaultContentIn {
    from { opacity: 0; transform: translateY(30px) scale(0.82); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes vaultOrbPulse {
    to { transform: scale(1.04); box-shadow: 0 0 42px rgba(0,232,255,0.62), inset 0 0 42px rgba(255,224,106,0.26); }
}

@keyframes vaultRing {
    to { transform: rotate(360deg); }
}

.header {
    position: relative;
    text-align: center;
    margin-bottom: 7px;
    padding: 0 36px;
}

.title {
    font-family: 'Arial Black', 'Trebuchet MS', Arial, sans-serif;
    font-size: clamp(1.35rem, 6.2vw, 1.85rem);
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: 2px;
    background: linear-gradient(90deg, var(--c), #fff, var(--m), #fff, var(--c));
    background-size: 260% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shine 5s linear infinite;
    filter: drop-shadow(0 0 12px rgba(0, 232, 255, 0.4));
}

@keyframes shine {
    to { background-position: 260% center; }
}

.sub {
    font-size: 0.68rem;
    color: #69bfe6;
    letter-spacing: 1.5px;
    margin-top: 2px;
}

.help-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid var(--c);
    background: rgba(0, 200, 255, 0.15);
    color: var(--c);
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 0 14px rgba(0, 232, 255, 0.18);
}

.help-btn:hover {
    background: rgba(0, 232, 255, 0.28);
}

.machine {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(165deg, rgba(8, 8, 28, 0.98), rgba(15, 17, 48, 0.98)),
        radial-gradient(circle at 50% 0%, rgba(0, 232, 255, 0.10), transparent 45%);
    border: 2px solid var(--c);
    border-radius: 18px;
    padding: 10px;
    box-shadow:
        0 0 42px rgba(0, 220, 255, 0.24),
        0 18px 60px rgba(0,0,0,0.55),
        inset 0 0 72px rgba(0, 75, 120, 0.14);
    transition: transform 0.05s;
}

.machine::before {
    content: '';
    position: absolute;
    inset: -2px;
    z-index: -1;
    border-radius: inherit;
    background: conic-gradient(from 0deg, transparent, rgba(0,232,255,0.5), transparent, rgba(255,45,155,0.45), transparent);
    filter: blur(18px);
    opacity: 0.45;
    animation: machineAura 7s linear infinite;
}

@keyframes machineAura {
    to { transform: rotate(360deg); }
}

.machine.shake {
    animation: shake 0.45s cubic-bezier(.36,.07,.19,.97) both;
}

@keyframes shake {
    10%, 90% { transform: translate3d(-1px,0,0); }
    20%, 80% { transform: translate3d(2px,0,0); }
    30%, 50%, 70% { transform: translate3d(-3px,0,0); }
    40%, 60% { transform: translate3d(3px,0,0); }
}

.machine.shake-hard {
    animation: shakeHard 0.65s cubic-bezier(.36,.07,.19,.97) both;
}

@keyframes shakeHard {
    10%, 90% { transform: translate3d(-2px,0,0) rotate(-0.5deg); }
    20%, 80% { transform: translate3d(3px,0,0) rotate(0.5deg); }
    30%, 50%, 70% { transform: translate3d(-5px,0,0) rotate(-1deg); }
    40%, 60% { transform: translate3d(5px,0,0) rotate(1deg); }
}

.top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 4px;
    margin-bottom: 6px;
    flex-wrap: wrap;
}

.jp {
    flex: 1 1 70px;
    min-width: 68px;
    position: relative;
    overflow: hidden;
    padding: 5px 2px;
    border: 1px solid rgba(0, 170, 255, 0.30);
    border-radius: 6px;
    background: linear-gradient(180deg, rgba(0, 18, 34, 0.92), rgba(0,0,0,0.62));
    text-align: center;
    font-family: 'Arial Black', 'Trebuchet MS', Arial, sans-serif;
    font-size: 0.52rem;
    color: #7ac9e5;
}

.jp::after {
    content: '';
    position: absolute;
    top: -100%;
    left: -40%;
    width: 38%;
    height: 300%;
    transform: rotate(25deg);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.22), transparent);
    animation: jpSweep 5.5s linear infinite;
}

@keyframes jpSweep {
    0%, 54% { left: -55%; }
    80%, 100% { left: 130%; }
}

.jp b {
    display: block;
    color: #00ffda;
    font-size: 0.76rem;
    transition: color 0.3s, transform 0.3s;
}

.jp.hot {
    border-color: var(--m);
    animation: jpHot 0.28s ease 7;
}

.jp.hot b {
    color: #ff8bd0;
    text-shadow: 0 0 10px var(--m);
}

@keyframes jpHot {
    50% { transform: scale(1.06); box-shadow: 0 0 18px rgba(255,45,155,0.65); }
}

.session {
    width: 100%;
    font-size: 0.62rem;
    color: #79c8f3;
    text-align: right;
    white-space: nowrap;
}

.fair {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
    margin-bottom: 6px;
    padding: 5px 7px;
    border: 1px solid #065d6a;
    border-radius: 7px;
    background: rgba(0, 15, 35, 0.80);
    font-size: 0.60rem;
}

.fair code {
    max-width: 138px;
    overflow: hidden;
    color: #16e3a5;
    font-size: 0.56rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sound-btn {
    min-width: 78px;
    border-color: #39d9a2;
    color: #72ffd0;
    background: rgba(0, 80, 58, 0.34);
}

.sound-btn:hover:not(:disabled) {
    background: rgba(0, 140, 96, 0.45);
}

.sound-btn.muted {
    border-color: #7b5467;
    color: #a88494;
    background: rgba(60, 28, 45, 0.38);
}

.canvas-box {
    position: relative;
    overflow: hidden;
    margin-bottom: 7px;
    border: 2px solid #00b9e6;
    border-radius: 11px;
    background: #000;
    box-shadow: inset 0 0 34px rgba(0, 232, 255, 0.14), 0 0 18px rgba(0, 185, 230, 0.18);
}

.canvas-box::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 4;
    pointer-events: none;
    background:
        linear-gradient(90deg, transparent 0 49.7%, rgba(255,255,255,0.03) 50%, transparent 50.3%),
        repeating-linear-gradient(to bottom, transparent 0 4px, rgba(0,232,255,0.025) 5px);
}

#cv {
    display: block;
    width: 100%;
    height: auto;
    background: #000;
}

.reel-status {
    position: absolute;
    left: 50%;
    bottom: 5px;
    z-index: 5;
    transform: translateX(-50%);
    padding: 2px 9px;
    border: 1px solid rgba(0,232,255,0.24);
    border-radius: 999px;
    background: rgba(0,0,0,0.58);
    color: #74dff4;
    font-family: 'Arial Black', 'Trebuchet MS', Arial, sans-serif;
    font-size: 0.48rem;
    letter-spacing: 1px;
    pointer-events: none;
}

.overlay {
    position: absolute;
    inset: 0;
    z-index: 8;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
    pointer-events: none;
    opacity: 0;
    text-align: center;
    background: radial-gradient(circle, rgba(13,4,28,0.65), rgba(0,0,0,0.80));
    transition: opacity 0.22s;
}

.overlay.show {
    opacity: 1;
}

.overlay .big {
    margin-bottom: 6px;
    color: #ff79c5;
    font-family: 'Arial Black', 'Trebuchet MS', Arial, sans-serif;
    font-size: clamp(1.28rem, 6vw, 1.82rem);
    font-weight: 900;
    text-shadow: 0 0 18px var(--m), 0 0 40px #f06;
    animation: ovPop 0.45s cubic-bezier(.2,.9,.25,1.3);
}

.overlay .sub {
    color: #69f7ff;
    font-family: 'Arial Black', 'Trebuchet MS', Arial, sans-serif;
    font-size: clamp(0.72rem, 3.6vw, 1rem);
    font-weight: 900;
    text-shadow: 0 0 16px var(--c);
}

@keyframes ovPop {
    from { transform: scale(0.35) rotate(-4deg); opacity: 0; }
    to { transform: scale(1) rotate(0); opacity: 1; }
}

.boost-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 1px 0 5px;
    padding: 7px 8px;
    border: 1px solid rgba(0,232,255,0.22);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(0,24,42,0.82), rgba(0,10,24,0.82));
}

.boost-title-copy {
    min-width: 0;
}

.boost-title span {
    display: block;
    color: #9adcf3;
    font-family: 'Arial Black', 'Trebuchet MS', Arial, sans-serif;
    font-size: 0.61rem;
    font-weight: 700;
    letter-spacing: 1px;
}

.boost-title b {
    display: block;
    overflow: hidden;
    margin-top: 2px;
    color: #55f3bf;
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 0.45px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.boost-toggle {
    flex: 0 0 auto;
    min-width: 58px;
    min-height: 27px;
    padding: 4px 8px;
    border: 1px solid #00a9dc;
    border-radius: 5px;
    background: rgba(0,48,66,0.72);
    color: #75e8ff;
    font-family: 'Arial Black', 'Trebuchet MS', Arial, sans-serif;
    font-size: 0.55rem;
    font-weight: 700;
    cursor: pointer;
}

.boost-toggle:hover {
    background: rgba(0,87,112,0.82);
    color: #fff;
}

.boost-panel {
    max-height: 180px;
    overflow: hidden;
    opacity: 1;
    transition: max-height 0.32s ease, opacity 0.24s ease, margin 0.32s ease;
}

.boost-panel.collapsed {
    max-height: 0;
    margin-bottom: 0;
    opacity: 0;
    pointer-events: none;
}

.boosts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px;
    margin-bottom: 6px;
}

.boost {
    position: relative;
    overflow: hidden;
    min-height: 34px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4px 5px;
    border: 1px solid #d53699;
    border-radius: 6px;
    background: rgba(255, 45, 155, 0.10);
    color: #ffc1e6;
    text-align: center;
    font-size: 0.60rem;
    font-weight: 700;
    line-height: 1.05;
    cursor: pointer;
    user-select: none;
    transition: transform 0.14s, background 0.2s, color 0.2s, box-shadow 0.2s;
}

.boost::after {
    content: '';
    position: absolute;
    inset: 0;
    transform: translateX(-120%);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.22), transparent);
}

.boost:hover {
    transform: translateY(-1px);
    background: rgba(255, 45, 155, 0.18);
}

.boost.on {
    color: #170011;
    border-color: #ff7bca;
    background: linear-gradient(180deg, #ff7bca, #ff2d9b);
    box-shadow: 0 0 14px rgba(255,45,155,0.55), inset 0 1px 0 rgba(255,255,255,0.5);
}

.boost.on::after {
    animation: boostSweep 1.6s ease-in-out infinite;
}

.boost small {
    display: block;
    margin-top: 3px;
    color: #8fb8ca;
    font-size: 0.49rem;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.boost.on small {
    color: #310021;
}

.boost:disabled {
    opacity: 0.52;
    cursor: not-allowed;
    transform: none;
}

@keyframes boostSweep {
    55%, 100% { transform: translateX(120%); }
}

.bonus-lines {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    margin-bottom: 7px;
}

.bonus-line {
    min-width: 0;
    padding: 4px 6px;
    border: 1px solid rgba(0,232,255,0.22);
    border-radius: 6px;
    background: rgba(0, 15, 34, 0.72);
}

.bonus-line.vault-progress {
    grid-column: 1 / -1;
    border-color: rgba(255,224,106,0.34);
    background: linear-gradient(90deg, rgba(44,31,5,0.56), rgba(0,15,34,0.78), rgba(44,31,5,0.56));
}

.bonus-line.vault-progress .row b {
    color: #ffe06a;
}

.bonus-line.vault-progress .meter > i {
    background: linear-gradient(90deg, #ffb82e, #ffe06a, #fff6c4);
    box-shadow: 0 0 10px rgba(255,224,106,0.72);
}

.bonus-line .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    color: #78bdd7;
    font-size: 0.55rem;
}

.bonus-line .row b {
    color: #8dffe0;
    font-family: 'Arial Black', 'Trebuchet MS', Arial, sans-serif;
    font-size: 0.56rem;
}

.meter {
    height: 4px;
    overflow: hidden;
    margin-top: 4px;
    border-radius: 99px;
    background: rgba(255,255,255,0.08);
}

.meter > i {
    display: block;
    width: 0%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--c), var(--g), var(--y));
    box-shadow: 0 0 8px var(--c);
    transition: width 0.35s ease;
}

.controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 6px;
    align-items: center;
}

.panel {
    min-width: 0;
    padding: 7px 5px;
    border: 1px solid #075879;
    border-radius: 8px;
    background: rgba(0, 12, 28, 0.84);
    text-align: center;
    box-shadow: inset 0 0 18px rgba(0,232,255,0.04);
}

.lbl {
    color: #60abc7;
    font-size: 0.58rem;
    letter-spacing: 0.5px;
}

.val {
    overflow: hidden;
    color: #00efd5;
    font-family: 'Arial Black', 'Trebuchet MS', Arial, sans-serif;
    font-size: clamp(0.84rem, 4vw, 1.05rem);
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow: 0 0 8px rgba(0,239,213,0.25);
}

.val.flash {
    color: #ff70c4;
    animation: flash 0.3s ease 5;
}

@keyframes flash {
    50% { opacity: 0.2; transform: scale(1.06); }
}

.spin-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.btn-spin {
    position: relative;
    width: 88px;
    height: 88px;
    border: none;
    border-radius: 50%;
    color: #011;
    font-family: 'Arial Black', 'Trebuchet MS', Arial, sans-serif;
    font-size: 0.92rem;
    font-weight: 900;
    letter-spacing: 0.5px;
    cursor: pointer;
    touch-action: manipulation;
    transition: transform 0.12s, box-shadow 0.12s, filter 0.12s;
}

.btn-spin::before {
    content: '';
    position: absolute;
    inset: 6px;
    border: 1px solid rgba(255,255,255,0.42);
    border-radius: inherit;
    pointer-events: none;
}

.btn-spin.base {
    background: radial-gradient(circle at 35% 28%, #b5ffff, #00dce9 28%, #007f91 72%, #004b59);
    box-shadow: 0 0 24px rgba(0,220,255,0.58), inset 0 -8px 16px rgba(0,0,0,0.25);
}

.btn-spin.base:hover:not(:disabled) {
    filter: brightness(1.12);
    box-shadow: 0 0 34px rgba(0,220,255,0.78), inset 0 -8px 16px rgba(0,0,0,0.20);
}

.btn-spin.base:active:not(:disabled) {
    transform: scale(0.93);
}

.btn-spin:disabled {
    color: #78839c;
    background: #34394d;
    box-shadow: none;
    cursor: not-allowed;
}

.btn-spin.free {
    color: #170011;
    background: radial-gradient(circle at 35% 28%, #ffd6ef, #ff42ab 34%, #a90066 78%);
    box-shadow: 0 0 28px rgba(255,45,155,0.62), inset 0 -8px 16px rgba(0,0,0,0.22);
    animation: freePulse 1s ease-in-out infinite alternate;
}

@keyframes freePulse {
    to { transform: scale(1.04); box-shadow: 0 0 38px rgba(255,45,155,0.85); }
}

.btn-spin.auto {
    color: #fff;
    background: radial-gradient(circle at 35% 28%, #a6ffd5, #00bf73 35%, #004b32 78%);
    box-shadow: 0 0 24px rgba(0,210,125,0.55), inset 0 -8px 16px rgba(0,0,0,0.22);
}

.bet-btns,
.auto-row {
    display: flex;
    justify-content: center;
    gap: 3px;
    flex-wrap: wrap;
}

.bet-btns {
    margin-top: 4px;
}

.btn {
    min-height: 25px;
    padding: 3px 7px;
    border: 1px solid #00a9dc;
    border-radius: 4px;
    background: #001f2b;
    color: #38d9ff;
    font-family: 'Arial Black', 'Trebuchet MS', Arial, sans-serif;
    font-size: 0.60rem;
    cursor: pointer;
    touch-action: manipulation;
    transition: background 0.16s, color 0.16s, transform 0.12s;
}

.btn:hover:not(:disabled) {
    background: #00445a;
    color: #fff;
}

.btn:active:not(:disabled) {
    transform: scale(0.94);
}

.btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.btn.selected {
    color: #061116;
    border-color: #6dffff;
    background: #52f2ff;
}

.msg {
    min-height: 22px;
    margin-top: 6px;
    color: #34d1d1;
    text-align: center;
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: 0.3px;
    text-shadow: 0 0 8px rgba(0,232,255,0.18);
}

.msg.big {
    color: #ff72c5;
    font-size: 1rem;
    text-shadow: 0 0 12px var(--m);
}

.breakdown {
    min-height: 16px;
    margin-top: 1px;
    color: #688ca8;
    text-align: center;
    font-size: 0.56rem;
    line-height: 1.2;
}

.stats {
    margin-top: 8px;
    color: #6bafff;
    text-align: center;
    font-size: 0.64rem;
    line-height: 1.4;
}

.disclaimer {
    max-width: 400px;
    margin: 9px auto 0;
    color: #52627b;
    text-align: center;
    font-size: 0.58rem;
    line-height: 1.35;
}

.modal-bg {
    position: fixed;
    inset: 0;
    z-index: 100;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 12px;
    background: rgba(0,0,0,0.88);
    backdrop-filter: blur(7px);
}

.modal-bg.open {
    display: flex;
}

.modal {
    position: relative;
    width: 100%;
    max-width: 430px;
    max-height: 91vh;
    overflow-y: auto;
    padding: 18px 16px 20px;
    border: 2px solid var(--c);
    border-radius: 14px;
    background: linear-gradient(165deg, #090a20, #121432);
    box-shadow: 0 0 50px rgba(0,200,255,0.32);
}

.modal-close {
    position: sticky;
    top: 0;
    z-index: 10;
    float: right;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 50%;
    background: #ff4aaa;
    color: #15000e;
    font-size: 1.3rem;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 0 12px rgba(255,45,155,0.8);
}

.modal h2 {
    clear: both;
    margin: 8px 0 10px;
    color: var(--c);
    font-family: 'Arial Black', 'Trebuchet MS', Arial, sans-serif;
    font-size: 1.2rem;
}

.modal h3 {
    margin: 14px 0 6px;
    color: #ff63ba;
    font-family: 'Arial Black', 'Trebuchet MS', Arial, sans-serif;
    font-size: 0.91rem;
}

.modal p,
.modal li {
    margin-bottom: 6px;
    color: #c6e9fa;
    font-size: 0.80rem;
    line-height: 1.45;
}

.modal ul {
    margin-bottom: 8px;
    padding-left: 18px;
}

.modal .sym-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 4px 0;
    color: #c6e9fa;
    font-size: 0.77rem;
}

.modal .sym-row span {
    width: 28px;
    text-align: center;
    font-size: 1.3rem;
}

.modal code {
    color: #65f4c0;
    word-break: break-all;
}

.particles {
    position: absolute;
    inset: 0;
    z-index: 7;
    overflow: hidden;
    pointer-events: none;
}

.particle {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #00eeff;
    box-shadow: 0 0 8px #00eeff;
    animation: fly 1.25s ease-out forwards;
}

.particle.square {
    border-radius: 1px;
    transform: rotate(45deg);
}

@keyframes fly {
    0% { transform: translate(0,0) scale(1) rotate(0deg); opacity: 1; }
    100% { transform: translate(var(--tx),var(--ty)) scale(0) rotate(360deg); opacity: 0; }
}

.build-strip {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex-wrap: wrap;
    margin-top: 4px;
    color: #67a8c8;
    font-size: 0.48rem;
    letter-spacing: 0.7px;
}

.build-badge {
    display: inline-flex;
    align-items: center;
    min-height: 19px;
    padding: 2px 7px;
    border: 1px solid rgba(255, 224, 106, 0.38);
    border-radius: 999px;
    background: rgba(255, 224, 106, 0.08);
    color: #ffe98c;
    white-space: nowrap;
}

.build-badge.pass {
    border-color: rgba(67, 255, 154, 0.44);
    background: rgba(67, 255, 154, 0.09);
    color: #86ffc0;
}

.build-badge.fail {
    border-color: rgba(255, 69, 111, 0.55);
    background: rgba(255, 69, 111, 0.11);
    color: #ff88a4;
}

.audit-btn {
    min-width: 66px;
    border-color: #b991ff;
    color: #d9c4ff;
    background: rgba(92, 43, 145, 0.32);
}

.audit-btn:hover:not(:disabled) {
    background: rgba(120, 62, 185, 0.48);
}

.audit-meta {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    margin: 8px 0 10px;
}

.audit-meta > div {
    min-width: 0;
    padding: 7px;
    border: 1px solid rgba(0, 232, 255, 0.18);
    border-radius: 7px;
    background: rgba(0, 15, 34, 0.58);
}

.audit-meta span {
    display: block;
    color: #6ca9c6;
    font-size: 0.58rem;
}

.audit-meta b,
.audit-meta code {
    display: block;
    overflow-wrap: anywhere;
    color: #8dffe0;
    font-size: 0.66rem;
}

.audit-actions {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin: 8px 0 10px;
}

.audit-list {
    display: grid;
    gap: 6px;
    max-height: 310px;
    overflow-y: auto;
    padding-right: 2px;
}

.audit-empty {
    padding: 14px 8px;
    border: 1px dashed rgba(0, 232, 255, 0.24);
    border-radius: 8px;
    color: #7ca9cf;
    text-align: center;
    font-size: 0.72rem;
}

.audit-row {
    padding: 7px;
    border: 1px solid rgba(0, 232, 255, 0.18);
    border-radius: 8px;
    background: rgba(0, 12, 28, 0.72);
}

.audit-row-head {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 4px;
    color: #91dcff;
    font-size: 0.62rem;
}

.audit-row-body {
    color: #b9d8e8;
    font-size: 0.61rem;
    line-height: 1.35;
}

.audit-row code {
    color: #65f4c0;
    font-size: 0.56rem;
    overflow-wrap: anywhere;
}

.runtime-alert {
    position: fixed;
    left: 50%;
    bottom: max(12px, env(safe-area-inset-bottom));
    z-index: 140;
    width: min(92vw, 420px);
    transform: translateX(-50%);
    padding: 10px 12px;
    border: 1px solid #ff456f;
    border-radius: 9px;
    background: rgba(35, 2, 17, 0.96);
    color: #ffd0dc;
    text-align: center;
    font-size: 0.72rem;
    box-shadow: 0 0 28px rgba(255, 69, 111, 0.35);
}

.runtime-alert[hidden] {
    display: none;
}

@media (max-width: 370px) {
    .audit-meta { grid-template-columns: 1fr; }
}

@media (max-width: 370px) {
    body { padding-left: 4px; padding-right: 4px; }
    .machine { padding: 7px; }
    .boost { font-size: 0.54rem; }
    .btn-spin { width: 78px; height: 78px; font-size: 0.82rem; }
    .btn { padding-left: 5px; padding-right: 5px; font-size: 0.55rem; }
    .jp { min-width: 62px; }
}

@media (max-height: 700px) and (orientation: landscape) {
    body { align-items: center; padding-top: 4px; padding-bottom: 6px; }
    .wrap { max-width: 760px; }
    .header { margin-bottom: 3px; }
    .title { font-size: 1.2rem; }
    .sub { display: none; }
    .machine { padding: 7px; }
    .canvas-box { width: 52%; float: left; margin-right: 8px; }
    .boost-title, .boost-panel, .bonus-lines, .controls, .msg, .breakdown { width: calc(48% - 8px); margin-left: auto; }
    .stats, .disclaimer { clear: both; }
    .btn-spin { width: 72px; height: 72px; font-size: 0.75rem; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
    }
}
</style>
</head>
<body data-rsssl=1>
<div class="bg"></div>
<div class="scanlines"></div>
<div class="screen-flash" id="screenFlash"></div>

<div class="wrap">
    <div class="header">
        <div class="title">HOLO SLOTS</div>
        <div class="sub">PROGRESSIVE • IMMERSIVE • AFBN</div>
        <div class="build-strip"><span class="build-badge" id="buildBadge">SELF-CHECK PENDING</span><span>V1.0.1 • MATH HS-91B</span></div>
        <button type="button" class="help-btn" id="helpBtn" title="Open help" aria-label="Open help">?</button>
    </div>

<div class="machine" id="machine">
        <div class="top">
            <div class="jp" id="jpMini">MINI<b>$42.00</b></div>
            <div class="jp" id="jpMinor">MINOR<b>$186.00</b></div>
            <div class="jp" id="jpMajor">MAJOR<b>$1,240.00</b></div>
            <div class="jp" id="jpGrand">GRAND<b>$12,500.00</b></div>
            <div class="session">Spins: <span id="spins">0</span> • Paid: <span id="paidSpins">0</span> • Free: <span id="freePlayed">0</span></div>
        </div>

<div class="fair">
            <span id="fairModeLabel">🔐 Fresh cryptographic RNG generated for every spin</span>
            <code id="hash">RNG READY • AWAITING SPIN</code>
            <button type="button" class="btn sound-btn" id="soundBtn" aria-pressed="true">🔊 SOUND</button>
            <button type="button" class="btn audit-btn" id="auditBtn">AUDIT</button>
            <button type="button" class="btn" id="sessionBtn">NEW / CASHOUT</button>
        </div>

<div class="canvas-box">
            <canvas id="cv" width="400" height="240" aria-label="Five-reel, three-row Holo Slots reels">Your browser requires canvas support.</canvas>
            <div class="particles" id="particles"></div>
            <div class="overlay" id="ov"><div class="big" id="ovBig"></div><div class="sub" id="ovSub"></div></div>
            <div class="reel-status" id="reelStatus">243 UNIQUE PATHS • HIGHEST PAY PER PATH</div>
        </div>

<div class="boost-title">
            <div class="boost-title-copy">
                <span>OPTIONAL GAMEPLAY ENHANCEMENTS</span>
                <b id="boostSummary">0 SELECTED • TOTAL BET $1.00</b>
            </div>
            <button type="button" class="boost-toggle" id="boostToggle" aria-controls="boostPanel" aria-expanded="true">HIDE</button>
        </div>

<div class="boost-panel" id="boostPanel">
            <div class="boosts" id="boosts">
                <button type="button" class="boost" id="b1" data-boost="1" aria-pressed="false">⚡ QUANTUM<br>×1.25 WINS<small>+25% BET</small></button>
                <button type="button" class="boost" id="b2" data-boost="2" aria-pressed="false">🔥 OVERCHARGE<br>×1.15 WINS<small>+15% BET</small></button>
                <button type="button" class="boost" id="b3" data-boost="3" aria-pressed="false">🌀 WILD LOCK<br>100% STICKY<small>+20% BET</small></button>
                <button type="button" class="boost" id="b4" data-boost="4" aria-pressed="false">💎 CORE MAGNET<br>+20% CORE WEIGHT<small>+20% BET</small></button>
                <button type="button" class="boost" id="b5" data-boost="5" aria-pressed="false">🐗 WILD PULSE<br>5% WILD CHANCE<small>+5% BET</small></button>
                <button type="button" class="boost" id="b6" data-boost="6" aria-pressed="false">✨ DOUBLE SPARK<br>10% DOUBLE WIN<small>+10% BET</small></button>
            </div>
        </div>

<div class="bonus-lines">
            <div class="bonus-line">
                <div class="row"><span>LOSS MOMENTUM</span><b id="momentumText">×1.00</b></div>
                <div class="meter"><i id="momentumMeter"></i></div>
            </div>
            <div class="bonus-line">
                <div class="row"><span>BONUS CHARGE</span><b id="chargeText">0%</b></div>
                <div class="meter"><i id="chargeMeter"></i></div>
            </div>
            <div class="bonus-line">
                <div class="row"><span>FREE MULTIPLIER</span><b id="freeMultText">×1</b></div>
                <div class="meter"><i id="freeMultMeter"></i></div>
            </div>
            <div class="bonus-line">
                <div class="row"><span>STICKY WILDS</span><b id="stickyText">0</b></div>
                <div class="meter"><i id="stickyMeter"></i></div>
            </div>
            <div class="bonus-line vault-progress">
                <div class="row"><span>💲 HOLO VAULT COLLECTION</span><b id="cashText">0 / 15</b></div>
                <div class="meter"><i id="cashMeter"></i></div>
            </div>
        </div>

<div class="controls">
            <div class="panel">
                <div class="lbl">BALANCE</div>
                <div class="val" id="bal">1000.00</div>
                <div class="lbl" style="margin-top:3px">BASE BET</div>
                <div class="bet-btns" id="betBtns">
                    <button type="button" class="btn" data-bet="0.5">0.5</button>
                    <button type="button" class="btn selected" data-bet="1">1</button>
                    <button type="button" class="btn" data-bet="2">2</button>
                    <button type="button" class="btn" data-bet="5">5</button>
                    <button type="button" class="btn" data-bet="10">10</button>
                </div>
            </div>

<div class="panel">
                <div class="lbl">WIN</div>
                <div class="val" id="win">0.00</div>
                <div class="lbl" style="margin-top:3px">TOTAL BET <span id="betL">$1.00</span></div>
            </div>
        </div>

<div class="msg" id="msg" role="status" aria-live="polite">Progressive pots live • Collect 15 💲 symbols to open the Holo Vault</div>
        <div class="breakdown" id="breakdown">No wager placed yet.</div>
    </div>

<div class="stats" id="stats">Session return — • Wagered $0.00 • Returned $0.00</div>
    <div class="disclaimer">DISTRIBUTOR EVALUATION BUILD — NO REAL MONEY. Every spin generates a new cryptographically secure browser-random outcome, a unique spin identifier, and a result fingerprint. Progressive pots persist in this browser; Holo Vault 💲 collection progress, session counters, free-spin state, balance, and the current spin identifier reset on NEW / CASHOUT or refresh. This build is not a certified gambling product.</div>
</div>

<div class="vault-takeover" id="vaultTakeover" aria-hidden="true">
    <div class="vault-content">
        <div class="vault-kicker">15 ULTRA-RARE SYMBOLS COLLECTED</div>
        <div class="vault-title">HOLO VAULT</div>
        <div class="vault-orb"><span class="vault-symbol">💲</span></div>
        <div class="vault-locks">
            <div class="vault-lock" id="vaultLock1"><span>LOCK 1</span><b>SEALED</b></div>
            <div class="vault-lock" id="vaultLock2"><span>LOCK 2</span><b>SEALED</b></div>
            <div class="vault-lock" id="vaultLock3"><span>LOCK 3</span><b>SEALED</b></div>
        </div>
        <div class="vault-status" id="vaultStatus">Initializing secure vault sequence…</div>
        <div class="vault-total" id="vaultTotal"></div>
    </div>
</div>

<div class="modal-bg" id="helpModal" role="dialog" aria-modal="true" aria-labelledby="helpTitle">
    <div class="modal">
        <button type="button" class="modal-close" id="modalClose" aria-label="Close help">×</button>
        <h2 id="helpTitle">HOLO SLOTS HELP</h2>

<h3>How to Play</h3>
        <p>Choose a total bet, then press <b>SPIN</b>. The game evaluates all 243 unique row paths from the leftmost reel to the right. Each path is counted once, and only the highest valid symbol payout on that path is awarded, so Wild substitutions never double-count the same path.</p>
        <p>Ways and Scatter payouts use the selected base bet and a calibrated 4.25-credit normalization: <b>listed multiplier × base bet ÷ 4.25 for each winning path</b>. Optional enhancement premiums are added to the amount wagered but do not silently enlarge the paytable before their stated effects are applied. A non-paying Null symbol lowers the hit frequency without altering the published symbol weights. Scatter pay is awarded once from the total number of Quantum Cores visible anywhere.</p>

<h3>Symbols & Pays</h3>
        <div class="sym-row"><span>🐗</span> Holo BOAR Wild — 3×8 • 4×25 • 5×80</div>
        <div class="sym-row"><span>💎</span> Quantum Core Scatter — 3×3 • 4×12 • 5+×40</div>
        <div class="sym-row"><span>💲</span> Holo Dollar — ultra-rare collector symbol; 15 opens the Holo Vault</div>
        <div class="sym-row"><span>🔥</span> Neon Phoenix — 3×6 • 4×18 • 5×50</div>
        <div class="sym-row"><span>🐉</span> Cyber Dragon — 3×5 • 4×14 • 5×40</div>
        <div class="sym-row"><span>🛡️</span> Holo Knight — 3×4 • 4×10 • 5×30</div>
        <div class="sym-row"><span>🔲</span> Circuit — 3×2 • 4×6 • 5×18</div>
        <div class="sym-row"><span>📊</span> Stream — 3×1.5 • 4×4 • 5×12</div>
        <div class="sym-row"><span>⚡</span> Orb — 3×1 • 4×3 • 5×10</div>
        <div class="sym-row"><span>A K</span> — 3×0.8 • 4×2.5 • 5×8</div>
        <div class="sym-row"><span>Q J</span> — 3×0.6 • 4×2 • 5×6</div>
        <div class="sym-row"><span>10</span> — 3×0.5 • 4×1.5 • 5×5</div>
        <div class="sym-row"><span>◌</span> Null Field — non-paying blocker</div>

<h3>Holo Overload Free Spins</h3>
        <p>Land 3 / 4 / 5 or more Quantum Cores anywhere to award 6 / 9 / 12 free spins. Free spins consume no balance. After a winning free spin, the multiplier has a 15% chance to rise by one level up to ×3. Holo BOAR Wilds have a 25% normal chance to become sticky, and three or more Cores during the feature retrigger three additional free spins.</p>

<h3>Optional Gameplay Enhancements</h3>
        <p>Enhancements can be shown or hidden with the panel toggle. Each selected enhancement adds its displayed premium to the base bet. Because combined effects can reinforce one another, every enhancement after the first adds a clearly displayed 5% stacking premium. The resulting total bet is deducted on paid spins and is used for progressive contributions, progressive chance scaling, Bonus Charge, and Holo Vault awards. Standard Ways and Scatter payouts remain based on the selected base bet, then each enhancement applies only its stated effect.</p>
        <ul>
            <li><b>Quantum:</b> adds 25% to the base bet and multiplies non-jackpot spin winnings by 1.25.</li>
            <li><b>Overcharge:</b> adds 15% to the base bet and multiplies non-jackpot spin winnings by 1.15.</li>
            <li><b>Wild Lock:</b> adds 20% to the base bet and makes every Wild appearing during free spins sticky instead of using the normal 25% stick chance.</li>
            <li><b>Core Magnet:</b> adds 20% to the base bet and increases the Quantum Core selection weight by 20% before each symbol is selected.</li>
            <li><b>Wild Pulse:</b> adds 5% to the base bet and gives each completed spin a 5% chance to transform one eligible non-Scatter, non-collector position into a Holo BOAR Wild.</li>
            <li><b>Double Spark:</b> adds 10% to the base bet and gives a positive non-jackpot spin win a 10% chance to double.</li>
        </ul>

<h3>Additional Good Bonuses</h3>
        <ul>
            <li><b>Loss Momentum:</b> every paid spin with no regular win adds 0.01 to the next regular-win multiplier, up to ×1.05. It resets after a regular win.</li>
            <li><b>Bonus Charge:</b> every paid spin with no regular win adds 4%. At 100%, the next regular win adds a flat bonus worth 0.35× the displayed total bet, then resets.</li>
            <li><b>Jackpots:</b> paid spins are eligible for Mini, Minor, Major, and Grand. Chance scales with the displayed total bet, each jackpot is added to the balance exactly once before its pot resets, and jackpot awards do not stop an active autoplay sequence.</li>
            <li><b>Holo Vault:</b> every ultra-rare 💲 symbol is collected across spins during the current terminal session. The collection resets on NEW / CASHOUT or refresh. Reaching 15 replaces the main interface with a full-screen secure bonus sequence. Three independently generated locks reveal actual multipliers from ×0.30 through ×1.50, the completed award is credited once, any collection symbols beyond 15 carry forward, and the main interface animates back into view.</li>
        </ul>

<h3>Anticipation Teases</h3>
        <p>Core and Holo Vault teases can extend the final-reel animation and add anticipation audio after the complete random result has already been generated. Tease presentation never changes, replaces, rerolls, or forces a symbol.</p>

<h3>Distributor Evaluation Build</h3>
        <p><b>Build v1.0.1 / Math profile HS-91B.</b> The game performs a startup integrity self-check, fingerprints the active math configuration, creates a SHA-256 result fingerprint for each completed random grid when Web Crypto digest support is available, and keeps a downloadable in-memory audit record of recent spins. These controls support engineering review; they are not a substitute for a certified server-authoritative wagering platform or laboratory approval.</p>

<h3>Autoplay Safeguards</h3>
        <p>Autoplay is limited to 10, 25, or 50 paid spins. Jackpot awards are fully presented and then autoplay continues automatically without resetting the remaining spin count. Autoplay stops after a Holo Vault trigger, free-spin trigger, non-jackpot win of 20× the displayed total bet or greater, session reminder, insufficient balance, runtime safety fault, or when the browser tab is hidden. Awarded free spins still resolve automatically after paid autoplay stops.</p>

<h3>Math Profile Disclosure</h3>
        <p>HS-91B is an engineering configuration intended to preserve a stronger sustainable house advantage while keeping outcomes independently random. Developer Monte Carlo testing is included in the distribution package, but displayed or documented return estimates are not certification. Final theoretical return, hit frequency, volatility, feature frequency, maximum exposure, and every enhancement combination must be independently calculated and approved for each target jurisdiction.</p>

<h3>Sound System</h3>
        <p>The sound engine is synthesized in real time with Web Audio: rapid icon clicks while the reels move, crisp individual reel locks, click-based Scatter anticipation, tiered win arpeggios, free-spin chimes, retriggers, bonus cues, and jackpot fanfares. The continuous rising siren has been removed. Use the SOUND button to mute or restore audio.</p>

<h3>Progressive Pots</h3>
        <p>Every paid spin contributes 0.40% to Mini, 0.30% to Minor, 0.20% to Major, and 0.15% to Grand. Pots are stored locally in this browser. Mini resets to $25, Minor to $100, Major to $500, and Grand to $5,000 after a win.</p>

<h3>Cryptographic Randomness</h3>
        <p>Every spin creates a new random spin identifier and requests fresh gameplay values from <b>window.crypto.getRandomValues</b>. Unbiased rejection sampling is used whenever an integer index is required, and <b>Math.random</b> is never used for symbols, jackpots, Wild Pulse, Double Spark, free-spin multiplier increases, sticky-Wild decisions, or Holo Vault results. Visual particles, reel timing, and synthesized audio may use cosmetic randomness because they cannot affect the outcome. Browser-generated randomness is used independently for every spin; any regulated real-money deployment still requires tamper-resistant wagering records, jurisdictional controls, independent laboratory testing, and all applicable approvals.</p>

<h3>Technical Integration Guide</h3>
        <p>Holo Slots is designed as a fully decoupled presentation layer. The UI contains no proprietary RNG — it consumes only explicit symbol matrices and payout instructions.</p>
        <p><b>Server-agnostic architecture:</b> Add <code>?mode=demo_server</code> to the URL to activate the integration demo. In this mode the spin button calls a simulated asynchronous endpoint before animating the result. The UI waits for the server response, showing a smooth spinning animation, and then renders whatever grid the “server” returns.</p>
        <p><b>Expected API endpoint (real deployment):</b></p>
        <ul>
            <li><b>POST /spin</b> (or equivalent RPC)</li>
            <li>Request body: <code>{ "sessionId": "HEX", "spinId": "HEX", "totalWager": 1.25, "baseBet": 1, "freeSpin": false, "boosts": [1,5] }</code></li>
            <li>Response body: <code>{ "grid": [["BOAR","A","K"],["CORE","PHO","DRA"],...], "jackpot": null, "vaultMultipliers": [] }</code></li>
        </ul>
        <p>The front end expects a 5×3 array of symbol IDs matching the internal symbol set (BOAR, CORE, PHO, DRA, KNI, CHI, STR, ORB, A, K, Q, J, T, CASH, VOID). The layout engine then evaluates all 243 ways using the public 4.25‑credit normalization, applies bonuses, handles free spins, jackpot awards, and the Holo Vault, and plays all animations and sounds automatically. The engineering team simply maps their certified RNG system to send this matrix string.</p>
        <p><b>Design targets:</b> HS‑91B is a high-volatility profile built around the Holo Vault takeover chase. The base game delivers frequent small “stay and play” returns for broad appeal, while the Vault collection and progressive jackpots provide the large-event excitement. Full PAR sheet and Monte Carlo data are available in the distribution package.</p>

<p style="margin-top:14px;font-size:0.73rem;color:#7ca9cf">Distributor evaluation build only. No real money is involved. Do not represent this software as certified, approved, patented, or patent pending unless the corresponding status has actually been obtained.</p>
    </div>
</div>

<div class="modal-bg" id="auditModal" role="dialog" aria-modal="true" aria-labelledby="auditTitle">
    <div class="modal">
        <button type="button" class="modal-close" id="auditClose" aria-label="Close audit log">×</button>
        <h2 id="auditTitle">BUILD & SPIN AUDIT</h2>
        <p>Recent records are held only in memory and disappear on refresh. Export before refreshing or ending an evaluation session.</p>
        <div class="audit-meta">
            <div><span>BUILD</span><b id="auditBuild">v1.0.1 • HS-91B</b></div>
            <div><span>SESSION</span><code id="auditSession">INITIALIZING</code></div>
            <div><span>MATH FINGERPRINT</span><code id="auditMathHash">CALCULATING…</code></div>
            <div><span>SELF-CHECK</span><b id="auditIntegrity">PENDING</b></div>
        </div>
        <div class="audit-actions">
            <button type="button" class="btn" id="exportAuditBtn">EXPORT JSON</button>
            <button type="button" class="btn" id="clearAuditBtn">CLEAR LOG</button>
            <button type="button" class="btn" id="dlIntegrationBtn">INTEGRATION.md</button>
            <button type="button" class="btn" id="dlMathBtn">MATH HS-91B</button>
            <button type="button" class="btn" id="dlLicenseBtn">LICENSE</button>
        </div>
        <div class="audit-list" id="auditList"></div>
    </div>
</div>

(function () {
    const $ = (id) => document.getElementById(id);
    const money = (value) => Math.round((Number(value) + Number.EPSILON) * 100) / 100;
    const clamp = (value, min, max) => Math.min(max, Math.max(min, value));
    const formatMoney = (value) => Number(value).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });

const GAME_VERSION = '1.0.1';
    const BUILD_ID = 'HS-DIST-2026-07-23-R1';
    const MATH_PROFILE = 'HS-91B';
    const MAX_AUDIT_RECORDS = 100;
    const AUTO_DEFAULT_SPINS = 25;
    const AUTO_STOP_WIN_MULTIPLE = 20;
    const SESSION_REMINDER_PAID_SPINS = 100;
    const SESSION_REMINDER_MINUTES = 30;
    const UINT32_RANGE = 4294967296;
    const secureCrypto = window.crypto || window.msCrypto || null;

const SERVER_DELAY = 800;

function secureRandomAvailable() {
        return Boolean(secureCrypto && typeof secureCrypto.getRandomValues === 'function');
    }

function requireSecureRandom() {
        if (!secureRandomAvailable()) {
            throw new Error('Cryptographically secure randomness is unavailable in this browser.');
        }
    }

function secureBytes(length) {
        requireSecureRandom();
        const bytes = new Uint8Array(length);
        secureCrypto.getRandomValues(bytes);
        return bytes;
    }

function bytesToHex(bytes) {
        return Array.from(bytes, (value) => value.toString(16).padStart(2, '0')).join('').toUpperCase();
    }

function secureIdentifier(byteLength) {
        return bytesToHex(secureBytes(byteLength));
    }

function secureUint32() {
        requireSecureRandom();
        const values = new Uint32Array(1);
        secureCrypto.getRandomValues(values);
        return values[0];
    }

function secureRandomFloat() {
        return secureUint32() / UINT32_RANGE;
    }

function secureRandomInt(maxExclusive) {
        if (!Number.isSafeInteger(maxExclusive) || maxExclusive <= 0 || maxExclusive > UINT32_RANGE) {
            throw new RangeError('secureRandomInt requires a positive safe integer no greater than 2^32.');
        }

const rejectionLimit = Math.floor(UINT32_RANGE / maxExclusive) * maxExclusive;
        let value;

do {
            value = secureUint32();
        } while (value >= rejectionLimit);

return value % maxExclusive;
    }

function visualRandom() {
        return Math.random();
    }

const SYMS = Object.freeze([
        Object.freeze({ id: 'BOAR', e: '🐗', n: 'BOAR', w: 1.0, wild: true, col: '#55ffff' }),
        Object.freeze({ id: 'CASH', e: '💲', n: 'VAULT', w: 0.35, cash: true, col: '#ffe06a' }),
        Object.freeze({ id: 'CORE', e: '💎', n: 'CORE', w: 1.5, scat: true, col: '#ff78df' }),
        Object.freeze({ id: 'PHO', e: '🔥', n: 'PHOENIX', w: 4.0, col: '#ff9d32' }),
        Object.freeze({ id: 'DRA', e: '🐉', n: 'DRAGON', w: 5.0, col: '#6a9fff' }),
        Object.freeze({ id: 'KNI', e: '🛡️', n: 'KNIGHT', w: 6.0, col: '#9ad9ff' }),
        Object.freeze({ id: 'CHI', e: '🔲', n: 'CIRCUIT', w: 8.5, col: '#30caff' }),
        Object.freeze({ id: 'STR', e: '📊', n: 'STREAM', w: 11, col: '#30e7a2' }),
        Object.freeze({ id: 'ORB', e: '⚡', n: 'ORB', w: 13, col: '#fff36d' }),
        Object.freeze({ id: 'A', e: 'A', n: 'A', w: 15, col: '#e7f4ff' }),
        Object.freeze({ id: 'K', e: 'K', n: 'K', w: 15, col: '#d7e9f6' }),
        Object.freeze({ id: 'Q', e: 'Q', n: 'Q', w: 16, col: '#b8cedf' }),
        Object.freeze({ id: 'J', e: 'J', n: 'J', w: 16, col: '#9db7c9' }),
        Object.freeze({ id: 'T', e: '10', n: '10', w: 18, col: '#859eb1' }),
        Object.freeze({ id: 'VOID', e: '◌', n: 'NULL', w: 16, void: true, col: '#526579' })
    ]);

const SYMBOL_BY_ID = Object.freeze(Object.fromEntries(SYMS.map((symbol) => [symbol.id, symbol])));
    const PAY = Object.freeze({
        BOAR: Object.freeze({ 3: 8, 4: 25, 5: 80 }),
        CORE: Object.freeze({ 3: 3, 4: 12, 5: 40 }),
        PHO: Object.freeze({ 3: 6, 4: 18, 5: 50 }),
        DRA: Object.freeze({ 3: 5, 4: 14, 5: 40 }),
        KNI: Object.freeze({ 3: 4, 4: 10, 5: 30 }),
        CHI: Object.freeze({ 3: 2, 4: 6, 5: 18 }),
        STR: Object.freeze({ 3: 1.5, 4: 4, 5: 12 }),
        ORB: Object.freeze({ 3: 1, 4: 3, 5: 10 }),
        A: Object.freeze({ 3: 0.8, 4: 2.5, 5: 8 }),
        K: Object.freeze({ 3: 0.8, 4: 2.5, 5: 8 }),
        Q: Object.freeze({ 3: 0.6, 4: 2, 5: 6 }),
        J: Object.freeze({ 3: 0.6, 4: 2, 5: 6 }),
        T: Object.freeze({ 3: 0.5, 4: 1.5, 5: 5 })
    });

const PAYING_IDS = Object.freeze(Object.keys(PAY).filter((id) => id !== 'CORE'));

let rngSessionId = '';
    let currentSpinId = '';
    let currentResultFingerprint = 'UNAVAILABLE';
    let mathFingerprint = 'CALCULATING';
    let selfCheckPassed = false;
    let selfCheckDetails = [];
    let sessionStartedAt = Date.now();
    let lastReminderSpin = 0;
    let lastModalFocus = null;
    const auditRecords = [];
    let nonce = 0;
    let sessionGeneration = 0;

let jp = { ...JP_START };
    let balance = 1000;
    let bet = 1;
    let currentSpinWager = 1;
    let currentSpinPayBasis = 1;
    let spinning = false;
    let freeSpins = 0;
    let freeMultiplier = 1;
    let stickyWilds = [];
    let currentWin = 0;
    let auto = false;
    let autoRemaining = 0;
    let spins = 0;
    let paidSpins = 0;
    let freePlayed = 0;
    let totalBet = 0;
    let totalWon = 0;
    let lossStreak = 0;
    let bonusCharge = 0;
    let cashCollected = 0;
    let vaultBonusActive = false;
    let boostPanelOpen = true;
    let lastBreakdown = 'No wager placed yet.';
    let spinWasFree = false;
    let currentSpinNonce = 0;
    let audioContext = null;
    let masterGain = null;
    let compressor = null;
    let soundEnabled = true;
    let spinClickTimer = 0;
    let spinClickStep = 0;
    let anticipationLevel = 0;
    let overlayTimer = 0;
    let nextSpinTimer = 0;
    let reelStatusTimer = 0;
    let reelTimers = [];
    let vaultTimers = [];

const boost = { 1: false, 2: false, 3: false, 4: false, 5: false, 6: false };

const grid = Array.from({ length: 5 }, () => Array(3).fill(SYMBOL_BY_ID.A));
    const cv = $('cv');
    const ctx = cv.getContext('2d', { alpha: false });
    const offsets = [0, 0, 0, 0, 0];
    const speeds = [0, 0, 0, 0, 0];
    const spinningReel = [false, false, false, false, false];
    const stopGlow = [0, 0, 0, 0, 0];
    let animationFrame = 0;
    let winningCells = new Set();
    let winPulseStart = 0;

if (serverMode) {
        $('fairModeLabel').textContent = '🌐 SERVER MODE • RNG from simulated async endpoint';
    }

function selectedBoostCount() {
        return Object.keys(boost).reduce((count, key) => count + (boost[key] ? 1 : 0), 0);
    }

function boostCostRate() {
        return Object.keys(boost).reduce((rate, key) => rate + (boost[key] ? BOOST_COST[key] : 0), 0);
    }

function stackingCostRate() {
        return Math.max(0, selectedBoostCount() - 1) * STACKING_SURCHARGE_PER_ADDITIONAL;
    }

function totalWager() {
        return money(bet * (1 + boostCostRate() + stackingCostRate()));
    }

function activeBoostIds() {
        return Object.keys(boost).filter((key) => boost[key]).map(Number);
    }

function stableMathConfiguration() {
        return {
            buildId: BUILD_ID,
            version: GAME_VERSION,
            mathProfile: MATH_PROFILE,
            waysDivisor: WAYS_DIVISOR,
            momentumStep: MOMENTUM_STEP,
            momentumMaxStreak: MOMENTUM_MAX_STREAK,
            chargeStep: CHARGE_STEP,
            chargeBonusMultiplier: CHARGE_BONUS_MULTIPLIER,
            freeMultiplierChance: FREE_MULTIPLIER_CHANCE,
            freeMultiplierMax: FREE_MULTIPLIER_MAX,
            stickyWildChance: STICKY_WILD_CHANCE,
            jackpotOddsScale: JACKPOT_ODDS_SCALE,
            vaultGoal: CASH_GOAL,
            vaultMinimum: VAULT_MIN_CENTS / 100,
            vaultMaximum: (VAULT_MIN_CENTS + VAULT_RANDOM_CENT_VALUES - 1) / 100,
            boostCost: BOOST_COST,
            stackingSurcharge: STACKING_SURCHARGE_PER_ADDITIONAL,
            jackpotBase: JP_BASE,
            symbolWeights: SYMS.map((symbol) => ({ id: symbol.id, weight: symbol.w })),
            paytable: PAY
        };
    }

async function sha256Text(text) {
        if (!secureCrypto || !secureCrypto.subtle || typeof TextEncoder !== 'function') return fallbackFingerprint(text);
        const bytes = new TextEncoder().encode(text);
        const digest = await secureCrypto.subtle.digest('SHA-256', bytes);
        return bytesToHex(new Uint8Array(digest));
    }

function serializedGrid(resultGrid) {
        return resultGrid.map((reel) => reel.map((symbol) => symbol.id));
    }

async function fingerprintResult(resultGrid) {
        const payload = {
            buildId: BUILD_ID,
            mathProfile: MATH_PROFILE,
            sessionId: rngSessionId,
            spin: currentSpinNonce,
            spinId: currentSpinId,
            freeSpin: spinWasFree,
            baseBet: bet,
            totalWager: currentSpinWager,
            boosts: activeBoostIds(),
            grid: serializedGrid(resultGrid)
        };
        return sha256Text(JSON.stringify(payload));
    }

async function initializeBuildIntegrity() {
        runSelfCheck();
        try {
            mathFingerprint = await sha256Text(JSON.stringify(stableMathConfiguration()));
        } catch (error) {
            mathFingerprint = 'DIGEST-ERROR';
        }
        $('auditMathHash').textContent = mathFingerprint;
        $('auditBuild').textContent = `v${GAME_VERSION} • ${MATH_PROFILE} • ${BUILD_ID}`;
        updateInterface();
    }

function appendAuditRecord(record) {
        auditRecords.push(record);
        if (auditRecords.length > MAX_AUDIT_RECORDS) auditRecords.splice(0, auditRecords.length - MAX_AUDIT_RECORDS);
    }

function updateLastAuditVault(vaultWin, totalMultiplier, multipliers) {
        const record = auditRecords[auditRecords.length - 1];
        if (!record) return;
        record.vault = {
            award: money(vaultWin),
            totalMultiplier: money(totalMultiplier),
            locks: multipliers.slice()
        };
        record.totalWin = money(record.totalWin + vaultWin);
        record.balanceAfter = money(balance);
    }

function downloadTextFile(filename, content, mime) {
        const blob = new Blob([content], { type: mime || 'text/plain;charset=utf-8' });
        const url = URL.createObjectURL(blob);
        const link = document.createElement('a');
        link.href = url;
        link.download = filename;
        document.body.appendChild(link);
        link.click();
        link.remove();
        window.setTimeout(() => URL.revokeObjectURL(url), 1000);
    }

function downloadIntegrationDoc() {
        const content = `# HoloSlots — Technical Integration Guide
**Build:** v1.0.1  
**Build ID:** HS-DIST-2026-07-23-R1  
**Math Profile:** HS-91B  
**Type:** Distributor Evaluation Build (Presentation Layer Only)

---

## 1. Architecture Overview

Holo Slots is a **fully decoupled presentation layer**.

- The client contains **no proprietary RNG** for production use.
- It consumes only an explicit 5x3 symbol matrix (and optional jackpot / vault instructions) from a server.
- All animation, sound, free-spin state, boosts, progressive display, Vault takeover, and UI are handled entirely by the client after it receives the matrix.

This design allows any certified server-authoritative RNG and accounting system to drive the game without modification to the core evaluation logic.

---

## 2. Server Mode (Integration Demo)

Add the query parameter:

\`\`\`
?mode=demo_server
\`\`\`

In this mode the SPIN button calls a simulated asynchronous endpoint, waits for the response, then animates and evaluates whatever 5x3 matrix is returned.

This path exists purely for integration testing. Replace the mock with your real endpoint.

---

## 3. Expected Production Endpoint

**Method:** \`POST /spin\` (or equivalent RPC)

### Request Body

\`\`\`json
{
  "sessionId": "HEX",
  "spinId": "HEX",
  "totalWager": 1.25,
  "baseBet": 1.00,
  "freeSpin": false,
  "boosts": [1, 5]
}
\`\`\`

| Field        | Type    | Description |
|--------------|---------|-------------|
| sessionId    | string  | Your authoritative session identifier |
| spinId       | string  | Unique identifier for this spin |
| totalWager   | number  | Final amount deducted (base bet + boost premiums + stacking surcharge) |
| baseBet      | number  | Player-selected base bet (used for ways & scatter paytable) |
| freeSpin     | boolean | true if this spin is part of a free-spin feature |
| boosts       | number[]| Array of active boost IDs (1-6) |

### Response Body

\`\`\`json
{
  "grid": [
    ["BOAR", "A", "K"],
    ["CORE", "PHO", "DRA"],
    ["KNI", "CHI", "STR"],
    ["ORB", "Q", "J"],
    ["T", "CASH", "VOID"]
  ],
  "jackpot": null,
  "vaultMultipliers": []
}
\`\`\`

| Field              | Type          | Description |
|--------------------|---------------|-------------|
| grid               | string[][]    | Required. Exactly 5 reels x 3 rows. Symbol IDs must match the set below. |
| jackpot            | object\\|null  | Optional. If present: { "name": "MINI|MINOR|MAJOR|GRAND", "amount": number } |
| vaultMultipliers   | number[]      | Optional. Used only when the server triggers the Holo Vault sequence. |

---

## 4. Symbol ID Set (Exact)

The client expects these exact string IDs:

| ID     | Display | Role                  |
|--------|---------|-----------------------|
| BOAR   | Boar    | Wild                  |
| CORE   | Core    | Scatter               |
| CASH   | Dollar  | Collector (Holo Vault)|
| PHO    | Phoenix | High                  |
| DRA    | Dragon  | High                  |
| KNI    | Knight  | High                  |
| CHI    | Circuit | Mid                   |
| STR    | Stream  | Mid                   |
| ORB    | Orb     | Mid                   |
| A      | A       | Low                   |
| K      | K       | Low                   |
| Q      | Q       | Low                   |
| J      | J       | Low                   |
| T      | 10      | Low                   |
| VOID   | Null    | Non-paying blocker    |

Any unknown ID will throw a runtime error and halt the spin.

---

## 5. Client-Side Evaluation Rules (Public)

After receiving the matrix the client performs:

1. 243-ways evaluation — all left-to-right paths, highest paying combination per path only.
2. Ways payout formula: listed_multiplier x baseBet / 4.25
3. Scatter pay — paid once from total CORE count anywhere on the grid.
4. Boost effects — applied only as documented (they never silently inflate the base paytable).
5. Free-spin state machine, sticky Wilds, Loss Momentum, Bonus Charge, progressive contribution display, and Holo Vault collection are all managed by the client.

Jackpot awards and final Vault multipliers may be supplied by the server or generated client-side in evaluation mode only.

---

## 6. Boost IDs

| ID | Name          | Premium | Effect                              |
|----|---------------|---------|-------------------------------------|
| 1  | Quantum       | +25%    | x1.25 non-jackpot wins              |
| 2  | Overcharge    | +15%    | x1.15 non-jackpot wins              |
| 3  | Wild Lock     | +20%    | 100% sticky Wilds in free spins     |
| 4  | Core Magnet   | +20%    | +20% CORE weight                    |
| 5  | Wild Pulse    | +5%     | 5% chance to force one Wild         |
| 6  | Double Spark  | +10%    | 10% chance to double non-jackpot win|

Stacking surcharge: +5% of base bet for every boost after the first.

---

## 7. Recommended Integration Sequence

1. Replace the mock simulateServerSpin() with a real fetch / WebSocket call to your endpoint.
2. Map your certified RNG output to the exact symbol ID set above.
3. Return the 5x3 matrix. The client will handle everything else.
4. Optionally return jackpot and vaultMultipliers when your server decides those outcomes.
5. Keep balance, session, and all regulatory logic on the server.

---

## 8. Important Legal Notice

This build is a Distributor Evaluation Build.
It is not a certified gambling product.
It must not be represented as approved, certified, or ready for real-money play until independent laboratory testing and all required jurisdictional approvals have been obtained.
`;
        downloadTextFile('Holo_Slots_INTEGRATION.md', content, 'text/markdown;charset=utf-8');
    }

function downloadMathDoc() {
        const content = `# HoloSlots — Math Profile HS-91B Disclosure
**Build:** v1.0.1  
**Build ID:** HS-DIST-2026-07-23-R1  
**Profile:** HS-91B (Engineering Configuration)

---

## 1. Purpose of This Document

HS-91B is an internal engineering math profile created for the Distributor Evaluation Build.
It is intended to demonstrate feature behaviour, volatility shape, and integration readiness.

This document is **not** a laboratory-certified PAR sheet.
Final theoretical return, hit frequency, volatility, feature frequency, maximum exposure, and every boost combination must be independently calculated and approved for each target jurisdiction before any real-money deployment.

---

## 2. Core Configuration

| Parameter                    | Value          |
|-----------------------------|----------------|
| Reels x Rows                | 5 x 3          |
| Ways                        | 243 (all paths)|
| Ways payout formula         | multiplier x baseBet / 4.25 |
| Scatter pay                 | From total CORE count anywhere |
| Null symbol (VOID)          | Non-paying blocker |
| Free spins (3/4/5+ Cores)   | 6 / 9 / 12     |
| Free-spin multiplier climb  | 15% chance per winning free spin, max x3 |
| Sticky Wild chance (normal) | 25%            |
| Wild Lock boost             | Forces 100% sticky |
| Loss Momentum               | +0.01 per dead paid spin, max x1.05 |
| Bonus Charge                | +4% per dead paid spin, 0.35x total bet at 100% |
| Holo Vault goal             | 15 CASH symbols |
| Vault multipliers           | Three independent draws, 0.30 – 1.50 each |

---

## 3. Progressive Contribution Rates (Paid Spins)

| Pot    | Contribution | Reset Value |
|--------|--------------|-------------|
| Mini   | 0.40%        | $25         |
| Minor  | 0.30%        | $100        |
| Major  | 0.20%        | $500        |
| Grand  | 0.15%        | $5,000      |

Jackpot chance scales with displayed total bet.
Jackpot awards are added once and the pot resets.

---

## 4. Symbol Weights (Base)

| Symbol | Weight |
|--------|--------|
| BOAR   | 1.0    |
| CASH   | 0.35   |
| CORE   | 1.5    |
| PHO    | 4.0    |
| DRA    | 5.0    |
| KNI    | 6.0    |
| CHI    | 8.5    |
| STR    | 11     |
| ORB    | 13     |
| A      | 15     |
| K      | 15     |
| Q      | 16     |
| J      | 16     |
| T      | 18     |
| VOID   | 16     |

Core Magnet boost multiplies CORE weight by 1.20 before selection.

---

## 5. Paytable (Listed Multipliers)

| Symbol | 3x   | 4x   | 5x   |
|--------|------|------|------|
| BOAR   | 8    | 25   | 80   |
| CORE   | 3    | 12   | 40   |
| PHO    | 6    | 18   | 50   |
| DRA    | 5    | 14   | 40   |
| KNI    | 4    | 10   | 30   |
| CHI    | 2    | 6    | 18   |
| STR    | 1.5  | 4    | 12   |
| ORB    | 1    | 3    | 10   |
| A / K  | 0.8  | 2.5  | 8    |
| Q / J  | 0.6  | 2    | 6    |
| T      | 0.5  | 1.5  | 5    |

Ways payouts use the 4.25-credit normalisation.
Scatter is paid from total count, not per path.

---

## 6. Boost Premiums & Stacking

| Boost ID | Premium | Effect |
|----------|---------|--------|
| 1 Quantum     | +25% | x1.25 non-jackpot wins |
| 2 Overcharge  | +15% | x1.15 non-jackpot wins |
| 3 Wild Lock   | +20% | 100% sticky in free spins |
| 4 Core Magnet | +20% | +20% CORE weight |
| 5 Wild Pulse  | +5%  | 5% chance one forced Wild |
| 6 Double Spark| +10% | 10% chance double non-jackpot win |

Stacking surcharge: +5% of base bet for every boost after the first.
Boost premiums affect total wager (and therefore progressive contribution and Vault awards) but do not silently enlarge the published paytable.

---

## 7. Design Intent

HS-91B is a high-volatility profile built around the Holo Vault collector chase.

- Base game is tuned for frequent small “stay-and-play” returns.
- The Vault collection and progressive jackpots supply the large-event excitement.
- Developer Monte Carlo data exists in the distribution package but is not certification.

Any commercial deployment requires independent laboratory calculation of the final theoretical return and all jurisdictional approvals.

---

## 8. Fingerprinting

The client computes a SHA-256 (or FNV-32 fallback) fingerprint of the entire frozen math configuration at startup.
Every completed spin also produces a result fingerprint over the canonical payload (build, math profile, session, spin ID, grid, wager, boosts).

These controls support engineering review and audit. They are not a substitute for certified server-side records.
`;
        downloadTextFile('Holo_Slots_MATH_HS-91B.md', content, 'text/markdown;charset=utf-8');
    }

function downloadLicenseDoc() {
        const content = `HOLO SLOTS — DISTRIBUTOR EVALUATION BUILD
LICENSE & USAGE NOTICE
============================================================

Build:          v1.0.1
Build ID:       HS-DIST-2026-07-23-R1
Math Profile:   HS-91B
Date:           2026-07-23

------------------------------------------------------------
1. NATURE OF THIS SOFTWARE
------------------------------------------------------------

This software is a Distributor Evaluation Build only.
It is provided for technical evaluation, integration testing,
and demonstration purposes.

It is NOT a certified gambling product.
It is NOT approved for real-money play in any jurisdiction.
It must NOT be represented as certified, approved, patented,
or patent-pending unless the corresponding status has actually
been obtained through proper laboratory testing and regulatory
approval.

------------------------------------------------------------
2. EVALUATION LICENSE (DEFAULT)
------------------------------------------------------------

Unless a separate commercial agreement has been signed in writing,
the recipient is granted a limited, non-exclusive, non-transferable
evaluation license to:

- Run the software for internal testing and demonstration
  - Review the source code for integration planning
  - Connect a development / staging backend for technical evaluation

This evaluation license does NOT include the right to:

- Deploy the software in any real-money environment
  - Redistribute the source code or binaries
  - Remove or obscure the evaluation disclaimers
  - Claim ownership of the intellectual property
  - Sublicense or white-label the software

------------------------------------------------------------
3. COMMERCIAL LICENSE
------------------------------------------------------------

A commercial license (non-exclusive frontend license or exclusive
source + IP assignment) may be granted only under a separate written
agreement that specifies:

- License type (non-exclusive or exclusive)
  - Territory and term
  - Fees and payment terms
  - Support obligations
  - Intellectual property ownership
  - Warranties and limitations of liability
  - Regulatory compliance responsibilities of the licensee

No commercial rights exist until such an agreement is fully executed.

------------------------------------------------------------
4. INTELLECTUAL PROPERTY
------------------------------------------------------------

All rights, title, and interest in the Holo Slots source code,
math configuration HS-91B, design, trademarks, and related materials
remain the exclusive property of the copyright holder (AFBN / the
author) until and unless transferred under a signed exclusive
assignment agreement.

------------------------------------------------------------
5. NO WARRANTY
------------------------------------------------------------

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, AND
NON-INFRINGEMENT.

IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR
ANY CLAIM, DAMAGES, OR OTHER LIABILITY ARISING FROM THE USE OF
THE SOFTWARE.

------------------------------------------------------------
6. REGULATORY RESPONSIBILITY
------------------------------------------------------------

Any party that deploys or offers this software (or a derivative)
for real-money play assumes full responsibility for obtaining
all required laboratory certifications, jurisdictional licences,
and regulatory approvals.

The original author accepts no responsibility for regulatory
compliance of any commercial deployment.

------------------------------------------------------------
END OF NOTICE
`;
        downloadTextFile('Holo_Slots_LICENSE_EVALUATION.txt', content, 'text/plain;charset=utf-8');
    }

function resetCashProgress() {
        cashCollected = 0;
        try {
            localStorage.removeItem(CASH_STORAGE_KEY);
        } catch (error) {
            return;
        }
    }

function loadCashProgress() {
        resetCashProgress();
    }

function saveCashProgress() {
        try {
            localStorage.removeItem(CASH_STORAGE_KEY);
        } catch (error) {
            return;
        }
    }

function scheduleVaultTask(callback, delay) {
        const timer = window.setTimeout(callback, delay);
        vaultTimers.push(timer);
        return timer;
    }

function clearVaultTasks() {
        vaultTimers.forEach((timer) => window.clearTimeout(timer));
        vaultTimers = [];
    }

function saveSoundPreference() {
        try {
            localStorage.setItem('hp_sound_enabled', String(soundEnabled));
        } catch (error) {
            return;
        }
    }

function updateSoundButton() {
        const button = $('soundBtn');
        if (!button) return;
        button.textContent = soundEnabled ? '🔊 SOUND' : '🔇 MUTED';
        button.classList.toggle('muted', !soundEnabled);
        button.setAttribute('aria-pressed', String(soundEnabled));
    }

function ensureAudio() {
        if (!soundEnabled) return null;
        const AudioCtx = window.AudioContext || window.webkitAudioContext;
        if (!AudioCtx) return null;

try {
            if (!audioContext) {
                audioContext = new AudioCtx();
                compressor = audioContext.createDynamicsCompressor();
                compressor.threshold.value = -18;
                compressor.knee.value = 20;
                compressor.ratio.value = 5;
                compressor.attack.value = 0.003;
                compressor.release.value = 0.22;

masterGain = audioContext.createGain();
                masterGain.gain.value = 0.72;
                masterGain.connect(compressor);
                compressor.connect(audioContext.destination);
            }

if (audioContext.state === 'suspended') {
                audioContext.resume().catch(() => {});
            }
        } catch (error) {
            audioContext = null;
            masterGain = null;
            compressor = null;
            return null;
        }

return audioContext;
    }

function connectAudio(node) {
        if (!masterGain) return false;
        node.connect(masterGain);
        return true;
    }

function tone(frequency, duration, volume, type, delay, endFrequency, pan) {
        const ac = ensureAudio();
        if (!ac || !masterGain) return;

const start = ac.currentTime + (delay || 0);
        const osc = ac.createOscillator();
        const gain = ac.createGain();
        const stereo = typeof ac.createStereoPanner === 'function' ? ac.createStereoPanner() : null;

osc.type = type || 'sine';
        osc.frequency.setValueAtTime(Math.max(20, frequency), start);
        if (endFrequency && endFrequency > 0) {
            osc.frequency.exponentialRampToValueAtTime(Math.max(20, endFrequency), start + duration);
        }

gain.gain.setValueAtTime(0.0001, start);
        gain.gain.exponentialRampToValueAtTime(Math.max(0.0002, volume || 0.04), start + 0.012);
        gain.gain.exponentialRampToValueAtTime(0.0001, start + duration);

if (stereo) {
            stereo.pan.setValueAtTime(clamp(pan || 0, -1, 1), start);
            osc.connect(gain);
            gain.connect(stereo);
            stereo.connect(masterGain);
        } else {
            osc.connect(gain);
            gain.connect(masterGain);
        }

osc.start(start);
        osc.stop(start + duration + 0.04);
    }

function noiseBurst(duration, volume, filterFrequency, delay, pan) {
        const ac = ensureAudio();
        if (!ac || !masterGain) return;

const length = Math.max(1, Math.floor(ac.sampleRate * duration));
        const buffer = ac.createBuffer(1, length, ac.sampleRate);
        const data = buffer.getChannelData(0);

for (let index = 0; index < length; index += 1) {
            const envelope = 1 - index / length;
            data[index] = (Math.random() * 2 - 1) * envelope;
        }

const source = ac.createBufferSource();
        const filter = ac.createBiquadFilter();
        const gain = ac.createGain();
        const stereo = typeof ac.createStereoPanner === 'function' ? ac.createStereoPanner() : null;
        const start = ac.currentTime + (delay || 0);

source.buffer = buffer;
        filter.type = 'bandpass';
        filter.frequency.value = filterFrequency || 1200;
        filter.Q.value = 0.8;
        gain.gain.setValueAtTime(Math.max(0.0002, volume || 0.03), start);
        gain.gain.exponentialRampToValueAtTime(0.0001, start + duration);

source.connect(filter);
        filter.connect(gain);

if (stereo) {
            stereo.pan.value = clamp(pan || 0, -1, 1);
            gain.connect(stereo);
            stereo.connect(masterGain);
        } else {
            gain.connect(masterGain);
        }

source.start(start);
        source.stop(start + duration + 0.02);
    }

function soundButton() {
        tone(680, 0.07, 0.018, 'sine', 0, 920, 0);
        tone(1180, 0.045, 0.01, 'triangle', 0.035, 940, 0);
    }

function soundIconClick(step, emphasis, panOverride, delay) {
        const index = Number.isFinite(step) ? step : 0;
        const strength = clamp(Number.isFinite(emphasis) ? emphasis : 0, 0, 2);
        const pan = Number.isFinite(panOverride) ? clamp(panOverride, -1, 1) : -0.8 + (index % 5) * 0.4;
        const startDelay = Math.max(0, delay || 0);
        const bodyFrequency = 760 + (index % 4) * 95 + strength * 120;
        const edgeFrequency = 1550 + (index % 3) * 180 + strength * 180;

noiseBurst(0.022 + strength * 0.004, 0.014 + strength * 0.005, edgeFrequency, startDelay, pan);
        tone(bodyFrequency, 0.032, 0.010 + strength * 0.003, 'square', startDelay, bodyFrequency * 0.72, pan);
        tone(edgeFrequency, 0.018, 0.005 + strength * 0.002, 'triangle', startDelay + 0.004, edgeFrequency * 0.82, pan);
    }

function startSpinSound() {
        stopSpinSound(true);
        const ac = ensureAudio();
        if (!ac || !masterGain) return;

spinClickStep = 0;

const playClick = () => {
            soundIconClick(spinClickStep, spinClickStep % 8 === 0 ? 0.35 : 0, undefined, 0);
            spinClickStep += 1;
        };

playClick();
        spinClickTimer = window.setInterval(playClick, 72);
    }

function stopSpinSound() {
        if (spinClickTimer) {
            window.clearInterval(spinClickTimer);
            spinClickTimer = 0;
        }
        spinClickStep = 0;
    }

function soundStop(reelIndex) {
        const pan = -0.75 + reelIndex * 0.375;
        soundIconClick(reelIndex + 20, 1.15, pan, 0);
        noiseBurst(0.034, 0.021, 1180 + reelIndex * 90, 0.004, pan);
        tone(420 + reelIndex * 34, 0.048, 0.014, 'square', 0.002, 315 + reelIndex * 25, pan);
    }

function soundAnticipation(level) {
        const clicks = level >= 3 ? 5 : 3;
        for (let index = 0; index < clicks; index += 1) {
            const pan = clicks === 1 ? 0 : -0.45 + (index / (clicks - 1)) * 0.9;
            soundIconClick(40 + index + level, 0.85 + level * 0.12, pan, index * 0.055);
        }
    }

function soundWin(level) {
        const sequences = level >= 2
            ? [392, 523.25, 659.25, 783.99, 1046.5]
            : level === 1
                ? [329.63, 440, 554.37, 659.25]
                : [293.66, 369.99, 440];

sequences.forEach((note, index) => {
            const delay = index * (level >= 2 ? 0.065 : 0.08);
            tone(note, level >= 2 ? 0.34 : 0.24, level >= 2 ? 0.038 : 0.026, 'triangle', delay, note * 1.012, -0.45 + index * 0.22);
            tone(note * 2, 0.18, level >= 2 ? 0.014 : 0.009, 'sine', delay + 0.018, note * 2.02, 0.45 - index * 0.18);
        });

if (level >= 2) {
            noiseBurst(0.35, 0.025, 3400, 0.02, 0);
        }
    }

function soundFreeSpins() {
        [220, 277.18, 329.63, 440, 554.37, 659.25, 880].forEach((note, index) => {
            tone(note, 0.38, 0.036, index % 2 ? 'triangle' : 'sine', index * 0.075, note * 1.03, -0.7 + index * 0.23);
        });
        noiseBurst(0.55, 0.028, 2800, 0.08, 0);
    }

function soundRetrigger() {
        [523.25, 659.25, 783.99, 1046.5].forEach((note, index) => {
            tone(note, 0.27, 0.032, 'triangle', index * 0.065, note * 1.02, -0.35 + index * 0.24);
        });
    }

function soundJackpot() {
        const chord = [130.81, 164.81, 196, 261.63, 329.63, 392, 523.25, 659.25, 783.99, 1046.5];
        chord.forEach((note, index) => {
            tone(note, 0.62, index < 3 ? 0.026 : 0.042, index % 3 === 0 ? 'sawtooth' : 'triangle', index * 0.065, note * 1.025, -0.85 + index * 0.19);
            if (index >= 3) tone(note * 2, 0.31, 0.012, 'sine', index * 0.065 + 0.02, note * 2.04, 0.85 - index * 0.15);
        });
        noiseBurst(0.85, 0.04, 3600, 0.06, 0);
    }

function soundNoWin() {
        tone(185, 0.14, 0.014, 'triangle', 0, 132, 0);
        tone(98, 0.18, 0.009, 'sine', 0.04, 82, 0);
    }

function soundChargeReady() {
        [440, 554.37, 659.25, 880].forEach((note, index) => {
            tone(note, 0.22, 0.024, 'sine', index * 0.055, note * 1.02, -0.3 + index * 0.2);
        });
    }

function soundVaultStart() {
        [110, 146.83, 220, 293.66, 440].forEach((note, index) => {
            tone(note, 0.72, 0.032, index % 2 ? 'triangle' : 'sine', index * 0.11, note * 1.08, -0.65 + index * 0.32);
        });
        noiseBurst(0.62, 0.032, 2200, 0.12, 0);
    }

function soundVaultReveal(index, multiplier) {
        const base = 360 + index * 120 + Math.round(multiplier * 35);
        tone(base, 0.34, 0.035, 'triangle', 0, base * 1.42, -0.45 + index * 0.45);
        tone(base * 2, 0.24, 0.018, 'sine', 0.055, base * 2.08, 0.45 - index * 0.45);
        noiseBurst(0.18, 0.018, 3000 + index * 350, 0.02, 0);
    }

function soundVaultComplete() {
        [261.63, 329.63, 392, 523.25, 659.25, 783.99, 1046.5].forEach((note, index) => {
            tone(note, 0.54, 0.038, index % 2 ? 'triangle' : 'sine', index * 0.075, note * 1.025, -0.7 + index * 0.23);
        });
        noiseBurst(0.82, 0.038, 3900, 0.06, 0);
    }

function toggleSound() {
        soundEnabled = !soundEnabled;
        saveSoundPreference();
        updateSoundButton();

if (!soundEnabled) {
            stopSpinSound(true);
            if (masterGain && audioContext) {
                masterGain.gain.cancelScheduledValues(audioContext.currentTime);
                masterGain.gain.setValueAtTime(0.0001, audioContext.currentTime);
            }
            return;
        }

const ac = ensureAudio();
        if (ac && masterGain) {
            masterGain.gain.cancelScheduledValues(ac.currentTime);
            masterGain.gain.setValueAtTime(0.0001, ac.currentTime);
            masterGain.gain.exponentialRampToValueAtTime(0.72, ac.currentTime + 0.08);
            soundButton();
        }
    }

function saveJackpots() {
        try {
            localStorage.setItem('hp_jp_v2', JSON.stringify(jp));
        } catch (error) {
            return;
        }
    }

function contributeToJackpots(wager) {
        jp.mini += wager * 0.004;
        jp.minor += wager * 0.003;
        jp.major += wager * 0.002;
        jp.grand += wager * 0.0015;
        updateJackpots();
    }

function startSpinRandom() {
        requireSecureRandom();
        nonce += 1;
        currentSpinNonce = nonce;
        currentSpinId = secureIdentifier(8);
    }

function randomOutcome() {
        return secureRandomFloat();
    }

function pickSymbol() {
        const weightedSymbols = SYMS.map((symbol) => {
            const baseUnits = Math.round(symbol.w * 100);
            const weightUnits = symbol.id === 'CORE' && boost[4] ? Math.round(baseUnits * 1.20) : baseUnits;
            return { symbol, weightUnits };
        });

const totalWeightUnits = weightedSymbols.reduce((sum, entry) => sum + entry.weightUnits, 0);
        let roll = secureRandomInt(totalWeightUnits);

for (const entry of weightedSymbols) {
            if (roll < entry.weightUnits) return entry.symbol;
            roll -= entry.weightUnits;
        }

return weightedSymbols[weightedSymbols.length - 1].symbol;
    }

function setMessage(text, big) {
        const message = $('msg');
        message.textContent = text;
        message.className = `msg${big ? ' big' : ''}`;
    }

function setBreakdown(text) {
        lastBreakdown = text;
        $('breakdown').textContent = text;
    }

function showOverlay(big, sub, milliseconds) {
        window.clearTimeout(overlayTimer);
        $('ovBig').textContent = big;
        $('ovSub').textContent = sub || '';
        $('ov').classList.remove('show');
        void $('ov').offsetWidth;
        $('ov').classList.add('show');
        overlayTimer = window.setTimeout(() => $('ov').classList.remove('show'), milliseconds);
    }

function flashScreen() {
        const flash = $('screenFlash');
        flash.classList.remove('fire');
        void flash.offsetWidth;
        flash.classList.add('fire');
    }

function shake(level) {
        const machine = $('machine');
        machine.classList.remove('shake', 'shake-hard');
        void machine.offsetWidth;
        machine.classList.add(level >= 2 ? 'shake-hard' : 'shake');
    }

function clearTimers() {
        window.clearTimeout(nextSpinTimer);
        window.clearTimeout(reelStatusTimer);
        reelTimers.forEach((timer) => window.clearTimeout(timer));
        reelTimers = [];
        clearVaultTasks();
        window.clearTimeout(overlayTimer);
        stopSpinSound(true);
        vaultBonusActive = false;
        $('vaultTakeover').classList.remove('open', 'closing');
        $('vaultTakeover').setAttribute('aria-hidden', 'true');
        document.querySelector('.wrap').classList.remove('vault-out');
    }

function newSession() {
        sessionGeneration += 1;
        clearTimers();
        auto = false;
        autoRemaining = 0;
        spinning = false;
        spinningReel.fill(false);
        if (animationFrame) {
            cancelAnimationFrame(animationFrame);
            animationFrame = 0;
        }

nonce = 0;
        currentSpinId = '';
        currentResultFingerprint = 'UNAVAILABLE';
        rngSessionId = secureRandomAvailable() ? secureIdentifier(6) : 'UNAVAILABLE';
        sessionStartedAt = Date.now();
        lastReminderSpin = 0;
        balance = 1000;
        currentWin = 0;
        freeSpins = 0;
        freeMultiplier = 1;
        stickyWilds = [];
        spins = 0;
        paidSpins = 0;
        freePlayed = 0;
        totalBet = 0;
        totalWon = 0;
        lossStreak = 0;
        bonusCharge = 0;
        currentSpinWager = bet;
        currentSpinPayBasis = bet;
        resetCashProgress();
        winningCells = new Set();
        winPulseStart = 0;

$('hash').textContent = secureRandomAvailable() ? `SESSION ${rngSessionId} • RNG READY` : 'SECURE RNG UNAVAILABLE';
        $('auditSession').textContent = rngSessionId;
        $('spins').textContent = '0';
        $('paidSpins').textContent = '0';
        $('freePlayed').textContent = '0';
        $('autoBtn').textContent = 'AUTO';
        $('spinBtn').disabled = !secureRandomAvailable();
        setReelStatus(BASE_REEL_STATUS, 0);

for (let reel = 0; reel < 5; reel += 1) {
            for (let row = 0; row < 3; row += 1) {
                grid[reel][row] = SYMS[Math.floor(visualRandom() * SYMS.length)];
            }
        }

if (serverMode) {
            showOverlay('SERVER MODE ACTIVE', 'Spin calls simulated async endpoint', 1800);
            setMessage('Server integration demo — each spin requests a matrix from a simulated API', false);
            setBreakdown('Spin button routes to async mock endpoint. Real deployment maps your certified RNG output here.');
        } else if (secureRandomAvailable()) {
            showOverlay('NEW SESSION', 'Fresh cryptographic RNG generated for every spin', 1000);
            setMessage('RNG ready • every spin generates a new secure random outcome', false);
            setBreakdown('No wager placed yet. Every gameplay spin creates a new cryptographic random identifier.');
        } else {
            showOverlay('RNG UNAVAILABLE', 'Spin disabled for safety', 1800);
            setMessage('Secure RNG unavailable • this game will not fall back to Math.random', true);
            setBreakdown('Use a modern browser with window.crypto.getRandomValues support.');
        }

updateInterface();
        updateStats();
        draw(performance.now());
    }

function tryJackpot(isFreeSpin, wager) {
        if (isFreeSpin) return null;
        const chanceScale = clamp(wager, 0.5, 20);
        const pGrand = chanceScale / (2000000 * JACKPOT_ODDS_SCALE);
        const pMajor = chanceScale / (250000 * JACKPOT_ODDS_SCALE);
        const pMinor = chanceScale / (25000 * JACKPOT_ODDS_SCALE);
        const pMini = chanceScale / (2500 * JACKPOT_ODDS_SCALE);
        const roll = randomOutcome();
        let threshold = pGrand;

if (roll < threshold) {
            const amount = money(jp.grand);
            jp.grand = JP_BASE.grand;
            updateJackpots();
            return { key: 'grand', name: 'GRAND', amount };
        }

threshold += pMajor;
        if (roll < threshold) {
            const amount = money(jp.major);
            jp.major = JP_BASE.major;
            updateJackpots();
            return { key: 'major', name: 'MAJOR', amount };
        }

threshold += pMinor;
        if (roll < threshold) {
            const amount = money(jp.minor);
            jp.minor = JP_BASE.minor;
            updateJackpots();
            return { key: 'minor', name: 'MINOR', amount };
        }

threshold += pMini;
        if (roll < threshold) {
            const amount = money(jp.mini);
            jp.mini = JP_BASE.mini;
            updateJackpots();
            return { key: 'mini', name: 'MINI', amount };
        }

return null;
    }

function generateVaultMultiplier() {
        return money((VAULT_MIN_CENTS + secureRandomInt(VAULT_RANDOM_CENT_VALUES)) / 100);
    }

function closeVaultBonus(generation) {
        if (generation !== sessionGeneration) return;
        const takeover = $('vaultTakeover');
        takeover.classList.add('closing');
        scheduleVaultTask(() => {
            if (generation !== sessionGeneration) return;
            takeover.classList.remove('open', 'closing');
            takeover.setAttribute('aria-hidden', 'true');
            document.querySelector('.wrap').classList.remove('vault-out');
            vaultBonusActive = false;
            updateInterface();
            updateStats();
            scheduleNextSpin();
        }, 650);
    }

function runVaultBonus(triggerWager, generation) {
        if (generation !== sessionGeneration) return;
        clearVaultTasks();
        resetVaultDisplay();

cashCollected = Math.max(0, cashCollected - CASH_GOAL);
        saveCashProgress();
        $('spinBtn').disabled = true;
        updateBonusLines();

const takeover = $('vaultTakeover');
        document.querySelector('.wrap').classList.add('vault-out');
        takeover.setAttribute('aria-hidden', 'false');
        takeover.classList.remove('closing');
        void takeover.offsetWidth;
        takeover.classList.add('open');
        soundVaultStart();

const revealedMultipliers = [];
        let totalMultiplier = 0;

for (let index = 0; index < 3; index += 1) {
            scheduleVaultTask(() => {
                if (generation !== sessionGeneration) return;
                const multiplier = generateVaultMultiplier();
                revealedMultipliers.push(multiplier);
                totalMultiplier = money(totalMultiplier + multiplier);
                const lock = $(`vaultLock${index + 1}`);
                lock.querySelector('b').textContent = `×${multiplier.toFixed(2)}`;
                lock.classList.add('revealed');
                $('vaultStatus').textContent = `Secure lock ${index + 1} of 3 resolved`;
                soundVaultReveal(index, multiplier);
                flashScreen();
            }, 1150 + index * 1050);
        }

scheduleVaultTask(() => {
            if (generation !== sessionGeneration) return;
            const vaultWin = money(triggerWager * totalMultiplier);
            balance = money(balance + vaultWin);
            totalWon = money(totalWon + vaultWin);
            currentWin = money(currentWin + vaultWin);
            updateLastAuditVault(vaultWin, totalMultiplier, revealedMultipliers);
            $('vaultStatus').textContent = `Vault sequence complete • ×${totalMultiplier.toFixed(2)} total`;
            $('vaultTotal').textContent = `HOLO VAULT WIN $${formatMoney(vaultWin)}`;
            setMessage(`💲 HOLO VAULT WIN $${formatMoney(vaultWin)}`, true);
            setBreakdown(`${lastBreakdown} • Holo Vault ×${totalMultiplier.toFixed(2)} = +$${formatMoney(vaultWin)}`);
            updateInterface();
            updateStats();
            burst(90, 1.55);
            shake(2);
            flashScreen();
            soundVaultComplete();
            scheduleVaultTask(() => closeVaultBonus(generation), 2600);
        }, 4550);
    }

function startVaultBonus(triggerWager, generation, delay) {
        vaultBonusActive = true;
        updateInterface();
        scheduleVaultTask(() => runVaultBonus(triggerWager, generation), Math.max(250, delay || 250));
    }

function evaluateWays(resultGrid, wager) {
        let rawWaysMultiplier = 0;
        let winningWayCount = 0;
        const cells = new Set();
        const symbolWinCounts = {};
        const rows = [0, 0, 0, 0, 0];

for (let a = 0; a < 3; a += 1) {
            rows[0] = a;
            for (let b = 0; b < 3; b += 1) {
                rows[1] = b;
                for (let c = 0; c < 3; c += 1) {
                    rows[2] = c;
                    for (let d = 0; d < 3; d += 1) {
                        rows[3] = d;
                        for (let e = 0; e < 3; e += 1) {
                            rows[4] = e;
                            let best = null;

for (const candidateId of PAYING_IDS) {
                                let count = 0;
                                for (let reel = 0; reel < 5; reel += 1) {
                                    const symbol = resultGrid[reel][rows[reel]];
                                    if (symbol.id === candidateId || symbol.wild) count += 1;
                                    else break;
                                }

if (count < 3) continue;
                                const multiplier = PAY[candidateId][count] || 0;
                                if (!best || multiplier > best.multiplier || (multiplier === best.multiplier && count > best.count)) {
                                    best = { candidateId, count, multiplier };
                                }
                            }

if (best && best.multiplier > 0) {
                                rawWaysMultiplier += best.multiplier;
                                winningWayCount += 1;
                                symbolWinCounts[best.candidateId] = (symbolWinCounts[best.candidateId] || 0) + 1;
                                for (let reel = 0; reel < best.count; reel += 1) cells.add(`${reel}:${rows[reel]}`);
                            }
                        }
                    }
                }
            }
        }

const waysPay = money((rawWaysMultiplier * wager) / WAYS_DIVISOR);
        const scatterKey = scatterCount >= 5 ? 5 : scatterCount;
        const scatterPay = scatterCount >= 3 ? money((PAY.CORE[scatterKey] || 0) * wager) : 0;
        const basePay = money(waysPay + scatterPay);

return {
            basePay,
            waysPay,
            scatterPay,
            scatterCount,
            winningWayCount,
            rawWaysMultiplier,
            cells,
            symbolWinCounts
        };
    }

function beginSpinAnimation() {
        for (let reel = 0; reel < 5; reel += 1) {
            spinningReel[reel] = true;
            speeds[reel] = 18 + reel * 1.8 + visualRandom() * 4.5;
            offsets[reel] = visualRandom() * 80;
            stopGlow[reel] = 0;
        }
        if (!animationFrame) animationLoop();
    }

if (winningCells.size && performance.now() - winPulseStart < 2500) busy = true;
        draw(timestamp || performance.now());

if (busy) animationFrame = requestAnimationFrame(animationLoop);
        else animationFrame = 0;
    }

function drawSymbolCard(symbol, centerX, centerY, cellWidth, cellHeight, alpha, scale, highlighted) {
        ctx.save();
        ctx.globalAlpha = alpha;
        ctx.translate(centerX, centerY);
        ctx.scale(scale, scale);

const radius = Math.min(cellWidth, cellHeight) * 0.34;
        const glow = highlighted ? 22 : symbol.wild ? 18 : symbol.scat ? 15 : 8;
        ctx.shadowColor = highlighted ? '#fff36d' : symbol.col;
        ctx.shadowBlur = glow;

const orb = ctx.createRadialGradient(-radius * 0.28, -radius * 0.34, radius * 0.1, 0, 0, radius);
        orb.addColorStop(0, 'rgba(255,255,255,0.28)');
        orb.addColorStop(0.3, `${symbol.col}33`);
        orb.addColorStop(0.78, 'rgba(2,10,25,0.92)');
        orb.addColorStop(1, 'rgba(0,0,0,0.96)');
        ctx.fillStyle = orb;
        ctx.beginPath();
        ctx.arc(0, -3, radius, 0, Math.PI * 2);
        ctx.fill();

ctx.shadowBlur = highlighted ? 16 : 8;
        ctx.strokeStyle = highlighted ? '#fff36d' : `${symbol.col}bb`;
        ctx.lineWidth = highlighted ? 2.4 : 1.2;
        ctx.beginPath();
        ctx.arc(0, -3, radius, 0, Math.PI * 2);
        ctx.stroke();

ctx.shadowBlur = symbol.wild || symbol.scat || highlighted ? 15 : 5;
        ctx.fillStyle = symbol.col;
        ctx.textAlign = 'center';
        ctx.textBaseline = 'middle';
        ctx.font = `${symbol.e.length > 1 && !/^[A-Z0-9]+$/.test(symbol.e) ? 34 : 31}px serif`;
        ctx.fillText(symbol.e, 0, -6);

ctx.shadowBlur = 5;
        ctx.fillStyle = highlighted ? '#fff8aa' : '#86c6df';
        ctx.font = '8px Orbitron, monospace';
        ctx.fillText(symbol.n, 0, radius - 1);
        ctx.restore();
    }

function draw(timestamp) {
        const width = cv.width;
        const height = cv.height;
        const cellWidth = width / 5;
        const cellHeight = height / 3;
        const time = (timestamp || performance.now()) * 0.001;

const background = ctx.createLinearGradient(0, 0, 0, height);
        background.addColorStop(0, '#020815');
        background.addColorStop(0.5, '#030512');
        background.addColorStop(1, '#000105');
        ctx.fillStyle = background;
        ctx.fillRect(0, 0, width, height);

ctx.save();
        ctx.globalAlpha = 0.13;
        for (let index = 0; index < 28; index += 1) {
            const x = (index * 73 + time * (8 + index % 4)) % width;
            const y = (index * 41 + Math.sin(time + index) * 12 + height) % height;
            ctx.fillStyle = index % 3 === 0 ? '#ff2d9b' : '#00e8ff';
            ctx.fillRect(x, y, 1.2, 1.2);
        }
        ctx.restore();

for (let reel = 0; reel < 5; reel += 1) {
            const reelX = reel * cellWidth;
            const reelGradient = ctx.createLinearGradient(reelX, 0, reelX + cellWidth, 0);
            reelGradient.addColorStop(0, 'rgba(0,25,45,0.90)');
            reelGradient.addColorStop(0.5, 'rgba(5,12,28,0.98)');
            reelGradient.addColorStop(1, 'rgba(0,25,45,0.90)');
            ctx.fillStyle = reelGradient;
            ctx.fillRect(reelX + 1, 1, cellWidth - 2, height - 2);

if (spinningReel[reel]) {
                ctx.save();
                ctx.beginPath();
                ctx.rect(reelX + 2, 2, cellWidth - 4, height - 4);
                ctx.clip();
                const travel = offsets[reel] % cellHeight;
                const baseIndex = Math.floor(offsets[reel] / cellHeight);
                for (let virtualRow = -1; virtualRow <= 4; virtualRow += 1) {
                    const symbolIndex = Math.abs(baseIndex + virtualRow * 3 + reel * 5) % SYMS.length;
                    const symbol = SYMS[symbolIndex];
                    const centerY = virtualRow * cellHeight + cellHeight / 2 + travel;
                    const speedAlpha = clamp(1 - speeds[reel] / 34, 0.35, 0.74);
                    drawSymbolCard(symbol, reelX + cellWidth / 2, centerY, cellWidth, cellHeight, speedAlpha, 0.78, false);
                }
                ctx.fillStyle = 'rgba(0,232,255,0.06)';
                for (let line = 0; line < 8; line += 1) {
                    const lineY = (line * 34 + offsets[reel] * 1.8) % height;
                    ctx.fillRect(reelX + 5, lineY, cellWidth - 10, 2);
                }
                ctx.restore();
            } else {
                for (let row = 0; row < 3; row += 1) {
                    const key = `${reel}:${row}`;
                    const highlighted = winningCells.has(key);
                    const pulse = highlighted ? 1 + Math.sin(time * 10 + reel + row) * 0.055 : 1;
                    drawSymbolCard(grid[reel][row], reelX + cellWidth / 2, row * cellHeight + cellHeight / 2, cellWidth, cellHeight, 1, pulse, highlighted);
                }
            }

if (stopGlow[reel] > 0) {
                ctx.save();
                ctx.globalAlpha = stopGlow[reel];
                ctx.strokeStyle = '#8dffff';
                ctx.lineWidth = 3;
                ctx.shadowColor = '#00e8ff';
                ctx.shadowBlur = 18;
                ctx.strokeRect(reelX + 3, 3, cellWidth - 6, height - 6);
                ctx.restore();
            }
        }

ctx.save();
        ctx.strokeStyle = 'rgba(0, 210, 255, 0.20)';
        ctx.lineWidth = 1;
        for (let reel = 1; reel < 5; reel += 1) {
            ctx.beginPath();
            ctx.moveTo(reel * cellWidth, 0);
            ctx.lineTo(reel * cellWidth, height);
            ctx.stroke();
        }
        for (let row = 1; row < 3; row += 1) {
            ctx.beginPath();
            ctx.moveTo(0, row * cellHeight);
            ctx.lineTo(width, row * cellHeight);
            ctx.stroke();
        }
        ctx.restore();

const scanY = ((time * 52) % (height + 50)) - 25;
        const scan = ctx.createLinearGradient(0, scanY - 18, 0, scanY + 18);
        scan.addColorStop(0, 'rgba(0,232,255,0)');
        scan.addColorStop(0.5, 'rgba(0,232,255,0.09)');
        scan.addColorStop(1, 'rgba(0,232,255,0)');
        ctx.fillStyle = scan;
        ctx.fillRect(0, scanY - 18, width, 36);

const vignette = ctx.createRadialGradient(width / 2, height / 2, height * 0.24, width / 2, height / 2, height * 0.82);
        vignette.addColorStop(0, 'rgba(0,0,0,0)');
        vignette.addColorStop(1, 'rgba(0,0,0,0.67)');
        ctx.fillStyle = vignette;
        ctx.fillRect(0, 0, width, height);
    }

function currentSpinLabel() {
        return `${currentSpinNonce}:${currentSpinId}`;
    }

async function processSpinGrid(finalGrid, pulseTarget, generation) {
        try {
            currentResultFingerprint = await fingerprintResult(finalGrid);
        } catch (error) {
            currentResultFingerprint = 'DIGEST-ERROR';
        }
        $('hash').textContent = `SPIN ${currentSpinNonce} • RESULT ${currentResultFingerprint.slice(0, 16)}`;

for (let reel = 0; reel < 5; reel += 1) {
            const teaseDelay = reel === 4 && finalReelTease ? FINAL_REEL_TEASE_DELAY : 0;
            const delay = 620 + reel * 245 + teaseDelay + Math.floor(visualRandom() * 80);
            const timer = window.setTimeout(function() {
                if (generation !== sessionGeneration) return;
                spinningReel[reel] = false;
                grid[reel] = finalGrid[reel].slice();
                offsets[reel] = 0;
                stopGlow[reel] = 1;
                stopped += 1;
                soundStop(reel);

let visibleCores = 0;
                for (let visibleReel = 0; visibleReel <= reel; visibleReel += 1) {
                    for (let visibleRow = 0; visibleRow < 3; visibleRow += 1) {
                        if (finalGrid[visibleReel][visibleRow].scat) visibleCores += 1;
                    }
                }

if (visibleCores >= 2 && reel < 4 && visibleCores > anticipationLevel) {
                    anticipationLevel = visibleCores;
                    soundAnticipation(visibleCores);
                }

if (reel === 3 && vaultTease && visibleCores < 2) {
                    soundAnticipation(2);
                }

if (!animationFrame) animationLoop();

if (stopped === 5) {
                    stopSpinSound(false);
                    endSpin(finalGrid, pulseTarget, generation);
                }
            }, delay);
            reelTimers.push(timer);
        }
    }

async function spin() {
        if (spinning || vaultBonusActive) return;

spinWasFree = freeSpins > 0;
        currentSpinWager = totalWager();
        currentSpinPayBasis = bet;
        if (!spinWasFree && balance < currentSpinWager) {
            stopAuto('Insufficient balance');
            setMessage('Insufficient balance', true);
            return;
        }

ensureAudio();
        spinning = true;
        const generation = sessionGeneration;
        $('spinBtn').disabled = true;
        winningCells = new Set();
        currentWin = 0;

try {
            startSpinRandom();
        } catch (error) {
            spinning = false;
            $('spinBtn').disabled = true;
            stopAuto('Secure RNG unavailable');
            setMessage('Secure RNG unavailable • spin cancelled', true);
            setBreakdown(error instanceof Error ? error.message : 'Cryptographically secure randomness is unavailable.');
            return;
        }

$('hash').textContent = `RNG-${currentSpinId} • SPIN ${currentSpinNonce}`;

if (spinWasFree) {
            freeSpins -= 1;
            freePlayed += 1;
        } else {
            balance = money(balance - currentSpinWager);
            totalBet = money(totalBet + currentSpinWager);
            paidSpins += 1;
            contributeToJackpots(currentSpinWager);
            if (auto && autoRemaining > 0) autoRemaining -= 1;
        }

spins += 1;
        $('spins').textContent = String(spins);
        $('paidSpins').textContent = String(paidSpins);
        $('freePlayed').textContent = String(freePlayed);
        setMessage(spinWasFree ? `FREE SPIN • ×${freeMultiplier.toFixed(2)}` : serverMode ? 'Requesting server matrix…' : 'Spinning…', false);
        setBreakdown(spinWasFree ? `${freeSpins} free spin${freeSpins === 1 ? '' : 's'} remain after this result • RNG ${currentSpinLabel()}` : `Paid spin ${paidSpins} • total bet $${formatMoney(currentSpinWager)} • RNG ${currentSpinLabel()}`);
        updateInterface();
        anticipationLevel = 0;
        startSpinSound();
        beginSpinAnimation();

if (serverMode) {
            try {
                const serverGridIds = await simulateServerSpin();
                const finalGrid = serverGridIds.map(function(reelIds) {
                    return reelIds.map(function(id) {
                        const symbol = SYMBOL_BY_ID[id];
                        if (!symbol) throw new Error(`Unknown symbol ID from server: ${id}`);
                        return symbol;
                    });
                });
                const pulseTarget = applyWildPulse(finalGrid);
                await processSpinGrid(finalGrid, pulseTarget, generation);
            } catch (err) {
                spinning = false;
                $('spinBtn').disabled = false;
                stopAuto('Server communication error');
                setMessage('Server integration fault • spin cancelled', true);
                setBreakdown(err.message || 'Simulated server endpoint failed.');
                return;
            }
        } else {
            const finalGrid = Array.from({ length: 5 }, function() { return Array(3).fill(null); });
            for (let reel = 0; reel < 5; reel += 1) {
                for (let row = 0; row < 3; row += 1) {
                    const isSticky = spinWasFree && stickyWilds.some(function(position) { return position.reel === reel && position.row === row; });
                    finalGrid[reel][row] = isSticky ? SYMBOL_BY_ID.BOAR : pickSymbol();
                }
            }
            const pulseTarget = applyWildPulse(finalGrid);
            await processSpinGrid(finalGrid, pulseTarget, generation);
        }
    }

function endSpin(finalGrid, pulseTarget, generation) {
        if (generation !== sessionGeneration) return;

const result = evaluateWays(finalGrid, currentSpinPayBasis);
        winningCells = result.cells;
        const cashFound = collectCashSymbols(finalGrid);
        const vaultReady = cashCollected >= CASH_GOAL;
        winPulseStart = performance.now();

const appliedFreeMultiplier = spinWasFree ? freeMultiplier : 1;
        const momentumMultiplier = spinWasFree ? 1 : 1 + Math.min(lossStreak, MOMENTUM_MAX_STREAK) * MOMENTUM_STEP;
        let regularWin = result.basePay;
        regularWin = money(regularWin * appliedFreeMultiplier * momentumMultiplier);
        if (boost[1]) regularWin = money(regularWin * 1.25);
        if (boost[2]) regularWin = money(regularWin * 1.15);

let doubleSpark = false;
        if (boost[6] && regularWin > 0 && randomOutcome() < 0.10) {
            regularWin = money(regularWin * 2);
            doubleSpark = true;
        }

let chargeBonus = 0;
        if (!spinWasFree && regularWin > 0 && bonusCharge >= 100) {
            chargeBonus = money(currentSpinWager * CHARGE_BONUS_MULTIPLIER);
            bonusCharge = 0;
        }

const jackpot = tryJackpot(spinWasFree, currentSpinWager);
        const jackpotAmount = jackpot ? jackpot.amount : 0;
        currentWin = money(regularWin + chargeBonus + jackpotAmount);

if (currentWin > 0) {
            balance = money(balance + currentWin);
            totalWon = money(totalWon + currentWin);
        }

if (!spinWasFree) {
            if (regularWin > 0) {
                lossStreak = 0;
            } else {
                lossStreak = Math.min(MOMENTUM_MAX_STREAK, lossStreak + 1);
                const previousCharge = bonusCharge;
                bonusCharge = Math.min(100, bonusCharge + CHARGE_STEP);
                if (previousCharge < 100 && bonusCharge === 100) soundChargeReady();
            }
        }

let initialFreeAward = 0;
        let retriggerAward = 0;
        if (!spinWasFree && result.scatterCount >= 3) {
            initialFreeAward = result.scatterCount === 3 ? 6 : result.scatterCount === 4 ? 9 : 12;
            freeSpins += initialFreeAward;
            freeMultiplier = 1;
            stickyWilds = [];
        } else if (spinWasFree && result.scatterCount >= 3) {
            retriggerAward = 3;
            freeSpins += retriggerAward;
        }

if (spinWasFree) {
            if (result.basePay > 0 && randomOutcome() < FREE_MULTIPLIER_CHANCE) freeMultiplier = Math.min(FREE_MULTIPLIER_MAX, freeMultiplier + 1);
            for (let reel = 0; reel < 5; reel += 1) {
                for (let row = 0; row < 3; row += 1) {
                    const symbol = finalGrid[reel][row];
                    const alreadySticky = stickyWilds.some(function(position) { return position.reel === reel && position.row === row; });
                    if (symbol.wild && !alreadySticky && (boost[3] || randomOutcome() < STICKY_WILD_CHANCE)) stickyWilds.push({ reel, row });
                }
            }
        }

const factors = {
            freeMultiplier: appliedFreeMultiplier,
            momentumMultiplier,
            quantum: boost[1],
            overcharge: boost[2],
            doubleSpark,
            chargeBonus,
            jackpot,
            cashFound,
            cashCollected
        };
        setBreakdown(buildBreakdown(result, factors));

appendAuditRecord({
            recordedAt: new Date().toISOString(),
            buildId: BUILD_ID,
            mathProfile: MATH_PROFILE,
            sessionId: rngSessionId,
            spin: currentSpinNonce,
            spinId: currentSpinId,
            resultFingerprint: currentResultFingerprint,
            freeSpin: spinWasFree,
            baseBet: money(currentSpinPayBasis),
            totalWager: money(currentSpinWager),
            boosts: activeBoostIds(),
            grid: serializedGrid(finalGrid),
            winningWays: result.winningWayCount,
            waysPay: result.waysPay,
            scatterCount: result.scatterCount,
            scatterPay: result.scatterPay,
            cashFound,
            jackpot: jackpot ? { name: jackpot.name, amount: jackpot.amount } : null,
            regularWin: money(regularWin),
            chargeBonus: money(chargeBonus),
            totalWin: money(currentWin),
            balanceAfter: money(balance),
            freeSpinsAfter: freeSpins,
            cashCollectedAfter: cashCollected
        });

if (pulseTarget) {
            burst(12, 0.65);
            setMessage('🐗 WILD PULSE ACTIVATED', true);
        }

if (jackpot) {
            const jackpotElement = $(`jp${jackpot.name.charAt(0)}${jackpot.name.slice(1).toLowerCase()}`);
            if (jackpotElement) jackpotElement.classList.add('hot');
            window.setTimeout(function() { document.querySelectorAll('.jp').forEach(function(element) { element.classList.remove('hot'); }); }, 2300);
            shake(2);
            burst(90, 1.6);
            flashScreen();
            soundJackpot();
            showOverlay(`${jackpot.name} JACKPOT!`, `$${formatMoney(jackpot.amount)}`, 2300);
            setMessage(`${jackpot.name} JACKPOT • TOTAL WIN $${formatMoney(currentWin)}`, true);
        } else if (currentWin > 0) {
            $('win').classList.remove('flash');
            void $('win').offsetWidth;
            $('win').classList.add('flash');
            const ratio = currentSpinWager > 0 ? currentWin / currentSpinWager : 0;
            if (ratio >= 40) {
                shake(2);
                burst(55, 1.25);
                flashScreen();
                soundWin(2);
                showOverlay('MEGA WIN', `$${formatMoney(currentWin)}`, 1550);
            } else if (ratio >= 15) {
                shake(1);
                burst(34, 1);
                soundWin(1);
                showOverlay('BIG WIN', `$${formatMoney(currentWin)}`, 1200);
            } else {
                burst(14, 0.7);
                soundWin(0);
            }
            setMessage(`WIN $${formatMoney(currentWin)}`, ratio >= 15);
        } else {
            soundNoWin();
            setMessage(spinWasFree ? `No win • ${freeSpins} free spin${freeSpins === 1 ? '' : 's'} remain` : 'No win • momentum and charge increased', false);
        }

if (initialFreeAward > 0) {
            shake(2);
            burst(62, 1.35);
            flashScreen();
            soundFreeSpins();
            showOverlay('HOLO OVERLOAD', `${initialFreeAward} FREE SPINS`, 1900);
            setMessage(`⚡ ${initialFreeAward} FREE SPINS AWARDED`, true);
        } else if (retriggerAward > 0) {
            shake(1);
            burst(30, 0.95);
            soundRetrigger();
            showOverlay('RETRIGGER', `+${retriggerAward} FREE SPINS`, 1300);
            setMessage(`RETRIGGER +${retriggerAward} • ×${freeMultiplier.toFixed(2)}`, true);
        }

spinning = false;
        $('spinBtn').disabled = false;
        updateInterface();
        updateStats();
        if (!animationFrame && winningCells.size) animationLoop();

const featureContinues = freeSpins > 0;
        if (!featureContinues && spinWasFree) {
            window.setTimeout(function() {
                if (spinning || freeSpins > 0 || generation !== sessionGeneration) return;
                freeMultiplier = 1;
                stickyWilds = [];
                updateBonusLines();
            }, 500);
        }

if (initialFreeAward > 0) {
            setReelStatus('HOLO OVERLOAD TRIGGERED', 2200);
        } else if (result.scatterCount === 2) {
            setReelStatus('CORE TEASE • 2 OF 3 LANDED', 1900);
        } else if (cashFound > 0 && !vaultReady) {
            setReelStatus(`HOLO DOLLAR COLLECTED • ${cashCollected}/${CASH_GOAL}`, 1900);
        } else {
            setReelStatus(BASE_REEL_STATUS, 0);
        }

if (cashFound > 0 && !vaultReady) {
            setMessage(`💲 ${cashFound} HOLO DOLLAR${cashFound === 1 ? '' : 'S'} COLLECTED • ${cashCollected}/${CASH_GOAL}`, true);
            burst(18 + cashFound * 4, 0.75);
        }

if (vaultReady) {
            const takeoverDelay = jackpot ? 2450 : initialFreeAward > 0 ? 2050 : retriggerAward > 0 ? 1450 : currentWin > 0 ? 900 : 500;
            startVaultBonus(currentSpinWager, generation, takeoverDelay);
            return;
        }

scheduleNextSpin(jackpot && auto ? 2500 : undefined);
    }

function scheduleNextSpin(delayOverride) {
        window.clearTimeout(nextSpinTimer);

if (vaultBonusActive) return;

if (freeSpins > 0) {
            nextSpinTimer = window.setTimeout(function() { spin(); }, 980);
            return;
        }

if (!auto) return;

if (autoRemaining === 0) {
            stopAuto('Auto complete');
            return;
        }

if (balance < totalWager()) {
            stopAuto('Auto stopped • insufficient balance');
            return;
        }

const nextDelay = Number.isFinite(delayOverride) ? Math.max(0, delayOverride) : 760;
        nextSpinTimer = window.setTimeout(function() { spin(); }, nextDelay);
    }

function stopAuto(message) {
        auto = false;
        autoRemaining = 0;
        $('autoBtn').textContent = 'AUTO';
        updateInterface();
        if (message) setMessage(message, false);
    }

function toggleAuto() {
        if (vaultBonusActive) return;
        if (auto) {
            stopAuto('Auto stopped');
            return;
        }
        auto = true;
        autoRemaining = AUTO_DEFAULT_SPINS;
        $('autoBtn').textContent = 'STOP';
        updateInterface();
        if (!spinning) spin();
    }

function setAuto(count) {
        if (vaultBonusActive || !Number.isInteger(count) || count <= 0 || count > 50) return;
        auto = true;
        autoRemaining = count;
        $('autoBtn').textContent = 'STOP';
        updateInterface();
        if (!spinning) spin();
    }

function setBet(value) {
        if (spinning || freeSpins > 0 || auto || vaultBonusActive) return;
        const allowed = [0.5, 1, 2, 5, 10];
        if (!allowed.includes(value)) return;
        bet = value;
        document.querySelectorAll('[data-bet]').forEach(function(button) { button.classList.toggle('selected', Number(button.dataset.bet) === bet); });
        updateInterface();
    }

function toggleBoostPanel() {
        boostPanelOpen = !boostPanelOpen;
        $('boostPanel').classList.toggle('collapsed', !boostPanelOpen);
        $('boostToggle').textContent = boostPanelOpen ? 'HIDE' : 'SHOW';
        $('boostToggle').setAttribute('aria-expanded', String(boostPanelOpen));
    }

function updateStats() {
        const returnPercent = totalBet > 0 ? `${((totalWon / totalBet) * 100).toFixed(2)}%` : '—';
        $('stats').textContent = `Session return ${returnPercent} • Wagered $${formatMoney(totalBet)} • Returned $${formatMoney(totalWon)} • Balance $${formatMoney(balance)}`;
    }

function openHelp() {
        if (vaultBonusActive) return;
        lastModalFocus = document.activeElement;
        $('helpModal').classList.add('open');
        $('modalClose').focus();
    }

function closeHelp() {
        $('helpModal').classList.remove('open');
        if (lastModalFocus && typeof lastModalFocus.focus === 'function') lastModalFocus.focus();
        else $('helpBtn').focus();
    }

function openAudit() {
        if (vaultBonusActive) return;
        lastModalFocus = document.activeElement;
        renderAudit();
        $('auditModal').classList.add('open');
        $('auditClose').focus();
    }

function closeAudit() {
        $('auditModal').classList.remove('open');
        if (lastModalFocus && typeof lastModalFocus.focus === 'function') lastModalFocus.focus();
        else $('auditBtn').focus();
    }

$('spinBtn').addEventListener('click', function() { spin(); });
    $('autoBtn').addEventListener('click', function() { soundButton(); toggleAuto(); });
    $('sessionBtn').addEventListener('click', function() { soundButton(); newSession(); });
    $('soundBtn').addEventListener('click', toggleSound);
    $('helpBtn').addEventListener('click', function() { soundButton(); openHelp(); });
    $('auditBtn').addEventListener('click', function() { soundButton(); openAudit(); });
    $('boostToggle').addEventListener('click', function() { soundButton(); toggleBoostPanel(); });
    $('modalClose').addEventListener('click', function() { soundButton(); closeHelp(); });
    $('auditClose').addEventListener('click', function() { soundButton(); closeAudit(); });
    $('exportAuditBtn').addEventListener('click', function() { soundButton(); exportAudit(); });
    $('clearAuditBtn').addEventListener('click', function() {
        soundButton();
        auditRecords.length = 0;
        renderAudit();
    });
    $('dlIntegrationBtn').addEventListener('click', function() { soundButton(); downloadIntegrationDoc(); });
    $('dlMathBtn').addEventListener('click', function() { soundButton(); downloadMathDoc(); });
    $('dlLicenseBtn').addEventListener('click', function() { soundButton(); downloadLicenseDoc(); });

$('helpModal').addEventListener('click', function(event) {
        if (event.target === $('helpModal')) closeHelp();
    });

$('auditModal').addEventListener('click', function(event) {
        if (event.target === $('auditModal')) closeAudit();
    });

$('betBtns').addEventListener('click', function(event) {
        const button = event.target.closest('[data-bet]');
        if (!button) return;
        soundButton();
        setBet(Number(button.dataset.bet));
    });

document.querySelector('.auto-row').addEventListener('click', function(event) {
        const button = event.target.closest('[data-auto]');
        if (!button) return;
        soundButton();
        setAuto(Number(button.dataset.auto));
    });

$('boosts').addEventListener('click', function(event) {
        const button = event.target.closest('[data-boost]');
        if (!button) return;
        toggleBoost(Number(button.dataset.boost));
    });

loadSoundPreference();
    updateSoundButton();
    loadCashProgress();
    loadJackpots();
    updateJackpots();
    newSession();
    initializeBuildIntegrity();
})();
</script>
</body>
<script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'},{'ap':'cpbh-mt'},{'server':'p3plmcpnl498541'},{'dcenter':'p3'},{'cp_id':'6507419'},{'cp_cache':''},{'cp_cl':'8'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/traffic-assets/js/tccl.min.js'></script></html>