header{padding:16px 22px;min-height:74px}header h1{font-size:19px}#hint{top:84px;left:270px;max-width:calc(100% - 650px)}aside{top:85px;right:14px;width:335px;bottom:83px;max-height:none;padding:16px}aside h2{font-size:21px}.reelLibrary{position:fixed;left:14px;top:85px;bottom:83px;width:240px;overflow:auto;padding:14px;background:#0d2934f5;border:1px solid #617c8255;border-radius:12px}.reelLibrary h2{font-size:17px}.majorChoices{display:grid;gap:7px}.majorChoices button{text-align:left;border-left:3px solid #57d8c8}.reelLibrary details button{width:100%;text-align:left;font-size:12px;margin:3px 0}.reelLibrary summary{padding:8px 0}.reelTools{position:fixed;left:14px;right:14px;bottom:14px;display:flex;gap:7px;flex-wrap:wrap;padding:9px;background:#0b2534ee;border-radius:9px}button{min-height:44px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #58e2ca;outline-offset:2px}.native nav{position:static;padding:0}.native #inspector{display:block}.native #parts{max-height:130px}#status{left:270px;bottom:90px;max-width:calc(100% - 635px)}#assemblyContext{height:210px;background:#142f3b;border-radius:8px;margin:10px 0;overflow:hidden}#assemblyContext canvas{width:100%;height:180px}#assemblyContext small{display:block;padding:4px 8px;font-size:10px;letter-spacing:.3px}.native #close{display:none}#circuitLesson{position:fixed;left:270px;right:365px;bottom:135px;padding:16px;background:#0b2534f5;border:1px solid #5e8b93;border-radius:12px;max-height:55vh;overflow:auto}#circuitLesson h2{font-size:18px}#circuitLesson .steps{display:flex;flex-wrap:wrap;gap:8px}#circuitLesson .step{padding:8px;border:1px solid #617c82;border-radius:6px;font-size:12px}#circuitLesson .step.active{background:#275d60;border-color:#63ebcf}#circuitLesson p{font-size:13px}#circuitLesson small{letter-spacing:0}body>canvas{touch-action:none}@media(max-width:900px){.reelLibrary{width:195px}#hint{display:none}#status{left:220px;max-width:30%}#circuitLesson{left:220px;right:365px}}@media(max-width:700px){header{padding:10px;min-height:60px}header b{display:none}aside{top:53%;left:0;right:0;width:100%;bottom:100px;border-radius:0}body>canvas{height:53vh!important}.reelLibrary{top:64px;bottom:48%;width:200px;z-index:30}#status{display:none}.reelTools{left:0;right:0;bottom:0;gap:3px;padding:6px}.reelTools button{font-size:11px;padding:6px;min-height:40px}#circuitLesson{left:8px;right:8px;top:70px;bottom:auto;max-height:40vh}#assemblyContext{height:150px}#assemblyContext canvas{height:120px}}
@media(max-width:700px){body>canvas{height:calc(53vh - 60px)!important}.reelTools button{min-height:44px}#canonicalMasterReturn{top:10px!important;bottom:auto!important;right:8px!important;font-size:10px!important;padding:8px!important}header h1{font-size:17px}}
#circuitLesson{position:static;inset:auto;max-height:none;margin:16px 0;padding:12px}#circuitLesson input[type=range]{width:100%}#circuitLesson output{font-size:12px;line-height:1.5}.reelLibrary>details{margin-top:16px}.reelLibrary>details button{border-left:3px solid #eda853}.reelTools button{padding:8px;font-size:12px}

#stage{inset:85px 365px 83px 270px}#stage #hud{display:none}#stage #hint{left:12px;top:auto;bottom:12px;max-width:90%}header{position:fixed;inset:0 0 auto;background:#0d2934;height:74px}header h1{margin:0}aside{border-radius:12px}#source{display:none}.reelLibrary input{width:100%;padding:9px;background:#193b46;color:white;border:1px solid #64818b;border-radius:6px}.reelLibrary #assemblyContext{height:180px}.native #status{position:static;max-width:none}.native h1,.native>.brand{display:none}@media(max-width:900px){#stage{left:220px}}@media(max-width:700px){#stage{inset:74px 0 47% 0}.reelLibrary{display:none}}
