.chiave-board[data-v-cdaf34bd]{--chiave-gap:.375rem;--chiave-below:14.75rem;max-width:17rem;container-type:inline-size}@media (width>=640px){.chiave-board[data-v-cdaf34bd]{--chiave-height:calc(100dvh - var(--game-chrome-top,8rem) - var(--game-chrome-bottom,2rem) - var(--chiave-below));max-width:clamp(20rem,calc((var(--chiave-height) - 5*var(--chiave-gap))*5/6 + var(--chiave-gap)*4),30rem)}}.chiave-cell[data-v-cdaf34bd]{aspect-ratio:1;border:1px solid var(--edge);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:max(18px,calc(9.6cqw - var(--chiave-gap)*4/5*.48));text-transform:uppercase;color:var(--ink);background:var(--paper);transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;font-weight:700;display:flex;position:relative}.chiave-cell--typed[data-v-cdaf34bd]{border-color:var(--ink);animation:chiave-type-cdaf34bd .17s var(--ease-spring)}.chiave-shake .chiave-cell--typed[data-v-cdaf34bd]{animation:none}@keyframes chiave-type-cdaf34bd{0%{transform:scale(.86)}to{transform:scale(1)}}.chiave-cell--next[data-v-cdaf34bd]{border-color:var(--ink-soft)}.chiave-cell--exact[data-v-cdaf34bd]{--fill:var(--chiave-exact);--fill-edge:var(--chiave-exact);--fill-fg:var(--chiave-exact-fg)}.chiave-cell--present[data-v-cdaf34bd]{--fill:var(--chiave-present);--fill-edge:var(--chiave-present);--fill-fg:var(--chiave-present-fg)}.chiave-cell--absent[data-v-cdaf34bd]{--fill:var(--paper);--fill-edge:var(--ink-mute);--fill-fg:var(--ink-mute)}.chiave-cell--absent[data-v-cdaf34bd],.chiave-cell--exact[data-v-cdaf34bd],.chiave-cell--present[data-v-cdaf34bd]{background:var(--fill);border-color:var(--fill-edge);color:var(--fill-fg)}.chiave-cell--reveal[data-v-cdaf34bd]{animation:chiave-stamp-cdaf34bd .34s var(--ease-out) both;animation-delay:calc(var(--i)*90ms);will-change:transform}@keyframes chiave-stamp-cdaf34bd{0%{background:var(--paper);border-color:var(--ink);color:var(--ink);transform:scale(1)}44%{background:var(--paper);border-color:var(--ink);color:var(--ink);transform:scale(.84)}46%{background:var(--fill);border-color:var(--fill-edge);color:var(--fill-fg);transform:scale(.84)}68%{transform:scale(1.07)}to{transform:scale(1)}}.chiave-cell--bow[data-v-cdaf34bd]{animation:chiave-bow-cdaf34bd .48s var(--ease-out) both;animation-delay:calc(var(--i)*70ms);will-change:transform}.chiave-cell--bow[data-v-cdaf34bd]:after{content:"";border-radius:inherit;background:var(--paper);opacity:0;pointer-events:none;animation:chiave-bow-light-cdaf34bd .48s var(--ease-out) both;animation-delay:calc(var(--i)*70ms);position:absolute;inset:0}@keyframes chiave-bow-cdaf34bd{0%{transform:translateY(0)scale(1)}38%{transform:translateY(-9px)scale(1.04)}to{transform:translateY(0)scale(1)}}@keyframes chiave-bow-light-cdaf34bd{0%{opacity:0}38%{opacity:.16}to{opacity:0}}.chiave-submit[data-v-cdaf34bd]{border:1px solid var(--game-chiave);--key-skirt:var(--key-skirt-strong);width:100%;max-width:28rem;height:3rem;box-shadow:inset 0 -2px 0 var(--key-skirt);background:var(--game-chiave);font-family:var(--font-sans);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--paper);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),filter var(--dur-micro) var(--ease-out),box-shadow 70ms var(--ease-out),transform 70ms var(--ease-out);border-radius:.5rem;justify-content:center;align-items:center;gap:.7rem;padding:0 1.4rem 2px;font-size:12px;display:flex}@supports (corner-shape:squircle){.chiave-submit[data-v-cdaf34bd]{corner-shape:squircle;border-radius:.7rem}}.chiave-submit[data-v-cdaf34bd]:not(:disabled):hover{filter:brightness(1.12)}.chiave-submit[data-v-cdaf34bd]:not(:disabled):active{box-shadow:inset 0 0 0 var(--key-skirt);transform:translateY(2px)}.chiave-submit[data-v-cdaf34bd]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.chiave-submit[data-v-cdaf34bd]:disabled{--key-skirt:var(--key-skirt-soft);border-color:var(--edge);background:var(--paper-deep);color:var(--ink-mute);cursor:default}.chiave-submit[data-v-cdaf34bd]:enabled{animation:key-ready .34s var(--ease-spring)}.chiave-submit--echo[data-v-cdaf34bd]{animation:chiave-submit-echo-cdaf34bd var(--dur-micro) var(--ease-out)}@keyframes chiave-submit-echo-cdaf34bd{0%{box-shadow:inset 0 -2px 0 var(--key-skirt);transform:translateY(0)}40%{box-shadow:inset 0 0 0 var(--key-skirt);transform:translateY(2px)}to{box-shadow:inset 0 -2px 0 var(--key-skirt);transform:translateY(0)}}.chiave-shake[data-v-cdaf34bd]{animation:chiave-shake-cdaf34bd .24s var(--ease-io)}@keyframes chiave-shake-cdaf34bd{0%,to{translate:0}20%{translate:-5px}50%{translate:4px}80%{translate:-2px}}@media (prefers-reduced-motion:reduce){.chiave-cell--bow[data-v-cdaf34bd],.chiave-cell--bow[data-v-cdaf34bd]:after,.chiave-cell--reveal[data-v-cdaf34bd],.chiave-cell--typed[data-v-cdaf34bd],.chiave-shake[data-v-cdaf34bd],.chiave-submit--echo[data-v-cdaf34bd],.chiave-submit[data-v-cdaf34bd]:enabled{animation:none}.chiave-cell[data-v-cdaf34bd],.chiave-submit[data-v-cdaf34bd]:not(:disabled):active{transition:none;transform:none}}