.category-menu{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:26px auto 0}.category-menu button{padding:0 24px;border-radius:17px;background:#fffdf8;border:2px solid #e9e1d7;font-weight:600}.category-menu button[aria-pressed=true]{background:var(--category-accent);border-color:#8f7b70;box-shadow:0 3px 0 #8f7b7020}.category-menu button.story-entry{background:#F7F2FA;border-color:#DCCFEA}.category-menu button.story-entry:hover{border-color:#8f7b70}.category-menu+.mode-switch{margin-top:16px}[data-category=numbers] .letter-area{position:static;margin-top:10px}[data-category=numbers] #letter{color:#638772;font-size:76px}[data-category=numbers] .illustration{margin:0;width:280px;height:220px;max-width:100%}[data-category=numbers] .illustration img{width:280px;height:280px;max-width:100%}[data-category=numbers] .art-circle{display:none}[data-category=numbers] .pill{background:var(--mint)}[data-word=true] .illustration{margin:0 auto;width:300px;height:250px;max-width:100%}[data-word=true] .illustration img{width:300px;height:300px;max-width:100%}[data-word=true] .art-circle{width:238px;height:238px}[data-word=true] .pill{background:var(--category-accent)}@media(max-width:600px){.category-menu button{padding:0 18px}.category-menu{gap:8px}[data-category=numbers] #letter{font-size:62px}[data-category=numbers] .illustration{height:205px}[data-word=true] .illustration{width:250px;height:225px}[data-word=true] .illustration img{width:250px;height:250px}[data-word=true] .art-circle{width:196px;height:196px}}