.td{flex-direction:column;gap:26px}.td,.td h2{display:flex}.td h2{align-items:center;gap:8px;margin:0 0 12px;font:700 18px var(--maple);color:var(--mw-ink,#5a3a1c)}.td-feat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.td-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.td-card{--tone:#ee8f17;--tone-soft:#fff1dc;position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:16px;border:2px solid var(--mw-line,#5c4630);border-radius:14px;background:var(--mw-body,#fffcf3);box-shadow:inset 0 0 0 2px #fff,0 3px 0 #5c463029;color:inherit;text-decoration:none;transition:transform .12s,box-shadow .12s}.td-card:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 2px #fff,0 6px 0 #5c463033}.td-card:focus-visible{outline:3px solid var(--tone);outline-offset:2px}.tone-combat{--tone:#e3622b;--tone-soft:#ffe9df}.tone-build{--tone:#8a5bd6;--tone-soft:#f1e9ff}.tone-daily{--tone:#2f9e6e;--tone-soft:#e3f6ec}.tone-talk{--tone:#2f84d6;--tone-soft:#e3f0fc}.td-icon{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--tone-soft);color:var(--tone);border:2px solid color-mix(in srgb,var(--tone) 35%,#fff)}.td-icon img{position:absolute;right:-8px;bottom:-8px;width:28px;height:28px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 1px 0 #fff) drop-shadow(0 0 1px #0003)}.td-body{display:flex;flex-direction:column;gap:4px;min-width:0}.td-body strong{font:700 16px var(--maple);color:#3d2410}.td-body small{font-size:13px;line-height:1.45;color:#7a5d3c}.td-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.td-chips em{font-style:normal;font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:999px;background:var(--tone-soft);color:color-mix(in srgb,var(--tone) 80%,#000)}.td-go{display:inline-flex;align-items:center;gap:2px;margin-top:auto;align-self:flex-start;font:700 13px var(--maple);color:var(--tone)}.td-card.big{padding:18px;background:linear-gradient(160deg,var(--tone-soft),var(--mw-body,#fffcf3) 55%)}.td-card.big .td-icon{width:58px;height:58px}.td-card.big .td-body strong{font-size:18px}.td-group h2 svg{color:var(--tone)}.td-head-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}.td-head-chips svg{color:#fff;filter:drop-shadow(0 1px 0 #3d2410)}.td-head-chips em{font-style:normal;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:#fffcf3e8;color:#5a3a1c;box-shadow:0 1px 0 #3d241033}@media (max-width:1100px){.td-feat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.td-feat-grid{grid-template-columns:1fr 1fr;gap:10px}.td-card.big{padding:12px}.td-card.big .td-body small,.td-card.big .td-chips em:nth-child(n+2){display:none}.td-grid{grid-template-columns:1fr;gap:10px}.td-card:not(.big){flex-direction:row;align-items:center;gap:14px;padding:12px}.td-card:not(.big) .td-go{display:none}.td-card:not(.big) .td-icon{flex:none;width:46px;height:46px}}