.ball-nav{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 30px}.ball-nav a{padding:9px 12px;border:1px solid var(--line);background:var(--white);font-weight:750}.ball-controls{display:grid;grid-template-columns:minmax(230px,2fr) repeat(auto-fit,minmax(130px,1fr));gap:10px;align-items:end;margin:24px 0;padding:18px;background:var(--mint);border:1px solid var(--line)}.ball-controls label{display:grid;gap:5px;font-weight:750}.ball-controls input,.ball-controls select,.ball-controls button{width:100%;min-height:44px;padding:8px;border:1px solid #789083;background:var(--white);color:var(--ink);font:inherit}.ball-controls p{grid-column:1/-1;margin:0;color:var(--muted)}.ball-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:15px;margin:18px 0 34px}.ball-card{min-width:0;padding:18px;background:var(--white);border:1px solid var(--line)}.ball-card header{display:flex;gap:13px;align-items:center}.ball-card header img,.ball-icon-fallback{width:56px;height:56px;object-fit:contain;padding:4px;background:#233d36;border:1px solid var(--line);box-sizing:border-box}.ball-icon-fallback{display:grid;place-items:center;color:#d9b657}.ball-card h2{font-size:23px;margin:3px 0}.ball-card header p{margin:0}.ball-card>p{white-space:pre-line;color:var(--muted)}.ball-tags{display:flex;flex-wrap:wrap;gap:6px}.ball-tags span{padding:3px 7px;background:var(--mint);font-size:12px;font-weight:750}.ball-card details{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}.ball-card summary{cursor:pointer;font-weight:750}.ball-limit{padding:8px;background:#fff3cd;color:#614900!important;font-size:13px}:root[data-theme=dark] .ball-limit{background:#4c3b0c;color:#ffe7a4!important}:root[data-theme=dark] .ball-controls{background:#102b29}.ball-page section{margin-block:30px}@media(max-width:600px){.ball-controls{grid-template-columns:1fr}.ball-grid{grid-template-columns:1fr}.ball-nav a{flex:1 1 140px;text-align:center}}