@font-face{font-family:Oswald;src:url(../assets/fonts/oswald_ru.ttf) format("truetype");font-weight:400;font-display:swap}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:#0a0a0a;overflow:hidden;font-family:Oswald,Arial,sans-serif;color:#fff;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}#stage{position:relative;width:1080px;height:1920px;transform-origin:center center;flex:none;overflow:hidden}#board{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#overlay{position:absolute;inset:0;pointer-events:none}.chrome,.modals{position:absolute;inset:0}.start-screen{position:absolute;inset:0;overflow:hidden;pointer-events:auto}.start-screen.hidden{display:none}.ss-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ss-inner{position:absolute;left:0;right:0;top:50%;height:1920px;transform:translateY(-50%)}.ss-cards{position:absolute;left:540px;top:405px;width:556.8px;height:395.52px;transform:translate(-50%,-50%)}.ss-title{position:absolute;left:540px;top:743px;width:910px;height:232px;transform:translate(-50%,-50%)}.ss-btn{position:absolute;left:540px;transform:translate(-50%,-50%);border:0;padding:0;background:none;cursor:pointer}.ss-btn.play{top:1088px;width:823px;height:244px}.ss-btn.sub{width:479px;height:116px}.ss-btn.rules{top:1380.9px}.ss-btn.settings{top:1570px}.ss-btn:active{transform:translate(-50%,-50%) scale(.97)}.ss-frame,.ss-label{position:absolute;pointer-events:none}.ss-frame{inset:0;width:100%;height:100%}.ss-label{left:50%;top:50%;transform:translate(-50%,-50%)}.hud{position:absolute;top:0;left:0;right:0;height:88px;pointer-events:none}.hud .stat{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:baseline;gap:12px;color:#fff;font-size:50px;line-height:1;text-shadow:0 2px 6px rgba(0,0,0,.45);white-space:nowrap}.hud .stat .k{opacity:.82}.hud .stat.score{left:26px}.hud .stat.time{left:396px}.hud .stat.steps{right:107px}.bottom{position:absolute;left:0;right:0;bottom:16px;height:200px;pointer-events:none}.bottom .panel{position:absolute;inset:0;display:flex;flex-direction:column;transition:transform .35s ease,opacity .3s ease}.bottom .toprow{position:relative;flex:none;height:78px;width:100%}.bottom .mode{position:absolute;left:56px;top:50%;transform:translateY(-50%);color:#fff;font-size:44px;line-height:1;padding:8px 26px;background:#00000059;border-radius:18px;pointer-events:none}.bottom .chevron{position:absolute;left:50%;top:-26px;transform:translate(-50%,-50%);width:48px;height:26px;padding:0;border:none;background:transparent url(../assets/chevron.png) center / contain no-repeat;cursor:pointer;pointer-events:auto;z-index:2;transition:top .35s ease,transform .35s ease}.bottom .buttons{display:flex;flex:1 1 auto;min-height:0}.bottom .btn{pointer-events:auto;flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:6px 0 0;background:transparent;border:none;border-radius:0;color:#fff;font-family:inherit;font-size:34px;line-height:1;text-shadow:0 2px 5px rgba(0,0,0,.45);cursor:pointer}.bottom .btn:active{transform:translateY(2px)}.bottom .btn img{width:58px;height:58px;object-fit:contain}.bottom .btn.hidden{display:none}.bottom.collapsed .panel{transform:translateY(100%);opacity:0}.bottom.collapsed .btn{pointer-events:none}.bottom.collapsed .chevron{top:100%;transform:translate(-50%,-100%) rotate(180deg)}.modals{pointer-events:none;z-index:10}.modal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000008c;pointer-events:auto}.dialog{width:880px;max-width:90%;background:#f4f1ea;color:#202020;border-radius:28px;padding:48px 56px;box-shadow:0 20px 60px #00000080;text-align:center}.dialog h2{margin:0 0 32px;font-size:68px;font-weight:400;color:#123a6b}.dialog .row{display:flex;justify-content:space-between;font-size:48px;padding:14px 0;border-bottom:2px solid rgba(0,0,0,.08)}.dialog .row b{color:#123a6b}.dialog button{display:block;width:100%;margin-top:18px;padding:24px;font-family:inherit;font-size:48px;border:none;border-radius:18px;cursor:pointer}.dialog button.primary{background:#1f5fb0;color:#fff}.dialog button.ghost{background:#00000014;color:#202020}.dialog button:active{transform:translateY(2px)}.check{display:flex;align-items:center;gap:20px;font-size:48px;padding:18px 0;justify-content:flex-start}.check input{width:46px;height:46px}.langs{display:flex;gap:16px;margin-top:8px}.langs button{flex:1;margin:0;padding:20px;font-size:46px;border:none;border-radius:16px;background:#00000014;color:#202020;cursor:pointer}.langs button.on{background:#1f5fb0;color:#fff}.dialog.rules-dialog{width:940px;max-width:92%;max-height:1600px;display:flex;flex-direction:column;padding:52px 60px 44px}.dialog.rules-dialog h2{flex:0 0 auto;margin-bottom:26px}.rules{font-size:46px;line-height:1.4;text-align:left;flex:1 1 auto;overflow-y:auto;min-height:0;margin:0 0 12px}.rules p{margin:0 0 26px}.rules-img{display:block;width:100%;max-width:640px;margin:6px auto 30px;border-radius:18px}