.demo-container[data-v-969faf57]{max-width:100%;min-height:100vh;background:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column}.demo-main-header[data-v-969faf57]{background:#1b5e20;color:#fff;padding:1rem;text-align:center}.demo-main-header h1[data-v-969faf57]{margin:0;font-size:1.5rem}.subtitle[data-v-969faf57]{margin:.25rem 0 0;opacity:.8;font-size:.9rem}.demo-main[data-v-969faf57]{flex:1;padding:1rem;display:flex;justify-content:center}.game-interface[data-v-969faf57]{width:100%;max-width:800px;display:flex;flex-direction:column;gap:1.5rem}.game-stage-wrapper[data-v-969faf57]{width:100%;display:flex;justify-content:center}.game-stage[data-v-969faf57]{position:relative;width:100%;border:8px solid #2e7d32;border-radius:4px;background:#eee;box-shadow:0 10px 30px #0000004d;overflow:hidden}.reel-backgrounds[data-v-969faf57]{position:absolute;inset:0;display:flex;z-index:0;background-size:cover;background-position:center}.reel-bg[data-v-969faf57]{flex:1;background:linear-gradient(to bottom,#b0bec5,#fafafa 20% 80%,#b0bec5);border-right:1px solid rgba(0,0,0,.1)}.reel-bg[data-v-969faf57]:last-child{border-right:none}.engine-layer[data-v-969faf57]{position:relative;z-index:10;font-size:0}[data-v-969faf57] canvas{display:block;width:100%!important;height:auto!important}.overlay-layer[data-v-969faf57]{position:absolute;inset:0;z-index:20;pointer-events:none}.dimmer[data-v-969faf57]{position:absolute;left:0;right:0;height:33.33%;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10}.dimmer.top[data-v-969faf57]{top:0;border-bottom:1px solid rgba(255,255,255,.1)}.dimmer.bottom[data-v-969faf57]{bottom:0;border-top:1px solid rgba(255,255,255,.1)}.reel-separators[data-v-969faf57]{position:absolute;inset:0;display:flex;z-index:15}.separator[data-v-969faf57]{width:2px;background:#2e7d32;height:100%;position:absolute}.reel-separators .separator[data-v-969faf57]:nth-child(1){left:33.33%}.reel-separators .separator[data-v-969faf57]:nth-child(2){left:66.66%}.highlight-frame[data-v-969faf57]{position:absolute;top:50%;left:0;right:0;height:40%;transform:translateY(-45%);z-index:30;display:grid;grid-template-columns:repeat(3,1fr);padding:0}.highlight-box[data-v-969faf57]{width:90%;height:90%;margin:0 auto;border:4px solid #ffb300;border-radius:12px;box-shadow:inset 0 0 10px #ffb30080,0 4px 8px #0003;background:linear-gradient(135deg,#fff6,#ffffff1a,#fff0);opacity:0;transform:scale(.9);transition:opacity .3s ease-out,transform .4s cubic-bezier(.175,.885,.32,1.275)}.highlight-box.visible[data-v-969faf57]{opacity:1;transform:scale(1)}.payline-connector[data-v-969faf57]{position:absolute;top:50%;left:0;right:0;height:4px;background:#ffb30099;z-index:-1;display:none}.controls-panel[data-v-969faf57]{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.status-bar[data-v-969faf57]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.9rem;color:#555;border-bottom:1px solid #eee;padding-bottom:.5rem}.state-indicator[data-v-969faf57]{display:flex;align-items:center;gap:.5rem}.state-dot[data-v-969faf57]{width:10px;height:10px;border-radius:50%;background:#ccc}.state-dot.spinning[data-v-969faf57]{background:#ff9800;box-shadow:0 0 5px #ff9800}.state-dot.idle[data-v-969faf57]{background:#4caf50}.state-text[data-v-969faf57]{font-weight:600;text-transform:uppercase;font-size:.8rem}.control-actions[data-v-969faf57]{display:flex;flex-direction:column;gap:1rem}.btn-spin[data-v-969faf57]{background:linear-gradient(to bottom,#4caf50,#2e7d32);color:#fff;font-size:1.5rem;font-weight:700;padding:1rem;border:none;border-radius:8px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px #1b5e20;transition:transform .1s,box-shadow .1s}.btn-spin[data-v-969faf57]:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 #1b5e20}.btn-spin[data-v-969faf57]:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.secondary-controls[data-v-969faf57]{display:flex;justify-content:center;gap:.5rem}.btn-secondary[data-v-969faf57]{padding:.5rem 1rem;border:1px solid #ddd;background:#f5f5f5;border-radius:4px;cursor:pointer;font-size:.9rem}.btn-secondary[data-v-969faf57]:hover{background:#e0e0e0}.btn-secondary[data-v-969faf57]:disabled{opacity:.5}.event-log-compact[data-v-969faf57]{background:#fff;border:1px solid #ddd;border-radius:6px;overflow:hidden;font-size:.8rem}.log-header[data-v-969faf57]{background:#eee;padding:.5rem;display:flex;justify-content:space-between;font-weight:600;color:#666}.log-scroller[data-v-969faf57]{max-height:100px;overflow-y:auto;padding:.5rem}.log-entry[data-v-969faf57]{display:flex;gap:.5rem;margin-bottom:.25rem;border-bottom:1px dashed #eee}.time[data-v-969faf57]{color:#999;font-family:monospace}.type[data-v-969faf57]{font-weight:600;color:#555;width:60px}.type.spin[data-v-969faf57]{color:#2196f3}.type.result[data-v-969faf57]{color:#4caf50}.details[data-v-969faf57]{color:#333}.btn-text[data-v-969faf57]{background:none;border:none;color:#2196f3;cursor:pointer;font-size:.8rem}.loading-state[data-v-969faf57]{text-align:center;margin-top:50px}.spinner[data-v-969faf57]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #4caf50;border-radius:50%;animation:spin-969faf57 1s linear infinite;margin:0 auto}@keyframes spin-969faf57{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.debug-info[data-v-969faf57]{position:fixed;bottom:0;right:0;background:#000c;color:#0f0;padding:10px;font-family:monospace;font-size:12px;max-height:200px;overflow:auto;z-index:1000}