/* Screen Share Flow — shared equipment surfaces. No animated layer overlays video. */
:root{color-scheme:dark;--bg:#111611;--case:#30392c;--edge:#697052;--ink:#e7e7cb;--dim:#adb598;--green:#b7dfa1;--amber:#d9a96a;--orange:#ae7046;--screen:#112218;--line:#40523a;font-family:Bahnschrift,'Trebuchet MS',sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#111611;background:radial-gradient(ellipse at 45% 0,#35412a88,transparent 70%),#111611;color:var(--ink);font-size:16px;line-height:1.5;min-height:100vh}button,input,select{font:inherit}a{color:var(--amber)}button,.physical{color:#f0e8ce;background:linear-gradient(#535d46,#35412f);border:1px solid #7a8260;border-radius:5px;box-shadow:0 5px 0 #151c11,0 6px 0 #5a6449,inset 0 1px 0 #b4bd8877;padding:11px 20px;min-height:46px;cursor:pointer;letter-spacing:.025em;transition:transform .09s,box-shadow .09s,background .15s;display:inline-block;text-decoration:none;text-align:center}button:hover:not(:disabled),.physical:hover{border-color:#d2d8a0;color:#fff5d6;background:linear-gradient(#606a4e,#3a4933)}button:active:not(:disabled),button.pressing,.physical:active,button[aria-pressed=true]{transform:translateY(4px);box-shadow:0 1px 0 #11170d,inset 0 3px 8px #081009bb;background:#273827}button[aria-pressed=true]{color:var(--green);border-color:#a2bf83}button:disabled{opacity:.42;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--amber);outline-offset:5px}input,select{border:1px solid #728263;border-radius:4px;background:#111f15;color:var(--green);padding:10px 12px;min-height:44px;max-width:100%}input::placeholder{color:#839776}input{font-family:Consolas,'Courier New',monospace}h1,h2,h3,p{margin-top:0}h1{font-size:24px;font-weight:500;letter-spacing:-.035em;margin:0}h2{font:400 34px/1.15 Georgia,serif;letter-spacing:-.025em;margin-bottom:14px}h3{font-size:18px;font-weight:500}.mono,.eyebrow,.readout,.label,.state,.serial{font-family:Consolas,'Courier New',monospace}.eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--dim)}.label,.note{font-size:13px;color:var(--dim)}.shell{max-width:1260px;margin:auto;padding:26px 32px 0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.brand{display:flex;align-items:center;gap:12px}.mark{display:inline-flex;align-items:center;gap:4px;width:38px;height:38px;transform:skew(-12deg)}.mark i{width:6px;background:var(--green);height:26px;box-shadow:0 0 12px #b3d28a22}.mark i:nth-child(2){height:16px}.mark i:nth-child(3){height:32px;background:var(--amber)}.top-actions{display:flex;align-items:center;gap:12px}.sound{min-height:38px;padding:7px 11px;font-size:12px}.help-trigger{background:linear-gradient(#d7b179,#af8655);color:#272313;border-color:#e0c28e;font-size:12px;box-shadow:0 4px 0 #6c5032}.help-trigger b{display:inline-grid;place-items:center;background:#322a1c;color:#edcb88;border-radius:50%;width:22px;height:22px;margin-right:7px;font:700 15px Georgia}.machine{position:relative;padding:19px;background:linear-gradient(115deg,#505842,#303e2b 56%,#263322);border:1px solid #778264;border-radius:22px;box-shadow:0 25px 55px #0006,inset 0 1px 1px #c9c89766,inset 0 -6px 9px #10190eb0}.screw{position:absolute;top:8px;left:8px;width:7px;height:7px;background:linear-gradient(130deg,#182413 43%,#7a8162 46%,#162110 60%);border-radius:50%;box-shadow:0 1px 0 #abb78455}.screw.right{left:auto;right:8px}.display-grid{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:16px}.crt{background:radial-gradient(ellipse at 45% 30%,#243e27,#101f17 75%);border:9px solid #142012;border-radius:35px / 22px;box-shadow:inset 0 0 45px #030f0999,0 1px 0 #9eab7655;color:var(--green);position:relative;min-width:0}.screen{padding:25px 28px;min-height:420px}.screen:before,.pair-screen:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#00000018 3px 4px);border-radius:24px}.screen-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:17px;border-bottom:1px solid #61825544;margin-bottom:23px}.signal{font:11px Consolas,monospace;letter-spacing:.09em;color:var(--green)}.led{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:7px;box-shadow:0 0 9px #a7dd8077}.screen h2{color:#c8e5b7;text-shadow:0 0 12px #a3ce811f}.screen .note{color:#a7bc9b;margin-bottom:20px}.nav-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px 13px}.nav-key{display:flex;align-items:center;gap:12px;text-align:left;padding:17px 13px;font-size:15px;min-height:79px;background:linear-gradient(#394f34,#233721);border-color:#6a8659}.device-icon{width:28px;height:28px;flex:none;display:inline-flex;align-items:center;justify-content:center;color:#c2d99e}.device-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.5}.back{font-size:12px;padding:7px 12px;min-height:36px}.branch{animation:panel-in .25s ease-out}.branch-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.empty{border:1px dashed #6d895444;border-radius:8px;padding:30px 20px;text-align:center;font-size:14px;color:#a3b694}.device{border:1px solid #597a4744;border-radius:8px;background:#07170e55;padding:19px;margin-top:14px}.device-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.device-name{font-size:19px;overflow-wrap:anywhere;color:#d5e6c2}.state{border:1px solid #72915f;border-radius:3px;padding:3px 7px;font-size:11px;text-transform:uppercase;color:#b6c2a4;white-space:nowrap}.state[data-state=Casting]{color:#c1ee9d;background:#72974e22;box-shadow:0 0 10px #6b993316}.state[data-state=Paused]{color:var(--amber);border-color:#a38f5e}.readout{font-size:15px;margin:16px 0 6px;color:#c8dea9;overflow-wrap:anywhere}.device-detail{font-size:12px;color:#a6b899;margin:0 0 14px}.quality{display:flex;align-items:center;gap:12px;font-size:14px;margin:13px 0 17px}.device-actions{display:flex;flex-wrap:wrap;gap:12px}.device-actions button{font-size:13px;padding:8px 15px;min-height:42px}.pair-screen{padding:25px 21px;display:flex;flex-direction:column;min-height:420px}.pair-screen h3{color:#cbdfa9;font:14px Consolas;margin-bottom:7px}.pair-code{font:44px/1.2 Consolas,monospace;letter-spacing:.1em;color:#d4e6a3;text-shadow:0 0 15px #8ddb6344;font-variant-numeric:tabular-nums;margin:23px 0 14px;white-space:nowrap}.pair-screen #pairing-status{font-size:12px;color:#b1c79e;min-height:62px;margin-bottom:12px}.pair-screen button{font-size:12px;padding:9px 10px;min-height:40px}.pair-meter{margin-top:auto;padding-top:25px}.levels{display:flex;align-items:end;gap:5px;height:35px}.levels i{display:block;width:7px;height:var(--h,22px);background:#93b570;transform-origin:bottom;animation:level 2.6s ease-in-out infinite alternate;animation-delay:var(--delay,0s);opacity:.65}.levels i:nth-child(2n){animation-duration:3.5s;animation-delay:-1s}.levels i:nth-child(3n){animation-duration:2.1s;animation-delay:-2s;background:#c1ad6a}.pair-meter p{font:11px Consolas;color:#94aa82;margin:12px 0 0}.address-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:17px 5px 0;padding:14px 16px;background:#172619;border:1px solid #71885a66;border-radius:7px}.address-strip .eyebrow{color:#aabd94;font-size:10px}.address-button{background:#0e1c12;border:1px solid #5c7a49;color:#cde3ae;font:17px Consolas,monospace;text-align:left;padding:10px 14px;min-width:310px;overflow-wrap:anywhere;box-shadow:inset 0 2px 6px #0005,0 2px 0 #0d150b}.address-hint{font-size:11px;color:#a1b38c}.address-button .copy-label{float:right;font-size:11px;margin:4px 0 0 22px;color:#c4b488}.master{display:flex;justify-content:center;align-items:center;gap:20px;padding:25px 0 10px}.master button{min-width:180px;padding:15px 23px;font-weight:600}.start{background:linear-gradient(#b8c99b,#879e6c);color:#202d17;border-color:#c6d6a5;box-shadow:0 5px 0 #4d6238,0 6px 0 #10170d}.end{background:linear-gradient(#c0966a,#997146);color:#241e11;border-color:#d3b187;box-shadow:0 5px 0 #634825,0 6px 0 #10170d}.vent{width:110px;height:30px;background:repeating-linear-gradient(90deg,#101a1088 0 3px,transparent 3px 8px);opacity:.8}.status-line{padding:13px 9px;min-height:46px;font:12px/1.5 Consolas;color:#adb89b;margin:8px 0}.dialog-backdrop{position:fixed;z-index:10;inset:0;background:#06100bdd;overflow:auto;padding:5vh 20px}.guide{max-width:880px;margin:auto;padding:30px;background:linear-gradient(130deg,#3b4c31,#253421);border:1px solid #879766;border-radius:18px;box-shadow:0 20px 80px #0008}.guide-head{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:25px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{background:#13251a;border:1px solid #5a7950;padding:22px 18px;border-radius:12px}.step-number{font:12px Consolas;color:var(--amber)}.diagram{white-space:nowrap;display:flex;align-items:center;justify-content:center;height:75px;font:27px Consolas;color:#b5d28f;letter-spacing:3px}.step h3{font:22px Georgia;margin:10px 0}.step p{font-size:14px;color:#b3c3a6;margin-bottom:0}.guide-tv{margin-top:20px;border-top:1px solid #7a875355;padding-top:22px;font-size:14px;color:#c3ccb0}.guide-tv strong{color:#e2d5ac}.receiver-shell{max-width:1130px;margin:auto;padding:23px 28px}.receiver-shell .topbar{margin-bottom:20px}.player-case{padding:15px 15px 22px;border:1px solid #6a7a52;border-radius:19px;background:linear-gradient(125deg,#46543b,#293723);box-shadow:0 20px 45px #0005}.video-surface{background:#000;contain:paint;isolation:isolate;border:7px solid #121c10;border-radius:9px;overflow:hidden}video{display:block;width:100%;max-height:72vh;background:#000;object-fit:contain}.player-controls{display:flex;align-items:center;gap:15px;padding:18px 8px 4px;flex-wrap:wrap}.player-controls button{min-width:110px}.player-status{font:14px/1.6 Consolas;background:#14291b;border:1px solid #5c7c4655;border-radius:7px;margin:17px 7px 0;padding:15px 17px;min-height:57px;color:#bfd6aa}.receiver-info{padding:20px 6px;color:#aeba9e;font-size:13px}.receiver-info p{margin-bottom:9px}.settings{background:#1e301f;border:1px solid #526742;border-radius:7px;margin:13px 0;padding:14px 17px}.settings summary{cursor:pointer;color:#d5d9ba;list-style-position:inside}.settings[open]>summary{margin-bottom:17px}.settings label{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap}.settings p{margin:12px 0 0}.settings input{width:130px}.settings .settings{margin:12px 0 0}#rtc-stats,#rtc-events{min-height:4.5em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}#diagnostics{overflow-wrap:anywhere}.pair-page{max-width:670px;margin:7vh auto;padding:0 22px}.pair-page .machine{padding:17px}.pair-form-screen{padding:30px 28px}.pair-form-screen h2{font-size:32px;margin:9px 0 14px}.pair-steps{display:flex;gap:8px;margin:0 0 25px;font:11px Consolas;color:#9db78b}.pair-steps span{border:1px solid #657e4c;border-radius:3px;padding:6px 9px}.pair-form-screen label{display:block;font:12px Consolas;color:#b2c89a;margin-top:20px}.pair-form-screen input{width:100%;margin-top:8px;background:#0d1c11;border-color:#70915b;color:#d1e6b5;font-size:19px}.pair-form-screen input[name=code]{font-size:34px;letter-spacing:.35em;text-align:center;padding:14px}.form-error{color:#efd098;border:1px solid #a08450;padding:12px;background:#5a412822;border-radius:4px;font-size:14px}.pair-submit{display:block;margin:23px auto 10px;min-width:210px}.text-link{display:inline-block;margin-top:14px;font-size:13px}.legacy-page video{height:auto}.legacy-page .settings{display:block}.legacy-page{font-size:18px}@keyframes level{0%{transform:scaleY(.45)}60%{transform:scaleY(.9)}100%{transform:scaleY(.6)}}@keyframes panel-in{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.display-grid{grid-template-columns:minmax(0,1fr) 230px}.screen{padding:22px 19px}.nav-grid{grid-template-columns:repeat(2,1fr)}.address-strip{align-items:start;gap:13px}.address-button{min-width:0;font-size:15px}.copy-label{display:none}.vent{width:65px}.pair-screen{padding:24px 15px}.pair-code{font-size:38px}}@media(max-width:650px){.shell{padding:20px 14px 0}.topbar{gap:10px}.top-actions{gap:7px}.help-trigger{font-size:0;padding:7px}.help-trigger b{font-size:18px;margin:0}.topbar h1{font-size:21px}.sound{font-size:11px;padding:7px}.display-grid{grid-template-columns:1fr}.machine{padding:12px;border-radius:16px}.screen{min-height:390px;border-width:6px;padding:22px 18px}.pair-screen{min-height:0;padding:20px;display:grid;grid-template-columns:1fr auto;gap:5px 16px;border-width:6px}.pair-screen h3{grid-column:1/-1}.pair-code{margin:5px 0;font-size:35px;grid-column:1}.pair-screen #pairing-status{min-height:0;margin:5px 0 0;grid-column:1/-1}.pair-screen button{grid-column:2;grid-row:2}.pair-meter{display:none}.address-strip{flex-direction:column;margin:12px 2px 0;padding:12px;gap:8px}.address-button{width:100%;font-size:14px}.address-hint{display:none}.master{gap:13px;padding-top:23px}.master button{min-width:0;flex:1;padding:14px 7px;font-size:14px}.vent{display:none}.nav-key{padding:15px 11px;font-size:14px}.steps{grid-template-columns:1fr}.step{display:grid;grid-template-columns:75px 1fr;gap:5px 12px}.step-number{grid-column:1/-1}.diagram{grid-row:2/4;height:auto;letter-spacing:0;font-size:25px}.step h3{margin:0}.guide{padding:22px}.guide h2{font-size:27px}.receiver-shell{padding:20px 13px}.player-case{padding:7px 7px 15px}.video-surface{border-width:4px}.player-controls{gap:10px}.player-controls button{min-width:0;padding:10px 12px}.pair-page{margin:4vh auto}.pair-form-screen{padding:24px 18px}.state{font-size:10px}.readout{font-size:13px}.device{padding:15px}.device-head{align-items:start}.device-name{font-size:17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.inline-quality{margin:14px 8px 0}.inline-quality>summary{display:none}.guide-code{flex-direction:column;letter-spacing:0;gap:2px}.guide-code span{font:10px Consolas}.guide-code b{font:28px Consolas;letter-spacing:5px}.guide-play text{font:10px Consolas;stroke:none;fill:currentColor}

@media(max-width:650px){.player-controls button{font-size:13px;padding:10px 8px;min-height:42px}}

.inline-quality:not([open]){display:none}

/* Prototype diagnostics only. */ .settings pre{white-space:pre-wrap;overflow-wrap:anywhere}