html,body{touch-action:none;-webkit-user-select:none;user-select:none;background:#16171b;margin:0;padding:0;font-family:sans-serif;overflow:hidden}.app-viewport-wrapper{background:#16171b;flex-direction:column;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.viewport-top-space{background:#16171b;flex:1;width:100%}.viewport-bottom-space{background:#090e21;flex-direction:column;flex:1;width:100%;display:flex}.bottom-space-img{width:100%;height:auto;margin-top:-1px;display:block}.bottom-space-fill{background:#090e21;flex:1}.app-container{aspect-ratio:3/5;background:#1c1c24;flex-direction:column;flex-shrink:0;justify-content:space-between;width:100%;max-width:min(100vw,60vh,540px);display:flex;position:relative;overflow:hidden;container-type:inline-size}.layer-vignette{pointer-events:none;z-index:5;background:linear-gradient(#1c1c2499 0%,#1c1c2400 20% 80%,#1c1c2499 100%);position:absolute;inset:0}.grid-section{z-index:5;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;width:100%;min-height:0;margin-top:-15px;padding-top:15px;padding-bottom:5cqi;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0% 5%,#000 15% 85%,#0000 100%);mask-image:linear-gradient(#0000 0% 5%,#000 15% 85%,#0000 100%)}.layer-grid{pointer-events:none;justify-content:center;align-items:flex-end;width:100%;display:flex}.bg-gradient-top{z-index:15;pointer-events:none;background:linear-gradient(#16171b 0% 15%,#1c1c2400 100%);width:100%;height:22%;position:absolute;top:-1px;left:0}.bg-gradient-bottom{z-index:15;pointer-events:none;background:linear-gradient(#0000 0%,#16171b00 30%,#16171b 70%);width:100%;height:45%;position:absolute;bottom:-1px;left:0}.board-viewport{pointer-events:auto;justify-content:center;align-items:flex-end;width:90%;display:flex}.board-grid-wrapper{transform-origin:bottom;width:658px}.board-scroll-container{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.board-row{justify-content:center;gap:5px;margin-top:-50px;display:flex;position:relative}.button-container{cursor:pointer;width:206px;height:262px}.board-row:first-child{margin-bottom:0}.money-explosion-anim{z-index:150;font-size:4rem;animation:2s ease-in forwards fallDown;position:absolute;top:15%;left:50%;transform:translate(-50%)}@keyframes fallDown{0%{opacity:1;top:15%;transform:translate(-50%)scale(.5)}50%{transform:translate(-50%)scale(1.5)}to{opacity:0;top:85%;transform:translate(-50%)scale(1)}}.modal-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:999;background:#16171bd9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal-content{color:#fff;text-align:center;background:#1e1d25;border:1px solid #ffffff0f;border-radius:24px;width:85%;max-width:340px;padding:24px}.modal-title{color:#fff;margin-bottom:24px;font-size:22px;font-weight:800}.setting-group{text-align:left;margin-bottom:20px}.group-label{color:#858494;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.toggle-container{background:#131217;border-radius:12px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.toggle-btn,.size-btn{color:#a09eb4;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:12px;font-size:14px;font-weight:700}.toggle-btn.active,.size-btn.active{color:#fff;background:#4caf50}.start-action-btn{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:14px;width:100%;margin-top:12px;padding:16px;font-size:16px;font-weight:800}.layer-ui{z-index:20;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.top-ui{padding-top:4cqi}.top-menu-wrapper{justify-content:center;align-items:center;width:55%;margin-bottom:2.5cqi;display:flex}.top-menu-img{width:100%;height:auto;display:block}.dots-container{justify-content:center;gap:1.5cqi;display:flex}.dot{border-radius:50%;width:2.2cqi;height:2.2cqi;transition:background .3s}.dot-grey{background:#444}.dot-green{background:#4caf50;box-shadow:0 0 1cqi #4caf50}.dot-red{background:#f44336;box-shadow:0 0 1cqi #f44336}.bottom-ui{margin-top:0;padding-bottom:5cqi}.ui-section-container{justify-content:center;width:85%;margin:0 auto;display:flex;position:relative}.ui-section-img{width:100%;height:auto;display:block}.ui-section-content{justify-content:center;align-items:flex-start;display:flex;position:absolute;inset:0}.multipliers-section{margin-bottom:-1px}.multipliers-content{justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.multipliers-anim-container{justify-content:center;align-items:center;width:100%;min-width:100px;height:100%;display:flex;position:relative}.mult-current{color:#dadada;font-size:4.5cqi;font-weight:200;transition:transform .3s;position:absolute;top:auto;left:auto;transform:none}.mult-next{color:#8d8d8d;margin-left:59%;font-size:3.5cqi;font-weight:200;transition:transform .3s;position:absolute}@keyframes fadeInCenter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.mult-current{animation:.4s ease-out forwards fadeInCenter}.mult-next{animation:.4s ease-out forwards slideFromRight}.balance-section{position:relative}.balance-content{margin-top:6cqi}.balance-display{color:#dadada;text-align:center;font-size:4.5cqi;font-weight:200;line-height:1;transition:transform .1s ease-in-out}.balance-bump{color:#4caf50;transform:scale(1.08)}.game-button-wrapper{-webkit-user-select:none;user-select:none;--anim-duration:.25s;width:206px;height:262px;position:relative}.button-base{z-index:0;pointer-events:none;width:206px;height:262px;position:absolute;top:0;left:0}.button-movable-group{pointer-events:none;width:206px;height:200px;transition:transform var(--anim-duration) ease-in-out;position:absolute;top:0;left:0;transform:translateY(0)}.game-button-wrapper.is-pressed .button-movable-group{transform:translateY(35px)}.button-cap{z-index:3;width:206px;height:200px;position:absolute;top:0;left:0}.button-pin-layer{z-index:2;width:206px;height:200px;transition:opacity var(--anim-duration) ease-in-out;opacity:0;position:absolute;top:0;left:0}.button-pin-layer.is-active{opacity:1}.money-anim-layer{pointer-events:none;z-index:18;position:absolute;inset:0;overflow:hidden}.money-particle{opacity:0;width:45px;height:auto;animation:flyToBalance var(--duration) cubic-bezier(.25, 1, .3, 1) var(--delay) forwards;margin-top:-22px;margin-left:-22px;position:absolute}@keyframes flyToBalance{0%{left:var(--start-x);top:var(--start-y);transform:scale(0) rotate(var(--rot-start));opacity:0}15%{opacity:1;transform:scale(var(--scale)) rotate(var(--rot-start))}to{transform:scale(.2) rotate(var(--rot-end));opacity:0;top:88%;left:50%}}