.photo-controller{position:relative;padding:0;margin:0 0 22px;background:#17222c;border:1px solid #bcc9d2;border-radius:0 0 10px 10px;overflow:hidden}.photo-viewport{overflow:auto;overscroll-behavior-x:contain}.photo-stage{position:relative;container-type:inline-size;width:100%;min-width:0;isolation:isolate}.controller-reference{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.photo-key{position:absolute;padding:0;border:0;background:transparent;color:transparent;box-shadow:none;font-family:Arial,sans-serif;border-radius:14%;z-index:3;line-height:1.05;touch-action:manipulation}.photo-key:hover{background:#ffffff15;outline:1px solid #c9ecff66}.photo-key:active{background:#0004;box-shadow:inset 0 3px 7px #000b;transform:scale(.96)}.photo-key:focus-visible{outline:2px solid #66c7ff;outline-offset:2px}.photo-key.expected{outline:3px solid #ff6b69;outline-offset:3px;background:#ff696926;animation:photo-cue 1s ease-in-out infinite}.photo-key.round{border-radius:50%}.photo-state{position:absolute;font:bold 2cqw system-ui;color:#dbb0a8;pointer-events:none}.running .photo-state{color:#9acbd2}.nevco-mpc .photo-stage{aspect-ratio:475 / 430;background:radial-gradient(ellipse at 50% 40%,#34414c,#17222c 75%)}.mpc-display{position:absolute;left:25.1%;top:15.3%;width:34.8%;height:7.8%;display:flex;align-items:center;justify-content:center;background:#0c090d;color:#ff5d66;text-shadow:0 0 .6cqw #e3193e;font:400 2cqw/1 'Courier New',monospace;letter-spacing:.06cqw;box-shadow:inset 0 0 8px #000;transform:rotate(-.2deg)}.mpc-display.editing{color:#ff7b81}.mpc-overlay-name{position:absolute;left:36.5%;top:27.7%;width:10%;padding:.3cqw;background:#242033;color:#e6e4d3;text-align:center;font:700 1.08cqw/1.1 Arial;z-index:2}.nevco-mpc .photo-key{background:linear-gradient(#d7d8c7,#bcc3b1);border:1px solid #919992;border-radius:12%;color:#242731;font-size:.9cqw;font-weight:bold;box-shadow:inset 0 1px 1px #fff8,0 1px 1px #080c13}.nevco-mpc .photo-key:after{content:'';position:absolute;left:15%;right:15%;bottom:7%;height:12%;background:#252b35;border-radius:1px}.nevco-mpc .photo-key.digit{font-size:1.5cqw}.nevco-mpc .photo-key.remote-run,.nevco-mpc .photo-key.remote-stop{background:linear-gradient(150deg,#32363a,#111820);color:#bf9b8c;font-size:1.4cqw;transform:rotate(-37deg);border-radius:2px}.nevco-mpc .photo-key.remote-run:after,.nevco-mpc .photo-key.remote-stop:after{display:none}.mpc-state{left:79%;top:61%}.isc9000-display{position:absolute;left:31.45%;top:31.8%;width:38.2%;height:14.5%;background:linear-gradient(110deg,#72b8fc,#92c0fd);color:#355091;font:400 1.25cqw/1.32 'Courier New',monospace;transform:rotate(.15deg);display:grid;grid-template-columns:22% 15% 25% 15% 23%;padding:1.4% 2%;box-shadow:inset 0 0 15px #316cef66;overflow:hidden}.isc-pen{font-size:1.05cqw;white-space:nowrap}.isc-pen>span{display:block;margin-bottom:.3cqw}.isc-team{text-align:center}.isc-team b{display:block;font-weight:400;margin:.3cqw 0}.isc-team small{display:block;margin-top:1.25cqw;font:inherit;font-size:1cqw}.isc-center{border:2px solid #4c5489;align-self:start;text-align:center;margin:-1cqw 0 0;padding:.25cqw 0;white-space:nowrap}.isc-center b{font:inherit;display:block}#isc-time{font-size:1.2cqw}.isc-center>span{font-size:1.1cqw}.isc-bottom{position:absolute;bottom:.3cqw;left:43%;font-size:1cqw;text-align:center}.isc-entry{position:absolute;bottom:0;left:23%;right:23%;padding:.15cqw;text-align:center;font-size:1.05cqw;background:#9bc9ff}.lcd-cursor{background:#35457e;color:#a6d8ff;animation:lcd-blink 1s step-end infinite}.isc-led{position:absolute;left:89%;top:70%;width:1.4%;height:2%;border-radius:50%;background:#306c5f;box-shadow:inset 0 1px 3px #0008}.isc-led.on{background:#64ef86;box-shadow:0 0 12px #60ef87}.isc-state{left:94%;top:88%}.isc9000.running .isc-state{top:77%;color:#a1d487}.isc9000.sounding [data-key=HORN]{background:#0006;box-shadow:inset 0 5px 10px #000d;transform:scale(.94)}@keyframes lcd-blink{50%{background:transparent;color:inherit}}@keyframes photo-cue{50%{outline-color:#ff9b96}}@media(prefers-reduced-motion:reduce){.lcd-cursor,.photo-key.expected{animation:none}}[hidden]{display:none!important}
.training-videos{margin:18px 0;border:1px solid #cfdce5;border-radius:8px;background:#fff;padding:14px 18px}.training-videos summary{cursor:pointer;font-weight:700;color:#254058}.training-video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:16px 0}.training-video-grid figure{margin:0}.training-video-grid figcaption{font-size:13px;font-weight:bold;margin-bottom:8px}.training-video-grid video{display:block;width:100%;max-height:320px;background:#111;border-radius:6px}.training-videos p{font-size:13px;color:#576f83;line-height:1.7}

.photo-controller{order:4}.arena-info{order:8}.mpc-overlay-name{left:33%;top:27.7%;width:17%;height:3.5%}.photo-key.unsupported{cursor:help}.photo-key.unsupported:hover{outline:1px dashed #99b3c9}

/* Trim only unused upper lid through layout, retaining the original image file. */
.isc9000 .photo-stage{aspect-ratio:2048 / 1071}.isc9000-display{top:12.69%;height:18.56%}.isc-led{top:61.6%;height:2.56%}.isc-state{top:84.6%}.isc9000.running .isc-state{top:70.55%}

/* Nevco: a fixed composition. Only the body and detached remote are visible. */
.nevco-mpc .photo-viewport{overflow:hidden;touch-action:pan-y}
.nevco-mpc .photo-stage{width:100%;min-width:0;aspect-ratio:520 / 375;background:radial-gradient(ellipse at 42% 48%,#34414c,#17222c 80%);overflow:hidden}
.mpc-body{position:absolute;left:1.5%;top:3%;width:96%;aspect-ratio:363 / 262;container-type:inline-size;overflow:hidden;clip-path:polygon(7% 1%,89% 1%,91% 3%,99.7% 96%,98% 99%,3% 100%,.5% 98%,0 93%)}

.mpc-body .mpc-display{left:26.17%;top:17.56%;width:44.35%;height:13.1%;font-size:2.65cqw;letter-spacing:.05cqw}
.mpc-body .mpc-overlay-name{left:43%;top:39.5%;width:17%;height:4.9%;font-size:1.35cqw;padding:.2cqw;background:#262237;transform:skewX(-1deg)}
.mpc-key-group{position:absolute;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);gap:1.1% 2.1%;padding:.9%;background:#262237;transform-origin:top left}
.mpc-key-group.left{left:20.25%;top:43.35%;width:22.2%;height:34.3%;transform:skewX(-5.7deg) rotate(-.15deg)}
.mpc-key-group.right{left:55.65%;top:43.35%;width:22.2%;height:34.3%;transform:skewX(4.2deg) rotate(.2deg)}
.mpc-key-cell{position:relative;min-width:0;min-height:0}
.nevco-mpc .mpc-key-cell .photo-key{font-size:1.16cqw;background:linear-gradient(165deg,#d9dacb,#c1c5b5);border-color:#899185;border-radius:10%;box-shadow:inset 0 1px 1px #ffffffaa,0 1px 1px #080c13}
.nevco-mpc .mpc-key-cell .photo-key.digit{font-size:2cqw}
.nevco-mpc .mpc-key-cell .photo-key:active{background:linear-gradient(#a9af9f,#c0c5b5);box-shadow:inset 0 2px 3px #0009;transform:scale(.96)}
.mpc-remote{position:absolute;left:73%;top:33%;z-index:4;width:30.2%;aspect-ratio:134 / 105;transform:rotate(-52deg);clip-path:polygon(82% 0,98% 23%,99% 36%,32% 99%,10% 90%,6% 80%,10% 66%,72% 9%)}

.nevco-mpc .mpc-remote .photo-key{transform:none;background:transparent;color:transparent;border:0;border-radius:3%;box-shadow:none}
.nevco-mpc .mpc-remote .photo-key:hover{background:#ffffff25;outline:1px solid #b8d9df}
.nevco-mpc .mpc-remote .photo-key:active{background:#0008;box-shadow:inset 0 2px 4px #000c}
.nevco-mpc.running .run-label{color:#97bed3}.nevco-mpc:not(.running) .stop-label{color:#d4b0a9}
.nevco-mpc .mpc-state{left:79%;top:77%;width:20%;text-align:center;font-size:2.3cqw}

/* TCS-5: both time targets share the end rocker; the centre pushbutton is HORN. */
.mpc-remote .remote-run{clip-path:polygon(49% 0,100% 59%,75% 80%,24% 22%)}
.nevco-mpc.running .mpc-remote .remote-run,.nevco-mpc:not(.running) .mpc-remote .remote-stop{background:#97bed329;box-shadow:inset 0 1px 2px #0009}
.mpc-key-group{z-index:2}.mpc-body .mpc-overlay-name{z-index:3}

.mpc-remote-rocker{position:absolute;left:73.1%;top:10.4%;width:17.9%;height:18%;transform:rotate(43deg);z-index:3}
.mpc-remote-rocker .remote-run,.mpc-remote-rocker .remote-stop{clip-path:none}

/* overflow:clip also prevents focus/scrollIntoView from panning the cropped raster. */
.nevco-mpc,.nevco-mpc .photo-viewport,.nevco-mpc .photo-stage,.mpc-body{overflow:clip}

/* One opaque face hides the complete original insert, including its old key borders. */
.mpc-pad-face{position:absolute;left:4.96%;top:38.55%;width:89.81%;height:46.95%;clip-path:polygon(4.91% 0,95.7% 0,100% 100%,0 100%);background:linear-gradient(125deg,#29243b,#242037 55%,#2c273e);z-index:1;pointer-events:none}
.mpc-body .mpc-key-group,.mpc-body .mpc-overlay-name{background:transparent}
/* The upright remote rocker has STOP on its left half and RUN on its right. */
.mpc-remote .photo-key:after{display:none}
.nevco-mpc .mpc-state{left:74.4%;top:28.7%;z-index:5;width:10.4%;font-size:2.1cqw;text-align:right;white-space:nowrap;color:#d4b0a9}
.nevco-mpc.running .mpc-state{left:90%;width:8%;text-align:left;color:#97bed3}


/* Separate upright console and remote images supplied by the user. */
.nevco-mpc7 .photo-viewport{overflow:clip;touch-action:pan-y}
.nevco-mpc7 .photo-stage{width:100%;min-width:0;aspect-ratio:1646/1186;overflow:clip;background:#17222c}
.mpc7-body{position:absolute;left:0;top:0;width:100%;aspect-ratio:1646/1186;container-type:inline-size;overflow:clip;clip-path:polygon(16% 3.4%,87% 2.2%,90.5% 16%,91% 36%,99% 92%,98% 96%,5% 99%,1.4% 94%,9.8% 39%,10.5% 19%)}
.mpc7-reference{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.mpc7-display{position:absolute;left:35.8%;top:22.8%;width:30.5%;height:6.6%;display:flex;align-items:center;justify-content:center;background:#100709;color:#ff5353;text-shadow:0 0 .5cqw #f32828;font:400 2.15cqw/1 'Courier New',monospace;white-space:nowrap;transform:rotate(-.6deg);box-shadow:inset 0 0 6px #000}
.nevco-mpc7 .photo-key{border-radius:12%;transform:skewX(-3deg);font-size:0;background:transparent}
.nevco-mpc7 .photo-key:hover{background:#fff3;outline:1px solid #9fdcff}
.nevco-mpc7 .photo-key:active{background:#0008;box-shadow:inset 0 2px 4px #000;transform:skewX(-3deg) scale(.96)}
.mpc7-remote{position:absolute;left:79.167%;top:27.417%;width:15.625%;aspect-ratio:288/658;container-type:inline-size;overflow:clip}
.mpc7-remote .photo-key{transform:none}
.mpc7-state{top:20.646%;left:79.6875%;width:7.8125%;display:flex;flex-direction:column;align-items:center;gap:.4cqw;text-align:center;font:900 1.8cqw/1 system-ui;color:#d4b0a9}
.nevco-mpc7.running .mpc7-state{left:84.271%;color:#97bed3}

/* A drawn horizontal rocker covers the photographed switch; STOP left / RUN right. */
.mpc7-rocker{position:absolute;left:14%;top:5%;width:58%;height:22%;z-index:3;border-radius:12%;background:linear-gradient(135deg,#55595c,#151719 45%,#050607);border:1px solid #74797b;box-shadow:0 2px 3px #000,inset 0 0 0 2px #050607;perspective:160px}
.mpc7-rocker-face{position:absolute;inset:10% 9%;display:flex;align-items:center;justify-content:space-around;border-radius:7%;border:1px solid #65696b;background:linear-gradient(90deg,#17191b,#45494b);transform:rotateY(-16deg);box-shadow:4px 0 5px #0009,inset 1px 1px 2px #ffffff30;transition:transform .15s,box-shadow .15s;pointer-events:none;color:#d4b0a9;font:800 13cqw/1 Arial}
.nevco-mpc7.running .mpc7-rocker-face{transform:rotateY(16deg);background:linear-gradient(90deg,#45494b,#17191b);box-shadow:-4px 0 5px #0009,inset 1px 1px 2px #ffffff30}
.mpc7-rocker .photo-key{border-radius:8%;transform:none}
.mpc7-rocker .photo-key:active{transform:none}
.mpc7-rocker .photo-key[aria-pressed="true"]{box-shadow:inset 0 0 0 1px currentColor;color:#d4b0a955}
.mpc7-rocker .mpc7-run[aria-pressed="true"]{color:#97bed355}
@media(prefers-reduced-motion:reduce){.mpc7-rocker-face{transition:none}}

/* Fair-Play: the supplied face fills the section; no frame, caption or title row. */
.fairplay .photo-stage{width:100%;min-width:0;aspect-ratio:1946/1084}
.fairplay-lcd{position:absolute;left:54.1%;top:13%;width:22.8%;height:10.6%;display:flex;flex-direction:column;justify-content:center;background:#a7b58c;color:#263b25;transform:rotate(-1.8deg) skewX(1deg);font:1.9cqw/1.25 monospace;white-space:pre;overflow:hidden;padding:0 .35cqw;box-shadow:inset 0 0 1cqw #28332188}
.fairplay-auto-led{position:absolute;left:85.18%;top:15.2%;width:1.5%;height:2.7%;border-radius:50%;background:#6c6839;box-shadow:inset 0 0 .4cqw #292600}
.fairplay-auto-led.on{background:#fff7a0;box-shadow:0 0 1cqw #ffe956}
.fairplay-rocker{position:absolute;left:86%;top:65.4%;width:3.6%;height:16.2%;background:linear-gradient(90deg,#111,#242c2a,#111);border-radius:15%;box-shadow:inset 0 0 .5cqw #000;transform:rotate(-1deg)}
.fairplay-rocker:after{content:'';position:absolute;left:10%;top:12%;width:80%;height:48%;border-radius:10%;background:linear-gradient(#47514c,#181c1a);box-shadow:0 .8cqw .5cqw #000}
.fairplay.running .fairplay-rocker:after{top:42%;background:linear-gradient(#181c1a,#47514c);box-shadow:0 -.8cqw .5cqw #000}
.fairplay-state{left:90%;top:78%;width:9%;font-size:1.65cqw}
.fairplay.running .fairplay-state{top:66%}

/* MPC-4: native photo and the documented connected handheld time switch. */
.nevco-old .photo-stage{width:100%;min-width:0;aspect-ratio:1035/860}
.mpc4-display{position:absolute;left:36.2%;top:27.4%;width:25.5%;height:9%;display:flex;align-items:center;justify-content:center;background:#0c070b;color:#ff5863;text-shadow:0 0 .6cqw #ff2437;font:1.9cqw/1.1 monospace;white-space:pre;overflow:hidden;box-shadow:inset 0 0 1cqw #000}
.mpc4-remote{position:absolute;left:42%;top:6.5%;width:32%;aspect-ratio:330/113;z-index:2}
.mpc4-rocker{position:absolute;left:79.4%;top:12.4%;width:12.1%;height:40.8%;border-radius:9%;background:linear-gradient(90deg,#070909,#232a29,#070909);box-shadow:inset 0 0 .3cqw #000}
.mpc4-rocker:after{content:'';position:absolute;left:8%;top:48%;width:84%;height:44%;background:linear-gradient(#171b1a,#454d49);border-radius:8%;box-shadow:0 -.3cqw .3cqw #000}
.nevco-old.running .mpc4-rocker:after{top:8%;background:linear-gradient(#454d49,#171b1a);box-shadow:0 .3cqw .3cqw #000}
.mpc4-state{left:93%;top:43%;transform:translateY(-50%);white-space:nowrap;font-size:1.9cqw;z-index:4;color:#7d3b31;text-shadow:0 1px #fff8}
.nevco-old.running .mpc4-state{color:#14566a}
.nevco-old.running .mpc4-state{top:22.6%}
/* Pre-rotated remote layer above the keypad cover; position printed by scripts/optimize-images.py. */
.mpc-remote-photo{position:absolute;left:69.446%;top:22.74%;width:37.308%;height:auto;z-index:4;pointer-events:none}