.pin-wrap{display:grid;gap:clamp(1rem,3vw,1.5rem);justify-items:center;width:100%}.pin-mode{width:100%;max-width:520px;text-align:center;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.pin-mode b{color:var(--ink-gold);font-weight:500}.pin-today{font:inherit;color:var(--accent-hover);text-transform:uppercase;letter-spacing:.08em;margin-left:.5rem;min-height:36px;padding:0 .2rem;border-bottom:1px solid color-mix(in srgb,var(--accent) 40%,var(--border))}[data-theme=light] .pin-today{color:var(--accent)}.pin-today:hover,.pin-today:focus-visible{color:var(--text)}.pin-clues{display:grid;gap:.55rem;width:100%;max-width:460px}.pin-clue{display:flex;align-items:center;gap:.9rem;min-height:58px;padding:.7rem 1.05rem;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-raised);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.pin-clue-no{font-family:var(--font-display);color:var(--ink-gold);font-weight:500;font-variation-settings:"opsz" 30;font-variant-numeric:tabular-nums;font-size:.82rem;letter-spacing:.04em;width:3.6rem;flex:none}.pin-clue-word{font-family:var(--font-display);font-weight:500;font-variation-settings:"opsz" 48;font-size:clamp(1.15rem,3.4vw,1.5rem);letter-spacing:-.01em;line-height:1.1;color:var(--text)}.pin-clue-word.locked{color:var(--muted);font-style:italic;font-weight:300}.pin-clue .pin-lock{width:18px;height:18px;margin-left:auto;color:var(--muted);flex:none}.pin-clue.is-shown{border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.pin-clue.is-locked{background:color-mix(in srgb,var(--surface) 80%,var(--bg));box-shadow:var(--shadow-pressed)}.pin-clue.just-revealed{animation:pin-reveal .34s cubic-bezier(.2,.7,.2,1) both}@keyframes pin-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pin-clue.is-shown[data-n="5"]{border-color:color-mix(in srgb,var(--ink-gold) 40%,var(--border))}.pin-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1rem;width:100%;max-width:460px;font-family:var(--font-mono);font-size:.76rem;letter-spacing:.03em;color:var(--muted);text-align:center}.pin-status .pin-pair{display:inline-flex;align-items:center;gap:.35rem}.pin-status b{font-weight:500;color:var(--text);font-variant-numeric:tabular-nums}.pin-status .ok{color:var(--correct)}.pin-status .bad{color:var(--danger)}.pin-status .pin-sep{color:var(--ink-gold);opacity:.7}.pin-guess{display:flex;gap:.55rem;width:100%;max-width:460px}.pin-input{flex:1;min-width:0;min-height:50px;padding:0 1rem;border-radius:12px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:1rem;box-shadow:inset 0 2px 6px var(--recess),inset 0 -1px 0 var(--highlight);caret-color:var(--accent);transition:border-color .16s ease,box-shadow .16s ease;-webkit-tap-highlight-color:transparent}.pin-input::placeholder{color:var(--muted)}.pin-input:focus-visible{outline:none;border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:inset 0 2px 6px var(--recess),0 0 0 3px color-mix(in srgb,var(--accent) 32%,transparent)}.pin-input:disabled{opacity:.6;cursor:not-allowed}.pin-input.shake{animation:pin-shake .42s cubic-bezier(.36,.07,.19,.97) both}@keyframes pin-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.pin-submit{flex:none;display:inline-flex;align-items:center;gap:.5rem;min-height:50px;padding:0 1.25rem;border-radius:12px;font-family:var(--font-ui);font-weight:600;font-size:.95rem;background:var(--accent-strong);color:#fff;box-shadow:inset 0 1px color-mix(in srgb,#fff 30%,transparent),inset 0 -2px color-mix(in srgb,#000 28%,transparent),0 2px 4px var(--sh-1)}.pin-submit .ico{width:18px;height:18px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.pin-submit:active{transform:translateY(1px);box-shadow:inset 0 2px 6px color-mix(in srgb,#000 42%,transparent)}.pin-submit:disabled{opacity:.55;cursor:not-allowed}@media(hover:hover)and (pointer:fine){.pin-submit:hover:not(:disabled){background:color-mix(in srgb,var(--accent-strong) 90%,#fff)}}.pin-controls{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;width:100%;max-width:520px}.pin-btn{display:inline-flex;align-items:center;gap:.45rem;min-height:46px;padding:0 1rem;border-radius:11px;font-family:var(--font-ui);font-weight:600;font-size:.9rem;background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-raised);transition:box-shadow .16s ease,border-color .16s ease,color .16s ease}.pin-btn .ico{width:17px;height:17px;color:var(--accent);stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.pin-btn:active{transform:translateY(1px);box-shadow:var(--shadow-pressed)}.pin-btn:disabled{opacity:.5;cursor:not-allowed}@media(hover:hover)and (pointer:fine){.pin-btn:hover:not(:disabled){box-shadow:var(--shadow-hover);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.pin-btn:hover:not(:disabled) .ico{color:var(--accent)}}.pin-share{font-family:var(--font-mono);font-size:.92rem;line-height:1.5;letter-spacing:.01em;color:var(--text);white-space:pre-wrap;text-align:left;padding:.9rem 1.1rem;border-radius:10px;background:var(--bg);border:1px solid var(--border);box-shadow:inset 0 2px 6px var(--recess),inset 0 -1px 0 var(--highlight);max-width:320px;margin-inline:auto}.pin-clue-strip{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.2rem}.pin-clue-chip{display:inline-flex;align-items:baseline;gap:.5rem;padding:.45rem .8rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-raised);font-family:var(--font-display);font-weight:500;font-variation-settings:"opsz" 30;font-size:1rem;color:var(--text)}.pin-clue-chip .n{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.04em;color:var(--ink-gold);font-variant-numeric:tabular-nums}.pin-category{font-family:var(--font-display);font-weight:600;font-variation-settings:"opsz" 72;font-size:clamp(1.8rem,6vw,2.8rem);letter-spacing:-.01em;line-height:1.05;color:var(--text)}.pin-category-tag{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-ui);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--muted)}.pin-category-tag .ico{width:15px;height:15px;color:var(--accent)}.pin-answer-cap{font-size:.9rem;color:var(--muted);max-width:52ch;text-align:center}.pin-answer-cap strong{color:var(--text);font-weight:600}@media(max-width:640px){.pin-clues{max-height:44vh;overflow-y:auto;-webkit-overflow-scrolling:touch}}@media(prefers-reduced-motion:reduce){.pin-clue.just-revealed,.pin-input.shake{animation:none!important}}