.camera-runtime{--c-mint:#38d6c9;--c-orange:#ff6b35;--c-red:#ff4d5f;--c-blue:#6fa8ff;margin-top:2rem;border:1px solid #26344a;border-radius:18px;overflow:hidden;background:#07101a;color:#f4f7fb;box-shadow:0 24px 70px #0009;font-family:Inter,sans-serif}.camera-runtime *{box-sizing:border-box}.camera-game{position:relative;min-height:790px;background:#07101a url('/quetes/camera-17/campus-game.png') center top/cover no-repeat;isolation:isolate}.camera-game:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#060b13 0,#060b13dd 24%,transparent 58%),linear-gradient(90deg,#06101a88,transparent 45%)}.camera-hud{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 1.2rem;border-bottom:1px solid #38d6c944;background:#07101aeb;backdrop-filter:blur(12px)}.camera-hud small,.camera-mission small,.camera-console small{display:block;color:var(--c-mint);font:700 .68rem 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase}.camera-hud strong{font:750 1.4rem 'Space Grotesk',sans-serif}.camera-status{font:800 .78rem 'JetBrains Mono',monospace;color:var(--c-red)}.camera-stage{position:relative;min-height:718px}.camera-mission{position:absolute;left:1rem;top:1rem;width:250px;padding:1rem;border-left:3px solid var(--c-mint);border-radius:0 10px 10px 0;background:#081321e8}.camera-mission p{margin:.4rem 0 0;font-size:.86rem;line-height:1.45}.camera-node{position:absolute;width:72px;height:72px;border:2px solid var(--c-mint);border-radius:50%;background:#07101adc;color:#fff;font:800 .72rem 'JetBrains Mono',monospace;cursor:pointer;box-shadow:0 0 0 8px #38d6c922,0 0 25px #38d6c977}.camera-node--17{left:67%;top:35%;border-color:var(--c-red);box-shadow:0 0 0 8px #ff4d5f22,0 0 30px #ff4d5faa;animation:cam-pulse .8s alternate infinite}.camera-node[data-online=true]{border-color:var(--c-mint);animation:none;box-shadow:0 0 0 8px #38d6c922,0 0 30px #38d6c9aa}.camera-rack{position:absolute;left:38%;top:29%;width:96px;height:64px;border:2px solid var(--c-orange);border-radius:10px;background:#111827e8;color:#fff;font-weight:800;cursor:pointer;box-shadow:0 0 28px #ff6b3577}.camera-workbench{position:absolute;left:1rem;right:1rem;bottom:1rem;display:grid;grid-template-columns:minmax(330px,1fr) minmax(460px,1.25fr);gap:.8rem}.camera-console,.camera-switch{min-height:260px;border:1px solid #31415b;border-radius:12px;background:#07101af2;box-shadow:0 12px 36px #0008;overflow:hidden}.camera-tabs{display:flex;border-bottom:1px solid #31415b}.camera-tabs button{min-height:42px;padding:0 1rem;border:0;border-right:1px solid #31415b;background:#0b1524;color:#aeb9cc;font:700 .72rem 'JetBrains Mono',monospace;cursor:pointer}.camera-tabs button[aria-pressed=true]{color:var(--c-mint);box-shadow:inset 0 -2px var(--c-mint)}.camera-output{height:210px;overflow:auto;margin:0;padding:.9rem;color:#9cf7ed;font:600 .72rem/1.5 'JetBrains Mono',monospace;white-space:pre-wrap}.camera-switch{padding:.85rem}.camera-switch__title{display:flex;justify-content:space-between;color:#cbd5e1;font:700 .72rem 'JetBrains Mono',monospace}.camera-ports{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;margin:.8rem 0}.camera-port{min-width:0;height:30px;padding:0;border:1px solid #45536a;border-radius:3px;background:#121c2b;color:#cbd5e1;font:700 .62rem 'JetBrains Mono',monospace;cursor:pointer}.camera-port:hover,.camera-port:focus-visible{border-color:var(--c-mint);outline:0}.camera-port[aria-pressed=true]{border-color:var(--c-orange);color:#fff;background:#5e2d15;box-shadow:0 0 15px #ff6b3577}.camera-inspector{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;padding-top:.6rem;border-top:1px solid #31415b}.camera-facts{font:600 .72rem/1.55 'JetBrains Mono',monospace;color:#aeb9cc}.camera-facts b{color:#fff}.camera-vlans{display:flex;gap:.4rem;margin:.45rem 0}.camera-vlan{flex:1;min-height:38px;border:1px solid #45536a;border-radius:6px;background:#101a29;color:#fff;font-weight:800;cursor:pointer}.camera-vlan[aria-pressed=true]{border-color:var(--c-mint);color:var(--c-mint)}.camera-apply,.camera-proof{width:100%;min-height:42px;border:1px solid var(--c-mint);border-radius:7px;background:#08201e;color:#a8fff5;font-weight:850;cursor:pointer}.camera-overlay{position:absolute;inset:0;z-index:8;display:grid;place-items:center;padding:1rem;background:#040811dc;backdrop-filter:blur(8px)}.camera-card{width:min(600px,100%);padding:2rem;border:1px solid #38d6c966;border-radius:15px;background:#0d1625;box-shadow:0 30px 80px #000}.camera-card h3{font:750 clamp(1.5rem,3vw,2.2rem) 'Space Grotesk',sans-serif;margin:.35rem 0}.camera-card p{color:#c5cddd;line-height:1.55}.camera-card button{width:100%;min-height:48px;margin-top:.55rem;border:1px solid #43506a;border-radius:8px;background:#152035;color:#fff;font-weight:800;cursor:pointer}.camera-card .camera-primary{border-color:var(--c-mint);background:var(--c-mint);color:#04100e}.camera-result{padding:.8rem;border-left:3px solid var(--c-orange);border-radius:6px;background:#070d17;font:600 .76rem/1.55 'JetBrains Mono',monospace;white-space:pre-wrap}.camera-doc{position:absolute;right:1rem;top:1rem;min-height:42px;padding:0 .8rem;border:1px solid #3a4961;border-radius:8px;background:#091321e8;color:#fff;cursor:pointer}.camera-toast{position:absolute;right:1rem;top:4.5rem;z-index:4;width:min(330px,calc(100% - 2rem));padding:.8rem;border:1px solid var(--c-orange);border-radius:8px;background:#111827f2;color:#fff;font:650 .76rem/1.45 'JetBrains Mono',monospace}@keyframes cam-pulse{to{transform:scale(1.06);box-shadow:0 0 0 14px #ff4d5f11,0 0 36px #ff4d5f}}@media(max-width:850px){.camera-game{min-height:970px;background-position:56% top}.camera-stage{min-height:898px}.camera-mission{width:calc(100% - 2rem)}.camera-doc{top:122px}.camera-node--17{left:66%;top:28%}.camera-rack{left:30%;top:32%}.camera-workbench{grid-template-columns:1fr;bottom:.7rem}.camera-console,.camera-switch{min-height:230px}.camera-output{height:180px}}@media(max-width:520px){.camera-hud strong{font-size:1rem}.camera-status{font-size:.64rem}.camera-game{min-height:1050px}.camera-stage{min-height:978px}.camera-node--17{left:64%;top:25%}.camera-rack{left:23%;top:31%}.camera-workbench{left:.5rem;right:.5rem}.camera-ports{grid-template-columns:repeat(8,1fr)}.camera-inspector{grid-template-columns:1fr}.camera-console,.camera-switch{min-height:250px}}
.camera-node--17{animation:none!important}
.camera-node,.camera-rack{z-index:3}
.camera-runtime .camera-output{background:#07101a!important;color:#9cf7ed!important;border:0!important;border-radius:0!important}
.camera-apply.camera-fx-good{animation:camera-fx-good .55s ease-out}
.camera-apply.camera-fx-bad{animation:camera-fx-bad .55s ease-out}
@keyframes camera-fx-good{0%{filter:brightness(1)}40%{filter:brightness(1.4)}100%{filter:brightness(1)}}
@keyframes camera-fx-bad{0%{filter:brightness(1)}40%{filter:brightness(.65) saturate(1.6)}100%{filter:brightness(1)}}
.camera-port.camera-fx-good{animation:camera-port-good .6s ease-out}
@keyframes camera-port-good{0%{transform:scale(1)}40%{transform:scale(1.25);box-shadow:0 0 14px #38d6c9cc}100%{transform:scale(1)}}
.camera-hud.camera-fx-complete{animation:camera-hud-complete 1.1s ease-out}
@keyframes camera-hud-complete{0%{box-shadow:inset 0 0 0 rgba(56,214,201,0)}30%{box-shadow:inset 0 0 40px rgba(56,214,201,.5)}100%{box-shadow:inset 0 0 0 rgba(56,214,201,0)}}
.camera-sound{min-height:36px;padding:.3rem .65rem;border:1px solid #3a4961;border-radius:8px;background:#091321e8;color:#8291a3;font:700 .65rem 'JetBrains Mono',monospace;cursor:pointer}
.camera-sound[data-on=true]{border-color:var(--c-mint);color:var(--c-mint)}
@media(prefers-reduced-motion:reduce){.camera-node--17,.camera-apply.camera-fx-good,.camera-apply.camera-fx-bad,.camera-port.camera-fx-good,.camera-hud.camera-fx-complete{animation:none}}
.camera-runtime .camera-status{padding:.2rem .35rem;border:0;background:transparent;font:800 .78rem 'JetBrains Mono',monospace}.camera-runtime .camera-status:not(:disabled){cursor:pointer;text-decoration:underline;text-underline-offset:.2rem}.camera-runtime .camera-status:disabled{opacity:1}.camera-runtime .camera-card h3{color:#f4f7fb}.camera-proof-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.camera-proof-notice{margin:.9rem 0 0;padding:.75rem;border:1px solid #ff6b3566;border-radius:8px;background:#070d17;color:#d8deea;font-size:.82rem;line-height:1.5}.camera-card [data-close-proof]{border-color:#8291a3}
@media(max-width:560px){.camera-node--17,.camera-rack{top:18%}.quest-help-launcher--camera{display:none!important}.camera-proof-actions{grid-template-columns:1fr}}