:root{--inst-bg:#06152a;--inst-surface:#0a1d36;--inst-panel:#0d2440;--inst-line:#315170;--inst-teal:#6ee0d5;--inst-lav:#b99cff;--inst-gold:#ffd16f;--inst-blue:#72c5ff;--inst-red:#ff8580}
.instrument-shell{max-width:1420px;margin:auto;display:grid;gap:18px}.instrument-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:22px;padding:6px 2px 2px}.instrument-hero h1{font-size:clamp(2.5rem,5.8vw,5.8rem);line-height:.92;letter-spacing:-.055em;margin:8px 0}.instrument-hero p{max-width:780px;color:#c7c2d5;font-size:1.04rem}.instrument-kicker{font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:var(--inst-teal);font-weight:800}.instrument-badge{border:1px solid var(--inst-line);border-radius:999px;padding:10px 14px;color:#d3cadf;background:#091b32;white-space:nowrap}.instrument-stage{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:stretch}.instrument-canvas-wrap{position:relative;min-height:610px;border:1px solid var(--inst-line);border-radius:32px;overflow:hidden;background:radial-gradient(circle at 50% 45%,#102f4d 0,#081a31 52%,#061326 100%);box-shadow:0 24px 60px rgba(0,0,0,.26)}.instrument-canvas{display:block;width:100%;height:610px;touch-action:none}.instrument-canvas-wrap:after{content:"";position:absolute;inset:20px;border:1px solid rgba(185,156,255,.1);border-radius:24px;pointer-events:none}.instrument-hud{position:absolute;left:16px;top:16px;right:16px;display:flex;gap:8px;flex-wrap:wrap;pointer-events:none}.instrument-hud span{padding:7px 10px;border-radius:999px;background:rgba(5,18,34,.82);border:1px solid rgba(115,160,196,.28);font-size:.78rem;color:#dce8f4;backdrop-filter:blur(8px)}.instrument-help{position:absolute;bottom:14px;left:14px;right:14px;text-align:center;color:#b5c2d0;font-size:.78rem;pointer-events:none;text-shadow:0 1px 2px #000}.instrument-console{border:1px solid var(--inst-line);background:linear-gradient(180deg,#0e2540,#091b31);border-radius:30px;padding:18px;display:grid;align-content:start;gap:15px}.instrument-console h2,.instrument-console h3{margin:0}.instrument-console p{margin:0;color:#b7c1cf}.control-group{display:grid;gap:8px;padding-bottom:13px;border-bottom:1px solid rgba(87,118,149,.25)}.control-group:last-child{border-bottom:0}.control-row{display:flex;gap:8px;flex-wrap:wrap}.control-row>*{min-width:0}.instrument-console button,.instrument-console select,.instrument-console input{min-height:44px}.instrument-console button{border:1px solid #355779;background:#102d4a;border-radius:14px;padding:9px 12px;cursor:pointer}.instrument-console button:hover,.instrument-console button.active{border-color:var(--inst-teal);background:#173d55}.instrument-console input[type=range]{width:100%;accent-color:var(--inst-teal)}.instrument-console label{display:grid;gap:5px;font-size:.86rem;color:#ccd6e2}.instrument-readout{padding:12px;border-radius:17px;background:#07182d;border:1px solid #294764;display:grid;gap:5px}.instrument-readout strong{font-size:1.15rem;color:#fff}.instrument-readout small{color:#9fb0c4}.instrument-object-list{display:grid;gap:6px;max-height:255px;overflow:auto}.instrument-object-list button{text-align:left;display:flex;justify-content:space-between;gap:10px}.instrument-object-list button small{color:#9eb0c4}.instrument-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.instrument-preset-grid button{padding:9px 8px}.instrument-tools-note{border-left:3px solid var(--inst-lav);padding:8px 10px;color:#c7bfd6;background:rgba(185,156,255,.05);border-radius:0 12px 12px 0}.instrument-lesson-link{display:block;padding:13px 14px;border-radius:18px;background:linear-gradient(135deg,rgba(110,224,213,.11),rgba(185,156,255,.09));border:1px solid rgba(110,224,213,.28)}
/* Instrument dock: one spatial launcher, not a dashboard grid. */
.instrument-dock-shell{max-width:1320px;margin:auto}.instrument-dock-hero{max-width:850px;margin:20px 0 12px}.instrument-dock-hero h1{font-size:clamp(3.4rem,7vw,7rem);line-height:.9;margin:6px 0 16px;letter-spacing:-.06em}.instrument-dock-hero p{font-size:1.1rem;color:#c7bfd6}.instrument-orbit-dock{position:relative;min-height:680px;margin:8px 0 20px;border:1px solid #294964;border-radius:38px;background:radial-gradient(circle at 50% 48%,rgba(28,66,97,.9),rgba(5,18,36,.96) 54%,#051226 100%);overflow:hidden}.instrument-orbit-dock:before,.instrument-orbit-dock:after{content:"";position:absolute;left:50%;top:50%;width:min(78%,820px);aspect-ratio:1.75;border:1px solid rgba(110,224,213,.2);border-radius:50%;transform:translate(-50%,-50%) rotate(-10deg)}.instrument-orbit-dock:after{width:min(56%,600px);transform:translate(-50%,-50%) rotate(22deg);border-color:rgba(185,156,255,.18)}.dock-core{position:absolute;left:50%;top:50%;width:190px;height:190px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;text-align:center;padding:20px;background:radial-gradient(circle at 35% 30%,#224f68,#0b213d 62%,#08162b);border:1px solid #4d7594;box-shadow:0 0 60px rgba(110,224,213,.15);z-index:2}.dock-core strong{font-size:1.45rem}.dock-core small{display:block;color:#b8c5d5;margin-top:5px}.dock-node{position:absolute;width:220px;min-height:118px;padding:17px;border-radius:28px;border:1px solid #365873;background:rgba(8,27,49,.92);z-index:3;transition:transform .18s ease,border-color .18s ease}.dock-node:hover{transform:scale(1.025);border-color:var(--inst-teal)}.dock-node b{font-size:1.18rem;display:block;margin-bottom:4px}.dock-node small{color:#aebdcd;display:block}.dock-node .dock-glyph{font-size:2rem;color:var(--inst-gold);float:right;margin-left:10px}.dock-node:nth-of-type(1){left:7%;top:15%}.dock-node:nth-of-type(2){right:8%;top:12%}.dock-node:nth-of-type(3){right:5%;bottom:14%}.dock-node:nth-of-type(4){left:8%;bottom:12%}.dock-node:nth-of-type(5){left:50%;top:4%;transform:translateX(-50%)}.dock-node:nth-of-type(5):hover{transform:translateX(-50%) scale(1.025)}.dock-caption{position:absolute;left:50%;bottom:32px;transform:translateX(-50%);width:min(620px,80%);text-align:center;color:#9fb0c3;font-size:.85rem}
/* Sonic sequencer */
.sequencer-grid{display:grid;grid-template-columns:58px repeat(16,minmax(26px,1fr));gap:5px;align-items:center;padding:15px;min-width:780px}.sequencer-scroll{overflow-x:auto;border-radius:18px;border:1px solid #294863;background:#07182d}.seq-label{font-size:.72rem;color:#bdc9d6}.seq-step{aspect-ratio:1;border-radius:9px;border:1px solid #385977;background:#0e2843;cursor:pointer;padding:0}.seq-step.on{background:linear-gradient(135deg,var(--inst-teal),var(--inst-lav));border-color:#e0fffb}.seq-step.playhead{box-shadow:0 0 0 2px var(--inst-gold)}
@media(max-width:1050px){.instrument-stage{grid-template-columns:1fr}.instrument-console{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.instrument-console>.control-group,.instrument-console>.instrument-readout,.instrument-console>.instrument-lesson-link{min-width:0}.instrument-canvas-wrap,.instrument-canvas{min-height:560px;height:560px}.dock-node{width:200px}}
@media(max-width:760px){.instrument-shell{gap:12px}.instrument-hero{grid-template-columns:1fr}.instrument-stage{gap:10px}.instrument-canvas-wrap{min-height:480px;border-radius:25px}.instrument-canvas{height:480px}.instrument-console{grid-template-columns:1fr;border-radius:24px;padding:14px}.instrument-orbit-dock{min-height:720px;border-radius:26px}.dock-core{width:150px;height:150px;top:43%}.dock-node{width:calc(50% - 26px);min-height:120px;padding:13px}.dock-node:nth-of-type(1){left:12px;top:10%}.dock-node:nth-of-type(2){right:12px;top:10%}.dock-node:nth-of-type(3){right:12px;bottom:12%}.dock-node:nth-of-type(4){left:12px;bottom:12%}.dock-node:nth-of-type(5){left:50%;top:auto;bottom:29%;width:calc(100% - 40px)}.dock-caption{bottom:10px;width:92%}.instrument-dock-hero h1{font-size:3.7rem}}
@media(max-width:430px){.instrument-canvas-wrap{min-height:430px}.instrument-canvas{height:430px}.dock-node{font-size:.9rem}.dock-node .dock-glyph{font-size:1.5rem}.instrument-preset-grid{grid-template-columns:1fr 1fr}}
/* Match the v4.8 HTML instrument grammar. */
.instrument-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:22px;padding:6px 2px 14px}.instrument-head h1{font-size:clamp(2.5rem,5.8vw,5.8rem);line-height:.92;letter-spacing:-.055em;margin:8px 0}.instrument-head p{max-width:800px;color:#c7c2d5;font-size:1.04rem}.instrument-work{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:stretch}.scale-stage,.gravity-stage,.pattern-stage,.sonic-stage,.living-stage{position:relative;min-height:610px;border:1px solid var(--inst-line);border-radius:32px;overflow:hidden;background:radial-gradient(circle at 50% 45%,#102f4d 0,#081a31 52%,#061326 100%);box-shadow:0 24px 60px rgba(0,0,0,.26)}.scale-hud,.gravity-hud,.living-hud{position:absolute;top:15px;left:15px;display:flex;gap:7px;flex-wrap:wrap;pointer-events:none}.scale-hud span,.gravity-hud span,.living-hud span{padding:7px 10px;border:1px solid rgba(111,153,190,.3);border-radius:999px;background:rgba(5,18,34,.82);font-size:.77rem}.scale-zoom{position:absolute;left:18px;right:18px;bottom:16px;display:grid;grid-template-columns:44px 1fr 44px;gap:8px;align-items:center;background:rgba(5,18,34,.8);padding:8px;border-radius:18px;border:1px solid rgba(100,144,180,.26)}.scale-zoom input{width:100%;accent-color:var(--inst-teal)}.preset-strip,.mode-strip,.species-strip,.field-tool-strip,.instrument-actions,.instrument-linkbar{display:flex;gap:7px;flex-wrap:wrap}.preset-strip button,.mode-strip button,.species-strip button,.field-tool-strip button,.instrument-actions button{border:1px solid #365878;background:#102c49;border-radius:13px;padding:9px 10px;cursor:pointer}.preset-strip button:hover,.mode-strip button.active,.species-strip button.active,.field-tool-strip button.active{border-color:var(--inst-teal);background:#173b54}.instrument-note{padding:11px 12px;border-left:3px solid var(--inst-lav);border-radius:0 14px 14px 0;background:rgba(185,156,255,.06);color:#bdc4d1;font-size:.82rem}.instrument-linkbar a{padding:8px 10px;border-radius:999px;border:1px solid #31516d;background:#091b32;font-size:.78rem}.round-play{width:46px!important;height:46px!important;border-radius:50%!important;padding:0!important}.gravity-vector-help{position:absolute;bottom:14px;left:14px;right:14px;text-align:center;color:#aebccc;font-size:.78rem;pointer-events:none}.living-legend{display:flex;gap:10px;flex-wrap:wrap;color:#aebdcd;font-size:.8rem}.sequencer{margin-top:10px}.sonic-stage canvas{display:block;width:100%;height:350px}.hue-range{accent-color:#b99cff}
@media(max-width:1050px){.instrument-work{grid-template-columns:1fr}.instrument-console{grid-template-columns:repeat(2,minmax(0,1fr))}.scale-stage,.gravity-stage,.pattern-stage,.sonic-stage,.living-stage{min-height:560px}.instrument-canvas{height:560px}}
@media(max-width:760px){.instrument-head{grid-template-columns:1fr}.instrument-work{gap:10px}.instrument-console{grid-template-columns:1fr}.scale-stage,.gravity-stage,.pattern-stage,.sonic-stage,.living-stage{min-height:480px;border-radius:24px}.instrument-canvas{height:480px}.sonic-stage canvas{height:280px}}
/* Instrument Dock v4.8 */
.instrument-dock{position:relative;min-height:690px;border:1px solid #2f506b;border-radius:38px;overflow:hidden;background:radial-gradient(circle at 50% 49%,#173d59 0,#0b213c 30%,#07182e 58%,#051225 100%);box-shadow:0 28px 70px rgba(0,0,0,.28)}.dock-detail{position:absolute;left:32px;top:28px;max-width:520px;z-index:5}.dock-detail h1{font-size:clamp(2.8rem,5vw,5.2rem);line-height:.92;letter-spacing:-.055em;margin:6px 0 12px}.dock-detail p{color:#c0c9d6;max-width:490px}.dock-orbit{position:absolute;left:50%;top:55%;border:1px solid rgba(110,224,213,.22);border-radius:50%;transform:translate(-50%,-50%) rotate(-13deg);pointer-events:none}.dock-orbit.o1{width:78%;height:48%}.dock-orbit.o2{width:59%;height:66%;border-color:rgba(185,156,255,.2);transform:translate(-50%,-50%) rotate(34deg)}.dock-orbit.o3{width:38%;height:76%;border-color:rgba(255,209,111,.18);transform:translate(-50%,-50%) rotate(76deg)}.instrument-dock .dock-core{top:57%}.instrument-dock .dock-node{width:225px}.instrument-dock .dock-node span{display:block}.instrument-dock .dock-node b{float:right;font-size:2rem;color:var(--ca,var(--inst-gold));margin-left:10px}.instrument-dock .dock-node strong{display:block;font-size:1.2rem;margin:2px 0}.instrument-dock .dock-node small{display:block;color:#aebdcd}.instrument-dock .n1{left:7%;top:41%}.instrument-dock .n2{right:8%;top:30%}.instrument-dock .n3{right:9%;bottom:12%}.instrument-dock .n4{left:8%;bottom:10%}.instrument-dock .n5{left:50%;top:25%;transform:translateX(-50%)}.instrument-dock .n5:hover{transform:translateX(-50%) scale(1.025)}.dock-footer{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:16px 0 0}
@media(max-width:760px){.instrument-dock{min-height:790px;border-radius:26px}.dock-detail{left:18px;right:18px;top:18px}.dock-detail h1{font-size:3.35rem}.dock-orbit{opacity:.55}.instrument-dock .dock-core{top:48%;width:145px;height:145px}.instrument-dock .dock-node{width:calc(50% - 28px);min-height:110px}.instrument-dock .n1{left:12px;top:31%}.instrument-dock .n2{right:12px;top:31%}.instrument-dock .n3{right:12px;bottom:11%}.instrument-dock .n4{left:12px;bottom:11%}.instrument-dock .n5{top:auto;bottom:29%;width:calc(100% - 40px)}}