.vault{display:flex;flex-direction:column;gap:var(--space-4);align-items:center;width:100%}.vault:focus-visible{outline:none}.vault__status{margin:0;font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-lg);color:var(--primary);text-align:center}.vault__history{width:100%;max-width:24rem;display:flex;flex-direction:column;gap:var(--space-2)}.vault__history-empty{text-align:center;margin:0}.vault__history-row{display:grid;grid-template-columns:1.5rem 1fr;align-items:center;gap:var(--space-3);padding:var(--space-2);background:var(--surface);border:var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-hard-sm)}.vault__history-num{font-family:var(--font-mono);font-weight:var(--weight-bold);color:var(--ink-muted);text-align:right}.vault__active{width:100%;max-width:24rem;padding:var(--space-3);background:var(--block-sky);border:var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-hard)}.vault__row{display:flex;gap:var(--space-2);justify-content:center}.vault__slot{width:2.6rem;height:2.6rem;border-radius:50%;background:var(--surface);border:var(--border);box-shadow:var(--shadow-hard-sm);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-lg);color:var(--ink);cursor:pointer;padding:0}.vault__slot.is-empty{background:var(--surface)}.vault__slot.is-filled{border-color:var(--ink)}.vault__slot.is-focus{outline:3px solid var(--primary);outline-offset:3px}.vault__slot.is-drop-target{background:var(--primary-soft);border-color:var(--primary);transform:scale(1.06)}.vault__slot:disabled{cursor:default}.vault__slot-label{color:var(--ink);text-shadow:0 0 2px rgba(255,255,255,.5)}.vault__picker{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);width:100%;max-width:24rem}.vault__tumbler{width:2.8rem;height:2.8rem;border-radius:50%;border:var(--border);box-shadow:var(--shadow-hard-sm);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-lg);color:var(--ink);cursor:pointer;padding:0;touch-action:manipulation}.vault__tumbler:active{transform:translate(2px,2px);box-shadow:none}.vault__tumbler.is-dragging{opacity:.45;cursor:grabbing}.vault__tumbler-label{text-shadow:0 0 2px rgba(255,255,255,.5)}.vault__result{position:relative;display:inline-flex}.vault__chip{width:2.6rem;height:2.6rem;border-radius:50%;border:var(--border);box-shadow:var(--shadow-hard-sm);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-lg);color:var(--ink)}.vault__chip.is-faded{opacity:.4;filter:grayscale(.55);box-shadow:none}.vault__badge{position:absolute;top:-5px;right:-5px;width:1.2rem;height:1.2rem;border-radius:50%;border:2px solid var(--ink);display:inline-flex;align-items:center;justify-content:center;color:#fff}.vault__badge svg{width:.82rem;height:.82rem}.vault__badge.is-exact{background:var(--success)}.vault__badge.is-near{background:var(--warning)}.vault__legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-1) var(--space-3)}.vault__legend-item{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ink-muted)}.vault__badge--inline{position:static;width:1.1rem;height:1.1rem;flex-shrink:0}.vault__legend-fade{width:1.1rem;height:1.1rem;border-radius:50%;border:2px solid var(--ink);background:var(--block-sand);opacity:.4;filter:grayscale(.55);flex-shrink:0}.vault__drag-preview{position:fixed;z-index:1000;width:2.8rem;height:2.8rem;border-radius:50%;border:var(--border);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:var(--weight-black);font-size:var(--text-lg);color:var(--ink);pointer-events:none;transform:translate(-50%,-50%) rotate(-2deg);filter:drop-shadow(3px 3px 0 var(--ink))}.vault__feedback{margin:0;min-height:1.5em;font-weight:var(--weight-bold);color:var(--ink-muted);text-align:center}.vault__controls{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap}.vault__hint{text-align:center;font-size:var(--text-sm);max-width:28rem}