@font-face{font-family:DSEG7;src:url(/_astro/DSEG7Classic-Bold.jUCkPCxO.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}.hp12c{--hp-corpo: #14161a;--hp-corpo-2: #23272d;--hp-tecla: #2c3036;--hp-tecla-borda: #0a0c0e;--hp-tecla-topo: #3b3f47;--hp-letra: #f3f4f6;--hp-laranja: #f2a93b;--hp-azul: #5ea0e3;--hp-visor: #c9d6c4;--hp-visor-tinta: #1c2618;--hp-ouro-claro: #e3d6a0;--hp-ouro: #cbb878;--hp-ouro-escuro: #ad975a;width:100%;max-width:800px;margin:1.4rem auto;background:linear-gradient(180deg,var(--hp-corpo-2),var(--hp-corpo));border:1px solid #000;border-radius:16px;padding:.5rem .55rem .7rem;box-shadow:0 10px 30px #00000059;user-select:none}.hp12c__face{position:relative;display:flex;align-items:center;gap:.9rem;background:linear-gradient(178deg,var(--hp-ouro-claro),var(--hp-ouro) 55%,var(--hp-ouro-escuro));margin:-.5rem 0 .9rem;border-radius:8px 8px 5px 5px;padding:.7rem .9rem 1.1rem;box-shadow:inset 0 1px #ffffff73,inset 0 -2px 5px #0000002e}.hp12c__logo{margin-left:auto;text-align:right;line-height:1.15}.hp12c__logo-hp{display:block;color:#5a4d24;font-weight:700;font-size:.82rem;letter-spacing:.08em}.hp12c__logo-em{display:block;color:#2a2410;font-weight:800;font-size:.98rem;letter-spacing:.01em}.hp12c__logo-by{display:block;color:#6a5c30;font-weight:600;font-size:.68rem;letter-spacing:.04em}.hp12c__display{width:58%;flex:0 0 auto;margin-left:clamp(.4rem,3vw,1.2rem);background:var(--hp-visor);border-radius:5px;border:2px solid #0a0c0e;padding:.45rem .7rem .45rem 1.1rem;margin-bottom:0;box-shadow:inset 0 2px 6px #00000059}.hp12c__x{font-family:DSEG7,Courier New,Courier,ui-monospace,monospace;font-variant-numeric:tabular-nums;font-weight:700;font-size:clamp(1.05rem,4.5vw,1.6rem);line-height:1.1;color:var(--hp-visor-tinta);text-align:left;letter-spacing:.04em;word-break:break-all;min-height:clamp(1.5rem,5.2vw,1.9rem)}.hp12c__x .hp12c__sep{margin:0 -.24em}.hp12c__flags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.35rem;font-size:.68rem;color:#45563d}.hp12c__flags .on{color:#b8540f;font-weight:700}.hp12c__mode{margin-left:auto;font-weight:700;letter-spacing:.05em}@media(min-width:641px){.hp12c__display{margin-left:5rem}}.hp12c__keys{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-auto-rows:clamp(34px,8vw,46px);column-gap:clamp(.3rem,1.2vw,.55rem);row-gap:clamp(.95rem,2.7vw,1.4rem);padding:clamp(1.05rem,2.8vw,1.5rem) clamp(.35rem,1vw,.6rem) clamp(.5rem,1.2vw,.75rem);border:3px solid var(--hp-ouro-escuro);border-bottom-width:9px;border-radius:8px;background:#0000002e}.hp-key{position:relative;appearance:none;width:100%;max-width:clamp(40px,5.4vw,52px);justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1px;border:1px solid var(--hp-tecla-borda);border-radius:5px;background:linear-gradient(180deg,#484e59,#3a404a 50%,#2a2f37 62%,#1c2026);color:var(--hp-letra);font:inherit;font-weight:700;height:100%;padding:clamp(.18rem,.6vw,.32rem) 2px .5rem;cursor:pointer;text-align:center;box-shadow:inset 0 1px #ffffff17,inset 0 -3px 4px #00000052,0 2px 0 var(--hp-tecla-borda);transition:transform .04s ease,box-shadow .04s ease}.hp-key:active,.hp-key.is-press{transform:translateY(2px);box-shadow:0 0 0 var(--hp-tecla-borda)}.hp-key:focus-visible{outline:2px solid var(--hp-azul);outline-offset:1px}.hp-key .main{display:block;font-size:clamp(.62rem,2vw,.98rem);line-height:1}.hp-key .op-svg{display:block;width:clamp(17px,3.8vw,25px);height:clamp(17px,3.8vw,25px)}.hp-key .g{position:absolute;bottom:5px;left:0;right:0;font-weight:600;font-size:clamp(.44rem,1.35vw,.72rem);line-height:1;letter-spacing:.01em;color:var(--hp-azul);pointer-events:none}.hp-key .f{position:absolute;bottom:calc(100% + 1px);left:-2px;right:-2px;font-weight:700;font-size:clamp(.42rem,1.3vw,.72rem);line-height:1;color:var(--hp-laranja);white-space:nowrap;pointer-events:none}.hp-key.fin{background:linear-gradient(180deg,#525c6a,#424b58 50%,#2f3742 62%,#1f242c)}.hp-key.fin .main{color:#fff}.hp-key.enter{background:linear-gradient(180deg,#484e59,#3a404a 50%,#2a2f37 62%,#1c2026);justify-content:center}.hp-key.enter .main{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:-1px;line-height:.92;font-size:clamp(.6rem,1.7vw,.86rem);font-weight:800;margin:.15rem 0}.hp-key.fkey{background:linear-gradient(180deg,#f4b755,#e08e1c)}.hp-key.fkey .main{color:#1a1d22}.hp-key.gkey{background:linear-gradient(180deg,#74b3f0,#3d82cf)}.hp-key.gkey .main{color:#0d1830}.hp-key.armed{box-shadow:0 0 0 2px var(--hp-laranja)}.hp-key.armed.g{box-shadow:0 0 0 2px var(--hp-azul)}.hp12c__hint{margin-top:.9rem;color:#9aa3ad;font-size:.8rem;line-height:1.4}.hp12c__hint b{color:var(--hp-laranja)}.hp12c__hint .f{color:var(--hp-laranja);font-weight:700}.hp12c__hint .g{color:var(--hp-azul)}@media(max-width:640px){.hp12c__hint-pc{display:none}.hp12c__display{width:72%}.hp12c__logo-hp{font-size:.6rem}.hp12c__logo-em{font-size:.7rem}.hp12c__logo-by{font-size:.6rem}}.hp12c__unpin{position:absolute;top:.45rem;right:.5rem;width:1.6rem;height:1.6rem;display:none;place-items:center;border-radius:50%;border:1px solid var(--hp-tecla-borda);background:var(--hp-tecla);color:#9aa3ad;cursor:pointer;z-index:6}.hp12c__unpin svg{display:block;transition:transform .15s ease}.hp12c__unpin:hover{background:var(--hp-tecla-topo);color:var(--hp-letra)}.hp12c__unpin:focus-visible{outline:2px solid var(--hp-azul);outline-offset:1px}.hp12c:not(.is-unpinned) .hp12c__unpin{color:var(--hp-laranja)}.hp12c.is-unpinned .hp12c__unpin svg{transform:rotate(40deg)}@media(min-width:900px)and (min-height:640px){.hp12c{position:sticky;top:calc(var(--header-h) + .6rem);z-index:5;padding:1rem 1.1rem 1.05rem}.hp12c.is-unpinned{position:relative;top:auto}.hp12c__unpin{display:grid}.hp12c__brand{padding-right:1.9rem}.hp12c__x{font-size:2.2rem}}@media(min-width:900px){.hp12c{zoom:.86;top:calc((var(--header-h) + .6rem) / .86)}}@media(min-width:900px)and (max-height:739px){.hp12c{zoom:.74;top:calc((var(--header-h) + .6rem) / .74)}}@media(min-width:900px)and (prefers-reduced-motion:reduce){.hp12c{position:static}.hp12c__unpin{display:none}}