:root{--bg-deep: #16110a;--bg-panel: #241a0e;--bg-cell: #2e2213;--gold: #d4a017;--gold-bright: #ffd873;--line-color: #ffd873;--text: #efe6d2;--text-dim: #b8a988;--danger: #e05a4e;--ok: #6fbf73;--fs: #4ea3c9;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;min-height:100%;background:radial-gradient(120% 90% at 50% 0%,#2a1f10 0%,var(--bg-deep) 60%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden;user-select:none;-webkit-user-select:none}.game-shell{height:100%;display:flex;flex-direction:column;gap:8px;padding:10px 14px 12px;max-width:900px;margin:0 auto}.center-msg{margin:auto;text-align:center}.center-msg h1{color:var(--gold-bright);letter-spacing:.08em;margin-bottom:8px}.error{color:var(--danger)}.hud{display:flex;justify-content:space-between;align-items:center;gap:12px}.hud__brand{display:flex;align-items:baseline;gap:10px}.hud__title{font-size:20px;font-weight:800;color:var(--gold-bright);letter-spacing:.06em}.hud__rtp{font-size:12px;color:var(--text-dim)}.hud__wallet{display:flex;align-items:center;gap:8px;background:var(--bg-panel);border:1px solid #3a2d1a;border-radius:10px;padding:6px 10px}.wallet-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.wallet-value{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--gold-bright);min-width:64px;text-align:right}.badge--demo,.badge--user,.hud__mode{font-size:10px;font-weight:700;letter-spacing:.14em;padding:3px 8px;border-radius:999px}.hud__mode{background:#3d2f16;color:var(--gold);border:1px solid #55401c}.banner{text-align:center;font-weight:700;border-radius:8px;padding:6px 10px;font-size:14px}.banner--win{background:#223318;color:var(--ok);animation:pop .35s ease}.banner--fs{background:#14293a;color:var(--fs);animation:pop .35s ease}.banner--error{background:#3a1713;color:var(--danger)}.banner--info{background:#1c2a33;color:#9fd0d0}@keyframes pop{0%{transform:scale(.92)}to{transform:scale(1)}}.fs-strip{text-align:center;font-size:13px;color:var(--fs);background:#122532;border-radius:8px;padding:4px}.machine{position:relative;flex:1;min-height:0;display:flex;align-items:stretch;background:var(--bg-panel);border:2px solid #4a3719;border-radius:16px;padding:10px;box-shadow:inset 0 0 60px #0007,0 8px 24px #0008}.reels{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:100%}.reel{position:relative;overflow:hidden;border-radius:10px;background:linear-gradient(180deg,#1c1509,#120d06);border:1px solid #3a2d1a}.reel-strip{display:flex;flex-direction:column;gap:8px;padding:8px;height:100%;justify-content:space-between}.cell{aspect-ratio:1 / .86;display:flex;align-items:center;justify-content:center;background:var(--bg-cell);border-radius:8px;border:1px solid #241b0f;font-size:clamp(20px,5.2vw,44px);transition:border-color .15s,box-shadow .15s}.cell--dim{filter:brightness(.8)}.cell--win{border-color:var(--gold-bright);box-shadow:0 0 14px #ffd87366,inset 0 0 10px #ffd87322}.cell-glyph{line-height:1;text-shadow:0 2px 6px #0008}.line-overlay{position:absolute;inset:10px;pointer-events:none}.win-lines{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.win-chip{font:inherit;font-size:12px;background:#2e2213;color:var(--gold);border:1px solid #55401c;border-radius:999px;padding:3px 10px;cursor:pointer}.win-chip--active{background:var(--gold);color:#241a0e;font-weight:700}.total{margin-left:auto;font-weight:700;color:var(--ok);font-variant-numeric:tabular-nums}.controls{display:flex;align-items:center;gap:14px;background:var(--bg-panel);border-radius:12px;padding:10px 14px;border:1px solid #3a2d1a}.controls__group{display:flex;flex-direction:column;gap:4px;align-items:center}.controls__label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim)}.stepper{display:flex;align-items:center;gap:6px}.stepper__value{min-width:40px;text-align:center;font-weight:700;font-size:16px;font-variant-numeric:tabular-nums}.btn{font:inherit;cursor:pointer;border-radius:8px;border:1px solid #55401c;background:#3d2f16;color:var(--text);padding:6px 12px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--step{width:30px;height:30px;padding:0;font-weight:800}.btn--ghost{background:transparent;margin-left:auto;font-size:12px}.btn--spin{background:linear-gradient(180deg,#e5b53c,#b8801a);color:#1d1408;font-weight:900;font-size:16px;letter-spacing:.1em;padding:12px 28px;border-radius:12px;border:1px solid #ffd873;box-shadow:0 4px 16px #d4a01755;text-shadow:0 1px 0 #ffe9b0aa}.btn--spin:not(:disabled):hover{filter:brightness(1.08)}.btn--spin:not(:disabled):active{transform:translateY(1px)}.paytable{overflow-y:auto;max-height:46vh;background:#1c150a;border:1px solid #3a2d1a;border-radius:12px;padding:12px 16px;font-size:13px}.paytable__head h2{margin:0;color:var(--gold-bright)}.paytable__sub{margin:2px 0 10px;color:var(--text-dim);font-size:12px}.paytable__lines{width:100%;border-collapse:collapse}.paytable__lines th,.paytable__lines td{padding:4px 8px;text-align:center;border-bottom:1px solid #2e2213}.paytable__lines th{color:var(--text-dim);font-weight:600;font-size:11px}.paytable__sym{text-align:left!important}.glyph{display:inline-block;min-width:26px;font-size:16px}.row--book td{color:var(--gold)}.paytable__hint{font-size:10px;color:var(--text-dim)}.paytable__scatter h3{margin:12px 0 4px;color:var(--gold);font-size:13px}.paytable__note{color:var(--text-dim);font-size:11px}