@font-face{font-family:Bebas;src:url(./bebas-CfkO-nQt.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--navy: #1d2748;--navy-deep: #111a31;--panel: rgba(18, 28, 54, .9);--panel-soft: rgba(36, 51, 88, .75);--gold: #f4c95d;--gold-soft: #ffe6a3;--cream: #f7f3e8;--muted: #9ba9c9;--danger: #e55353;--radius: 22px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#10172c;color:var(--cream);font-family:Trebuchet MS,Segoe UI,sans-serif;user-select:none}#app{position:fixed;inset:0}.stage{position:absolute;left:50%;top:50%;width:1080px;height:1920px;transform-origin:center center;overflow:visible;background:transparent}.screen{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden}.screen button{font-family:inherit;border:0;cursor:pointer;color:var(--cream)}.screen-header{height:128px;flex:0 0 128px;display:flex;align-items:center;gap:20px;padding:28px 44px 0}.screen-title{font-family:Bebas,Arial Narrow,sans-serif;font-size:64px;letter-spacing:3px;color:var(--gold)}.screen-progress{margin-left:auto;font-size:30px;color:var(--muted)}.back-btn{width:86px;height:86px;border-radius:50%;background:var(--panel);color:var(--gold);font-size:48px;line-height:1;box-shadow:0 8px 22px #00000040}.icon-btn{width:82px;height:82px;border-radius:22px;background:var(--panel);display:grid;place-items:center;color:var(--gold);font-size:30px;box-shadow:0 8px 22px #00000038}.icon-btn img{width:54px;height:54px;object-fit:contain}.splash,.menu{background:transparent}.splash{opacity:1;transition:opacity .24s ease}.splash-out{opacity:0}.splash-logo,.splash-simple,.menu-item{position:absolute;transform:translate(-50%,-50%)}.splash-logo,.splash-simple,.menu-logo,.menu-start-base,.menu-start-label,.menu-round-base,.menu-round-icon,.menu-stage-label{display:block;object-fit:fill;pointer-events:none}.menu-item{padding:0;border:0;background:transparent;transition:transform .1s ease,filter .1s ease}.menu-item:active{transform:translate(-50%,-50%) scale(.965)}.menu-start{background:transparent}.menu-start-base{position:absolute;inset:0;width:100%;height:100%}.menu-start-label{position:absolute;left:50%;top:calc(50% - 9px);width:86%;height:54%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;font-family:HeliosCondBlack,Arial Narrow,Arial,sans-serif;font-size:86px;line-height:1;letter-spacing:1px;white-space:nowrap;color:#fff;text-shadow:0 4px 0 rgba(145,27,35,.55)}.menu-stage{background-position:center;background-repeat:no-repeat;background-size:100% 100%}.menu-stage-label{position:absolute;inset:15.5% 5% 8.5%;display:flex;align-items:center;justify-content:center;text-align:center;font-family:HeliosCondBlack,Arial Narrow,Arial,sans-serif;font-size:64px;line-height:.95;letter-spacing:.5px;white-space:nowrap;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.22);pointer-events:none}.menu-stage-count{position:absolute;right:22px;bottom:21px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-weight:700;font-size:29px;line-height:1;color:#fff;text-shadow:0 2px 2px rgba(0,0,0,.28);pointer-events:none}.menu-round{background:transparent}.menu-round-base{position:absolute;inset:0;width:100%;height:100%}.menu-round-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.menu-help .menu-round-icon{width:36.69%;height:57.55%}.menu-settings .menu-round-icon{width:60.43%;height:61.87%}.stages-screen{background:linear-gradient(180deg,#1d2748,#141d36)}.stages-grid{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:28px;padding:10px 44px 60px;overflow-y:auto}.stage-card{position:relative;min-height:280px;border-radius:var(--radius);background:linear-gradient(160deg,#344c80e6,#192544f2);border:2px solid rgba(244,201,93,.35);padding:26px 26px 22px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 14px 30px #00000040;overflow:hidden}.stage-card:after{content:"";position:absolute;inset:auto -30% -55% auto;width:300px;height:300px;background:radial-gradient(circle,rgba(244,201,93,.18),transparent 70%)}.stage-letter{position:absolute;top:10px;right:26px;font-family:Bebas,sans-serif;font-size:150px;line-height:1;color:#f4c95d29}.stage-art{width:330px;max-width:80%;height:auto;margin-top:10px}.stage-meta{display:flex;align-items:baseline;gap:16px;margin-top:auto;width:100%}.stage-name{font-size:28px;color:var(--muted)}.stage-progress{margin-left:auto;font-family:Bebas,sans-serif;font-size:36px;color:var(--gold)}.stage-bar{width:100%;height:12px;border-radius:99px;background:#ffffff1f;margin-top:12px;overflow:hidden}.stage-bar span{display:block;height:100%;background:var(--gold);border-radius:inherit}.stage-unlocked{display:none}.levels-screen{background:#fef5bc}.levels-header{position:absolute;left:0;top:0;width:100%;height:196px;pointer-events:none}.levels-home{position:absolute;left:134px;top:118px;width:128px;height:128px;padding:0;border:0;background:transparent;transform:translate(-50%,-50%);pointer-events:auto;transition:transform .1s ease}.levels-home:active{transform:translate(-50%,-50%) scale(.94)}.levels-home img{display:block;width:100%;height:100%;object-fit:contain}.levels-title{position:absolute;left:50%;top:118px;width:596px;height:142px;display:flex;align-items:center;justify-content:center;font-family:Arial Black,Arial Bold,Arial,sans-serif;font-size:62px;line-height:1;letter-spacing:.5px;text-align:center;white-space:nowrap;color:var(--stage-color, #6cb644);-webkit-text-stroke:7px #2b2a29;paint-order:stroke fill;text-shadow:0 8px 0 rgba(43,42,41,.35);transform:translate(-50%,-50%)}.levels-scroll{position:absolute;inset:216px 0 228px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.levels-scroll::-webkit-scrollbar{display:none}.levels-grid{display:grid;grid-template-columns:repeat(4,204.9px);grid-auto-rows:204.9px;column-gap:51.2px;row-gap:51.2px;justify-content:center;padding:42.7px 0}.level-tile{position:relative;width:204.9px;height:204.9px;padding:0;border:0;border-radius:0;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:90.2778% 90.2778%;display:grid;place-items:center;box-shadow:none;transition:transform .1s ease}.level-tile:active:not(:disabled){transform:scale(.96)}.level-tile.locked{opacity:1;cursor:default}.level-number{display:block;width:auto;height:47%}.level-lock{display:block;width:auto;height:64%}.game-screen{overflow:visible;background:transparent}.game-host{position:absolute;inset:0}.game-host canvas{display:block}.game-header{position:absolute;top:96px;left:36px;right:36px;display:flex;align-items:flex-start;gap:18px;pointer-events:none;z-index:5}.header-group{display:flex;align-items:center;gap:18px}.game-header .icon-btn{width:128px;height:128px;padding:0;border-radius:0;background:none;box-shadow:none;pointer-events:auto}.game-header .icon-btn img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.28))}.game-info{flex:1;height:128px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:2px}.game-stage{font-family:Bebas,sans-serif;font-size:54px;line-height:1;color:var(--gold);letter-spacing:4px}.game-level-wrap{font-size:26px;color:var(--muted);letter-spacing:2px}.game-level{color:var(--cream);font-size:30px}.game-timer{position:absolute;top:240px;left:50%;transform:translate(-50%);z-index:5;min-width:170px;padding:8px 24px;text-align:center;border-radius:18px;background:#0f172cc7;border:1px solid rgba(244,201,93,.25);font-family:Bebas,sans-serif;font-size:38px;letter-spacing:3px;color:var(--gold-soft)}.game-hud{position:absolute;left:50%;bottom:30px;transform:translate(-50%);display:flex;gap:16px;max-width:calc(100% - 40px);z-index:6}.hud-btn{width:auto;height:104px;padding:0 24px;border-radius:24px;background:#141f3aeb;border:2px solid rgba(244,201,93,.35);color:var(--cream);display:inline-flex;align-items:center;justify-content:center;gap:12px;flex:0 0 auto;font-size:44px;letter-spacing:.5px;white-space:nowrap;box-shadow:0 10px 24px #00000059}.game-hud .hud-btn{font-family:HeliosCondBlack,Arial Narrow,Arial,sans-serif}.hud-btn:active{transform:scale(.97)}.hud-btn img{width:50px;height:50px;flex:0 0 auto;object-fit:contain}.hint-btn{background:linear-gradient(180deg,#3c5c9e,#293e6c)}.pause-overlay,.win-overlay{position:absolute;left:50%;top:50%;width:var(--viewport-width, 100vw);height:var(--viewport-height, 100vh);transform:translate(-50%,-50%);background:#080d1ab8;backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;z-index:20}.pause-overlay.show,.win-overlay.show{display:flex}.win-overlay{background:#070c18cc;backdrop-filter:blur(6px)}.pause-box{padding:40px 80px;border-radius:28px;background:var(--panel);border:2px solid rgba(244,201,93,.5);font-family:Bebas,sans-serif;font-size:58px;color:var(--gold)}.win-panel{position:relative;width:850px;padding:52px 52px 48px;border-radius:38px;background:radial-gradient(circle at 50% 0,rgba(244,201,93,.2),transparent 42%),linear-gradient(180deg,#2b4273,#16213b);border:4px solid var(--gold);box-shadow:0 0 0 8px #f4c95d14,0 34px 80px #0009,inset 0 2px #ffffff1f;display:flex;flex-direction:column;align-items:center}.win-overlay.show .win-panel{animation:win-pop .24s cubic-bezier(.2,.9,.3,1.15) both}.win-panel:before{content:"";position:absolute;left:50%;top:-150px;width:560px;height:440px;transform:translate(-50%);background:radial-gradient(circle,rgba(244,201,93,.3),transparent 68%);pointer-events:none}.win-kubok{position:relative;width:300px;height:auto;margin-top:-140px;filter:drop-shadow(0 18px 30px rgba(0,0,0,.5)) drop-shadow(0 0 26px rgba(244,201,93,.4))}.win-title{position:relative;max-width:100%;margin-top:18px;font-family:Bebas,sans-serif;font-size:78px;line-height:.92;letter-spacing:5px;text-align:center;text-wrap:balance;color:var(--gold);text-shadow:0 4px 0 rgba(86,56,10,.55)}.win-text{position:relative;max-width:100%;margin-top:16px;font-size:42px;line-height:1.25;letter-spacing:.6px;text-align:center;color:#dbe5fb}.win-buttons{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%;margin-top:40px}.win-btn{width:100%;height:108px;border:3px solid rgba(157,190,240,.7);border-radius:24px;background:linear-gradient(180deg,#4a76b8,#2d4f86);color:#f7f3e8;font-family:Bebas,sans-serif;font-size:42px;line-height:1;letter-spacing:2px;white-space:nowrap;box-shadow:0 8px #142b4d,0 16px 24px #00000047;transition:transform .1s ease,filter .1s ease,box-shadow .1s ease}.win-btn:active{transform:translateY(5px);box-shadow:0 3px #142b4d,0 10px 18px #0000003d}.win-btn:focus-visible{outline:3px solid #fff;outline-offset:4px}.win-btn.next{grid-column:1 / -1;height:124px;border-color:#fff2c4;background:linear-gradient(180deg,#ffe083,#f4c95d 46%,#d99f2b);color:#1b2542;font-size:48px;letter-spacing:3px;text-shadow:0 1px 0 rgba(255,255,255,.35);box-shadow:0 8px #8f6313,0 18px 28px #00000052}.win-btn.next:active{box-shadow:0 3px #8f6313,0 10px 18px #00000040}.win-btn.restart{border-color:#ffc0b5;background:linear-gradient(180deg,#ff7d6f,#e04b46);color:#fff8f4;box-shadow:0 8px #7d2424,0 16px 24px #00000047}.win-btn.restart:active{box-shadow:0 3px #7d2424,0 10px 18px #0000003d}@keyframes win-pop{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}.settings-screen,.rules-screen{background:transparent}.settings-home,.rules-home{position:absolute;left:100px;width:128px;height:128px;padding:0;border:0;background:transparent;transform:translate(-50%,-50%);transition:transform .1s ease}.settings-home,.rules-home{top:160px}.settings-home:active,.rules-home:active{transform:translate(-50%,-50%) scale(.94)}.settings-home img,.rules-home img{display:block;width:100%;height:100%;object-fit:contain}.settings-title,.rules-title{position:absolute;left:50%;display:block;object-fit:fill;transform:translate(-50%,-50%)}.settings-title,.rules-title{display:flex;align-items:center;justify-content:center;font-family:Arial Black,Arial Bold,Arial,sans-serif;line-height:1;text-align:center;white-space:nowrap;color:#e84d43;text-shadow:0 4px 0 rgba(150,44,40,.28)}.settings-title{top:160px;width:667px;height:144px;font-size:82px}.rules-title{top:160px;width:448px;height:147px;font-size:74px}.settings-lang{position:absolute;left:946px;top:160px;width:96px;height:96px;padding:0;border:0;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:100% 100%;font-family:Bebas,sans-serif;font-size:34px;letter-spacing:2px;color:#fff;text-shadow:0 2px 0 rgba(70,105,10,.45);transform:translate(-50%,-50%);transition:transform .1s ease}.settings-lang:active{transform:translate(-50%,-50%) scale(.94)}.volume-label,.volume-control{position:absolute;transform:translate(-50%,-50%)}.volume-label{display:flex;align-items:center;justify-content:center;font-family:HeliosCondBlack,Arial Narrow,Arial,sans-serif;font-size:58px;line-height:1;letter-spacing:.5px;text-align:center;white-space:nowrap;text-transform:uppercase;color:#f04a40;text-shadow:0 2px 0 rgba(150,44,40,.18);pointer-events:none}.volume-control{width:669px;height:58px;border-radius:999px}.volume-track{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.volume-fill{position:absolute;left:3.5%;top:50%;width:0;height:46.34%;border-radius:999px;background:#d9a908;box-shadow:inset 0 2px #593d0080,inset 0 -1px #ffec9640;transform:translateY(-50%);pointer-events:none}.volume-knob{position:absolute;top:50%;left:6.9%;width:13.83%;height:92.68%;display:block;object-fit:fill;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.28))}.volume-input{position:absolute;left:6.9%;right:6.9%;top:0;width:86.2%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:3}.volume-control:focus-within{outline:3px solid rgba(244,201,93,.85);outline-offset:6px}.settings-clear{position:absolute;padding:0;border:0;background:transparent;transform:translate(-50%,-50%) scaleY(.8);filter:drop-shadow(0 8px 14px rgba(0,0,0,.18));transition:filter .1s ease}.settings-clear:active{filter:brightness(1.07) drop-shadow(0 4px 10px rgba(0,0,0,.14))}.settings-clear-base{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:fill}.settings-clear-label{position:absolute;left:50%;top:50%;width:78.8%;height:65.22%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transform:translate(-50%,-50%);font-family:HeliosCondBlack,Arial Narrow,Arial,sans-serif;line-height:1;text-align:center;text-transform:uppercase;color:#fff;text-shadow:0 2px 0 rgba(137,24,32,.35)}.settings-clear-warning{font-size:28px;letter-spacing:.5px}.settings-clear-title{font-size:48px;letter-spacing:.5px;white-space:nowrap}.rules-scroll{position:absolute;inset:344px 0 87px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.rules-scroll::-webkit-scrollbar{display:none}.rules-text{width:1010px;max-width:calc(100% - 70px);margin:0 auto;font-family:Arial,Segoe UI,sans-serif;font-size:51px;line-height:1.5;color:#3b3b3b;white-space:pre-line}.dialog-overlay{position:absolute;left:50%;top:50%;width:var(--viewport-width, 100vw);height:var(--viewport-height, 100vh);transform:translate(-50%,-50%);background:#070b16b3;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.dialog-box{width:760px;padding:46px;border-radius:32px;background:linear-gradient(180deg,#263a66,#17233f);border:3px solid rgba(244,201,93,.6);box-shadow:0 30px 70px #0000008c;display:flex;flex-direction:column;align-items:center}.dialog-image{max-width:70%;max-height:240px;margin-bottom:10px}.dialog-title{font-family:Bebas,sans-serif;font-size:64px;letter-spacing:3px;color:var(--gold);text-align:center}.dialog-text{margin-top:16px;font-size:38px;line-height:1.45;color:var(--cream);text-align:center}.dialog-buttons{display:flex;gap:18px;margin-top:34px;width:100%}.dialog-buttons.row{justify-content:center}.dialog-buttons.column{flex-direction:column}.dialog-btn{min-width:220px;height:104px;border-radius:22px;background:#2c416f;border:2px solid rgba(244,201,93,.35);font-family:Bebas,sans-serif;font-size:42px;letter-spacing:2px}.dialog-btn.primary{background:linear-gradient(180deg,#f4c95d,#d99f2b);color:#19213a}.dialog-btn.danger{background:linear-gradient(180deg,#e55353,#a52f2f)}.toast{position:absolute;left:50%;bottom:200px;transform:translate(-50%);z-index:200;padding:18px 32px;border-radius:18px;background:#101930f2;border:1px solid rgba(244,201,93,.4);color:var(--cream);font-size:28px;max-width:820px;text-align:center}#rotate-hint{position:fixed;inset:0;z-index:1000;display:none;flex-direction:column;align-items:center;justify-content:center;gap:30px;background:#111a31;color:var(--cream);font-size:34px;text-align:center;padding:40px}#rotate-hint.show{display:flex}.ri-phone{width:120px;height:210px;border:10px solid var(--gold);border-radius:22px;animation:rotate-phone 1.8s ease-in-out infinite}@keyframes rotate-phone{0%,20%{transform:rotate(90deg)}60%,to{transform:rotate(0)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#f4c95d59;border-radius:99px}