/* Pirate Frequency · presentation only; measurement engine unchanged. */
:root{color-scheme:dark;--green:#bdff35;--pink:#ff52c8;--text:#f2f3ef;--muted:#a7aea8;--line:#343b36;--panel:#151a17}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 5% 0%,#25301b66,transparent 45%),#090c0a;color:var(--text);font-family:Arial,Helvetica,sans-serif}.instrument{max-width:1080px;margin:auto;padding:32px clamp(18px,4vw,48px) 26px;min-height:100vh;border-inline:1px solid #242b25;background:linear-gradient(115deg,#13191488,transparent 60%)}header{display:flex;justify-content:space-between;align-items:start;gap:20px;border-bottom:1px solid var(--line);padding-bottom:26px;position:relative}.eyebrow{font:700 11px ui-monospace,monospace;letter-spacing:.2em;color:var(--green)}h1{font-size:clamp(36px,6vw,68px);font-weight:900;letter-spacing:-.055em;line-height:.95;margin:18px 0 0;max-width:650px}h1:after{content:'';display:block;width:114px;height:5px;background:var(--pink);transform:rotate(-3deg);margin-top:15px;box-shadow:16px 4px 0 -1px #ff52c84d}.model{font:700 10px ui-monospace,monospace;color:var(--pink);border:1px solid var(--pink);padding:9px;white-space:nowrap;transform:rotate(4deg);margin-top:12px}.warning{color:var(--muted);font-size:12px;line-height:1.5;margin:18px 0 22px;padding-left:12px;border-left:2px solid var(--green)}.display{display:grid;grid-template-columns:1.25fr 1fr;gap:14px}.readout,.judgment,.assessment,.bands>div{background:linear-gradient(145deg,#1b221d,#111612);border:1px solid var(--line);padding:22px}.readout{border-top:2px solid var(--green)}.label{font:700 10px ui-monospace,monospace;letter-spacing:.15em;color:var(--muted)}.readout>div{margin:20px 0 14px;white-space:nowrap}.readout strong{font:600 clamp(60px,9vw,96px)/1 ui-monospace,monospace;letter-spacing:-.07em;color:var(--green);font-variant-numeric:tabular-nums}.unit{font:14px ui-monospace,monospace;margin-left:12px;color:var(--green)}.readout small{display:block;line-height:1.5}#samplePeak{font:13px ui-monospace,monospace;color:var(--text);padding-bottom:16px}#calibration{font-size:12px;color:#bac1bb;border-top:1px solid var(--line);padding-top:12px}.judgment{display:flex;flex-direction:column;justify-content:center;position:relative}.judgment:before{content:'PATTERN / 02';font:9px ui-monospace,monospace;letter-spacing:.12em;color:#8b958c;margin-bottom:30px}.judgment strong{font-size:clamp(25px,3.4vw,38px);letter-spacing:-.04em;line-height:1.08;margin:12px 0;overflow-wrap:anywhere}.judgment span:last-child{font:12px/1.5 ui-monospace,monospace;color:var(--muted)}.meter{margin:22px 0}.meterLabels{display:flex;justify-content:space-between;font:9px ui-monospace,monospace;color:var(--muted);letter-spacing:.1em;margin-bottom:8px}.track{height:12px;background:#242c25;position:relative;display:flex;justify-content:space-evenly;overflow:hidden}.track i{border-left:2px solid #090c0a;height:100%;z-index:2}.track div{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#84ba27,var(--green) 65%,var(--pink));transition:width .12s}.spectrumHeading{display:flex;justify-content:space-between;gap:12px;margin:26px 0 12px;font:10px ui-monospace,monospace;color:var(--muted);letter-spacing:.1em}.spectrumHeading span:first-child{color:var(--text)}canvas{display:block;width:100%;height:210px;background:#080a0b;border:1px solid var(--line)}.bands{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 18px}.bands>div{padding:15px}.bands span{font:700 10px ui-monospace,monospace;letter-spacing:.1em;color:var(--muted)}.bands b{display:block;font:500 27px ui-monospace,monospace;margin:10px 0 5px;color:var(--text)}.bands small{font-size:11px;color:var(--muted)}.bands>div:last-child{border-bottom:2px solid var(--pink)}.assessment{padding:17px 20px;border-left:2px solid var(--pink)}.assessment p{font-size:14px;line-height:1.6;margin:8px 0 0}.controls{display:flex;gap:10px;margin:20px 0}.controls button{min-height:50px;padding:14px 20px;font:700 11px ui-monospace,monospace;letter-spacing:.05em;border:1px solid var(--line);background:#202821;color:var(--text);cursor:pointer}#start{background:var(--green);color:#11180c;border-color:var(--green);flex:1}#time1997{color:var(--muted);background:transparent}button:disabled{opacity:.4;cursor:not-allowed}button:not(:disabled):hover{filter:brightness(1.15)}button:focus-visible{outline:3px solid var(--pink);outline-offset:4px}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:18px;font:9px/1.6 ui-monospace,monospace;letter-spacing:.08em;color:var(--muted)}#status.live{color:var(--green)}@media(max-width:650px){.instrument{padding-top:24px}header{gap:8px}.model{font-size:8px;padding:7px}h1{font-size:42px}.eyebrow{font-size:9px;letter-spacing:.1em}.display{grid-template-columns:1fr}.readout,.judgment{padding:20px}.judgment:before{display:none}.judgment strong{font-size:28px;margin:10px 0}.readout strong{font-size:76px}.bands{grid-template-columns:1fr 1fr}.controls{flex-wrap:wrap}#start{flex-basis:70%}#time1997{width:100%}canvas{height:170px}footer{flex-direction:column;gap:6px}.spectrumHeading{font-size:9px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}