#table-view{display:inline-flex;gap:3px;padding:4px;border:1px solid var(--line,#e7e0e9);border-radius:13px;background:var(--surface,#fffdfb)}
#table-view button{border:0;border-radius:9px;min-width:44px;min-height:40px;padding:6px 10px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;white-space:nowrap;color:var(--control-ink,#6c637d);background:transparent;transition:background .2s,color .2s}
#table-view button:hover{background:var(--surface-soft,#f7f2fa)}
#table-view button[aria-pressed="true"]{background:var(--accent-soft,#eee7f9);color:var(--control-ink,#7956b9)}
.learning-area,.learning-formula{display:none;pointer-events:none}
:root:is([data-table-view="area"],[data-table-view="formula"]) #table-columns .creature-button{margin:2px 3px;width:calc(100% - 6px);height:calc(100% - 4px);cursor:pointer;touch-action:pan-x pan-y}
:root:is([data-table-view="area"],[data-table-view="formula"]) #table-columns .creature,:root:is([data-table-view="area"],[data-table-view="formula"]) #table-columns .creature-shadow{visibility:hidden}
:root[data-table-view="area"] #table-columns .learning-area{display:block;width:100%;height:100%;overflow:visible;color:var(--ink);stroke:none;fill:currentColor}
.learning-area .area-outline{fill:none;stroke:var(--color);stroke-width:1.6}
.learning-area .area-grid{fill:none;stroke:var(--color);stroke-width:.65;opacity:.65}
.learning-area .area-side{font-size:13px;font-weight:750}
:root[data-mode="dark"] .learning-area .area-outline,:root[data-mode="dark"] .learning-area .area-grid{stroke:var(--block)}
:root[data-table-view="formula"] #table-columns .learning-formula{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--ink)}
.formula-equation{font-size:clamp(13px,1.3vw,19px);font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.3px}
.formula-equation strong{font-weight:850;color:var(--control-ink,var(--purple))}
@media(prefers-reduced-motion:reduce){#table-view button{transition:none}}

@media(max-width:740px),(any-pointer:coarse){#table-view button{min-height:44px}}