:root{--aqua:#29c8ff;--blue:#1b82ea;--deep:#0a4a94;--green:#24e08a;--lime:#8be35a;--sun:#ffd84a;--rose:#ff7fb0;--ink:#0d3b66;--ink-soft:#3f6e98;--glass:#ffffffa8;--glass-strong:#ffffffdb;--line:#ffffffe6;--shadow:0 18px 48px #063a784d;--radius:24px;--font:"Segoe UI", "Frutiger", "Myriad Pro", "Helvetica Neue", "Noto Sans", system-ui, -apple-system, Arial, sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px)}*,:before,:after{box-sizing:border-box}html,body{width:100%;height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior:none;touch-action:manipulation;background:#0b84d8;margin:0;font-size:16px;line-height:1.4;overflow:hidden}#app{position:fixed;inset:0;overflow:hidden}#game-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}#ui-root{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}[hidden]{display:none!important}.icon{flex:none;display:block}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}button{font:inherit;color:inherit}.btn{color:#fff;letter-spacing:.01em;text-shadow:0 1px 2px #05326e8c;cursor:pointer;appearance:none;background:linear-gradient(#8fe6ff 0%,#2fb4f6 46%,#1487e2 54%,#2aa7f2 100%);border:1px solid #ffffffd9;border-radius:999px;justify-content:center;align-items:center;gap:.6em;min-height:48px;padding:.62em 1.5em;font-size:1.02rem;font-weight:650;transition:transform .12s,filter .12s,box-shadow .12s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #0954aa5c,inset 0 -3px 8px #083c8c59,inset 0 1px #ffffffe6}.btn:before{content:"";pointer-events:none;background:linear-gradient(#ffffffc7,#ffffff14);border-radius:999px;height:46%;position:absolute;inset:2px 6px auto}.btn>*{position:relative}.btn:hover{filter:brightness(1.08)saturate(1.08);transform:translateY(-1px)}.btn:active{filter:brightness(.96);transform:translateY(1px)scale(.985)}.btn:disabled,.btn[aria-disabled=true]{filter:grayscale(.75)opacity(.6);cursor:default;transform:none}.btn--green{text-shadow:0 1px 2px #0550288c;background:linear-gradient(#c6f79a 0%,#55d86e 46%,#1fb866 54%,#45d27a 100%);box-shadow:0 8px 20px #0a78465c,inset 0 -3px 8px #086e3c59,inset 0 1px #ffffffe6}.btn--ghost{color:var(--ink);text-shadow:none;background:linear-gradient(#fffffff2,#d6f0ffd1);box-shadow:0 6px 16px #0954aa33,inset 0 -2px 6px #288cdc29,inset 0 1px #fff}.btn--danger{text-shadow:0 1px 2px #780a2880;background:linear-gradient(#ffc1cf 0%,#ff6d8d 46%,#e9406a 54%,#ff6f92 100%);box-shadow:0 8px 20px #aa14464d,inset 0 -3px 8px #960a3c4d,inset 0 1px #ffffffe6}.btn--large{min-width:min(300px,78vw);min-height:58px;font-size:1.18rem}.btn--small{min-height:38px;padding:.35em 1em;font-size:.92rem}.btn--icon{width:48px;min-width:48px;height:48px;min-height:48px;padding:0}.btn--wide{width:100%}:focus{outline:none}:focus-visible,.ui--nav :focus{outline-offset:2px;outline:3px solid #fff;box-shadow:0 0 0 6px #29c8ffbf,0 8px 20px #0954aa5c}.screen{padding:calc(14px + var(--safe-t)) calc(14px + var(--safe-r)) calc(14px + var(--safe-b)) calc(14px + var(--safe-l));pointer-events:auto;justify-content:center;align-items:center;animation:.22s both screen-in;display:flex;position:absolute;inset:0}.screen--dim{-webkit-backdrop-filter:blur(6px)saturate(1.2);backdrop-filter:blur(6px)saturate(1.2);background:radial-gradient(120% 100% at 50% 0,#78d7ff47,#06326e80)}.screen--side{pointer-events:none;justify-content:flex-end;align-items:stretch}.screen--side>*{pointer-events:auto}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.panel{border:1px solid var(--line);border-radius:var(--radius);width:min(760px,100%);max-height:100%;box-shadow:var(--shadow), inset 0 1px 0 #fff, inset 0 -18px 30px #29c8ff1a;-webkit-backdrop-filter:blur(20px)saturate(1.5);backdrop-filter:blur(20px)saturate(1.5);color:var(--ink);background:linear-gradient(#ffffffe6,#def4ffc7);flex-direction:column;display:flex;position:relative;overflow:hidden}.panel:before{content:"";pointer-events:none;background:linear-gradient(#ffffffd9,#fff0);height:86px;position:absolute;inset:0 0 auto}.panel--narrow{width:min(480px,100%)}.panel--medium{width:min(600px,100%)}.panel__header{flex:none;align-items:center;gap:12px;padding:16px 18px 10px 22px;display:flex;position:relative}.panel__title{letter-spacing:.01em;color:var(--deep);text-shadow:0 1px #fff;flex:1;margin:0;font-size:clamp(1.2rem,2.6vw,1.55rem);font-weight:700}.panel__body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#1b82ea80 transparent;flex:1;min-height:0;padding:6px 22px 18px;position:relative;overflow-y:auto}.panel__footer{background:#fff6;border-top:1px solid #1b82ea29;flex-wrap:wrap;flex:none;justify-content:flex-end;gap:10px;padding:12px 18px 16px;display:flex;position:relative}.panel p{margin:0 0 .8em}.panel .pad-hint{color:var(--ink-soft);flex:1;align-self:center;margin:0;font-size:.82rem;font-weight:600;display:none}[data-device=controle] .pad-hint{display:block}.muted{color:var(--ink-soft);font-size:.92rem}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.loading,.menu,.error-screen{padding:calc(18px + var(--safe-t)) calc(18px + var(--safe-r)) calc(18px + var(--safe-b)) calc(18px + var(--safe-l));pointer-events:auto;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(10px,2.4vh,22px);display:flex;position:absolute;inset:0}.loading,.error-screen{color:#fff;background:radial-gradient(90% 60% at 50% 105%,#8ceb96d9,#8ceb9600 70%),radial-gradient(70% 50% at 82% 8%,#ffffffbf,#fff0 70%),linear-gradient(#0a6fd0 0%,#25b4f4 46%,#9be9ff 78%,#d6fbe2 100%);transition:opacity .6s}.loading.is-leaving{opacity:0;pointer-events:none}.bubbles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.bubbles i{width:var(--s);height:var(--s);bottom:-14vmin;left:var(--x);opacity:.8;animation:bubble-rise var(--d) linear var(--delay) infinite;background:radial-gradient(circle at 30% 28%,#fffffff2 0 9%,#fff0 22%),radial-gradient(circle,#fff0 55%,#ffffff80 78%,#a0ebffbf 100%);border-radius:50%;position:absolute;box-shadow:inset 0 0 12px #ffffff80}@keyframes bubble-rise{0%{transform:translate(0,0)}50%{transform:translate(3vmin,-62vh)}to{transform:translate(-2vmin,-128vh)}}.logo{object-fit:contain;filter:drop-shadow(0 12px 26px #04327866);pointer-events:none;-webkit-user-drag:none;width:min(440px,74vw);max-height:40vh;position:relative}.tagline{--tracking:clamp(.16em, .9vw, .34em);letter-spacing:var(--tracking);text-indent:var(--tracking);color:#fff;text-shadow:0 2px 10px #043c82a6;margin:0;font-size:clamp(.78rem,2.1vw,1.02rem);font-weight:600;position:relative}.progress{background:linear-gradient(#063c8c73,#ffffff40);border:1px solid #ffffffe6;border-radius:999px;width:min(420px,78vw);height:20px;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #04286473,0 6px 18px #043c824d}.progress__bar{background:linear-gradient(#e8ffd0 0%,#7eea66 45%,#2fca6a 55%,#6fe48a 100%);border-radius:999px;width:0%;max-width:calc(100% - 4px);transition:width .3s;position:absolute;inset:2px auto 2px 2px;box-shadow:0 0 12px #96ffaae6}.progress__bar:after{content:"";background:#ffffffb3;border-radius:999px;height:42%;position:absolute;inset:1px 4px auto}.loading__label{text-shadow:0 1px 6px #043c8299;min-height:1.4em;margin:0;font-weight:600;position:relative}.loading__tip{opacity:.92;text-shadow:0 1px 6px #043c8299;max-width:520px;margin:0;font-size:.92rem;position:relative}.menu{padding-bottom:calc(44px + var(--safe-b));background:radial-gradient(120% 90% at 50% 20%,#ffffff1f,#06469657);animation:.5s .4s both menu-in}.menu .logo,.error-screen .logo{flex:0 auto;min-height:56px}.menu>:not(.logo),.error-screen>:not(.logo){flex-shrink:0}@keyframes menu-in{0%{opacity:0}}.menu__buttons{flex-direction:column;align-items:center;gap:12px;margin-top:clamp(4px,2vh,18px);display:flex;position:relative}.menu__row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.menu__row .btn{min-width:min(144px,30vw)}.menu__foot{left:0;right:0;bottom:calc(10px + var(--safe-b));color:#fff;text-shadow:0 1px 5px #043c82cc;pointer-events:none;margin:0;font-size:.8rem;position:absolute}.menu__welcome{color:#fff;text-shadow:0 1px 8px #043c82cc;margin:0;font-weight:600;position:relative}.error-screen{z-index:50;background:linear-gradient(#0a5fb8,#1b9cf0 60%,#8fe0ff)}.error-screen .panel{text-align:left}.hud{pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.hud.is-hidden{opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s}.hud.is-hidden *{pointer-events:none!important}.hud__corner{align-items:center;gap:8px;display:flex;position:absolute}.hud__corner--tl{top:calc(12px + var(--safe-t));left:calc(12px + var(--safe-l));flex-direction:column;align-items:flex-start}.hud__corner--tr{top:calc(12px + var(--safe-t));right:calc(12px + var(--safe-r))}.pill{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px)saturate(1.4);backdrop-filter:blur(10px)saturate(1.4);min-height:38px;color:var(--deep);white-space:nowrap;background:linear-gradient(#ffffffe0,#d6f0ffa8);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.95rem;font-weight:650;display:inline-flex;box-shadow:0 6px 18px #063a7838,inset 0 1px #fff}.pill--place{border-radius:18px;flex-direction:column;align-items:flex-start;gap:0;padding:7px 16px 8px}.pill__sub{color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;font-size:.74rem;font-weight:600}.pill__main{font-size:1.02rem}.pill .icon{color:var(--blue)}.hud__btn{pointer-events:auto}.hud__btn.btn--icon{width:46px;min-width:46px;height:46px;min-height:46px}.hud__prompt{left:50%;bottom:calc(clamp(86px, 17vh, 150px) + var(--safe-b));border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:calc(100vw - 32px);color:var(--deep);cursor:pointer;pointer-events:auto;background:linear-gradient(#fffffff0,#cef0ffcc);border-radius:999px;align-items:center;gap:10px;padding:8px 18px 8px 10px;font-weight:650;animation:.18s both prompt-in;display:inline-flex;position:absolute;transform:translate(-50%);box-shadow:0 10px 26px #063a784d,inset 0 1px #fff}.hud__prompt-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hud__prompt-text small{color:var(--ink-soft);font-weight:600}@keyframes prompt-in{0%{opacity:0;transform:translate(-50%)translateY(8px)scale(.96)}}.keycap{color:#fff;text-shadow:0 1px 1px #05326e99;background:linear-gradient(#5fd2ff,#1687e2);border-radius:10px;justify-content:center;align-items:center;gap:3px;min-width:34px;height:34px;padding:0 9px;font-size:.9rem;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #fffc,inset 0 -3px #063c8c66,0 2px 6px #063a784d}.keycap--round{border-radius:999px}.hud__hints{left:calc(14px + var(--safe-l));bottom:calc(14px + var(--safe-b));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;text-shadow:0 1px 2px #042864b3;background:#063c8257;border-radius:16px;flex-wrap:wrap;gap:6px 14px;max-width:min(620px,70vw);padding:8px 14px;font-size:.84rem;font-weight:600;transition:opacity .6s;display:flex;position:absolute}.hud__hints.is-faded{opacity:0}.hud__hints span{align-items:center;gap:6px;display:inline-flex}.hud__hints .keycap{border-radius:7px;min-width:26px;height:24px;padding:0 6px;font-size:.74rem}.hud__toasts{z-index:40;top:calc(64px + var(--safe-t));pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(520px,100vw - 28px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--line);max-width:100%;color:var(--deep);background:linear-gradient(#fffffff2,#d6f6e4db);border-radius:999px;align-items:center;gap:10px;padding:9px 18px;font-size:.95rem;font-weight:650;animation:.28s cubic-bezier(.2,1.3,.4,1) both toast-in;display:inline-flex;box-shadow:0 10px 26px #063a7847,inset 0 1px #fff}.toast .icon{color:#18b56a}.toast.is-leaving{animation:.3s both toast-out}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)scale(.94)}}@keyframes toast-out{to{opacity:0;transform:translateY(-8px)}}.hud__banner{text-align:center;color:#fff;pointer-events:none;opacity:0;background:radial-gradient(44% 62% at 50% 52%,#06429275,#06429233 55%,#0000 80%);padding:20px 0 26px;position:absolute;top:calc(26% - 20px);left:0;right:0}.hud__banner.is-showing{animation:3.6s both banner}.hud__banner-sub{letter-spacing:.4em;text-indent:.4em;text-transform:uppercase;text-shadow:0 1px 2px #03245cb3,0 2px 10px #043278cc;font-size:clamp(.72rem,1.8vw,.95rem);font-weight:600;display:block}.hud__banner-main{letter-spacing:.06em;text-shadow:0 1px 3px #03245ca6,0 2px 16px #043278cc;font-size:clamp(1.7rem,5.4vw,3.1rem);font-weight:400;display:block}@keyframes banner{0%{opacity:0;letter-spacing:.3em;transform:translateY(10px)}18%,72%{opacity:1;letter-spacing:normal;transform:none}to{opacity:0;transform:translateY(-6px)}}.hud__fps{top:calc(64px + var(--safe-t));right:calc(14px + var(--safe-r));color:#d8fbff;background:#06285a8c;border-radius:8px;padding:3px 9px;font:600 .78rem/1.4 ui-monospace,Cascadia Mono,Consolas,monospace;position:absolute}.hud__bar{left:50%;bottom:calc(18px + var(--safe-b));border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:linear-gradient(#ffffffe6,#d6f0ffbd);border-radius:22px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:10px 14px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 10px 26px #063a784d}.hud__bar-label{color:var(--deep);font-weight:650}.fade{opacity:0;pointer-events:none;background:radial-gradient(circle,#fff,#bff3ff 55%,#5fd2ff);transition:opacity .32s;position:absolute;inset:0}.fade.is-on{opacity:1}.flash{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.flash.is-on{animation:.45s both flash}@keyframes flash{0%{opacity:.9}to{opacity:0}}.touch-layer{pointer-events:none;position:absolute;inset:0}.touch-stick{width:132px;height:132px;left:calc(92px + var(--safe-l));top:calc(100% - 104px - var(--safe-b));opacity:.6;background:radial-gradient(circle at 50% 40%,#ffffff57,#29c8ff2e);border:2px solid #ffffffbf;border-radius:50%;margin:-66px 0 0 -66px;transition:opacity .15s;position:absolute;box-shadow:inset 0 0 18px #fff6}.touch-stick.is-active{opacity:1}.touch-stick__knob{background:radial-gradient(circle at 34% 28%,#fff 0 12%,#9fe9ff 30%,#2aa7f2 100%);border:1px solid #fffffff2;border-radius:50%;width:62px;height:62px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 14px #063a7866}.touch-buttons{right:calc(16px + var(--safe-r));bottom:calc(18px + var(--safe-b));grid-template-columns:auto auto;grid-template-areas:".interact""run jump";place-items:end;gap:12px;display:grid;position:absolute}.touch-btn{color:#fff;pointer-events:auto;touch-action:none;appearance:none;background:radial-gradient(circle at 34% 26%,#ffffffe6 0 10%,#8ce4ff9e 34%,#1b82ea9e 100%);border:2px solid #ffffffd9;border-radius:50%;place-items:center;width:66px;height:66px;padding:0;display:grid;box-shadow:0 8px 18px #063a7859,inset 0 -6px 12px #063c8c4d}.touch-btn .icon{filter:drop-shadow(0 1px 2px #05326eb3)}.touch-btn--jump{grid-area:jump;width:84px;height:84px}.touch-btn--run{grid-area:run;align-self:end}.touch-btn--interact{background:radial-gradient(circle at 34% 26%,#ffffffeb 0 10%,#aaf5a0b8 34%,#1fb866b8 100%);grid-area:interact;animation:1.3s ease-in-out infinite pulse}.touch-btn.is-pressed,.touch-btn:active{filter:brightness(1.15);transform:scale(.93)}.touch-btn.is-on{background:radial-gradient(circle at 34% 26%,#fff 0 10%,#ffe98a 34%,#ff9f43 100%)}@keyframes pulse{50%{box-shadow:0 8px 18px #063a7859,0 0 0 10px #8cffaa47}}.tabs{scrollbar-width:none;flex:none;gap:6px;padding:0 18px 10px;display:flex;position:relative;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{min-height:42px;color:var(--ink-soft);white-space:nowrap;cursor:pointer;appearance:none;background:#fff9;border:1px solid #1b82ea38;border-radius:999px;align-items:center;gap:7px;padding:6px 15px;font-size:.94rem;font-weight:650;display:inline-flex}.tab.is-active{color:#fff;text-shadow:0 1px 2px #05326e8c;background:linear-gradient(#8fe6ff,#1f95ea);border-color:#ffffffe6;box-shadow:0 4px 12px #0954aa4d,inset 0 1px #ffffffd9}.field{border-bottom:1px solid #1b82ea21;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:8px 16px;padding:10px 0;display:grid}.field:last-child{border-bottom:0}.field__label{color:var(--deep);font-weight:650}.field__hint{color:var(--ink-soft);font-size:.82rem;font-weight:500;display:block}.field__control{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.section-title{letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin:14px 0 2px;font-size:.8rem;font-weight:700}.segmented{background:#1b82ea21;border-radius:999px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex;box-shadow:inset 0 1px 3px #063a7833}.segmented button{min-height:36px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 14px;font-size:.92rem;font-weight:650}.segmented button[aria-pressed=true]{color:var(--deep);background:linear-gradient(#fff,#d6f1ff);box-shadow:0 2px 6px #063a7840}.switch{cursor:pointer;background:linear-gradient(#9db4c8,#c9d8e4);border:1px solid #ffffffe6;border-radius:999px;width:62px;height:34px;padding:0;transition:background .18s;position:relative;box-shadow:inset 0 2px 5px #06285a59}.switch:after{content:"";background:radial-gradient(circle at 34% 28%,#fff 0 40%,#dbeefa 100%);border-radius:50%;width:26px;height:26px;transition:transform .18s cubic-bezier(.3,1.4,.5,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #06285a66}.switch[aria-checked=true]{background:linear-gradient(#2fca6a,#8bea7a)}.switch[aria-checked=true]:after{transform:translate(28px)}.switch:disabled{cursor:default;filter:grayscale(.6);opacity:.5}.slider{align-items:center;gap:10px;width:100%;max-width:280px;display:flex}.slider output{text-align:right;font-variant-numeric:tabular-nums;min-width:3.2em;color:var(--deep);font-weight:650}input[type=range]{cursor:pointer;appearance:none;background:0 0;flex:1;min-width:0;height:34px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(#58c8ff,#1b82ea);border:1px solid #ffffffe6;border-radius:999px;height:12px;box-shadow:inset 0 2px 4px #06285a59}input[type=range]::-moz-range-track{background:linear-gradient(#58c8ff,#1b82ea);border:1px solid #ffffffe6;border-radius:999px;height:12px;box-shadow:inset 0 2px 4px #06285a59}input[type=range]::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle at 34% 28%,#fff 0 30%,#c9f0ff 60%,#7fd8ff 100%);border:1px solid #fff;border-radius:50%;width:28px;height:28px;margin-top:-9px;box-shadow:0 3px 8px #06285a73}input[type=range]::-moz-range-thumb{background:radial-gradient(circle at 34% 28%,#fff 0 30%,#c9f0ff 60%,#7fd8ff 100%);border:1px solid #fff;border-radius:50%;width:26px;height:26px;box-shadow:0 3px 8px #06285a73}.text-input{width:100%;min-height:46px;color:var(--ink);font:inherit;-webkit-user-select:text;user-select:text;background:linear-gradient(#eef9ff,#fff);border:1px solid #1b82ea66;border-radius:999px;padding:8px 16px;font-weight:600;box-shadow:inset 0 2px 5px #063a782e}.bind-row{border-bottom:1px solid #1b82ea1f;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 0;display:grid}.bind-row__keys{gap:6px;display:flex}.bind-key{min-width:78px;min-height:38px;color:var(--deep);cursor:pointer;background:linear-gradient(#fff,#dff3ff);border:1px solid #1b82ea59;border-radius:12px;padding:4px 12px;font-size:.9rem;font-weight:700;box-shadow:inset 0 -3px #1b82ea29,0 2px 5px #063a7826}.bind-key.is-empty{color:var(--ink-soft);opacity:.75;font-weight:600}.key-arrow{vertical-align:-.14em;display:inline-flex}.key-arrow .icon{display:block}.bind-key.is-listening{background:linear-gradient(#fff6d8,#ffd98a);border-color:#ff9f43;animation:.9s ease-in-out infinite pulse-key}@keyframes pulse-key{50%{box-shadow:0 0 0 5px #ff9f434d}}.pad-status{background:#1b82ea1a;border-radius:16px;align-items:center;gap:10px;padding:10px 14px;font-weight:600;display:flex}.pad-status.is-on{background:#24e08a2e}.pad-status__dot{background:#9db4c8;border-radius:50%;width:12px;height:12px;box-shadow:inset 0 1px 2px #0000004d}.pad-status.is-on .pad-status__dot{background:#24e08a;box-shadow:0 0 10px #24e08a}.pad-test{grid-template-columns:auto auto 1fr;align-items:center;gap:14px;padding:10px 0;display:grid}.pad-test__stick{background:#fff9;border:2px solid #1b82ea66;border-radius:50%;width:72px;height:72px;position:relative}.pad-test__stick i{background:radial-gradient(circle at 34% 28%,#fff,#2aa7f2);border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;top:50%;left:50%;box-shadow:0 2px 5px #063a7866}.pad-test__buttons{flex-wrap:wrap;gap:5px;display:flex}.pad-test__buttons i{min-width:30px;height:26px;color:var(--ink-soft);font:700 .7rem/1 var(--font);background:#1b82ea24;border-radius:8px;place-items:center;padding:0 5px;font-style:normal;display:grid}.pad-test__buttons i.is-on{color:#fff;background:linear-gradient(#8bea7a,#2fca6a)}.creator{flex-direction:column;width:min(430px,100%);max-height:100%;display:flex}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{background:var(--c);cursor:pointer;border:2px solid #fff;border-radius:50%;width:38px;height:38px;padding:0;box-shadow:0 2px 6px #063a7859,inset 0 6px 8px #ffffff73,inset 0 -5px 8px #00000024}.swatch[aria-pressed=true]{outline:3px solid var(--blue);outline-offset:2px;transform:scale(1.08)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{min-height:38px;color:var(--ink-soft);cursor:pointer;background:#ffffffb8;border:1px solid #1b82ea4d;border-radius:999px;padding:4px 14px;font-size:.9rem;font-weight:650}.chip[aria-pressed=true]{color:#fff;text-shadow:0 1px 2px #05326e8c;background:linear-gradient(#8fe6ff,#1f95ea);border-color:#fff;box-shadow:0 3px 9px #0954aa4d}.group{border-bottom:1px solid #1b82ea21;padding:10px 0}.group:last-child{border-bottom:0}.group__label{letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:7px;font-size:.8rem;font-weight:700;display:block}.phone{background:linear-gradient(160deg,#f6fbff 0%,#b9d7ec 38%,#7fa9c9 100%);border:1px solid #ffffffb3;border-radius:42px;flex-direction:column;width:min(400px,100%);height:min(740px,100%);padding:12px;display:flex;position:relative;box-shadow:0 26px 60px #04286480,inset 0 2px #fff,inset 0 -3px 8px #06285a59}.phone__screen{background:radial-gradient(90% 55% at 50% 108%,#96f0a0e6,#96f0a000 70%),radial-gradient(70% 40% at 80% 0,#fff9,#fff0 70%),linear-gradient(#0b74d6 0%,#29b6f6 50%,#a6eeff 100%);border-radius:31px;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #06285a8c}.phone__status{color:#fff;text-shadow:0 1px 3px #04327899;justify-content:space-between;align-items:center;padding:10px 20px 4px;font-size:.82rem;font-weight:700;display:flex}.phone__content{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:8px 16px 12px;overflow-y:auto}.phone__home-bar{background:linear-gradient(#fff0,#fff6);justify-content:center;gap:10px;padding:8px 12px 10px;display:flex}.phone__greeting{color:#fff;text-shadow:0 2px 8px #04327899;margin:4px 0 12px;font-size:1.3rem;font-weight:300}.phone__greeting b{font-weight:700}.apps{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 8px;display:grid}.app{color:#fff;text-shadow:0 1px 3px #043278cc;cursor:pointer;background:0 0;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:5px;padding:2px 0;font-size:.74rem;font-weight:650;display:flex}.app__icon{background:linear-gradient(180deg, var(--a,#7fe3ff), var(--b,#1b82ea));color:#fff;border:1px solid #ffffffd9;border-radius:18px;place-items:center;width:58px;height:58px;display:grid;position:relative;box-shadow:0 6px 14px #04286466,inset 0 -6px 10px #00000029}.app__icon:before{content:"";background:linear-gradient(#ffffffb8,#ffffff1a);border-radius:17px 17px 60% 60%/17px 17px 22px 22px;position:absolute;inset:0 0 52%}.app__icon .icon{filter:drop-shadow(0 1px 2px #00000059);position:relative}.app.is-soon .app__icon{filter:saturate(.45)brightness(1.05)}.app__badge{letter-spacing:.03em;white-space:nowrap;text-shadow:none;background:#06285adb;border:1px solid #ffffffbf;border-radius:999px;padding:2px 6px;font-size:.5rem;font-weight:700;line-height:1.1;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.card{color:var(--ink);background:linear-gradient(#ffffffeb,#e2f6ffd1);border:1px solid #ffffffe6;border-radius:20px;padding:13px 16px;box-shadow:0 6px 16px #04286438}.card+.card{margin-top:10px}.card h3{color:var(--deep);margin:0 0 6px;font-size:1.02rem}.card p{margin:0 0 .55em;font-size:.92rem}.card p:last-child{margin-bottom:0}.phone__app-head{color:#fff;text-shadow:0 1px 4px #043278b3;align-items:center;gap:8px;margin-bottom:10px;display:flex}.phone__app-head h2{flex:1;margin:0;font-size:1.2rem;font-weight:650}.map-canvas{aspect-ratio:1;background:#2f9be8;border:2px solid #ffffffe6;border-radius:20px;width:100%;display:block;box-shadow:0 6px 16px #0428644d}.list{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.list-btn{width:100%;min-height:48px;color:var(--deep);text-align:left;cursor:pointer;background:linear-gradient(#fffffff0,#dcf4ffd6);border:1px solid #ffffffe6;border-radius:16px;align-items:center;gap:10px;padding:8px 14px;font-weight:650;display:flex;box-shadow:0 4px 10px #04286433}.list-btn .icon{color:var(--blue)}.list-btn small{color:var(--ink-soft);font-weight:500;display:block}.list-btn:disabled{filter:grayscale(.7)opacity(.65);cursor:default}.list-btn>span{flex:1;min-width:0}.list-btn>span:first-child{flex:none;display:inline-flex}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stat{background:#ffffffdb;border-radius:16px;padding:10px 12px;box-shadow:0 3px 9px #0428642e}.stat b{color:var(--deep);font-variant-numeric:tabular-nums;font-size:1.25rem;display:block}.stat span{color:var(--ink-soft);font-size:.78rem;font-weight:600}.meter{background:#063c8c40;border-radius:999px;height:12px;overflow:hidden;box-shadow:inset 0 1px 3px #04286466}.meter i{background:linear-gradient(#d8ffb8,#3fd070);border-radius:999px;height:100%;display:block}@media (max-width:720px){.field{grid-template-columns:minmax(0,1fr);gap:6px}.field__control{justify-content:flex-start}.slider{max-width:none}.panel__body{padding:4px 16px 14px}.panel__header{padding:14px 12px 8px 16px}.hud__hints{display:none}.pill{min-height:34px;padding:5px 11px;font-size:.86rem}.pill__main{font-size:.94rem}}@media (max-aspect-ratio:9/10){.screen--side{justify-content:center;align-items:flex-end;padding-top:0}.creator{width:100%;max-height:56%}.hud__toasts{top:calc(112px + var(--safe-t))}[data-device=toque] .hud__prompt{bottom:calc(232px + var(--safe-b))}.touch-btn{width:62px;height:62px}.touch-btn--jump{width:78px;height:78px}}@media (max-height:480px){.logo{width:min(300px,46vw);max-height:30vh}.menu__buttons{flex-flow:wrap;justify-content:center}.btn--large{min-width:170px;min-height:48px;font-size:1rem}.hud__prompt{bottom:calc(18px + var(--safe-b))}.phone{border-radius:30px;width:min(560px,100%);height:100%;padding:8px}.phone__screen{border-radius:23px}.apps{grid-template-columns:repeat(6,minmax(0,1fr))}.hud__toasts{top:calc(56px + var(--safe-t))}.hud__banner{top:calc(31% - 20px)}.hud__banner-main{font-size:clamp(1.4rem,4.4vw,2.1rem)}.touch-btn{width:58px;height:58px}.touch-btn--jump{width:72px;height:72px}}@media (prefers-reduced-motion:reduce){.bubbles i,.touch-btn--interact{animation:none}.screen,.menu,.toast,.hud__prompt{animation-duration:10ms;animation-delay:0s}}