/* Beta 2.86 — centralized educational sections in the original MAKE IT instruction modal. */
#app #instructions .guide286-shell{--guide286-color:var(--game-accent,var(--mi-catch));max-width:700px}
#app #instructions .guide286-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 16px}
#app #instructions .guide286-tabs button{background:#191830!important;background-image:none!important;color:#eae5ff!important;-webkit-text-fill-color:#eae5ff!important;border:1px solid #716586!important;border-radius:11px!important;min-width:0!important;min-height:52px!important;padding:9px 5px!important;font-size:clamp(10px,2.7vw,13px)!important;line-height:1.22!important;font-weight:800!important;white-space:normal!important;overflow-wrap:anywhere!important}
#app #instructions .guide286-tabs button[aria-selected="true"]{border-color:var(--guide286-color)!important;box-shadow:0 0 0 1px var(--guide286-color)!important;color:var(--guide286-color)!important;-webkit-text-fill-color:var(--guide286-color)!important;background:#242139!important}
#app #instructions .guide286-tabs button:focus-visible{outline:2px solid white!important;outline-offset:2px!important}
#app #instructions .guide286-info[hidden],#app #instructions #ruletext[hidden]{display:none!important}
#app #instructions .guide286-info{color:#f5f3ff;font-size:clamp(13px,3.7vw,16px);line-height:1.56;overflow-wrap:anywhere}
#app #instructions .guide286-info h3{color:var(--guide286-color)!important;-webkit-text-fill-color:var(--guide286-color)!important;font-size:clamp(16px,4.4vw,20px);margin:10px 0 14px}
#app #instructions .guide286-info h4{color:var(--guide286-color)!important;-webkit-text-fill-color:var(--guide286-color)!important;margin:16px 0 6px;font-size:clamp(14px,3.85vw,17px)}
#app #instructions .guide286-info p{margin:9px 0 14px;line-height:1.6}
#app #instructions .guide286-info .guide286-group{border:1px solid color-mix(in srgb,var(--guide286-color) 56%,#6d6187);border-radius:11px;padding:10px 12px;margin:12px 0;background:#211d37}
#app #instructions .guide286-info .guide286-group h4{margin:0 0 5px}
#app #instructions .guide286-info .guide286-group p{margin:5px 0;}
#app #instructions .guide286-info .guide286-threshold{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #4d4560;padding:5px 0}
#app #instructions .guide286-info .guide286-threshold:last-child{border:0}
#app #instructions .guide286-info .guide286-threshold strong{color:var(--guide286-color)!important;-webkit-text-fill-color:var(--guide286-color)!important}
#app #instructions .guide286-info ol{padding-left:22px;margin:10px 0 18px}
#app #instructions .guide286-info li{margin:8px 0}
#app #mission-modal #board-mission-info{display:none!important}
@media(max-width:350px){#app #instructions .guide286-tabs{gap:4px}#app #instructions .guide286-tabs button{padding:7px 3px!important;font-size:10px!important}}
@media(max-height:700px){
 #mission-modal .mission-panel{padding:52px 13px 22px!important;max-height:92dvh!important}
 #mission-modal #mission-heading{font-size:clamp(18px,5.3vw,22px)!important;margin-bottom:15px!important}
 #mission-modal .mission-copy,#mission-modal .mission-copy span{font-size:clamp(14px,3.8vw,17px)!important;line-height:1.32!important;letter-spacing:0!important}
}