:root{--glyph-red:#dc1f18;--glyph-ink:#111;--glyph-soft:#faf8f7;--glyph-line:rgba(220,31,24,.22)}
.glyph-page{max-width:1080px;margin:3.25rem auto 1.5rem;padding:0 1rem}
.glyph-page h1,.glyph-page h2{text-align:center}.glyph-page h1{font-size:clamp(2.25rem,6vw,3.75rem);margin:.2rem 0}.glyph-page h2{margin:.1rem 0 .65rem;font-size:clamp(1.35rem,3vw,2rem)}
.glyph-subtitle{max-width:720px;margin:.15rem auto 1rem;text-align:center;color:#333;font-style:italic;line-height:1.45}
.glyph-panel{background:var(--glyph-soft);border:2px solid var(--glyph-red);border-radius:1.15rem;padding:.9rem;margin:.9rem auto;box-shadow:0 4px 18px rgba(0,0,0,.045)}
.glyph-controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.55rem}
.glyph-controls input,.glyph-controls select,.glyph-controls button{font:inherit;border-radius:999px}
.glyph-controls input,.glyph-controls select{background:#fff;border:1px solid var(--glyph-line);padding:.55rem .8rem}.glyph-controls input{min-width:min(100%,300px)}
.glyph-controls button{border:0;background:var(--glyph-red);color:#fff;font-weight:800;padding:.62rem 1rem;cursor:pointer}.glyph-controls button.secondary{background:var(--glyph-ink)}
.glyph-meta,.glyph-empty{text-align:center;color:#555;line-height:1.5}
.glyph-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;margin-top:.8rem}
.glyph-card{background:#fff;border:1px solid var(--glyph-line);border-radius:1.15rem;padding:1rem;display:grid;grid-template-columns:4.5rem 1fr;gap:.85rem;align-items:start;box-shadow:0 2px 14px rgba(0,0,0,.035)}
.glyph-art,.glyph-flash-art{display:grid;place-items:center;background:#111;color:#fff;border-radius:1rem}
.glyph-art{width:4.5rem;height:4.5rem}.glyph-art>svg{width:3.35rem;height:3.35rem;display:block;overflow:visible}
.glyph-card h3{margin:.1rem 0 .25rem;font-size:1.15rem}.glyph-kind{margin:0;color:var(--glyph-red);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.glyph-aliases{margin:.3rem 0 0;color:#555;font-size:.88rem;line-height:1.4}
.glyph-flash{max-width:560px;margin:0 auto;text-align:center}.glyph-flash-art{width:min(34vw,7.5rem);height:min(34vw,7.5rem);margin:.25rem auto}.glyph-flash-art>svg{width:min(20vw,5rem);height:min(20vw,5rem);display:block;overflow:visible}
.glyph-flash-name{font-size:1.35rem;font-weight:800;margin:.65rem 0 .2rem}.glyph-flash-kind{color:#555;margin:0}
[hidden]{display:none!important}
@media(max-width:600px){.glyph-card{grid-template-columns:1fr;text-align:center}.glyph-art{margin:0 auto}}