/* Operator-band pass only. Approved header and room pixels remain untouched.
   Approved room and player are preserved; companion artwork is a review candidate. */
.operator .credentials{left:34px;top:15px;width:244px;height:262px;padding:10px 12px;background:#080a09;transform:rotate(-.4deg);border:1px solid transparent;box-shadow:1px 2px 3px #0005}
.operator .credentials::before{content:none}
.operator .credentials h2{font:14px/1.2 var(--mono);letter-spacing:.3px}
.operator .credentials h1{font:21px/1.25 var(--mono);letter-spacing:-.55px;margin:5px 0 8px;color:#f2e7d1;white-space:nowrap}
.operator .credentials .daemon{display:flex;align-items:center;gap:8px;font-size:10.5px;padding:9px 0 7px;border-color:transparent}
.operator .credentials .daemon .light{margin:0;width:9px;height:9px}
.operator .credentials dl{font-size:10.5px;line-height:1.3}
.operator .credentials dl>div{margin:11px 0;gap:5px;align-items:baseline}
.operator .credentials dt{color:#f0e0c0}
.operator .credentials dd{min-width:0}
.operator .credentials dd a{font-size:9.3px;color:#48d2e1}
.operator .credentials nav{width:106px;margin-top:10px;padding-top:7px;border-top:1px solid transparent}
.operator .credentials nav a{font-size:11px;line-height:1.7;width:max-content;max-width:106px}
.operator .credentials .operator-aside{position:absolute;left:157px;top:200px;width:151px;font-size:22px;line-height:1.13;font-weight:400;letter-spacing:.2px;transform:rotate(-20deg);transform-origin:left center;color:#ddd0b6;pointer-events:none;z-index:12;text-shadow:0 1px 1px #0009}
.operator .room-note{left:586px;top:19px;font-size:21px;line-height:1.12;transform:rotate(-10deg)}
/* A screen, bezel and information rail share one physical rotation. */
.monitor{left:834px;top:159px;width:484px;height:255px;transform:rotate(2.4deg);padding:9px 10px 8px;border-color:transparent;box-shadow:2px 3px 4px #0007}
.monitor::before{content:none}
.monitor h2{display:flex;align-items:baseline;gap:8px;font:14px/18px var(--mono);padding-bottom:6px;border-color:transparent}
.monitor .recorded{position:absolute;right:5px;top:5px;z-index:4;float:none;margin:0;padding:3px 5px;font:9px/1 var(--mono);letter-spacing:.4px;color:#f4dfc3;background:#a92c1fe6;pointer-events:none}
.monitor .monitor-grid{grid-template-columns:283px minmax(0,1fr);gap:10px;height:139px;margin-top:6px}
.monitor .screen{border-color:#9e89654d;box-shadow:none}
.monitor .session-rail{border-left:1px solid transparent;padding-left:9px;font-size:9.5px;line-height:1.4}
.monitor .session-rail .cyan{font-size:10px}
.monitor .session-rail p{margin:5px 0}
.monitor .session-rail hr{margin:6px 0;border-color:#8c78542b}
.monitor .session-rail small{font-size:8.5px}
.monitor .monitor-caption{display:flex;align-items:center;gap:8px;font-size:10.5px;line-height:1.25;margin:5px 0 6px}
.monitor .monitor-controls{gap:7px}
.monitor .monitor-controls button{min-width:73px;height:24px;font-size:10.5px;padding:3px 9px;border-color:#77827655;background:#080a09}
.monitor>.tape{left:28%;top:auto;bottom:-8px;width:20px;height:17px;opacity:.55;transform:rotate(9deg)}
/* The loose photograph overlaps the monitor and lower seam, as in the original. */
.companions{left:1311px;top:140px;width:218px;height:266px;transform:rotate(-8deg);padding:10px 10px 8px;box-shadow:2px 4px 4px #000a}
.companions .photo-slot{display:block;width:100%;height:178px;padding:0;border:0;overflow:hidden;background:transparent!important}
.companions .photo-slot>img{display:block;width:100%;height:100%;object-fit:cover}
.companions .cat-captions{gap:0;justify-content:space-between;margin-top:7px;font-size:17px;line-height:1.04;padding:0 3px}
.companions .cat-captions b{font-size:23px}
.companions .cat-captions p:last-child{transform:rotate(-3deg);text-align:center}
.companions>.tape{left:43%;top:-13px;width:47px;height:33px;transform:rotate(-4deg);opacity:.76;pointer-events:none}
.companions>.companion-tape-bottom{left:38%;top:auto;bottom:-7px;width:44px;height:18px;transform:rotate(3deg);opacity:.64}
.companions>.companion-mark{position:absolute;right:30px;bottom:-21px;width:20px;height:32px;transform:rotate(17deg);opacity:.73;pointer-events:none;z-index:9;mask:url("/static/home/assets/dry-type-mask.svg?v=81595ab908") 0 0/110px 40px repeat;mask-mode:luminance}

/* Fine details from the operator reference, kept local to this plate. */
.operator .credentials .operator-edge{position:absolute;left:-4px;top:-4px;width:252px;height:270px;max-width:none;z-index:8;pointer-events:none}
.operator .credentials .operator-icon{width:13px;height:13px;flex:0 0 13px;align-self:center;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:square;stroke-linejoin:round;overflow:visible}
.operator .credentials .role-icon{color:#00c9be}
.operator .credentials .contact-icon{color:#e33d29}
.operator .credentials .broadcast-icon{color:#49b76a}
.operator .credentials dl>div{gap:5px}
.operator .credentials dt{font-size:10px}
.operator .credentials dd{font-size:10px}
.operator .credentials dd a{font-size:9px}
.operator .credentials .daemon{gap:9px}
.operator .credentials .daemon .light{margin-left:2px;margin-right:2px}
.operator .credentials .operator-aside>span{display:block;white-space:nowrap}
.operator .credentials .operator-aside>span:last-child{margin-left:9px;transform:rotate(-2deg)}
/* Monitor fine-detail pass: isolated scuffs, no stacked frame or broad top tape. */
.monitor .monitor-edge{position:absolute;inset:0;width:100%;height:100%;z-index:8;pointer-events:none}
.monitor .monitor-caption>img{width:13px;height:27px;object-fit:contain;flex:none;opacity:.87}
.monitor .monitor-caption>div{min-width:0}
.monitor .monitor-controls button:first-child{border-color:#3b777b88}
.monitor .monitor-controls button:hover,.monitor .monitor-controls button:focus-visible{border-color:#4dbfc9}
.monitor>.surface-wear{opacity:.14;mask-image:linear-gradient(90deg,#000,transparent 4% 96%,#000),linear-gradient(#000,transparent 9% 93%,#000);mask-composite:add}