:root{--bg-deep: #070a18;--bg-hud: rgba(4, 6, 15, .78);--bg-panel: #182046;--bg-panel-2: #232d5e;--bg-expanded: #090f33;--stroke: #3a4682;--accent: #3fc3ff;--accent-soft: rgba(63, 195, 255, .16);--accent-cell: rgba(47, 107, 255, .12);--win: #ffc83d;--win-soft: rgba(255, 200, 61, .16);--gold-1: #fff3b0;--gold-2: #f6b92b;--gold-3: #c47a00;--gold-stroke: #fff1b8;--gold-2nd: #ffe07a;--on-gold: #2b1b00;--on-accent: #06142a;--text: #ffffff;--text-dim: #a3add6;--reel-bg: rgba(255, 255, 255, .045);--tile-bg: rgba(255, 255, 255, .05);--shade: rgba(0, 0, 0, .38);--shade-2: rgba(0, 0, 0, .35);--fs-bg-1: #2a1450;--fs-bg-2: #120826;--modal-bg-1: #22306e;--modal-bg-2: #0a0f2c;--note: #fff4c2;--font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;min-height:100%;background:var(--bg-deep);color:var(--text);font-family:var(--font);overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}button{font-family:var(--font);border:0;padding:0;background:none;color:inherit;cursor:pointer}.viewport{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-deep)}.stage{position:relative;flex:none;transform-origin:center center;overflow:hidden}.stage__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.stage>*{position:absolute}.t-value{font-size:44px;line-height:54px;font-weight:700}.t-label{font-size:28px;line-height:34px;font-weight:600;letter-spacing:.84px}.t-meta{font-size:24px;line-height:30px;font-weight:500;letter-spacing:.72px;color:var(--text-dim)}.t-body{font-size:32px;line-height:44px;font-weight:400;color:var(--text-dim)}.t-mega{font-size:96px;line-height:110px;font-weight:700}.btn-icon{width:112px;height:112px;border-radius:28px;background:var(--bg-panel);border:2px solid var(--stroke);display:flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s,transform 80ms}.btn-icon:active{transform:scale(.94)}.btn-icon--active{background:#3fc3ff2e;border-color:var(--accent)}.btn-icon--active svg{color:var(--accent)}.btn-icon:disabled{opacity:.45;cursor:default}.btn-icon svg{width:48px;height:48px;color:var(--text)}.btn-spin{width:240px;height:240px;border-radius:120px;background:linear-gradient(180deg,var(--gold-1) 0%,var(--gold-2) 50%,var(--gold-3) 100%);border:3px solid var(--gold-stroke);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 10px 40px #f6b92b40;transition:transform 80ms,filter .12s}.btn-spin:active{transform:scale(.96)}.btn-spin:disabled{filter:grayscale(.6) brightness(.7);cursor:default}.btn-spin svg{width:104px;height:104px;color:var(--on-gold)}.btn-spin--spinning svg{width:96px;height:96px}.btn-spin__counter{font-size:64px;line-height:76px;font-weight:700;color:var(--on-gold)}.btn-spin__stop{font-size:24px;line-height:30px;font-weight:500;letter-spacing:.72px;color:#2b1b00bf}.btn-primary{height:112px;border-radius:28px;padding:0 48px;background:linear-gradient(180deg,#fff1a6,#f2b52a 45%,#b06e00);border:3px solid var(--gold-stroke);color:var(--on-gold);display:flex;align-items:center;justify-content:center}.btn-primary .t-label{color:var(--on-gold)}.btn-primary--secondary{background:none;border-color:var(--gold-2nd)}.btn-primary--secondary .t-label{color:var(--gold-2nd)}.btn-primary:disabled{filter:grayscale(.6) brightness(.7)}.chip{width:168px;height:88px;border-radius:16px;background:var(--bg-panel);border:2px solid var(--stroke);display:flex;align-items:center;justify-content:center;font-size:28px;line-height:34px;font-weight:600;color:var(--text)}.chip--selected{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.toggle{width:112px;height:60px;border-radius:30px;background:var(--bg-panel-2);position:relative;transition:background .15s}.toggle--on{background:var(--accent)}.toggle__knob{position:absolute;top:6px;left:6px;width:48px;height:48px;border-radius:24px;background:var(--bg-panel);transition:left .15s}.toggle--on .toggle__knob{left:58px}.progress{width:600px;height:88px;border-radius:44px;background:var(--bg-panel);border:2px solid var(--stroke);position:relative;overflow:hidden}.progress__fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--gold-2),#ffe680);transition:width .2s}.progress__text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:44px;line-height:54px;font-weight:700}.msgbar{height:72px;border-radius:36px;background:var(--shade);display:flex;align-items:center;justify-content:center}.msgbar .t-label{color:var(--text-dim)}.fsbar{height:128px;border-radius:24px;background:linear-gradient(180deg,var(--fs-bg-1),var(--fs-bg-2));border:2px solid var(--accent);display:flex;align-items:center;justify-content:space-between;padding:0 40px}.fsbar__cell{display:flex;flex-direction:column;gap:2px}.fsbar__special{width:80px;height:80px;border-radius:12px;background:var(--accent-cell);border:2px solid var(--accent);display:flex;align-items:center;justify-content:center}.fsbar__special img{width:68px;height:68px}.hud{left:0;bottom:0;width:100%;height:112px;background:var(--bg-hud);padding:20px 40px 0;display:flex;flex-direction:column;gap:8px}.hud__row{display:flex;justify-content:space-between;align-items:center}.hud__row .t-label{color:var(--text)}.hud__win{color:var(--win)}.reels{display:flex;gap:10px}.reel{width:192px;height:620px;border-radius:20px;background:var(--reel-bg);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px}.reel--anticipate{box-shadow:inset 0 0 0 3px var(--accent),0 0 40px var(--accent-soft)}.cell{width:192px;height:200px;border-radius:20px;position:relative;display:flex;align-items:center;justify-content:center}.cell img{width:176px;height:176px;object-fit:contain;pointer-events:none}.cell--win{background:var(--win-soft);box-shadow:inset 0 0 0 3px var(--win)}.cell--dim img{opacity:.45;filter:saturate(.6)}.cell--blur img{filter:blur(6px);opacity:.85}.reel-strip{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;will-change:transform}.expanded{position:absolute;top:0;width:192px;height:620px;border-radius:20px;background:linear-gradient(180deg,#3fc3ff14,#3fc3ff59 50%,#3fc3ff14),var(--bg-expanded);border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;animation:expand-in .32s ease-out}.expanded img{width:192px;height:192px}@keyframes expand-in{0%{transform:scaleY(.32);opacity:.4}to{transform:scaleY(1);opacity:1}}.line-overlay{position:absolute;inset:0;pointer-events:none}.line-badge{position:absolute;width:48px;height:48px;border-radius:24px;background:var(--win);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:600}.panel{border-radius:32px;background:var(--bg-panel);border:2px solid var(--stroke);padding:42px;box-shadow:0 24px 80px #00000080}.panel__header{display:flex;align-items:center;justify-content:space-between;height:112px}.panel__title{font-size:44px;line-height:54px;font-weight:700}.panel__grid{display:grid;grid-template-columns:repeat(5,168px);gap:12px;margin:28px 0}.panel__options{display:flex;gap:16px;margin:28px 0 12px}.dim-layer{position:absolute;inset:0;background:#04060f99}.modal{border-radius:40px;background:linear-gradient(180deg,var(--modal-bg-1),var(--modal-bg-2));border:3px solid transparent;background-clip:padding-box;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;box-shadow:0 24px 90px #0009}.modal:before{content:"";position:absolute;inset:-3px;border-radius:43px;background:linear-gradient(180deg,#fff1a6,#f2b52a 45%,#b06e00);z-index:-1}.modal__title{font-size:64px;line-height:76px;font-weight:700;color:var(--gold-2nd)}.modal__value{font-size:96px;line-height:110px;font-weight:700;background:linear-gradient(180deg,#fff6c2,#f6b92b 60%,#b06e00);-webkit-background-clip:text;background-clip:text;color:transparent}.modal__body{text-align:center;max-width:720px}.tiers{display:flex;gap:20px;justify-content:center}.tier{height:74px;padding:0 28px;border-radius:20px;background:var(--shade-2);border:2px solid var(--stroke);display:flex;align-items:center;font-size:28px;font-weight:600;letter-spacing:.84px;color:var(--text-dim)}.tier--on{background:var(--win-soft);border-color:var(--win);color:var(--win)}.book-reveal{display:flex;flex-direction:column;align-items:center;gap:36px}.book{display:flex;filter:drop-shadow(0 20px 60px rgba(0,0,0,.55))}.book__page{width:320px;height:420px;border-radius:16px;background:linear-gradient(180deg,#fff6dc,#e9d29a);border:3px solid #f2b52a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#6b4d12}.book__page--left{border-right-width:1px;border-top-right-radius:0;border-bottom-right-radius:0}.book__page--right{border-left-width:1px;border-top-left-radius:0;border-bottom-left-radius:0}.book__title{font-size:44px;font-weight:700;letter-spacing:2px}.book__sub{font-size:24px;font-weight:500;color:#8a6a24}.book__chosen{width:220px;height:230px;border-radius:20px;background:#3fc3ff26;border:3px solid var(--accent);display:flex;align-items:center;justify-content:center}.book__chosen img{width:190px;height:190px}.shuffle{display:flex;gap:16px}.shuffle__cell{width:120px;height:120px;border-radius:14px;background:var(--shade-2);border:2px solid var(--stroke);display:flex;align-items:center;justify-content:center}.shuffle__cell img{width:100px;height:100px}.shuffle__cell--active{background:var(--accent-cell);border-color:var(--accent);box-shadow:0 0 30px var(--accent-soft)}.info{position:absolute;inset:0;background:var(--bg-deep);display:flex;flex-direction:column;z-index:4}.info__header{padding:40px 40px 0;display:flex;flex-direction:column;gap:36px;flex:none}.info__tabs{display:flex;gap:8px;overflow-x:auto}.info__tab{height:64px;padding:0 28px;border-radius:16px;background:transparent;color:var(--text-dim);font-family:var(--font);font-size:22px;font-weight:600;letter-spacing:.5px;white-space:nowrap;transition:background .15s,color .15s}.info__tab:hover{color:var(--text)}.info__tab--active{background:var(--accent-soft);color:var(--accent)}.info__content{flex:1;overflow-y:auto;padding:40px 48px 80px;display:flex;flex-direction:column;gap:40px}.info__section-title{font-size:40px;line-height:48px;font-weight:700}.paytable-grid{display:grid;grid-template-columns:repeat(5,140px);gap:40px 60px;justify-content:start}.pay-item{width:140px;display:flex;flex-direction:column;gap:12px}.pay-item__tile{width:140px;height:140px;border-radius:16px;background:var(--tile-bg);border:2px solid var(--stroke);display:flex;align-items:center;justify-content:center}.pay-item__tile img{width:120px;height:120px}.pay-item__row{font-size:24px;line-height:42px;font-weight:500;letter-spacing:.72px;display:flex;justify-content:space-between}.lines-grid{display:grid;grid-template-columns:repeat(4,204px);gap:32px 56px;justify-content:start}.line-scheme{display:flex;flex-direction:column;gap:6px}.line-scheme__title{font-size:24px;font-weight:600;letter-spacing:.72px;color:var(--text-dim);height:34px}.line-scheme__row{display:flex;gap:6px}.minicell{width:36px;height:30px;border-radius:6px;background:var(--bg-panel-2);border:1px solid var(--stroke)}.minicell--on{background:var(--win)}.menu-stack{display:flex;flex-direction:column;gap:16px}.menu-stack--open .btn-icon{animation:menu-in .2s ease-out}@keyframes menu-in{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.load-promo{display:flex;flex-direction:column;align-items:center;gap:24px}.load-books{display:flex;gap:24px}.load-books img{width:176px;height:176px}.center-msg{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:0 80px}.error{color:#e05a4e}