.glyph-page{max-width:1040px}.glyph-shell{border:3px solid #120d1b;background:#fff;color:#120d1b;padding:clamp(1rem,3vw,2rem);box-shadow:8px 8px 0 #b39aff}.glyph-top{display:flex;align-items:end;justify-content:space-between;gap:1rem}.glyph-top h2{margin:0}.glyph-top label{font-weight:900;display:grid;gap:.35rem}.glyph-top select{min-height:2.75rem;border:2px solid #120d1b;background:#fff;color:#120d1b;padding:.45rem .7rem;font:800 1rem/1 system-ui}.glyph-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin:1rem 0}.glyph-stats div{border:2px solid #120d1b;background:#f4efff;padding:.7rem}.glyph-stats small{display:block;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.glyph-stats strong{display:block;margin-top:.25rem;font-size:1rem}.glyph-words{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:.65rem;margin:1.2rem 0}.glyph-word{display:grid;place-items:center;min-height:5.2rem;border:3px solid #120d1b;background:#f4efff;font:900 clamp(1.3rem,4vw,2.2rem)/1 ui-monospace,monospace;letter-spacing:.16em}.glyph-word.current{background:#120d1b;color:#fff;box-shadow:5px 5px 0 #b39aff}.glyph-arrow{font-weight:900;font-size:1.5rem}.glyph-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;max-width:720px;margin:1rem auto}.glyph-choices button{min-height:3.5rem;border:2px solid #120d1b;background:#fff;color:#120d1b;font:900 1rem/1 ui-monospace,monospace;box-shadow:3px 3px 0 #b39aff}.glyph-choices button.active,.glyph-choices button:focus-visible{background:#8b5cf6;color:#fff;outline:3px solid #120d1b;outline-offset:2px}.glyph-trail{display:flex;flex-wrap:wrap;gap:.35rem;min-height:2.3rem}.glyph-trail span{border:1px solid #120d1b;background:#f4efff;padding:.3rem .5rem;font:800 .85rem/1 ui-monospace,monospace}.glyph-status{min-height:2.8rem;font-weight:800}.glyph-actions{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center}.glyph-actions button{min-height:2.75rem;padding:.65rem 1rem;border:2px solid #120d1b;background:#fff;color:#120d1b;font:800 .9rem/1.1 system-ui}.glyph-actions .primary{background:#120d1b;color:#fff}.glyph-actions button:disabled{opacity:.45}.glyph-note{font-size:.94rem;line-height:1.6}.glyph-key{display:inline-block;border:1px solid #120d1b;background:#fff;padding:.08rem .32rem;box-shadow:1px 1px 0 #b39aff;font-weight:900}@media(max-width:620px){.glyph-top{align-items:stretch;flex-direction:column}.glyph-top select{width:100%}.glyph-stats{grid-template-columns:1fr 1fr}.glyph-words{grid-template-columns:1fr}.glyph-arrow{transform:rotate(90deg);text-align:center}.glyph-choices{grid-template-columns:1fr 1fr}.glyph-shell{box-shadow:5px 5px 0 #b39aff}}
