:root{--paper:#fff;--ink:#050505;--panel-grey:#585858}*{box-sizing:border-box}html{background:var(--panel-grey);color:var(--ink);font-family:Arial,Helvetica,sans-serif}body{background:var(--panel-grey);min-width:320px;min-height:100svh;margin:0}button,input{font:inherit}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.instrument-stage{background:var(--panel-grey);place-items:center;min-height:100svh;display:grid;overflow:hidden}.instrument{aspect-ratio:8/5;background:var(--panel-grey);isolation:isolate;width:min(100vw,160svh);position:relative;overflow:hidden}.instrument__shell{z-index:0;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.instrument__image-target,.instrument__action{z-index:3;cursor:pointer;background:0 0;border:0;border-radius:0;padding:0;display:block;position:absolute}.instrument__image-target{width:30.45%;height:59.45%;transition:box-shadow .14s;top:14.55%;left:34.5%;overflow:hidden;box-shadow:inset 0 0 #fff0}.instrument__image-target:hover,.instrument__image-target:focus-visible,.instrument--dragging .instrument__image-target{outline:0;box-shadow:inset 0 0 0 clamp(2px,.18vw,4px) #fff}.instrument--dragging .instrument__image-target{box-shadow:inset 0 0 0 clamp(4px,.35vw,8px) #fff,0 0 32px #ffffffa6}.instrument--error .instrument__image-target{animation:.24s ease-in-out 2 image-error;box-shadow:inset 0 0 0 clamp(3px,.25vw,6px) #e00000}.instrument__preview{background:var(--ink);object-fit:contain;width:100%;height:100%;display:block}.instrument__readings{z-index:2;pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.reading-channel{--meter-colour:#fff;width:18.35%;height:69.35%;color:var(--meter-colour);position:absolute;top:4.7%}.reading-channel--left{left:15.75%}.reading-channel--right{left:65.5%}.reading-channel--trend{--channel-left:0%;--copy-top:57.7%;--meter-colour:#00ef16}.reading-channel--arrangement{--channel-left:33.4%;--copy-top:72.2%;--meter-colour:#fff100}.reading-channel--impact{--channel-left:66.8%;--copy-top:86.7%;--meter-colour:#ff1010}.reading-channel--signature{--channel-left:0%;--copy-top:57.7%;--meter-colour:#f000d2}.reading-channel--tone{--channel-left:33.4%;--copy-top:72.2%;--meter-colour:#00e9ef}.reading-channel--elevation{--channel-left:66.8%;--copy-top:86.7%;--meter-colour:#1717f4}.reading-channel__icon-frame,.reading-meter{left:var(--channel-left);width:28.7%;position:absolute}.reading-channel__icon-frame{place-items:center;height:13.3%;display:grid;top:0}.category-icon{aspect-ratio:1;width:78%;color:var(--meter-colour);filter:drop-shadow(0 0 .15vw #000c);display:block;position:relative}.category-icon--trend:before{content:"";background:currentColor;border-radius:50%;position:absolute;inset:4%}.category-icon--trend:after{content:"";border-top:.34em solid #4a4a4a;border-right:.34em solid #4a4a4a;width:19%;height:19%;position:absolute;top:24%;left:59%;transform:rotate(8deg)}.category-icon--trend span{z-index:1;transform-origin:0;background:#4a4a4a;height:.32em;position:absolute}.category-icon--trend span:first-child{width:26%;top:59%;left:25%;transform:rotate(-43deg)}.category-icon--trend span:nth-child(2){width:29%;top:41%;left:43%;transform:rotate(21deg)}.category-icon--arrangement span{border:.3em solid;width:64%;height:34%;position:absolute;left:18%;transform:rotate(30deg)skew(-28deg)scaleY(.72)}.category-icon--arrangement span:first-child{top:6%}.category-icon--arrangement span:nth-child(2){top:27%}.category-icon--arrangement span:nth-child(3){top:48%}.category-icon--impact:before{content:"";border:.34em solid;border-radius:50%;position:absolute;inset:11%;box-shadow:inset 0 0 0 .28em #3b3b3b,inset 0 0 0 .55em}.category-icon--impact:after{content:"";background:currentColor;position:absolute;inset:2% 46%;box-shadow:0 0 0 .06em #3b3b3b}.category-icon--impact span{background:currentColor;width:96%;height:8%;position:absolute;top:46%;left:2%}.category-icon--impact span:after{content:"";background:#3b3b3b;border-radius:50%;width:.7em;height:.7em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.category-icon--signature:before{content:"";background:currentColor;border-radius:50%;position:absolute;inset:4%}.category-icon--signature:after{clip-path:polygon(50% 0%,61% 34%,98% 34%,68% 56%,79% 94%,50% 71%,21% 94%,32% 56%,2% 34%,39% 34%);content:"";background:#414141;position:absolute;inset:17%}.category-icon--tone span{border:.28em solid;border-bottom-color:#0000;border-radius:50% 50% 42% 42%;position:absolute}.category-icon--tone span:first-child{inset:5% 8% 3%}.category-icon--tone span:nth-child(2){inset:18% 20% 9%}.category-icon--tone span:nth-child(3){inset:31% 31% 17%}.category-icon--tone span:nth-child(4){inset:43% 42% 26%}.category-icon--tone span:nth-child(5){border-color:currentColor #0000 #0000;width:20%;height:34%;top:3%;left:40%}.category-icon--elevation:before{clip-path:polygon(0 18%,24% 52%,50% 0,76% 52%,100% 18%,86% 92%,14% 92%);content:"";background:currentColor;border-radius:0 0 12% 12%;position:absolute;inset:13% 2% 17%}.reading-meter{grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(3,1fr);gap:1.8%;height:42.1%;padding:.6%;display:grid;top:14.35%}.reading-meter__cell{background:#202020;border:max(1px,.07vw) solid #050505;min-width:0;min-height:0;box-shadow:inset 0 0 0 max(1px,.035vw) #ffffff0a}.reading-meter__cell--active{background:var(--meter-colour);box-shadow:inset 0 0 0 max(1px, .035vw) #fff3, 0 0 clamp(2px, .3vw, 7px) color-mix(in srgb, var(--meter-colour) 72%, transparent);animation:.28s both meter-rise;animation-delay:calc(var(--channel-index) * .15s + var(--cell-order) * 32ms)}.reading-channel__copy{top:var(--copy-top);color:currentColor;text-transform:uppercase;flex-direction:column;justify-content:center;gap:.2em;width:100%;height:13.4%;padding:3% 6%;font-family:Courier New,Courier,monospace;line-height:1.05;display:flex;position:absolute;left:0;overflow:hidden}.reading-channel__copy strong{letter-spacing:.08em;font-size:clamp(.44rem,1.12vw,1.45rem)}.reading-channel__copy span{letter-spacing:.06em;font-size:clamp(.36rem,.74vw,.98rem)}.reading-channel__copy small{color:#fff;letter-spacing:.03em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(.3rem,.52vw,.72rem);display:-webkit-box;overflow:hidden}.instrument__action{width:30.45%;height:10.5%;top:74.25%;left:34.5%}.instrument__action-label{opacity:0}.instrument__action:focus-visible{outline-offset:clamp(-10px, -.6vw, -4px);outline:clamp(2px,.18vw,4px) solid #fff}.instrument__action:disabled{cursor:default}.instrument__action:not(:disabled):hover{box-shadow:inset 0 0 24px #ffffff29}.instrument__action--active{animation:.62s ease-in-out infinite alternate action-pulse}.instrument__inspector{z-index:4;color:#ffffffd1;text-align:center;pointer-events:none;background:#050505eb;border:1px solid #ffffff47;place-items:center;width:27%;min-height:5.2%;padding:.6% 1.2%;font-family:Courier New,Courier,monospace;font-size:clamp(.34rem,.62vw,.8rem);line-height:1.2;display:grid;position:absolute;top:64.5%;left:36.25%;overflow:hidden}.instrument__inspector--scanning{color:#7cfff2;text-shadow:0 0 10px #00ffe4cc;animation:.62s ease-in-out infinite alternate inspector-pulse}.instrument__inspector--error{color:#ff7575}.instrument__scan-reading,.instrument__error-reading{max-width:100%;margin:0;overflow:hidden}@keyframes meter-rise{0%{opacity:0;transform:scale(.58)}to{opacity:1;transform:scale(1)}}@keyframes action-pulse{0%{box-shadow:inset 0 0 4px #ffffff0f}to{box-shadow:inset 0 0 32px #ffffff52}}@keyframes inspector-pulse{0%{opacity:.62}to{opacity:1}}@keyframes image-error{0%,to{transform:translate(0)}50%{transform:translate(.5%)}}@media (width<=720px),(aspect-ratio<=4/5){.instrument-stage{background:linear-gradient(90deg, #00ef16 0 16.6%, #fff100 16.6% 33.2%, #ff1010 33.2% 49.8%, #111 49.8% 66.4%, #f000d2 66.4% 83%, #00e9ef 83%) top / 100% 10px no-repeat, var(--panel-grey);min-height:100svh;display:block;overflow:visible}.instrument{aspect-ratio:auto;background:0 0;grid-template-rows:auto auto auto auto;grid-template-areas:"image""status""channels""action";gap:12px;width:100%;min-height:100svh;padding:26px 12px 30px;display:grid;overflow:visible}.instrument__shell{display:none}.instrument__image-target{aspect-ratio:1;background:#050505;border:4px solid #fff;grid-area:image;width:100%;height:auto;position:relative;inset:auto}.instrument__image-target:before,.instrument__image-target:after{z-index:-1;content:"";background:#919191;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.instrument__image-target:before{width:58px;height:8px}.instrument__image-target:after{width:8px;height:58px}.instrument__image-target--selected:before,.instrument__image-target--selected:after{display:none}.instrument__preview{z-index:1;position:relative}.instrument__readings{pointer-events:none;grid-area:channels;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid;position:relative;inset:auto}.reading-channel,.reading-channel--left,.reading-channel--right{background:#595959;border:3px solid #fff;grid-template:"icon meter"150px"copy copy"/64px minmax(0,1fr);gap:8px;width:auto;height:auto;min-height:224px;padding:8px;display:grid;position:relative;inset:auto}.reading-channel__icon-frame,.reading-meter,.reading-channel__copy{width:auto;height:auto;position:relative;inset:auto}.reading-channel__icon-frame{background:linear-gradient(135deg,#505050,#222);border:2px solid #494949;border-radius:8px;grid-area:icon;align-self:start;height:64px}.category-icon{filter:none;width:50px}.reading-meter{grid-area:meter;gap:3px;height:150px;padding:0;display:grid}.reading-meter__cell{border-width:1px}.reading-channel__copy{border-top:3px solid #fff;grid-area:copy;gap:4px;min-height:48px;padding:7px 3px 2px}.reading-channel__copy strong{font-size:.82rem}.reading-channel__copy span{font-size:.67rem}.reading-channel__copy small{font-size:.58rem}.instrument__action{color:#fff;letter-spacing:.18em;background:#111;border:4px solid #fff;grid-area:action;place-items:center;width:100%;height:72px;font-family:Courier New,Courier,monospace;font-size:1rem;font-weight:700;display:grid;position:relative;inset:auto}.instrument__action-label{opacity:1}.instrument__action:disabled{color:#777}.instrument__inspector{grid-area:status;width:100%;min-height:48px;padding:10px;font-size:.72rem;position:relative;inset:auto}}@media (width<=390px){.instrument__readings{grid-template-columns:1fr}.reading-channel,.reading-channel--left,.reading-channel--right{grid-template-rows:126px auto;grid-template-columns:70px minmax(0,1fr);min-height:200px}.reading-meter{height:126px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.instrument__image-target:focus-visible,.instrument__action:focus-visible{outline:3px solid canvastext}}