:root{font-family:Inter,system-ui,Arial,sans-serif;color:#1f3551}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#d8f0ff;touch-action:manipulation}.world-layer,.ui-layer{position:fixed;inset:0}.ui-layer{pointer-events:none}.hud{pointer-events:auto;position:fixed;top:14px;left:14px;right:14px;display:flex;justify-content:center;align-items:flex-start;gap:10px}.hud-corner-logo{position:fixed;top:12px;left:12px;width:132px;height:auto;opacity:.9;filter:drop-shadow(0 6px 12px rgba(3,8,16,.35));pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:none;z-index:3}.hud-ranking{position:fixed;top:66px;right:14px;width:min(220px,calc(100vw - 28px));background:#0d1b2ec7;border:1px solid rgba(188,214,242,.26);border-radius:14px;padding:9px 10px;box-shadow:0 10px 22px #070e194d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;display:none;z-index:3}.hud-ranking h4{margin:0 0 7px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#dbebfbd6}.hud-ranking ul{margin:0;padding:0;list-style:none;display:grid;gap:4px}.ranking-item{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:6px;min-height:21px;padding:2px 6px;border-radius:8px;color:#e8f4ffdb}.ranking-item-self{background:linear-gradient(180deg,#ffd66b42,#ff924733);border:1px solid rgba(255,183,116,.55);color:#fff8ee}.ranking-pos{font-size:12px;font-weight:700;opacity:.92}.ranking-name{font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-size{font-size:11px;font-weight:800;color:#cbe5ffe0;min-width:30px;text-align:right}@media(hover:hover)and (pointer:fine){.hud-corner-logo,.hud-ranking{display:block}}@media(hover:none)and (pointer:coarse)and (orientation:landscape){.hud-corner-logo{display:block;top:8px;left:8px;width:76px;opacity:.82}}.hud-stats{display:flex;gap:10px;pointer-events:auto;margin:0 auto}.stat-chip{background:#111f34ad;border:1px solid rgba(197,222,249,.24);border-radius:999px;min-width:92px;padding:7px 12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 14px #070f1c40;color:#ecf6ff;text-align:center}.stat-chip-score{min-width:136px;background:linear-gradient(180deg,#ffe77a,#ffb53f,#ff6b2f);border:1px solid rgba(97,56,9,.72);box-shadow:0 8px 18px #d7642a61,inset 0 1px #fff4c3b3;color:#fffaf2}.stat-chip-score .stat-label{color:#4a1b14c7;font-weight:700;opacity:1}.stat-chip-score .stat-value{color:#fff7ee;text-shadow:0 2px 0 rgba(122,38,24,.45)}.stat-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;opacity:.76}.stat-value{display:block;margin-top:1px;font-size:24px;line-height:1;font-weight:800}.hud-fab-group{pointer-events:auto;display:flex;gap:8px;align-items:center;position:fixed;top:14px;right:14px}.boost-wrap{pointer-events:auto;position:fixed;left:50%;bottom:18px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:3}.boost-keyhint{font-size:11px;font-weight:800;letter-spacing:.12em;color:#381913e0;text-transform:uppercase;text-shadow:0 1px 0 rgba(6,13,25,.45)}.boost-btn{--boost-fill: 100%;width:150px;min-height:62px;border-radius:14px;border:1px solid rgba(225,239,255,.46);background:linear-gradient(180deg,rgba(255,255,255,.26) 0%,rgba(255,255,255,.08) var(--boost-fill),rgba(10,22,40,.56) var(--boost-fill),rgba(10,22,40,.56) 100%),linear-gradient(180deg,#ffe37d,#ffb146 38%,#ff6a35 72%,#d8382f);color:#fff8ef;border:1px solid rgba(255,229,162,.7);box-shadow:0 12px 20px #8f1e2075,inset 0 1px #fff5cf9e;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;cursor:pointer;transition:filter .14s ease,transform .12s ease}.boost-btn:hover{filter:brightness(1.06)}.boost-btn:active{transform:translateY(1px)}.boost-btn:disabled{cursor:not-allowed}.boost-title{font-size:17px;font-weight:900;letter-spacing:.06em;line-height:1;text-shadow:0 2px 0 rgba(122,38,24,.45)}.boost-timer{font-size:12px;font-weight:700;letter-spacing:.06em;line-height:1}.boost-active{background:linear-gradient(180deg,rgba(255,255,255,.32) 0%,rgba(255,255,255,.1) var(--boost-fill),rgba(62,15,14,.5) var(--boost-fill),rgba(62,15,14,.5) 100%),linear-gradient(180deg,#ffd769,#ff9f3d 48%,#e0472f)}.boost-cooldown{background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,.07) var(--boost-fill),rgba(9,20,36,.65) var(--boost-fill),rgba(9,20,36,.65) 100%),linear-gradient(180deg,#b7896b,#8b5943 52%,#573128)}.boost-ready{background:linear-gradient(180deg,rgba(255,245,214,.13) 0%,rgba(255,236,198,.04) var(--boost-fill),rgba(24,8,8,.46) var(--boost-fill),rgba(24,8,8,.46) 100%),linear-gradient(180deg,#ffc95a,#f69d34 38%,#e85c2a 72%,#c92f28)}.boost-ready .boost-title,.boost-ready .boost-timer{color:#441911f2;text-shadow:0 1px 0 rgba(255,235,195,.48)}.hud-fab{width:44px;height:44px;border-radius:50%;border:1px solid rgba(205,228,252,.34);background:#101e32c2;color:#eef7ff;font-weight:800;font-size:18px;line-height:1;display:grid;place-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 16px #080f1b47;cursor:pointer;transition:transform .12s ease,filter .14s ease}.hud-fab:hover{filter:brightness(1.08)}.hud-fab-pause{letter-spacing:-.08em;font-size:20px}.hud-fab-menu{font-size:19px}.hud-settings h3{margin:0 0 8px;font-size:14px;letter-spacing:.04em;text-transform:uppercase}.hud-check{display:flex;align-items:center;gap:8px;font-size:14px;margin:0}.hud-settings{position:fixed;top:66px;right:14px;width:min(320px,calc(100vw - 28px));background:#122035d6;color:#edf6ff;border:1px solid rgba(180,213,241,.26);border-radius:14px;padding:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 22px #08101c4d}.settings-row{display:flex;align-items:center;margin-bottom:10px}.settings-row:last-child{margin-bottom:0}.hud-check-large{width:100%;padding:10px 12px;border-radius:12px;background:#ecf6ff14;border:1px solid rgba(210,228,248,.3);font-size:15px;font-weight:600;gap:10px}.hud-check-large input{width:22px;height:22px;accent-color:#78c8ff}.settings-divider{border:0;border-top:1px solid rgba(211,229,248,.24);margin:12px 0}.settings-btn{display:inline-flex;align-items:center;width:100%;justify-content:center;min-height:46px;border-radius:12px;border:0;font-size:15px;font-weight:800;letter-spacing:.01em;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;cursor:pointer}.settings-btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:linear-gradient(180deg,#e26c52,#cc4b38 52%,#9e1f22);color:#fff4ea;box-shadow:0 8px 18px #de543870,inset 0 1px #ffe3cc59}.btn-primary:hover{filter:brightness(1.06)}.btn-ghost{background:linear-gradient(180deg,#fff3,#d5e8fd1f);color:#eef7ff;border:1px solid rgba(218,236,255,.48);box-shadow:inset 0 1px #ffffff40,0 6px 14px #08101d42}.btn-ghost:hover{filter:brightness(1.08)}.pause-badge{pointer-events:none;position:fixed;top:92px;right:18px;background:#0e1b2fc7;border:1px solid rgba(216,236,255,.3);color:#eaf5ff;border-radius:999px;padding:6px 12px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.screen-overlay{pointer-events:auto;position:fixed;inset:0;display:grid;place-items:center;background:#d8f0ff73}.start-screen{overflow:hidden;background:radial-gradient(80% 52% at 50% 22%,rgba(142,176,255,.22),transparent 70%),linear-gradient(180deg,#08142dc7,#122c5794 45%,#224f8a6b),url(/assets/bg-quer-Q8Rdw9lH.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}.gameover-screen{overflow:hidden;background:radial-gradient(70% 50% at 50% 18%,rgba(142,176,255,.18),transparent 72%),linear-gradient(180deg,#050d1cd6,#0a1830d1 52%,#102442cc);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.gameover-screen .menu-snow{opacity:.62}.menu-snow{position:absolute;inset:-20% 0 0;pointer-events:none;opacity:.8;z-index:0}.menu-snow:before,.menu-snow:after{content:"";position:absolute;inset:-20% 0;background-image:radial-gradient(circle at 8% 12%,rgba(255,255,255,.96) 0 1.6px,transparent 1.9px),radial-gradient(circle at 19% 38%,rgba(255,255,255,.8) 0 2.2px,transparent 2.6px),radial-gradient(circle at 33% 8%,rgba(255,255,255,.9) 0 1.2px,transparent 1.5px),radial-gradient(circle at 47% 27%,rgba(255,255,255,.86) 0 1.9px,transparent 2.2px),radial-gradient(circle at 63% 14%,rgba(255,255,255,.9) 0 1.4px,transparent 1.7px),radial-gradient(circle at 78% 33%,rgba(255,255,255,.78) 0 2.5px,transparent 2.9px),radial-gradient(circle at 92% 18%,rgba(255,255,255,.88) 0 1.7px,transparent 2px);background-size:410px 290px,370px 340px,340px 260px,390px 320px,360px 310px,440px 360px,330px 280px;background-repeat:repeat;background-position:0 0,40px 120px,80px 40px,120px 180px,160px 90px,220px 140px,280px 60px;animation:menuSnowFlowA 15s linear infinite}.menu-snow:after{opacity:.55;filter:blur(.5px);transform:scale(1.05);animation-name:menuSnowFlowB;animation-duration:21s;animation-delay:-6.5s}@keyframes menuSnowFlowA{0%{background-position:0 0,40px 120px,80px 40px,120px 180px,160px 90px,220px 140px,280px 60px}to{background-position:-22px 980px,12px 1060px,56px 930px,90px 1120px,132px 1010px,180px 1080px,240px 940px}}@keyframes menuSnowFlowB{0%{background-position:30px 60px,70px 180px,110px 120px,150px 40px,190px 210px,250px 80px,310px 160px}to{background-position:6px 1120px,44px 1240px,86px 1170px,126px 1080px,160px 1260px,226px 1130px,280px 1210px}}@media(orientation:portrait){.start-screen{background:radial-gradient(90% 58% at 50% 20%,rgba(142,176,255,.22),transparent 72%),linear-gradient(180deg,#08142dcc,#122c579e 48%,#224f8a73),url(/assets/bg-hoch-CVANmUUZ.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}}.card{background:#ffffffde;border-radius:18px;padding:20px;min-width:220px;text-align:center}.start-card{background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;width:min(92vw,560px);padding:0;position:relative;z-index:1}.gameover-card{width:min(92vw,540px);padding:40px 24px;border-radius:22px;border:1px solid rgba(199,224,248,.34);background:#09162cc7;color:#edf6ff;box-shadow:0 24px 40px #0208128f,inset 0 1px #ebf5ff24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;z-index:1}.gameover-card h2{margin:0;font-size:clamp(34px,6vw,56px);letter-spacing:.02em;line-height:1}.gameover-card p{margin:12px 0 0;color:#dfedfce6;font-size:clamp(14px,2.2vw,18px);font-weight:600;padding-bottom:20px}.gameover-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:2px 0 10px}@media(max-width:760px){.gameover-stats{grid-template-columns:1fr}}.gameover-stat{background:#e7f3ff17;border:1px solid rgba(205,226,248,.3);border-radius:14px;padding:10px 10px 9px;box-shadow:inset 0 1px #ffffff29}.gameover-stat-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#d1e3f7d1}.gameover-stat-value{display:block;margin-top:3px;font-size:clamp(18px,3.4vw,28px);line-height:1;color:#f5fbff}.gameover-play{margin-top:20px;min-width:230px;min-height:60px;font-size:25px}.start-logo{display:block;width:min(100%,460px);margin:0 auto 14px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.start-name{display:block;width:min(86vw,320px);margin:0 auto 12px;min-height:46px;border-radius:12px;border:1px solid rgba(193,217,243,.48);background:#0c1b319e;color:#eff8ff;text-align:center;font-size:18px;font-weight:700;letter-spacing:.02em;box-shadow:inset 0 1px #ffffff2e}.start-name::placeholder{color:#d2e7fc8f}.start-name:focus{outline:none;border-color:#95cfffeb;box-shadow:0 0 0 3px #76bcfb2e,inset 0 1px #ffffff38}.start-play{border:0;border-radius:18px;min-width:240px;min-height:64px;padding:14px 34px;font-size:30px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#fff8ef;background:linear-gradient(180deg,#ffe37d,#ffb146 38%,#ff6a35 72%,#d8382f);border:1px solid rgba(255,229,162,.7);box-shadow:0 14px #8a1e20,0 22px 28px #8f1e2085,inset 0 2px #fff5cfb8,inset 0 -2px #8c261852;text-shadow:0 2px 0 rgba(116,32,21,.55);cursor:pointer;transition:transform .12s ease,filter .14s ease,box-shadow .14s ease}.start-play:hover{filter:brightness(1.08) saturate(1.08);box-shadow:0 15px #8a1e20,0 26px 32px #8f1e2094,inset 0 2px #fff8dac7,inset 0 -2px #8c261857}.start-play:active{transform:translateY(6px);box-shadow:0 8px #8a1e20,0 14px 20px #8f1e2075,inset 0 2px #fff8dab8,inset 0 -2px #8c26185c}.start-gyro-toggle{display:none}.start-noot-brand{position:fixed;left:50%;bottom:18px;transform:translate(-50%);width:fit-content;display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:filter .16s ease;font-family:Sora,sans-serif;z-index:2}.start-noot-brand:hover{filter:brightness(1.14)}.start-noot-created-by{font-size:8px;text-transform:uppercase;letter-spacing:.2em;color:#d9e8fad6;font-weight:700;line-height:1;margin-bottom:6px;text-align:center}.start-noot-row{display:flex;align-items:center;gap:7px;transform:translateY(-1px)}.start-noot-icon{width:19px;height:19px;transition:transform .28s ease}.start-noot-brand:hover .start-noot-icon{transform:scale(1.09)}.start-noot-name{display:inline-flex;align-items:center;white-space:nowrap;color:#eff7ffdb;font-size:13px;font-weight:600;letter-spacing:-.01em;transition:color .2s ease}.start-noot-brand:hover .start-noot-name{color:#fff}.start-noot-mid{opacity:.4}.start-noot-tail{margin-left:1px}.card button{margin-top:8px;min-width:120px}.hidden{display:none}.joystick{pointer-events:auto;position:fixed;bottom:18px;left:18px;width:132px;height:132px;border-radius:50%;background:#ffffff59;border:2px solid rgba(255,255,255,.65)}.joystick-stick{position:absolute;top:50%;left:50%;width:56px;height:56px;border-radius:50%;background:#6eb0e8e6;transform:translate(-50%,-50%)}@media(hover:hover)and (pointer:fine){.joystick{display:none}}@media(max-width:640px){.menu-snow{opacity:.72}.menu-snow:before,.menu-snow:after{inset:-30% 0;background-image:radial-gradient(circle,rgba(255,255,255,.9) 0 1.6px,transparent 2px),radial-gradient(circle,rgba(255,255,255,.75) 0 1.2px,transparent 1.7px),radial-gradient(circle,rgba(255,255,255,.82) 0 1.4px,transparent 1.9px);background-size:180px 240px,220px 280px,260px 320px;background-position:0 0,50px 70px,110px 140px;animation:menuSnowMobileA 18s linear infinite;will-change:transform;filter:none}.menu-snow:after{opacity:.45;transform:translateZ(0);animation-name:menuSnowMobileB;animation-duration:24s;animation-delay:-9s}.hud{top:8px;left:8px;right:8px;align-items:stretch;justify-content:flex-start}.hud-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:calc(100% - 108px);max-width:460px;margin:0}.stat-chip{min-width:0;padding:7px 8px;text-align:center}.stat-chip-score{min-width:0}.stat-value{font-size:18px}.stat-label{font-size:9px;letter-spacing:.06em}.hud-fab-group{position:fixed;top:8px;right:8px}.hud-fab{width:42px;height:42px}.boost-wrap{left:auto;right:12px;bottom:18px;transform:none;align-items:flex-end}.boost-keyhint{display:none}.boost-btn{width:132px;min-height:56px;border-radius:12px}.boost-title{font-size:15px}.boost-timer{font-size:11px}.hud-settings{top:58px;right:8px;width:min(320px,calc(100vw - 16px))}.pause-badge{top:58px;right:8px}.start-card{width:min(94vw,430px);padding:18px 14px 16px;margin-top:clamp(24px,8vh,72px)}.start-logo{margin-bottom:10px}.start-play{width:70vw;max-width:300px;min-height:58px;min-width:0;font-size:26px;padding:12px 20px;border-radius:16px}.start-gyro-toggle{margin-top:18px;display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#0f1c31ad;border:1px solid rgba(199,223,250,.3);color:#eef7ff;font-size:15px;font-weight:600;width:70vw;max-width:300px;justify-content:center;box-sizing:border-box}.start-gyro-toggle input{width:22px;height:22px;accent-color:#78c8ff}.start-noot-brand{bottom:14px}}@keyframes menuSnowMobileA{0%{transform:translate3d(0,-8%,0)}to{transform:translate3d(-2%,92%,0)}}@keyframes menuSnowMobileB{0%{transform:translate3d(1%,-12%,0)}to{transform:translate3d(3%,96%,0)}}