#microduck-panel{position:fixed;right:16px;top:86px;width:315px;max-height:calc(100dvh - 112px);overflow:auto;z-index:12;padding:16px;background:#122831f5;color:#e9f6f2;border:1px solid #81b6aa;border-radius:14px;box-shadow:0 12px 35px #0004;backdrop-filter:blur(12px)}
#microduck-panel[hidden]{display:none}
#microduck-panel .duck-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}
#microduck-panel h2{margin:4px 0 0;font-size:21px;line-height:1.2;letter-spacing:0;text-transform:none;color:#f1faf5}
#microduck-panel .duck-badge{color:#f0ca8d;font-size:9px;letter-spacing:.08em;font-weight:700}
#microduck-panel button{font-size:12px;padding:8px;min-height:44px;touch-action:manipulation}
#microduck-panel .duck-heading button{max-width:90px;flex-shrink:0}
#microduck-status{font-size:12px;line-height:1.4;color:#d8f8ee;margin:10px 0 5px}
#microduck-panel p{font-size:12px;line-height:1.6;color:#bdd0d5;margin:10px 0}
#microduck-panel .duck-controls-hint{margin:0 0 8px;font-size:11px;color:#d0e4e0}
#microduck-panel .duck-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#microduck-details{margin-top:10px;padding-top:0;border-top:1px solid #ffffff20}
#microduck-details>summary{padding:12px 0 2px;min-height:40px;font-size:12px;cursor:pointer;touch-action:manipulation}
#microduck-details[open]>summary{padding-bottom:10px}
#microduck-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 10px}
#microduck-counts div{padding:8px 4px;text-align:center;border-radius:7px;background:#ffffff09}
#microduck-counts strong{display:block;font-size:21px;color:#a5efd9}
#microduck-counts span{font-size:10px;color:#b4c9cf}
#microduck-clock{font-size:11px;color:#aabfc7;margin:8px 0}
#microduck-panel .duck-annotation{color:#f0ca8d}
.microduck-active .telemetry,.microduck-active #session-hud{display:none}
.microduck-active #toggle{display:inline-flex!important}
.microduck-active:not(.controls-open) main .controls{display:none!important}
.microduck-active.controls-open main .controls{display:block!important}
.microduck-active #mode-label{font-size:0}
.microduck-active #mode-label::after{content:"MICRODUCKS · LIVE PHYSICS + POLICIES";font-size:10px}
body.microduck-active .dpad,body.microduck-active #view-dock{display:none!important}
@media(max-width:650px){
 #microduck-panel{top:116px;bottom:auto;left:10px;right:10px;width:auto;max-height:calc(100dvh - 150px);padding:12px}
 #microduck-panel h2{font-size:19px}
 #microduck-panel .duck-badge{font-size:8px}
 #microduck-panel button{font-size:11px}
}
/* Keep a clear viewing area beside the controls on short landscape screens. */
@media(min-width:651px) and (max-height:600px){
 #microduck-panel{top:80px;left:12px;right:auto;width:280px;max-height:calc(100dvh - 92px);padding:12px}
 #microduck-panel h2{font-size:19px}
 #microduck-panel .duck-badge{font-size:8px}
}
#quick-ducks strong{color:#f7d18a}#quick-ducks span{color:#d3e2e1}

.duck-footer-hint{display:none}
.microduck-active footer #instruction,.microduck-active footer #instruction+span{display:none}
.microduck-active footer .duck-footer-hint{display:block}