.dc-page{background:#111820;color:#e7edf3}.dc-main{padding-bottom:42px}.dc-intro{padding:35px 0 22px}.dc-intro h1{font-size:clamp(34px,6vw,68px);letter-spacing:-.045em;margin:8px 0}.dc-intro h1 span{color:#f3be54}.dc-intro>p{max-width:850px}.dc-disclaimer{font-size:14px;color:#f7d994;background:#2b281e;border-left:3px solid #e5b74e;padding:12px 16px}.dc-console,.dc-step,.dc-inspector,.dc-notes details,.dc-evidence{background:#192431;border:1px solid #3a4c5e;border-radius:12px;padding:18px}.dc-console{display:flex;flex-wrap:wrap;align-items:end;gap:16px}.dc-select{flex:1;min-width:240px}.dc-select label{display:block;font-size:13px;margin-bottom:7px;color:#bdcad6}.dc-page button,.dc-page select{font:inherit;font-size:14px;color:#eef4fa;background:#26394b;border:1px solid #607890;border-radius:7px;min-height:44px;padding:9px 13px;cursor:pointer}.dc-page select{width:100%;max-width:100%}.dc-page button:hover{background:#354e64}.dc-page button:disabled{opacity:.5;cursor:default}.dc-page button:focus-visible,.dc-page select:focus-visible,.dc-page summary:focus-visible,.dc-page input:focus-visible{outline:3px solid #f3be54;outline-offset:3px}.dc-page button[aria-pressed=true]{border-color:#f3be54;background:#3c3526}.dc-play{display:flex;flex-wrap:wrap;gap:7px}.dc-motion{display:flex;gap:8px;align-items:center;min-height:44px;font-size:14px}.dc-motion input{width:20px;height:20px;accent-color:#f3be54}.dc-step{margin:14px 0;border-left:3px solid #64c8dc;min-height:145px}.dc-step>span{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#9ddfec}.dc-step h2{font-size:23px;margin:7px 0}.dc-step p{margin:0;color:#cdd8e1;line-height:1.6}.dc-workbench{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px}.dc-viewport{position:relative;min-height:470px;border:1px solid #3a4c5e;border-radius:12px;overflow:hidden;background:#101c29}.dc-viewport canvas{display:block;width:100%;height:470px;touch-action:none;overscroll-behavior:contain;outline:none}.dc-viewbar{position:absolute;z-index:2;top:12px;left:12px;display:flex;gap:5px}.dc-camera{position:absolute;bottom:34px;left:12px;display:flex;gap:5px;z-index:2}.dc-camera button{min-width:44px;background:#152637ee}.dc-view-caption{position:absolute;bottom:1px;left:15px;font-size:11px;color:#bacbdc;pointer-events:none}.dc-loading{position:absolute;inset:80px 25px 100px;display:flex;flex-direction:column;justify-content:center;text-align:center;background:#132335ed;padding:24px;border-radius:12px;z-index:1}.dc-loading[hidden]{display:none}.dc-loading p{font-size:14px}.dc-inspector{overflow-wrap:anywhere}.dc-inspector h2{font-size:25px;margin:5px 0 12px}.dc-inspector p{font-size:14px;line-height:1.6;color:#c7d5e1}.dc-return{width:100%;margin:8px 0 15px}.dc-page [hidden]{display:none!important}.dc-states{display:grid;gap:8px;margin:12px 0}.dc-states div{border-top:1px solid #334759;padding-top:8px}.dc-states dt{font-size:12px;color:#aebfcc}.dc-states dd{margin:3px 0 0;font-size:14px;font-weight:600}.dc-states .warning{color:#f3cf76}.dc-states .stopped{color:#ffb4ac}.dc-states .available{color:#94dfc5}.dc-zones{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0}.dc-zones button{padding:12px 6px}.dc-evidence{margin-top:14px}.dc-page summary{cursor:pointer;min-height:44px;padding:11px 0;font-weight:600}.dc-evidence ol{padding-left:25px}.dc-evidence li{padding:8px 0;border-top:1px solid #344759;font-size:14px}.dc-evidence li strong{display:block;color:#a3dceb}.dc-notes{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.dc-notes p,.dc-notes li{color:#c3d0dc;font-size:14px;line-height:1.7}.dc-local-buttons{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}#authorize{background:#57451e;border-color:#f3be54;width:100%}#auth-note{font-size:12px;color:#e4c985}.dc-page .site-header{flex-wrap:wrap}.dc-page .site-footer{gap:18px;flex-wrap:wrap}.dc-page .site-footer a{overflow-wrap:anywhere}@media(max-width:900px){.dc-workbench{grid-template-columns:1fr}.dc-inspector{min-height:220px}.dc-viewport,.dc-viewport canvas{height:420px;min-height:420px}.dc-states{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.dc-main{width:calc(100% - 28px)}.dc-console{padding:12px}.dc-select{min-width:0;flex-basis:100%}.dc-play button{font-size:13px;padding:9px}.dc-zones{grid-template-columns:repeat(2,minmax(0,1fr))}.dc-zones button:last-child{grid-column:1/-1}.dc-notes{grid-template-columns:1fr}.dc-viewport,.dc-viewport canvas{height:370px;min-height:370px}.dc-camera{left:8px;gap:4px}.dc-viewbar{left:8px}.dc-viewbar button{font-size:12px;padding:8px}.dc-intro{padding-top:18px}.dc-page .site-header nav{flex-wrap:wrap}.dc-page .site-header{padding-inline:max(14px,env(safe-area-inset-left));}.dc-page .site-footer{padding-bottom:max(20px,env(safe-area-inset-bottom));}}@media(prefers-reduced-motion:reduce){.dc-page *{scroll-behavior:auto!important;transition:none!important}}
/* Only simulator controls opt out of browser double-tap zoom. Manipulation
   retains page scrolling and pinch zoom; the canvas keeps its own camera gestures.
   Leave body, prose, navigation and viewport scaling at browser defaults. */
.dc-main :is(button,select,input,label,summary){touch-action:manipulation}