:root{font-family:-apple-system,BlinkMacSystemFont,Arial,sans-serif;color:#d0d2d4;background:#181a1c;color-scheme:dark;--gap:14px}*{box-sizing:border-box}html,body{margin:0;height:100%;width:100%;overflow:hidden;overscroll-behavior:none}body{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 0,#34383c,#181a1c 70%)}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible{outline:3px solid #64b3ff;outline-offset:6px}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.shell{width:100%;max-width:460px;height:100svh;height:100dvh;margin:auto;padding:max(22px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));display:grid;grid-template-rows:minmax(0,1fr) 64px 50px;gap:16px}main{min-height:0;padding:4px 0}.machine{position:relative;height:100%;min-height:0;padding:12px;border-radius:28px;background:linear-gradient(115deg,#3e4145 0,#101214 18%,#34363a 49%,#151718 75%,#4e5153);border:1px solid #686a6b;box-shadow:0 15px 35px #0007,inset 0 1px 1px #a2a5a6,inset 0 -4px 7px #080909}.machine-inner{height:100%;display:grid;grid-template-rows:26px minmax(0,1fr) 24px;gap:16px;min-height:0;padding:10px 12px 12px;border-radius:15px;border:1px solid #a5a8aa;background:repeating-linear-gradient(0deg,#ffffff03 0px,#ffffff03 1px,#00000005 1px,#00000005 2px),linear-gradient(115deg,#c8cacb,#969a9d 30%,#b0b3b5 55%,#818588 100%);box-shadow:inset 0 2px 3px #fff7,inset 0 -2px 4px #3438399c}.hardware-top{display:flex;align-items:center;justify-content:space-between}.indicator{display:block;width:6px;height:6px;background:#7deb69;border:1px solid #4b5548;border-radius:50%;box-shadow:0 0 5px #73ff6580}.machine.lost .indicator{background:#fa2b10;box-shadow:0 0 8px #ff2100}.vents{display:flex;gap:3px}.vents i{display:block;width:3px;height:14px;border-radius:2px;background:#53585b;box-shadow:1px 0 0 #e1e4e699,inset 1px 0 1px #222}.grid{height:100%;min-height:0;container-type:size;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:var(--gap);place-items:center}.pad{position:relative;display:grid;place-items:center;width:min(100%,calc((100cqh - 3 * var(--gap))/4));aspect-ratio:1;isolation:isolate;border:0;border-radius:50%;padding:0;background:conic-gradient(from 150deg,#7a7d80,#eaebec 15%,#a9abad 28%,#eceef0 43%,#636669 65%,#d5d7d9 84%,#7a7d80);box-shadow:0 3px 0 #505457,0 5px 7px #272a2d88,inset 0 1px 1px #fff;transition:transform .11s ease;touch-action:manipulation}.pad:before{content:'';position:absolute;inset:7%;border-radius:50%;background:radial-gradient(ellipse at 37% 18%,#ff6557 0,#f91b0d 22%,#e10c05 58%,#a20905 91%);border:1px solid #8b0805;box-shadow:inset 0 2px 2px #ffb99b9e,inset 0 -4px 5px #7707039c,0 2px 2px #343839;transition:transform .11s ease,background .18s ease,box-shadow .11s ease}.pad:after{content:'';position:absolute;top:13%;left:20%;right:20%;height:18%;border-radius:50%;background:linear-gradient(#ffffff48,#fff0);filter:blur(.3px);pointer-events:none}.pad:active:not(:disabled):before{transform:translateY(3px) scale(.97);box-shadow:inset 0 3px 8px #860b06,0 1px 1px #292a2c}.pad.safe:before{transform:translateY(3px) scale(.965);background:radial-gradient(ellipse at 40% 25%,#39734a,#24462f 58%,#142b1a);box-shadow:inset 0 3px 7px #051707b3,0 1px 0 #bbc3bd}.pad.safe:after{top:24%;left:42%;right:auto;width:15%;height:28%;border-radius:0;background:none;filter:none;border-right:2px solid #9be9af;border-bottom:2px solid #9be9af;transform:rotate(40deg);opacity:.85}.pad.bomb:before{background:radial-gradient(ellipse at 50% 50%,#190c09,#47201a);box-shadow:inset 0 0 10px #080605,0 0 8px #fa281433}.pad.bomb:after{background:none;inset:22%;height:auto;border-radius:50%;border:1px solid #751a0e;box-shadow:inset 0 0 10px #000}.pad.unopened{filter:saturate(.65);opacity:.65}.hardware-bottom{display:flex;align-items:center;justify-content:center;gap:6px}.hardware-bottom i{width:4px;height:4px;border-radius:50%;background:#6b7073;box-shadow:0 1px 0 #fff6}.screw{position:absolute;width:7px;height:7px;background:linear-gradient(135deg,#4a4d50 40%,#121416 43%,#121416 55%,#5d6164 58%);border-radius:50%;box-shadow:inset 0 1px 1px #969a9d,0 1px 1px #070809}.top-left{top:7px;left:9px}.top-right{top:7px;right:9px}.bottom-left{bottom:7px;left:9px}.bottom-right{bottom:7px;right:9px}.controls{display:flex;align-items:center;justify-content:space-around;padding:0 6px}.icon-button{width:48px;height:48px;display:inline-grid;place-items:center;padding:12px;border:1px solid #565b5f6b;border-radius:50%;background:linear-gradient(#373b3f,#25282b);color:#b3b9bd;box-shadow:inset 0 1px 1px #ffffff10,0 3px 7px #0002;transition:transform .12s}.icon-button:active{transform:scale(.93)}.icon-button svg,.result-symbol svg,.demo-creative svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon-button:disabled{opacity:.35}.reset-button{width:56px;height:56px;padding:16px;color:#eaedef;background:linear-gradient(#60686e,#40474d);border-color:#929ca059}.banner{width:100%;min-height:0;border-top:1px solid #ffffff0b;display:flex;align-items:center;justify-content:center}#banner-content{height:50px;max-width:100%;display:flex;align-items:center;justify-content:center}.ad-ghost{width:120px;display:flex;justify-content:center;align-items:center;gap:6px}.ad-ghost i{display:block;width:4px;height:4px;background:#545a5f;border-radius:50%}dialog{max-width:calc(100% - 36px);max-height:calc(100dvh - 28px);width:320px;padding:0;border:1px solid #747a803d;border-radius:30px;background:linear-gradient(145deg,#353b40,#1a1d21);color:#c8d0d4;box-shadow:0 30px 120px #0009;overflow:hidden}dialog::backdrop{background:#06090cb0;backdrop-filter:blur(12px)}.dialog-content{padding:24px;text-align:center}.result-symbol{width:54px;height:54px;margin:6px auto 20px;color:#df3b23}.result-symbol.won{color:#89d4a1}.result-actions{display:flex;justify-content:center;align-items:center;gap:26px;margin-top:20px}.primary{width:64px;height:64px;color:white;background:linear-gradient(#f03620,#b1150a);border-color:#ff746055;padding:18px}.demo-creative{display:grid;place-items:center;min-height:110px;border-radius:16px;background:linear-gradient(130deg,#474f55,#232a30);box-shadow:inset 0 1px 0 #ffffff12}.demo-creative svg{width:34px;height:34px;color:#89959d}.ad-progress{height:2px;border-radius:2px;overflow:hidden;background:#626d7733;margin:15px 12px}.ad-progress i{display:block;height:100%;background:#a9b8c2;transform-origin:left;animation:ad-countdown 3s linear both}@keyframes ad-countdown{from{transform:scaleX(0)}to{transform:scaleX(1)}}.explosion{position:fixed;inset:0;z-index:30;background:#060402;overflow:hidden;pointer-events:none;animation:impact-shake .6s ease-out both}.explosion-image{width:100%;height:100%;object-fit:cover;object-position:50% 54%;animation:detonation 3.8s cubic-bezier(.1,.45,.2,1) both}.flash{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 66%,#ffe9b7b3,#ffa14450 30%,transparent 70%);animation:flash .65s ease-out both}.shockwave{position:absolute;left:50%;top:68%;width:36vmin;height:12vmin;border:4px solid #ffcc8560;box-shadow:0 0 32px #ff8a2370;border-radius:50%;animation:shockwave 1.4s ease-out both}.embers{position:absolute;inset:0;overflow:hidden}.embers i{position:absolute;left:50%;top:66%;width:3px;height:6px;border-radius:50%;background:#ffd18b;box-shadow:0 0 7px #ff6b16;animation:ember 2.5s cubic-bezier(.06,.6,.3,1) both;animation-delay:var(--delay)}@keyframes detonation{0%{transform:scale(.66);opacity:0;filter:brightness(2)}14%{opacity:1;filter:brightness(1.2)}100%{transform:scale(1.15);opacity:1;filter:brightness(.85)}}@keyframes flash{0%{opacity:0}12%{opacity:1}100%{opacity:0}}@keyframes shockwave{from{transform:translate(-50%,-50%) scale(.1);opacity:0}10%{opacity:1}to{transform:translate(-50%,-50%) scale(10);opacity:0}}@keyframes ember{from{transform:translate(0,0) scale(1);opacity:0}10%{opacity:1}to{transform:translate(var(--x),var(--y)) scale(.1);opacity:0}}@keyframes impact-shake{0%,100%{translate:0}12%{translate:-5px 3px}28%{translate:4px -3px}45%{translate:-3px -2px}65%{translate:2px 1px}}[hidden]{display:none!important}.reduced .explosion,.reduced .explosion *{animation:none!important}.reduced .flash,.reduced .shockwave,.reduced .embers{display:none}.reduced .explosion-image{opacity:.85;transform:none;filter:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.flash,.shockwave,.embers{display:none}}@media(max-height:680px){:root{--gap:12px}.shell{padding-top:max(10px,env(safe-area-inset-top));padding-left:14px;padding-right:14px;grid-template-rows:minmax(0,1fr) 54px 50px;gap:8px}.machine{padding:13px;border-radius:24px}.machine-inner{padding:7px 15px;grid-template-rows:14px minmax(0,1fr) 12px;gap:10px}.reset-button{width:50px;height:50px;padding:14px}.dialog-content{padding:18px}.result-symbol{width:40px;height:40px;margin:0 auto 14px}}@media(max-height:540px){:root{--gap:12px}.shell{gap:4px;padding-top:6px}.machine-inner{padding:6px 12px;grid-template-rows:10px minmax(0,1fr) 8px;gap:6px}.machine{padding:12px}.vents i{height:9px}.demo-creative{min-height:70px}.result-actions{margin-top:12px}}@media(orientation:landscape) and (max-height:500px){.shell{max-width:780px;grid-template-columns:minmax(0,1fr) 64px;grid-template-rows:minmax(0,1fr) 32px;gap:6px 18px}.shell main{grid-column:1;grid-row:1/3}.controls{grid-column:2;grid-row:1;flex-direction:column;padding:0}.banner{grid-column:2;grid-row:2}.machine-inner{grid-template-rows:8px minmax(0,1fr) 4px;gap:5px}.icon-button{width:44px;height:44px;padding:12px}.reset-button{width:48px;height:48px}.demo-creative{min-height:50px}.result-symbol{margin:0 auto 12px}.primary{width:54px;height:54px}.explosion-image{object-position:50% 45%}}
:root .adsbygoogle{display:inline-block;width:320px;height:50px}