:root{color:#e0e7ff;background:radial-gradient(circle at top,#312e81 0%,#0f0a2e 60%);min-height:100%;font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}.app{--reserve:224px;flex-direction:column;gap:16px;max-width:720px;margin:0 auto;padding:24px 16px 48px;display:flex}.top{align-content:center;min-height:78px;display:grid}.title{text-align:center}.title h1{letter-spacing:1px;background:linear-gradient(90deg,#facc15,#f97316);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(28px,6vw,44px);line-height:1.2}.title p{color:#a5b4fc;margin:4px 0 0;font-size:14px}.board{--board-ratio:1.1875;width:min(100%, max(260px, calc((100vh - var(--reserve)) * var(--board-ratio))));width:min(100%, max(260px, calc((100dvh - var(--reserve)) * var(--board-ratio))));aspect-ratio:var(--board-ratio);margin-inline:auto}.board canvas{border-radius:20px;display:block;box-shadow:0 10px 40px #00000080}.hud{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"balance win spin""bet autoplay buy";align-items:stretch;gap:12px;display:grid}.balance{grid-area:balance}.win{grid-area:win}.spin{grid-area:spin}.bet{grid-area:bet}.auto{grid-area:autoplay}.buy{grid-area:buy}.stat,.bet,.auto{background:#1e1b4b;border:1px solid #312e81;border-radius:14px;flex-direction:column;gap:2px;min-width:0;padding:10px 14px;display:flex}.stat span,.bet span,.auto span{text-transform:uppercase;color:#a5b4fc;font-size:12px}.stat-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.stat strong{font-size:24px}.stat.win strong{color:#4ade80}.stat small{color:#86efac;white-space:nowrap;font-size:12px}.stepper{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.stepper strong{font-size:22px}.stepper button,.auto-options button{color:#e0e7ff;cursor:pointer;background:0 0;border:1px solid #4338ca;border-radius:10px;min-width:40px;min-height:40px;padding:6px 12px;font-size:18px;font-weight:700}.auto-options{gap:6px;margin-top:4px;display:flex}.auto-options button{flex:1;min-width:0;padding:8px 0;font-size:15px}.spin{letter-spacing:2px;color:#451a03;cursor:pointer;background:linear-gradient(#fde047,#f59e0b);border:none;border-radius:14px;font-size:22px;font-weight:900;transition:transform 80ms;box-shadow:0 6px #b45309}.spin:disabled{letter-spacing:1px;font-size:18px}.spin:active:not(:disabled){transform:translateY(3px);box-shadow:0 3px #b45309}.spin.stop{color:#450a0a;background:linear-gradient(#fca5a5,#ef4444);box-shadow:0 6px #991b1b}.buy{letter-spacing:1px;color:#fff;text-shadow:0 1px 2px #4a044e99;cursor:pointer;background:linear-gradient(#e879f9,#a21caf);border:none;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:56px;font-size:16px;font-weight:900;display:flex;box-shadow:0 6px #701a75}.buy small{opacity:.9;font-weight:700}.spin:disabled,.buy:disabled,.stepper button:disabled,.auto-options button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #e0e7ff}.free-spins{text-align:center;background:linear-gradient(90deg,#701a75,#a21caf);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 14px;display:grid}.free-spins span{text-transform:uppercase;color:#fbcfe8;font-size:11px;display:block}.free-spins strong{font-size:22px}.broke{text-align:center;color:#fca5a5;margin:0}.broke button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.rules{background:#1e1b4b;border:1px solid #312e81;border-radius:14px;padding:12px 16px}.rules summary{cursor:pointer;font-weight:700}.rules ul{padding-left:18px;line-height:1.5}.rules table{border-collapse:collapse;width:100%;font-size:14px}.rules caption{text-align:left;color:#a5b4fc;padding-bottom:6px;font-size:13px}.rules th,.rules td{text-align:left;border-bottom:1px solid #312e81;padding:4px 6px}.rules td i{vertical-align:middle;border-radius:50%;width:12px;height:12px;margin-right:8px;display:inline-block}.dialog{color:#e0e7ff;background:0 0;border:none;width:min(400px,100vw - 32px);padding:0}.dialog::backdrop{background:#0f0a2ebf}.dialog-box{background:#1e1b4b;border:2px solid #a21caf;border-radius:20px;padding:20px;box-shadow:0 10px 40px #00000080}.dialog h2{color:#f0abfc;margin:0 0 8px;font-size:22px}.dialog p{margin:0 0 20px;line-height:1.5}.dialog-actions{gap:12px;display:flex}.dialog-actions button{cursor:pointer;border-radius:14px;flex:1;min-height:48px;font-size:16px;font-weight:800}.dialog-actions .cancel{color:#e0e7ff;background:0 0;border:1px solid #4338ca}.dialog-actions .confirm{color:#fff;text-shadow:0 1px 2px #4a044e99;background:linear-gradient(#e879f9,#a21caf);border:none;box-shadow:0 4px #701a75}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (width<=640px){.app{--reserve:252px;gap:12px;padding:12px 16px 32px}.top{min-height:72px}.title p{font-size:13px}.hud{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"balance win""spin spin""bet bet""autoplay autoplay""buy buy"}.stat{padding:8px 12px}.stat strong{font-size:22px}.spin{min-height:56px}.free-spins{padding:8px 10px}.free-spins strong{font-size:20px}}@media (width>=1000px) and (aspect-ratio>=5/4){.app{--reserve:32px;--side:300px;--board-max:1200px;grid-template-columns:auto var(--side);grid-template-rows:auto auto auto 1fr;grid-template-areas:"board top""board hud""board broke""board rules";justify-content:center;align-items:start;gap:12px 24px;max-width:none;padding:16px 24px;display:grid;container-type:inline-size}.top{grid-area:top;height:96px;min-height:0}.title h1{font-size:36px}.title p{font-size:13px}.board{width:max(260px, min(var(--board-max), calc((100vh - var(--reserve)) * var(--board-ratio)), calc(100cqw - var(--side) - 24px)));width:max(260px, min(var(--board-max), calc((100dvh - var(--reserve)) * var(--board-ratio)), calc(100cqw - var(--side) - 24px)));grid-area:board}.broke{grid-area:broke}.hud{grid-area:hud;grid-template-columns:minmax(0,1fr);grid-template-areas:"balance""win""spin""bet""autoplay""buy";gap:10px}.spin{min-height:64px}.rules{grid-area:rules}.free-spins{text-align:left;grid-template-columns:minmax(0,1fr);align-content:center;gap:0;height:100%;padding:8px 14px}.free-spins div{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.free-spins strong{font-size:20px;line-height:1.2}}@media (prefers-reduced-motion:reduce){.spin{transition:none}}