/* Wiring and matching: preserve a clear cable lane and readable child-friendly cards. */
.pairs{width:100%;max-width:1100px;margin-inline:auto;gap:16px}
.pairs .col{width:min(31%,280px);min-width:0;justify-content:space-evenly;gap:10px}
.pairs.match .col{width:min(38%,340px)}
.pairs .pi{min-height:48px;max-height:76px;border-radius:14px;min-width:0;flex:0 1 76px}
.pairs .pi .nm,.pairs .pi .jt{min-width:0;white-space:normal;overflow-wrap:break-word;line-height:1.3;font-size:16px}
.pairs .pi .dicon{width:42px;height:42px;max-height:42px}
.cables .dst-i{display:grid;grid-template-columns:42px 38px minmax(0,1fr);gap:6px;padding:6px 8px;border-width:3px}
.cables .port{width:40px;border-width:4px}.cables .plug{width:52px;max-height:48px;border-width:3px}
.cables .port .shp{width:22px;height:22px}.cables .plug .shp{width:26px;height:26px}
.pairs .wire{stroke-width:7}.pairs .wire.temp{stroke-width:6}.pairs .job .je{font-size:26px;flex-shrink:0}
@media(min-width:761px) and (pointer:fine){
 :root{--bar:52px}.topbar h2{font-size:23px}.ibtn{width:44px;height:44px;font-size:21px}
 .btn{min-height:48px;font-size:18px;padding:8px 18px}.btn.big{min-height:54px;font-size:21px}
 .mini-biti{width:50px}.bubble{min-height:44px;font-size:18px;padding:8px 12px;max-width:1000px}
 .bubble-row{max-width:1100px;width:100%;margin-inline:auto}.home-biti{max-width:210px}.logo{font-size:58px}
}
@media(max-width:760px),(pointer:coarse){
 .pairs{gap:8px}.pairs .col{width:45%;gap:8px}.pairs.match .col{width:44%}
 .pairs .pi{min-height:48px;max-height:72px;flex:0 1 72px}
 .cables .dst-i{grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 5px;padding:5px 6px}
 .cables .dst-i .port{grid-row:1/3;width:34px}.cables .dst-i .dicon{width:28px;height:28px;justify-self:center}
 .cables .dst-i .nm{font-size:13px;text-align:center}.cables .plug{width:48px;max-height:46px}
 .pairs.match .pi{gap:5px;padding:6px}.pairs.match .pi .dicon{width:32px;height:32px}
 .pairs.match .pi .nm,.pairs.match .pi .jt{font-size:14px}.pairs .job .je{font-size:22px}
 .btn,.ibtn{min-height:44px}.mini-biti{width:48px}.bubble{font-size:16px;padding:7px 10px;min-height:44px}
}
@media(max-height:500px){.pairs .col{gap:5px}.pairs .pi{min-height:44px;max-height:56px;flex-basis:56px}.pairs .pi .dicon{width:28px;height:28px}.cables .dst-i{grid-template-columns:30px 28px minmax(0,1fr);grid-template-rows:auto}.cables .dst-i .port{grid-row:auto;width:30px}.cables .dst-i .nm{font-size:12px}.cables .port .shp{width:18px;height:18px}.pairs.match .pi .jt{font-size:13px}}
@media(max-height:500px) and (orientation:landscape){
 #scr-game .topbar{flex-basis:44px;min-height:44px;padding:0 8px;gap:6px}
 #scr-game .topbar .ibtn{width:44px;height:44px;font-size:21px}
 #scr-game .bubble-row{padding:0 8px 4px;gap:6px}
 #scr-game .mini-biti{width:32px}
 #scr-game .bubble{font-size:14px;line-height:1.25;padding:4px 9px;min-height:44px;border-radius:12px}
 #scr-game .area{margin:0 8px 6px}
 .pairs.n6{padding:0}.pairs.n6 .col{gap:3px;justify-content:space-between}
 .pairs.n6 .pi{min-height:44px;max-height:44px;flex:0 0 44px}
}