.container.keyboard-skin--night-flight[data-v-7ff0f287]{--keyboard-key-bg:#eaf7f2;--keyboard-key-color:#16313a;--keyboard-key-secondary-color:#3e5b63;--keyboard-key-border:#719697;--keyboard-key-hover-bg:#d6eee8;--keyboard-key-target-bg:#ffe46a;--keyboard-key-target-color:#16313a;--keyboard-key-correct-bg:#b9eacc;--keyboard-key-wrong-bg:#ffc9c0;background:#162d36;border-color:#51777b}.container.keyboard-skin--night-flight .key[data-v-7ff0f287]:active,.container.keyboard-skin--night-flight .numpad-key[data-v-7ff0f287]:active{background:#b3d8d4}.container.keyboard-skin--night-flight .key[data-v-7ff0f287]:focus-visible{outline-offset:2px;outline:3px double #82d5ec}.container.keyboard-skin--night-flight .numpad-key[data-v-7ff0f287]:focus-visible{outline-offset:2px;outline:3px double #82d5ec}.container.keyboard-skin--night-flight .key[data-v-7ff0f287]:after,.container.keyboard-skin--night-flight .numpad-key[data-v-7ff0f287]:after{color:#16313a;pointer-events:none;font-size:10px;line-height:1;position:absolute;bottom:1px;right:3px}.container.keyboard-skin--night-flight .key--active[data-v-7ff0f287]:after,.container.keyboard-skin--night-flight .numpad-key--active[data-v-7ff0f287]:after{content:"•"}.container.keyboard-skin--night-flight .key--correct[data-v-7ff0f287]:after,.container.keyboard-skin--night-flight .numpad-key--correct[data-v-7ff0f287]:after{content:"✓"}.container.keyboard-skin--night-flight .key--wrong[data-v-7ff0f287]:after,.container.keyboard-skin--night-flight .numpad-key--wrong[data-v-7ff0f287]:after{content:"×"}.container.keyboard-skin--night-flight .numpad-key--correct[data-v-7ff0f287]{background:var(--keyboard-key-correct-bg)!important}.container.keyboard-skin--night-flight .numpad-key--wrong[data-v-7ff0f287]{background:var(--keyboard-key-wrong-bg)!important}.numpad-keyboard-wrapper[data-v-7ff0f287]{--numpad-scale:1;transform:scale(var(--numpad-scale));transform-origin:top;flex-direction:column;align-items:center;gap:8px;display:flex}.container[data-v-7ff0f287]{border:1px solid var(--keyboard-key-border,#d1d1d1);color:#000;user-select:none;background:#efefef;border-radius:3px;flex-direction:column;align-items:center;gap:2px;width:max-content;padding:4px;font-family:Varela,sans-serif;display:flex;position:relative}.numpad-keyboard[data-v-7ff0f287]{box-sizing:border-box;grid-template-rows:repeat(5,42px);grid-template-columns:repeat(4,42px);gap:2px;width:174px;display:grid}.numpad-row[data-v-7ff0f287]{display:contents}.numpad-key[data-v-7ff0f287]{background:var(--keyboard-key-bg,#fff);border:1px solid var(--keyboard-key-border,#d1d1d1);cursor:pointer;box-sizing:border-box;border-radius:3px;outline:1px solid #e5e7eb;justify-content:center;align-items:center;min-width:0;min-height:0;transition:all .2s ease-out;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001a}.numpad-key[data-v-7ff0f287]:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.numpad-key__text[data-v-7ff0f287]{color:var(--keyboard-key-color,#374151);z-index:1;text-align:center;word-break:break-word;white-space:normal;padding:2px;font-size:.7em;font-weight:500;line-height:1.2;position:relative}.numpad-key--active[data-v-7ff0f287]{background:var(--keyboard-key-target-bg,#0086d2)!important}.numpad-key--active .numpad-key__text[data-v-7ff0f287]{color:var(--keyboard-key-target-color,#fff)}.numpad-key--correct[data-v-7ff0f287]{animation:.6s ease-out keyPressSuccess-7ff0f287}.numpad-key--correct[data-v-7ff0f287]:before{content:"";background:linear-gradient(45deg,#0000,#10b9814d,#0000);animation:.8s ease-out successShimmer-7ff0f287;position:absolute;top:0;bottom:0;left:0;right:0}.numpad-key--wrong[data-v-7ff0f287]{animation:.6s ease-out keyPressError-7ff0f287}.numpad-key--wrong[data-v-7ff0f287]:before{content:"";background:linear-gradient(45deg,#0000,#ef44444d,#0000);animation:.8s ease-out errorShimmer-7ff0f287;position:absolute;top:0;bottom:0;left:0;right:0}.numpad-key--rowspan-2[data-v-7ff0f287]{grid-row:span 2}.numpad-key--colspan-2[data-v-7ff0f287]{grid-column:span 2}@keyframes keyPressSuccess-7ff0f287{0%{transform:scale(1);box-shadow:0 2px 4px #0000001a}15%{transform:scale(.92);box-shadow:0 6px 16px #10b98180}30%{transform:scale(1.08);box-shadow:0 8px 20px #10b98199}45%{transform:scale(.96);box-shadow:0 4px 12px #10b98166}60%{transform:scale(1.02);box-shadow:0 6px 16px #10b9814d}to{transform:scale(1);box-shadow:0 2px 4px #0000001a}}@keyframes keyPressError-7ff0f287{0%{transform:scale(1);box-shadow:0 2px 4px #0000001a}10%{transform:scale(.9)translate(-3px);box-shadow:0 6px 12px #ef444466}20%{transform:scale(.9)translate(3px);box-shadow:0 6px 12px #ef444466}30%{transform:scale(.9)translate(-2px);box-shadow:0 6px 12px #ef444466}40%{transform:scale(.9)translate(2px);box-shadow:0 6px 12px #ef444466}50%{transform:scale(.9)translate(-1px);box-shadow:0 6px 12px #ef444466}60%{transform:scale(.9)translate(1px);box-shadow:0 6px 12px #ef444466}70%{transform:scale(.95);box-shadow:0 4px 8px #ef44444d}to{transform:scale(1);box-shadow:0 2px 4px #0000001a}}@keyframes successShimmer-7ff0f287{0%{opacity:0;transform:translate(-100%)}50%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes errorShimmer-7ff0f287{0%{opacity:0;transform:translate(-100%)}25%{opacity:1}50%{opacity:0}75%{opacity:1}to{opacity:0;transform:translate(100%)}}.info-text[data-v-7ff0f287]{flex-flow:wrap;justify-content:center;align-items:baseline;gap:18px;min-height:34px;font-style:normal;font-weight:400;display:flex}.info-text__major[data-v-7ff0f287]{color:#7b7f83;font-size:20px;font-weight:700;line-height:1}.info-text__minor[data-v-7ff0f287]{color:#8c9196;align-items:baseline;gap:6px;min-height:34px;padding:0;font-size:13px;font-weight:700;line-height:18px;display:inline-flex}.hide-keyboard[data-v-7ff0f287]{flex-direction:row;align-items:baseline}.hands[data-v-7ff0f287]{z-index:3;pointer-events:none;width:242px;height:342px;position:absolute;transform:scale(.8)}.hands .hand[data-v-7ff0f287]{display:none;position:absolute}.hands .hand#Left[data-v-7ff0f287]{top:90px;left:20px}.hands .hand#Right[data-v-7ff0f287]{top:90px;right:40px}.hands .hand#Numpad7[data-v-7ff0f287]{top:40px;left:-15px}.hands .hand#Numpad8[data-v-7ff0f287]{top:40px;left:-30px}.hands .hand#Numpad9[data-v-7ff0f287]{top:40px;left:-15px}.hands .hand#Numpad4[data-v-7ff0f287]{top:75px;left:-25px}.hands .hand#Numpad5[data-v-7ff0f287]{top:75px;left:-20px}.hands .hand#Numpad6[data-v-7ff0f287]{top:75px;left:-5px}.hands .hand#Numpad1[data-v-7ff0f287]{top:80px;left:-10px}.hands .hand#Numpad2[data-v-7ff0f287]{top:80px;left:-30px}.hands .hand#Numpad3[data-v-7ff0f287]{top:80px;left:-10px}.hands .hand#Numpad0[data-v-7ff0f287]{top:85px;left:30px}.hands .hand#NumpadDecimal[data-v-7ff0f287]{top:85px;left:-15px}.hands .hand#NumpadDivide[data-v-7ff0f287]{top:30px;right:55px}.hands .hand#NumpadMultiply[data-v-7ff0f287]{top:-20px;right:-140px}.hands .hand#NumpadSubtract[data-v-7ff0f287]{top:-20px;left:40px}.hands .hand#NumpadAdd[data-v-7ff0f287]{top:75px;right:-45px}.hands .hand#NumpadEnter[data-v-7ff0f287]{top:80px;left:-10px}.hands .hand#NumLock[data-v-7ff0f287],.hands .hand#NumpadDivide[data-v-7ff0f287]{top:30px;right:82px}@media (max-width:1023px){.numpad-keyboard-wrapper[data-v-7ff0f287]{--numpad-scale:.92}}@media (max-height:820px),(max-width:1180px){.numpad-keyboard-wrapper[data-v-7ff0f287]{gap:6px}.info-text[data-v-7ff0f287]{gap:14px}.info-text__major[data-v-7ff0f287]{font-size:18px}.info-text__minor[data-v-7ff0f287]{min-height:32px;padding:0;font-size:14px}}@media (max-width:767px){.numpad-keyboard-wrapper[data-v-7ff0f287]{--numpad-scale:.82;margin-bottom:-42px}.hands[data-v-7ff0f287]{display:none}}
