/* MATHVERSE CAT v2 expansion: mobile-first and keyboard accessible */
.filters{margin:0 0 20px;display:flex;align-items:end;gap:13px;flex-wrap:wrap;background:rgba(18,35,72,.75);border:1px solid var(--border);border-radius:18px;padding:15px}
.filters label{display:grid;gap:5px;font-size:13px;font-weight:750;color:#b7c9e7;flex:1;min-width:175px}
.filters input{height:47px;min-width:0;background:#09152c;border:1px solid #4e628b;color:#fff;border-radius:11px;padding:10px 13px}
.filters select{height:47px}.filters .btn{min-width:152px}
.filters p{width:100%;margin:0!important}
.world[hidden]{display:none!important}
.chart-bars{display:grid;gap:14px;padding:18px 10px}
.bar-line{display:grid;grid-template-columns:minmax(76px,1fr) minmax(75px,3fr) minmax(36px,.5fr);gap:10px;align-items:center;font-size:12px;color:#cde5f1}
.bar-line strong{font-variant-numeric:tabular-nums;text-align:right;font-size:16px}
.bar-track{height:18px;border:1px solid #45648c;background:#172b55;border-radius:40px;overflow:hidden}
.bar-fill{height:100%;background:linear-gradient(90deg,#6a91ed,#5df0cc);border-radius:40px;transition:width .19s}
.beat-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin:20px 0}
.beat{min-height:52px;border-radius:9px;border:1px solid #537299;background:#1a3058;color:#d4e5fc;font-weight:800}
.beat.on{background:#5ce9d3;color:#0d2646;box-shadow:0 0 12px #5cf2db80}
.robot-pad{display:grid;justify-content:center;gap:8px;margin:18px auto;text-align:center}
.robot-pad>button{margin:auto}.robot-pad>div{display:flex;gap:8px}
.robot-pad button{width:64px;height:54px;border:1px solid #6c9ed1;background:#253d73;color:#f5ffff;font-size:27px;border-radius:13px;touch-action:manipulation}
.robot-pad button:hover,.robot-pad button:focus-visible{background:#35669b}
#robotSteps{text-align:center;font-variant-numeric:tabular-nums}
.expansion-guide{margin-top:18px}.guide-exp-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}.guide-exp-list p{padding:10px 12px;margin:0;background:#142649;border:1px solid #334b6f;border-radius:11px;font-size:12px}
@media(max-width:620px){.filters{padding:12px;gap:10px}.filters label,.filters .btn{width:100%;flex:auto}.bar-line{grid-template-columns:83px minmax(0,1fr) 42px;gap:5px}.bar-line strong{font-size:13px}.beat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.beat{min-height:47px}.guide-exp-list{grid-template-columns:1fr}.robot-pad button{width:65px;height:56px}}