:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;background:#101322;color:#f7f3e7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#322b49 0,#101322 60%);min-height:100vh}main{max-width:540px;margin:auto;padding:22px 18px max(24px,env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.eyebrow{font-size:10px;letter-spacing:2px;color:#c6b294}h1{font-size:29px;font-weight:600;letter-spacing:-1px;margin:6px 0}.icon{width:36px;height:36px;border-radius:50%;padding:0;color:#f0d5a0}.wallet{display:flex;gap:8px;align-items:baseline;margin-bottom:18px;flex-wrap:wrap}.wallet span{font-size:13px;color:#b4afbd;margin-right:auto}.wallet strong{font-size:23px;overflow-wrap:anywhere}.wallet small{color:#baaa8c}.machine{border:1px solid #b78e53;border-radius:18px;padding:10px;background:linear-gradient(140deg,#674b32,#332638 35%,#291f32 70%,#a27b43);box-shadow:0 12px 40px #0006}.machine-head,.machine-foot{display:flex;justify-content:space-between;padding:4px 3px 11px;font-size:9px;letter-spacing:1px;color:#e7c791}.machine-foot{padding:11px 3px 2px;font-size:8px;letter-spacing:.7px}.board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;background:#111421;padding:6px;border-radius:10px;overflow:hidden}.reel{display:grid;grid-template-rows:repeat(3,1fr);gap:5px;min-width:0}.cell{position:relative;aspect-ratio:1/1.13;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff09;background:linear-gradient(#292b42,#1b1d30);border-radius:7px}.cell .symbol-icon{width:88%;height:88%;filter:drop-shadow(0 3px 3px #0009)}.cell.winner{background:#59472b;border-color:#ffd784;box-shadow:inset 0 0 12px #efb64a60}.cell.locked:after{content:'ЗАКРЕПЛЕНО';position:absolute;font-size:5px;letter-spacing:.2px;bottom:2px;color:#dbc8ff}#result{text-align:center;min-height:100px;padding:17px 4px 10px}#result-title{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#c1a478}#win{display:block;font-size:25px;line-height:1.2;margin:6px 0;color:#f7dc9d;overflow-wrap:anywhere}#detail{font-size:12px;color:#bcb6c7;margin:6px 0;line-height:1.4}.bonus{padding:12px;background:#543a794d;border:1px solid #9670c3;border-radius:10px;font-size:13px;margin-bottom:16px;color:#e1cbff}form>label{display:block;font-size:12px;color:#bcb6c7;margin-bottom:8px}.amount-row{display:flex;gap:8px}input#amount{min-width:0;flex:1;background:#1f2234;border:1px solid #50465c;border-radius:10px;font:600 21px system-ui;color:white;padding:12px}button{font:inherit;border:1px solid #ffffff14;background:#252638;color:#d5c9b5;border-radius:9px;padding:10px 12px;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible{outline:2px solid #f5cd7b;outline-offset:2px}.presets{display:flex;gap:7px;margin:9px 0 15px}.presets button{flex:1;font-size:12px;padding:8px 2px}#spin{width:100%;background:linear-gradient(120deg,#e1ad57,#ffe4a7);border:none;color:#302113;font-weight:750;font-size:18px;padding:18px;box-shadow:0 4px 20px #c994301a}.bottom{display:flex;justify-content:space-between;align-items:center;margin:18px 0;font-size:12px;color:#bcb6c7}.bottom button{padding:6px 10px;font-size:12px}.note{font-size:10px;text-align:center;color:#827b93;line-height:1.6}dialog{max-width:520px;width:calc(100% - 24px);max-height:90vh;background:#191c2c;border:1px solid #8c6b42;border-radius:15px;color:#e9e1d3;padding:18px}dialog::backdrop{background:#000b}.rules-top{display:flex;justify-content:space-between;align-items:center}h2{font-size:21px}dialog p{font-size:13px;line-height:1.6;color:#c0b9c9}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:8px 3px;border-bottom:1px solid #ffffff12;text-align:right}th:first-child,td:first-child{text-align:left}#paylines{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.line-tile{font-size:10px;color:#c5b494}.line-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;margin-top:4px}.line-grid i{aspect-ratio:1;background:#33374e;border-radius:1px}.line-grid i.on{background:#e5bb72}@media(prefers-reduced-motion:reduce){.reel.spinning{animation:none;filter:none}}@media(max-width:350px){main{padding:15px 10px}h1{font-size:25px}.machine-head{font-size:8px}.amount-row button{font-size:11px;padding:7px}.wallet strong{font-size:20px}}

.reel-window{position:relative;overflow:hidden;border-radius:8px;min-width:0}.reel{will-change:transform}.reel.moving{display:flex;flex-direction:column;gap:5px}.reel.moving .cell{height:var(--cell-height);min-height:var(--cell-height);flex:0 0 var(--cell-height)}.cell.pinned{position:absolute;left:0;right:0;height:var(--cell-height);z-index:2;box-shadow:0 0 12px #c49aff90;border-color:#c5a1f4}.cell .symbol-icon{width:96%;height:96%;filter:drop-shadow(0 3px 2px #0005)}
#auto{width:100%;margin-top:9px;font-size:16px;font-weight:600;background:#2a2c45;padding:14px}#auto.active{background:#613b46;border-color:#da9caa;color:#ffe8ec}#auto-status{font-size:11px;line-height:1.5;text-align:center;color:#c6b4a4;margin:9px 0;min-height:33px}.bottom{margin:12px 0}.note{display:none}

/* Standalone decoded images avoid external SVG-use repaint failures on Android. */
.symbol-icon{display:block;object-fit:contain;flex:none;pointer-events:none;user-select:none}
.reel.moving .symbol-icon,.cell.pinned .symbol-icon{width:var(--icon-size);height:var(--icon-size);filter:none}
.cell.winner .symbol-icon{animation:prize-pop 1050ms ease-in-out 2;transform-origin:50% 65%}
.cell.winner:before{content:'';position:absolute;inset:2px;border-radius:6px;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#fff5 48%,transparent 70%);background-size:250% 100%;animation:prize-shine 1050ms ease-in-out 2}
@keyframes prize-pop{0%,100%{transform:translateY(0) scale(1) rotate(0)}25%{transform:translateY(-3px) scale(1.09) rotate(-5deg)}55%{transform:translateY(-1px) scale(1.05) rotate(4deg)}80%{transform:translateY(0) scale(1.02) rotate(-2deg)}}
@keyframes prize-shine{0%{background-position:100% 0;opacity:0}30%{opacity:1}100%{background-position:-100% 0;opacity:0}}
@media(prefers-reduced-motion:reduce){.cell.winner .symbol-icon,.cell.winner:before{animation:none}}

form>label.speed-choice{display:flex;align-items:center;gap:8px;min-height:36px;margin:0 0 10px;color:#f7dc9d;font-size:13px}.speed-choice input{width:18px;height:18px;accent-color:#efc476}

/* Blur is pre-rendered inside each standalone SVG, not a live filter on the reel. */
.cell .motion-icon{position:absolute;opacity:0;filter:none}
.reel.moving .symbol-icon{transition:opacity var(--clarify-time,65ms) ease-out}
.reel.smearing .symbol-icon:not(.motion-icon){opacity:0}
.reel.smearing .motion-icon{opacity:1}
.cell.winner .motion-icon{animation:none}
@media(prefers-reduced-motion:reduce){.cell .motion-icon{display:none}}

/* Tomb interior: decorative layers never intercept input. */
:root{background:#0c151a;color:#f9efd9}body{background:#0c151a;isolation:isolate}
.tomb-scene{position:fixed;inset:0;max-width:760px;margin:auto;z-index:-1;pointer-events:none;overflow:hidden;background:linear-gradient(#07131b18,#07131b38),url('/assets/tomb.webp') center/100% 100% no-repeat}
main{position:relative;padding:24px 18px max(24px,env(safe-area-inset-bottom))}
header{margin:0 0 16px;justify-content:center;text-align:center;position:relative;min-height:78px;padding:0 24px}
header .icon{position:absolute;right:0;top:3px;background:#101b20e8;border-color:#ba95585c}
.eyebrow{font-size:9px;letter-spacing:2.4px;color:#d2b782;text-shadow:0 2px 4px #000}
h1{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:31px;letter-spacing:.1px;color:#ffe7ae;text-shadow:0 2px 1px #21160b,0 3px 16px #000}
.wallet{padding:11px 13px;margin-bottom:17px;border-top:1px solid #c9a36560;border-bottom:1px solid #c9a36560;background:linear-gradient(90deg,#0a1419b8,#142329ec,#0a1419b8);box-shadow:0 6px 18px #0005;gap:5px}
.wallet span{color:#d5c7ab;font-size:12px}.wallet strong{font-size:22px;color:#fff0c8}.wallet small{color:#d0b580;font-size:11px}
.machine{position:relative;padding:11px 10px 9px;border-radius:9px;border:2px solid #a3834c;background:repeating-linear-gradient(122deg,transparent 0 62px,#ffffff05 63px,transparent 65px),linear-gradient(150deg,#65706c,#2d3a3d 16%,#17272d 58%,#3c4948 84%,#99805a);box-shadow:inset 0 0 0 2px #19262c,inset 0 0 0 4px #b4925355,0 4px 0 #0c1518,0 9px 0 -3px #61513b,0 16px 34px #000a}
.machine:before,.machine:after{content:'';position:absolute;top:-6px;width:15px;height:15px;background:linear-gradient(135deg,#ffe9ab,#b58b47 50%,#5d4426);border:2px solid #e1bd79;transform:rotate(45deg);box-shadow:0 2px 7px #0007;pointer-events:none}
.machine:before{left:8px}.machine:after{right:8px}
.altar-runes{display:flex;justify-content:center;align-items:center;gap:19px;height:17px;margin:-2px 26px 7px;border-bottom:1px solid #b3975b48}
.altar-runes i{position:relative;width:7px;height:7px;border:1px solid #c3a064;transform:rotate(45deg);color:#c3a064;opacity:.65}
.altar-runes i:nth-child(2n){border-left:0;border-bottom:0}
.altar-runes i:after{content:'';position:absolute;width:2px;height:2px;background:currentColor;top:1.5px;left:1.5px}
.machine-head,.machine-foot{color:#e1c691;letter-spacing:.7px}.machine-head{padding-bottom:9px;font-size:8px}.machine-foot{font-size:7px;padding-top:9px}
.board{background:#080f14;border:1px solid #a78a514d;box-shadow:inset 0 3px 14px #000b;border-radius:5px;gap:4px}
.cell{border-radius:4px;border-color:#b2bca20d;background:linear-gradient(145deg,#263b43,#16272f 70%);box-shadow:inset 0 1px 0 #c5d2c00c}
.cell.winner{background:radial-gradient(ellipse at 50% 20%,#907443,#3e3421);border-color:#ffe2a0;box-shadow:inset 0 0 15px #f8c35c44}
#result{margin:14px 0 10px;padding:14px 9px 11px;min-height:100px;background:linear-gradient(90deg,#09161c10,#09161ce8 20%,#09161ce8 80%,#09161c10)}
#result-title{color:#cfb079;font-size:9px}#win{color:#ffe2a2;text-shadow:0 2px 8px #000}#detail{color:#ded9c9;font-size:12px}
#form{padding:13px 12px 12px;border:1px solid #b1956059;border-radius:7px;background:linear-gradient(145deg,#1c2b30ee,#0e1c23f5);box-shadow:inset 0 1px 0 #d1b3711a,0 5px 18px #0006}
form>label{color:#d9c7a6}input#amount{background:#0b171e;border:1px solid #8c794957;color:#fff0d0;font-size:20px;padding:11px}
button{background:linear-gradient(#28383b,#142229);border-color:#b896515c;color:#e8d8b7;border-radius:6px;box-shadow:inset 0 1px 0 #ffffff0b}
.presets{gap:5px;margin:8px 0}.presets button{padding:8px 1px;color:#decba5}
#spin{position:relative;padding:15px;background:linear-gradient(#f4d58d,#d4ab5e 48%,#bc8e43);border:1px solid #ffe2a5;border-radius:5px;color:#30200d;font-size:17px;letter-spacing:.3px;box-shadow:inset 0 2px 0 #fff3c9aa,inset 0 -3px 0 #8d652c,0 3px 8px #0007}
#auto{background:linear-gradient(#273a3d,#15262b);border:1px solid #b79b5b80;color:#e9d6ab;margin-top:11px;box-shadow:0 3px 10px #0006;padding:12px}
#auto.active{background:linear-gradient(#604532,#332b23);border-color:#d7b374;color:#ffedc6}
#auto-status{color:#d1c5a8;text-shadow:0 1px 5px #000;background:#0b1820a6;border-radius:5px;padding:6px 8px;margin:7px 0;font-size:10px;min-height:35px}
.bottom{justify-content:flex-end}.bottom button{background:#10212ae8}.bonus{background:#0c3c40ed;color:#c0fff0;border-color:#65c9b19c}
form>label.speed-choice{font-size:12px;margin-bottom:8px;color:#edd39a}.speed-choice input{accent-color:#d8b064}
dialog{background:linear-gradient(140deg,#26383c,#101e27);border-color:#ad9055;color:#ffefca}dialog p{color:#d4d5c8}th,td{border-color:#b49d5d38}
.torch-glow{position:absolute;top:8%;width:35%;height:32%;background:radial-gradient(ellipse,#ed912d28,transparent 70%);opacity:.7;animation:torch-light 3.7s ease-in-out infinite alternate}
.torch-glow.left{left:-12%}.torch-glow.right{right:-12%;animation-delay:-1.8s}
.vault-light{position:absolute;inset:20% 0 0;opacity:0;background:radial-gradient(ellipse at 50% 60%,#28d9c15c,transparent 65%);transition:opacity .8s}
.bonus-active .vault-light{opacity:.8}.bonus-active .machine{border-color:#74cbbb;box-shadow:inset 0 0 0 2px #152d30,inset 0 0 20px #1ebda933,0 0 24px #20d8ba44,0 12px 30px #000a}
.bonus-active .altar-runes i{color:#96ffe2;border-color:#74d9bd;opacity:1}
.has-win .altar-runes i{animation:rune-awaken 1.05s ease-in-out 2}
.dust{position:absolute;inset:0}.dust i{position:absolute;left:9%;top:40%;width:2px;height:2px;background:#e6c67c;border-radius:50%;opacity:0;animation:tomb-dust 9s ease-in-out infinite}
.dust i:nth-child(2){left:88%;top:60%;animation-delay:-3s}.dust i:nth-child(3){left:15%;top:77%;animation-delay:-6s}.dust i:nth-child(4){left:78%;top:24%;animation-delay:-4s}.dust i:nth-child(5){left:47%;top:13%;animation-delay:-1s}
@keyframes torch-light{0%{opacity:.4}45%{opacity:.8}70%{opacity:.6}100%{opacity:1}}
@keyframes tomb-dust{0%,100%{opacity:0;transform:translate(0,12px)}35%{opacity:.45}80%{opacity:.15;transform:translate(10px,-55px)}}
@keyframes rune-awaken{0%,100%{opacity:.65;box-shadow:none}40%{opacity:1;color:#fff1a7;border-color:#ffe998;box-shadow:0 0 10px #ffc85b,0 0 18px #f7b85480}}
@media(prefers-reduced-motion:reduce){.torch-glow,.dust i,.has-win .altar-runes i{animation:none}.torch-glow{opacity:.6}.vault-light{transition:none}}
@media(max-width:350px){main{padding:18px 10px}h1{font-size:27px}.eyebrow{font-size:8px;letter-spacing:1.5px}.wallet{padding:9px}.wallet strong{font-size:20px}.machine-head{font-size:7px}#form{padding:10px}form>label.speed-choice{font-size:11px}}