.kc{--ice:#a3eaff;--cyan:#47d9ff;--purple:#b48bff;color:#eaf6ff;background:radial-gradient(ellipse at 50% 0,#142f46 0,#050b14 65%);padding:32px;font-family:Arial,sans-serif;border-radius:20px;box-sizing:border-box;max-width:1300px;margin:auto}.kc *{box-sizing:border-box}.kc-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.kc-eyebrow{font:12px monospace;letter-spacing:2px;color:#a6bfd2}.kc h2{font-size:clamp(20px,3vw,36px);letter-spacing:-1px;margin:12px 0}.kc button{background:#111f30;border:1px solid #38546c;color:#dbedff;border-radius:6px;padding:13px 12px;min-height:44px;font:12px monospace;cursor:pointer}.kc button:hover,.kc button:focus-visible{border-color:var(--cyan);box-shadow:0 0 20px #35cfff40}.kc button.active,.kc button[aria-pressed=true]{background:#16435b;color:white;border-color:var(--cyan)}.kc .kc-power{background:var(--ice);color:#03121c;font-weight:700}.kc-status{color:#b5cadd;font-size:14px;min-height:20px;line-height:1.5}.kc-machine{display:grid;grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr);gap:20px;padding:24px;background:linear-gradient(145deg,#16202d,#080e16);border:1px solid #354251;border-radius:16px;box-shadow:0 25px 60px #0008,inset 0 1px #c8eaff35}.kc-deck{min-width:0}.kc-track{display:flex;justify-content:space-between;gap:8px;font:12px monospace;color:var(--ice);background:#03101c;padding:12px;border:1px solid #2b465c}.kc-wave{width:100%;height:52px;display:block;background:#030a11}.kc-platter{display:block;position:relative;width:clamp(145px,22vw,265px);aspect-ratio:1;border-radius:50%!important;margin:20px auto;padding:0!important;border:2px solid #5993b7!important;background:repeating-radial-gradient(circle,#091018 0 2px,#202d3c 3px,#090f17 4px 7px)!important;box-shadow:0 0 0 7px #07101a,0 0 0 8px #324658,0 0 40px #21c9ff30!important;touch-action:none;overflow:hidden}.kc-disc{position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent,#8ddfff24,transparent,#e4faff22,transparent);display:grid;place-items:center}.kc-disc b{display:grid;place-items:center;width:40%;height:40%;border:2px solid var(--cyan);border-radius:50%;background:#07111d;color:var(--ice);font-size:clamp(24px,5vw,52px);box-shadow:0 0 30px #29cfff50}.kc-disc:after{content:'';position:absolute;top:8%;left:49%;height:15%;width:3px;background:var(--ice);box-shadow:0 0 10px var(--cyan)}.kc-deck[data-deck="1"]{--cyan:#b38aff;--ice:#dfcaff}.kc-transport{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.kc-pads{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.kc .kc-pad{padding:12px 3px;min-height:55px;background:#111b2a;border-color:#4383a4;color:var(--ice);box-shadow:inset 0 -3px #3ac9ff50}.kc .kc-pad.hit{background:var(--ice);color:#07101a;box-shadow:0 0 28px #6cdbff80}.kc-mixer{display:flex;flex-direction:column;justify-content:space-between;gap:15px;padding:0 5px}.kc label{display:block;font:12px monospace;color:#bfd5e5;letter-spacing:1px}.kc input{display:block;width:100%;margin:14px 0 4px;accent-color:var(--cyan);min-height:26px;cursor:pointer}.kc-meter{display:flex;gap:5px;height:55px;align-items:flex-end}.kc-meter i{flex:1;height:10%;background:linear-gradient(#b5f5ff,#39b4ef);border-radius:2px;transition:height .08s}.kc-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:22px;font:12px monospace;letter-spacing:2px;color:#a2c2d6}.kc-play{color:var(--ice)!important;border-color:var(--cyan)!important}@media(max-width:700px){.kc{padding:18px 12px}.kc-machine{grid-template-columns:1fr 1fr;padding:14px 10px;gap:14px}.kc-mixer{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:14px}.kc-mixer .kc-eyebrow,.kc-meter{display:none}.kc-platter{width:min(100%,190px);margin:18px auto}.kc-pads{grid-template-columns:repeat(2,1fr)}.kc-top{align-items:flex-start;flex-wrap:wrap}.kc-track{font-size:11px;padding:8px 5px}.kc-track span:first-child{display:none}.kc-transport{grid-template-columns:1fr}.kc-mixer label:last-child{grid-column:1/-1}.kc h2{font-size:22px}}

/* Compact console with integrated video monitor. */
.kc{max-width:860px;padding:22px}.kc-top h2{font-size:24px}.kc-machine{grid-template-columns:minmax(0,1fr) 145px minmax(0,1fr);padding:18px;gap:16px}.kc-platter{width:min(100%,190px)}.kc-screen{position:relative;width:min(100%,340px);margin:8px auto 22px;padding:7px;background:#03080f;border:1px solid #4b7799;border-radius:8px;box-shadow:0 0 24px #33a9eb20}.kc-video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#000;border-radius:3px}.kc .kc-video-start{position:absolute;inset:7px;width:calc(100% - 14px);height:calc(100% - 14px);display:grid;place-items:center;background:linear-gradient(#030c1890,#041121e8);font-size:12px;letter-spacing:1px;border:0}.kc-video-start[hidden]{display:none!important}#sound-lab{padding-bottom:36px}.kc-bottom{font-size:12px}@media(max-width:700px){.kc{padding:16px 10px}.kc-machine{grid-template-columns:1fr 1fr;padding:12px 9px;gap:12px}.kc-platter{width:min(100%,155px)}.kc-top h2{font-size:20px}.kc-mixer{grid-column:1/-1;grid-row:2}.kc-screen{max-width:300px}.kc-top{gap:8px}.kc-track strong{font-size:11px}.kc-pads{gap:6px}}

/* AZ-2090: separate performance decks and central mixer. */
.kc{max-width:960px;background:radial-gradient(ellipse at 50% 0,#173a57,#050c18 60%);border:1px solid #42758e;border-radius:12px;box-shadow:0 0 55px #1e98d820,inset 0 1px #adf0ff50}.kc-top h2{font-weight:800;letter-spacing:1px}.kc-machine{background:linear-gradient(120deg,#17273b,#070e1b 50%,#16223a);grid-template-columns:minmax(0,1fr) 160px minmax(0,1fr);border-radius:9px;border-color:#375e7c;padding:18px;gap:22px}.kc-deck{background:linear-gradient(#142236,#0a1423);padding:14px 12px;border:1px solid #385470;border-radius:8px}.kc-mixer{background:#07101d;padding:14px 12px;border:1px solid #385470;border-radius:8px;gap:16px}.kc-platter{width:min(100%,210px);border-color:#6ce6ff!important;box-shadow:0 0 0 6px #071321,0 0 0 7px #438baa,0 0 25px #20c7ff40!important}.kc-track{border-radius:4px;color:#b5f1ff}.kc-pads{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px 2px 3px;border-top:1px solid #426383;margin-top:18px}.kc .kc-pad{min-height:76px;border:1px solid #66dfff;border-radius:5px;background:linear-gradient(#123350,#071629);font-size:14px;font-weight:700;letter-spacing:1px;box-shadow:inset 0 0 20px #3bcfff20,0 4px 0 #02070e}.kc-deck[data-deck="1"] .kc-pad{border-color:#bc97ff;background:linear-gradient(#2a234e,#111529)}.kc .kc-pad.hit{background:#b4f4ff;color:#05131f;box-shadow:0 0 28px #66dfff80}.kc-deck[data-deck="1"] .kc-pad.hit{background:#decaff;color:#140b25}.kc-monitor{width:min(100%,410px);margin:8px auto 22px;border:1px solid #5792b9;border-radius:6px;background:#020711;padding:8px;box-shadow:0 0 25px #44b7ff25}.kc-monitor-head{display:flex;justify-content:space-between;gap:10px;font:12px monospace;color:#96dfff;padding:5px 4px 10px}.kc-monitor .kc-screen{width:100%;margin:0;border:0;padding:0;border-radius:0}.kc-video-start{inset:0!important;width:100%!important;height:100%!important}.kc-transport{gap:10px}.kc .kc-play{background:#124450;box-shadow:inset 0 0 12px #42dfff25}.kc-bottom{line-height:1.6}@media(max-width:700px){.kc-machine{grid-template-columns:1fr 1fr;gap:12px;padding:10px}.kc-deck{padding:10px 8px}.kc-mixer{grid-column:1/-1;grid-row:2;grid-template-columns:1fr 1fr;padding:14px}.kc-platter{width:min(100%,150px)}.kc-pads{gap:10px;padding-top:12px}.kc .kc-pad{min-height:68px;font-size:12px;letter-spacing:0}.kc-monitor{max-width:350px}.kc-top h2{font-size:18px}.kc-monitor-head{font-size:11px}}
/* Interactive record case beside the performance decks. */
.kc{max-width:1180px}.kc-performance{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:20px;align-items:start}.kc-performance .kc-machine{min-width:0}.kc-crate{position:relative;margin-top:22px;padding:19px 12px 12px;background:linear-gradient(135deg,#213c54,#081422 50%,#162d44);border:2px solid #659bb8;border-radius:7px;box-shadow:inset 0 0 0 4px #071322,0 12px 25px #0007}.kc-crate-handle{position:absolute;top:-22px;left:calc(50% - 37px);width:74px;height:23px;border:5px solid #78a9c0;border-bottom:0;border-radius:8px 8px 0 0;background:#081420}.kc-crate-heading strong{display:block;font:14px monospace;letter-spacing:2px;color:#caf4ff}.kc-crate-heading>span{display:block;font:10px monospace;line-height:1.6;color:#a3bfd1;margin:8px 0 14px}.kc-records{display:grid;gap:9px}.kc .kc-record{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 7px;min-height:63px;background:#091a2a;border-color:#416c8b;touch-action:none;user-select:none;transition:transform .18s,box-shadow .18s}.kc .kc-record:hover{transform:translateX(-4px)}.kc .kc-record[aria-pressed=true]{background:#18435b;border-color:#9beaff;box-shadow:0 0 20px #40cbff35}.kc-record>span{font-size:12px;letter-spacing:1px}.kc-record small{display:block;font-size:9px;color:#a6c4d7;letter-spacing:1px;margin-top:6px}.kc-mini-disc{display:grid;place-items:center;flex-shrink:0;width:45px;height:45px;border-radius:50%;border:1px solid #6ad7fa;background:repeating-radial-gradient(circle,#04101b 0 2px,#28465b 3px,#071421 4px 6px);box-shadow:0 0 12px #1ea9e733;font-style:normal}.kc-mini-disc b{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#99e8ff;color:#071421;font:700 12px Arial}.kc-record.playing .kc-mini-disc{animation:record-spin 2s linear infinite}.kc-crate p{font-size:12px;line-height:1.6;color:#b8d6e8;margin:15px 2px 5px}.kc .kc-pad.drop-target{background:#71dfff!important;color:#061320!important;box-shadow:0 0 35px #64daff90;transform:scale(1.04)}.kc .kc-pad.pad-loaded{animation:pad-load .5s ease-out}.kc-record-ghost{position:fixed;z-index:30000;transform:translate(-50%,-50%) rotate(-12deg);pointer-events:none;display:grid;justify-items:center;gap:8px;padding:12px;background:#071627e8;border:1px solid #9ce8ff;border-radius:8px;box-shadow:0 0 40px #58d5ff65;color:#dff8ff;font:12px monospace}.kc-record-ghost .kc-mini-disc{width:65px;height:65px}.kc-dragging .kc-pad{outline:1px dashed #77d9ff;outline-offset:4px}@keyframes record-spin{to{transform:rotate(360deg)}}@keyframes pad-load{0%{transform:scale(.92)}55%{transform:scale(1.08);box-shadow:0 0 35px #abf1ff}100%{transform:scale(1)}}@media(max-width:1000px){.kc-performance{grid-template-columns:1fr}.kc-crate{margin-top:10px}.kc-records{grid-template-columns:repeat(3,minmax(0,1fr))}.kc-crate-heading>span{margin-bottom:10px}.kc-crate p{margin-top:12px}.kc .kc-record:hover{transform:translateY(-3px)}}@media(max-width:480px){.kc-records{grid-template-columns:repeat(2,minmax(0,1fr))}.kc-mini-disc{width:35px;height:35px}.kc .kc-record{gap:8px;min-height:65px}.kc-record>span{font-size:11px}}@media(prefers-reduced-motion:reduce){.kc-record.playing .kc-mini-disc,.kc .kc-pad.pad-loaded{animation:none}.kc .kc-record{transition:none}}
/* Black performance hardware inspired by the supplied console reference. */
.kc{background:radial-gradient(ellipse at top,#14202a,#06090e 60%);border-color:#3c4b57;border-radius:9px;padding:24px}.kc-performance{grid-template-columns:minmax(0,1fr) 220px;gap:22px;align-items:start}.kc-hardware-stage{min-width:0;padding-top:0}.kc-hardware-stage .kc-monitor{position:relative;z-index:2;width:43%;min-width:260px;margin:0 auto -12px;background:linear-gradient(130deg,#303438,#121519);border:3px solid #393f46;border-bottom:6px solid #090c0f;border-radius:3px;padding:9px;box-shadow:0 8px 16px #0009}.kc-monitor-head{font:10px monospace;color:#c4d4df;letter-spacing:1px}.kc-machine{position:relative;background:linear-gradient(130deg,#25282c,#121519 45%,#23272b);border:2px solid #3b4148;border-radius:3px;box-shadow:inset 0 1px #737d8650,0 14px 24px #000b;grid-template-columns:minmax(0,1fr) 145px minmax(0,1fr);gap:14px;padding:20px 14px 16px}.kc-deck{background:linear-gradient(135deg,#24272a,#171a1e);border:0;border-radius:0;padding:8px 10px}.kc-mixer{border:0;border-left:1px solid #41454a;border-right:1px solid #41454a;border-radius:0;background:linear-gradient(#25282c,#15181c);padding:16px 12px;gap:14px}.kc-track{background:#060a10;border-color:#424a55;color:#95d4fa;font-size:11px}.kc-wave{height:42px;border-bottom:1px solid #49515c}.kc-platter{width:min(100%,210px);background:repeating-radial-gradient(circle,#101316 0 3px,#262c31 4px,#11161b 5px 9px)!important;border:3px solid #69717b!important;box-shadow:0 0 0 5px #050609,0 0 0 7px #394047,0 5px 12px #000b!important}.kc-disc{background:conic-gradient(#1d242b,#a2aeb838,#141a20,#65737f38,#182028)}.kc-disc b{width:32%;height:32%;border:2px solid #c6eaff;background:radial-gradient(#a0dfff,#182b3c 60%);color:#eaf8ff;font-size:30px;box-shadow:0 0 18px #53c9ff40}.kc-deck[data-deck="1"] .kc-disc b{border-color:#bce8ff;background:radial-gradient(#c0eaff,#1b2839 60%)}.kc-transport{grid-template-columns:1fr 1fr;gap:9px}.kc .kc-play,.kc .kc-cue{background:#181e23;border-radius:30px;border:2px solid #60ac84;color:#c6ffdc!important;box-shadow:inset 0 0 12px #70eaa518;font-size:11px}.kc .kc-cue{border-color:#a99048;color:#f2dc98!important}.kc .kc-play[aria-pressed=true]{background:#244c38;box-shadow:0 0 15px #64db9433}.kc-pads{padding-top:13px;border-top:1px solid #4d535b;gap:10px;margin-top:15px}.kc .kc-pad{min-height:64px;border-radius:3px;border:2px solid #3976a0;background:linear-gradient(#172128,#10161c);box-shadow:inset 0 0 10px #4ab9ff15,0 3px 0 #05070a;font-size:12px;color:#c9e5f8}.kc-deck[data-deck="1"] .kc-pad{background:linear-gradient(#20202c,#11151c);border-color:#7565a5}.kc-mixer label{color:#ccd3dc;font:11px monospace;letter-spacing:.5px}.kc-mixer .kc-volume{writing-mode:vertical-lr;direction:rtl;width:28px;height:85px;margin:10px auto 0;accent-color:#b5c1cb}.kc-mixer .kc-filter,.kc-mixer .kc-cross{accent-color:#c4d9e9}.kc-mixer button{border-radius:3px;background:#292e34;border-color:#656d78;font-size:11px;padding:9px}.kc-mixer .kc-meter{height:28px}.kc-crate{margin-top:0;background:none;border:0;box-shadow:none;padding:0;position:relative}.kc-case-art{display:block;width:100%;height:auto;object-fit:contain;margin:0 auto -10px;pointer-events:none}.kc-guide-message{font-size:14px;line-height:1.5;color:#e8f5ff;background:#182c40;border:1px solid #679abe;border-radius:12px 12px 12px 2px;padding:13px;margin-bottom:8px;animation:guide-arrival .7s ease-out both}.kc-crate-heading{background:#101923;padding:12px;border:1px solid #506477;border-bottom:0;border-radius:5px 5px 0 0}.kc-crate-heading strong{font-size:12px}.kc-crate-heading>span{font-size:9px;margin-bottom:0}.kc-records{padding:10px;background:linear-gradient(120deg,#263341,#0a111a);border:2px solid #6f8293;box-shadow:inset 0 0 0 3px #080d13;border-radius:0 0 5px 5px;gap:9px}.kc .kc-record{background:#0c141e;border-color:#475b6d;transform:rotate(-2deg);min-height:62px}.kc .kc-record:nth-child(even){transform:rotate(2deg)}.kc .kc-record:hover{transform:translateY(-5px) rotate(0deg)}.kc-crate p{font-size:12px;padding:0 5px}.kc-top h2{font-size:23px}.kc-top .kc-power{border-radius:4px;font-size:11px}@keyframes guide-arrival{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){.kc-performance{grid-template-columns:1fr}.kc-crate{display:grid;grid-template-columns:180px 1fr;gap:0 16px;padding-top:14px}.kc-guide-message{grid-column:1;grid-row:1}.kc-case-art{grid-column:1;grid-row:2/4;margin:0}.kc-crate-heading{grid-column:2;grid-row:1}.kc-records{grid-column:2;grid-row:2/4;grid-template-columns:repeat(2,minmax(0,1fr))}.kc-crate p{grid-column:1/-1}.kc-record>span{font-size:10px}}@media(max-width:700px){.kc{padding:16px 10px}.kc-machine{grid-template-columns:1fr 1fr;gap:10px;padding:20px 7px 10px}.kc-mixer{grid-column:1/-1;grid-row:2;grid-template-columns:1fr 1fr;border-top:1px solid #49515a;border-left:0;border-right:0}.kc-mixer .kc-volume{writing-mode:horizontal-tb;direction:ltr;width:100%;height:26px;margin-top:10px}.kc-hardware-stage .kc-monitor{width:80%;min-width:0;max-width:310px}.kc-deck{padding:6px}.kc-platter{width:min(100%,155px)}.kc-transport{grid-template-columns:1fr}.kc .kc-pad{min-height:65px;font-size:11px}.kc-crate{grid-template-columns:120px 1fr;gap:0 10px}.kc-guide-message{font-size:12px;padding:10px}.kc-mini-disc{width:29px;height:29px}.kc .kc-record{padding:7px 5px;gap:5px;min-height:58px}.kc-records{gap:8px;padding:9px}.kc-record small{font-size:8px;letter-spacing:0}.kc-top h2{font-size:18px}.kc-crate-heading{padding:9px}.kc-crate-heading>span{font-size:8px;letter-spacing:0}}@media(prefers-reduced-motion:reduce){.kc-guide-message{animation:none}}

/* Compact sampler: two pad banks and the central mixer only. */
.kc{max-width:1000px}.kc-performance{grid-template-columns:minmax(0,1fr) 220px;gap:10px;align-items:start}.kc-hardware-stage .kc-monitor{width:48%;margin-bottom:14px;min-width:230px}.kc-machine{grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);gap:10px;padding:14px 10px;min-height:0}.kc-deck{padding:8px}.kc-pads{margin-top:12px;padding-top:12px;gap:12px}.kc .kc-pad{min-height:88px;font-size:13px}.kc-mixer{gap:16px;padding:12px 8px;justify-content:center}.kc-mixer .kc-volume{height:70px}.kc-mixer .kc-meter{height:28px}.kc-crate{padding-top:0}.kc-guide-message{margin-bottom:3px}.kc-case-art{margin-bottom:-8px}.kc-bottom{margin-top:15px}@media(max-width:1000px){.kc-performance{grid-template-columns:1fr}.kc-crate{grid-template-columns:150px 1fr;gap:0 10px;padding-top:10px}}@media(max-width:700px){.kc-machine{grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);gap:6px;padding:10px 5px}.kc-mixer{grid-column:2;grid-row:1;display:flex;flex-direction:column;border-top:0;border-left:1px solid #49515a;border-right:1px solid #49515a;padding:8px 6px;gap:13px}.kc-mixer .kc-volume{writing-mode:vertical-lr;direction:rtl;width:26px;height:70px;margin:10px auto 0}.kc-mixer .kc-eyebrow{display:block;font-size:9px;letter-spacing:0}.kc-deck{padding:6px 2px}.kc-track{display:flex;flex-direction:column;gap:5px;align-items:center;padding:8px 2px}.kc-track time{font-size:11px}.kc-pads{grid-template-columns:1fr;gap:10px;margin-top:8px;padding-top:10px}.kc .kc-pad{min-height:70px;font-size:12px}.kc-mixer label{font-size:10px;letter-spacing:0}.kc-mixer button{font-size:10px;padding:8px 3px}.kc-mixer .kc-cross{width:100%}.kc-hardware-stage .kc-monitor{min-width:0;width:85%;max-width:300px}.kc-crate{grid-template-columns:110px 1fr}.kc-guide-message{font-size:12px}}

/* A single shared frame: record case and two pad banks, without mixer. */
.kc{max-width:960px;border:0;box-shadow:none;background:transparent;padding:12px 0}.kc-performance{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:16px;align-items:center;background:linear-gradient(140deg,#232d39,#0a111b);border:1px solid #5a738b;border-radius:12px;padding:20px;box-shadow:0 16px 35px #0008,inset 0 1px #bedbff30}.kc-machine{grid-template-columns:1fr 1fr;background:none;border:0;box-shadow:none;padding:10px 0 0;gap:16px}.kc-deck{background:none;padding:0;border:0}.kc-hardware-stage .kc-monitor{width:80%;max-width:310px;min-width:0;box-shadow:0 3px 12px #0006;margin:0 auto 14px}.kc .kc-pad{min-height:88px}.kc-pads{gap:12px}.kc-crate{display:block;padding:0;background:none;border:0;box-shadow:none}.kc-guide-message{font-size:13px}.kc-records{grid-template-columns:repeat(2,minmax(0,1fr));background:#0b1520;border:1px solid #52677b;padding:10px;gap:8px;box-shadow:none}.kc .kc-record{display:flex;flex-direction:column;text-align:center;justify-content:center;gap:8px;padding:8px 4px;min-height:82px;transform:none}.kc .kc-record:nth-child(even){transform:none}.kc-record>span{font-size:10px}.kc-record small{font-size:8px}.kc-crate-heading{padding:10px}.kc-crate p{font-size:12px}.kc-top-actions{display:flex;flex-wrap:wrap;gap:8px}.kc .kc-kill{border-color:#7398b6;background:#101d2a;min-height:44px}.kc-bottom{padding:0 4px}.kc-top{padding:0 4px}@media(max-width:700px){.kc-performance{grid-template-columns:minmax(0,1fr) 130px;gap:10px;padding:12px 10px;align-items:start}.kc-machine{grid-template-columns:1fr 1fr;gap:8px;padding:0}.kc-hardware-stage .kc-monitor{width:100%;margin-bottom:12px;padding:5px;border-width:1px}.kc-monitor-head{font-size:9px;letter-spacing:0;flex-wrap:wrap;padding:4px}.kc-pads{grid-template-columns:1fr;gap:10px;border-top:0;padding-top:0}.kc .kc-pad{min-height:75px;font-size:10px;padding:8px 2px}.kc-track{font-size:10px}.kc-wave{height:30px}.kc-crate{display:block}.kc-guide-message{font-size:11px;padding:9px;line-height:1.4}.kc-records{grid-template-columns:1fr 1fr;padding:7px;gap:7px}.kc .kc-record{min-height:73px;gap:6px;padding:7px 2px}.kc-mini-disc{width:28px;height:28px}.kc-record>span{font-size:9px;letter-spacing:0}.kc-record small{display:none}.kc-crate-heading strong{font-size:10px;letter-spacing:1px}.kc-crate-heading>span{font-size:8px}.kc-crate p{font-size:10px;line-height:1.5}.kc-top h2{font-size:17px}}@media(max-width:370px){.kc-performance{grid-template-columns:minmax(0,1fr) 110px;gap:8px;padding:10px 7px}.kc .kc-pad{font-size:9px}.kc-machine{gap:6px}}
/* Two silver direct-drive turntables, mixer and record case in one frame. */
.kc{max-width:1180px}.kc-performance{grid-template-columns:minmax(0,1fr) 210px;gap:18px;padding:20px}.kc-machine{grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);gap:12px;align-items:stretch}.kc-turntable{position:relative;background:linear-gradient(145deg,#8b969f,#d4dce0 35%,#68757f 70%,#a4b2bb);border:1px solid #c8d8e2;border-radius:4px;padding:20px 13px 12px;margin-top:10px;box-shadow:inset 0 1px #fff8,0 4px 0 #02060a}.kc .kc-pad.kc-platter{position:relative;display:block;aspect-ratio:1;width:100%;max-width:230px;height:auto;min-height:0;padding:0;margin:12px auto;border:5px solid #adb7be!important;border-radius:50%!important;background:repeating-radial-gradient(circle,#06080b 0 3px,#283037 4px,#0d1216 5px 8px)!important;box-shadow:0 0 0 3px #343e46,0 0 0 6px #56626c,0 5px 10px #0008!important;overflow:hidden;touch-action:none}.kc .kc-platter.hit{outline:2px solid #71dfff;outline-offset:7px}.kc-disc{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;background:conic-gradient(transparent,#a1d5f526,transparent,#dcefff30,transparent)}.kc-disc b{display:grid;place-items:center;width:30%;height:30%;border-radius:50%;font-size:25px;background:radial-gradient(#279cde,#061b2e);border:1px solid #afddff;color:#d9f3ff}.kc-disc:after{content:'';position:absolute;width:3px;height:14%;top:9%;left:49%;background:#eee}.kc-arm{position:absolute;right:8px;top:12px;width:5px;height:55%;background:linear-gradient(90deg,#4a5259,#f6f9fc,#4f5c69);border:1px solid #5d6972;border-radius:5px;transform:rotate(-18deg);transform-origin:top;z-index:2;pointer-events:none;box-shadow:2px 2px 3px #0008}.kc-arm:after{content:'';position:absolute;bottom:-4px;left:-4px;width:12px;height:22px;background:#152432;border-radius:3px}.kc-deck-name{font:10px monospace;color:#06101b;text-align:center;line-height:1.5;letter-spacing:.5px;padding-top:9px}.kc-mixer{display:flex;flex-direction:column;gap:22px;justify-content:center;background:linear-gradient(#252e37,#0b1119);border:1px solid #596b7b;padding:15px 10px;border-radius:4px;margin-top:10px}.kc-mixer .kc-eyebrow{display:block;font-size:11px;letter-spacing:1px}.kc-mixer label{font:10px monospace;letter-spacing:.3px;color:#dce9f1}.kc-mixer .kc-volume{writing-mode:vertical-lr;direction:rtl;height:85px;width:26px;margin:10px auto;accent-color:#c4d7e3}.kc-mixer .kc-cross{accent-color:#c4d7e3;width:100%;margin-top:12px}.kc .kc-case-open{display:block;position:relative;border:0;background:none;padding:0;width:100%;box-shadow:none!important}.kc-case-open .kc-case-art{margin:0}.kc-case-open>span{display:block;padding:10px 4px;color:#cff2ff;font:11px monospace;background:#0b1c2d;border:1px solid #647e92;border-radius:4px}.kc .kc-record[hidden]{display:none!important}.kc-records{display:block;min-height:115px;border:0;background:none;padding:12px 0;box-shadow:none}.kc .kc-record{width:100%;min-height:100px;background:#111c29;border:1px solid #85bedb;display:flex;flex-direction:row;padding:15px;gap:15px;text-align:left;border-radius:8px}.kc .kc-record .kc-mini-disc{width:65px;height:65px}.kc-record>span{font-size:13px}.kc-record small{display:block;font-size:10px}.kc-record.ejected{animation:disc-eject .6s ease-out both}.kc-crate-heading{margin-top:12px;border:0;background:none;padding:0}.kc-crate-heading>span{display:none}.kc-records:empty{display:none}.kc-guide-message{font-size:13px}@keyframes disc-eject{from{opacity:0;transform:translateY(-35px) rotate(-15deg) scale(.7)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@media(max-width:800px){.kc-performance{grid-template-columns:1fr 145px;gap:12px;padding:14px}.kc-machine{grid-template-columns:minmax(0,1fr) 75px minmax(0,1fr);gap:8px}.kc-turntable{padding:12px 7px 9px}.kc .kc-pad.kc-platter{border-width:3px!important;margin:10px auto}.kc-mixer{grid-column:auto;grid-row:auto;gap:18px;padding:10px 7px}.kc-deck-name{font-size:9px;letter-spacing:0}.kc .kc-record{padding:10px;gap:8px}.kc .kc-record .kc-mini-disc{width:42px;height:42px}.kc-record>span{font-size:11px}.kc-case-open>span{font-size:10px}.kc-guide-message{font-size:12px}.kc-arm{height:45%;right:5px}}@media(max-width:560px){.kc-performance{grid-template-columns:1fr;gap:14px;padding:12px}.kc-machine{grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr)}.kc-crate{display:grid;grid-template-columns:130px 1fr;gap:0 12px;align-items:start}.kc-guide-message{grid-column:1/-1;grid-row:1}.kc-case-open{grid-column:1;grid-row:2/5}.kc-crate-heading{grid-column:2;grid-row:2}.kc-records{grid-column:2;grid-row:3;min-height:105px;padding:10px 0}.kc-crate p{grid-column:2;grid-row:4;font-size:11px}.kc .kc-record{min-height:85px}.kc-disc b{font-size:19px}.kc-track strong{font-size:10px}.kc-arm{width:4px;height:45%}.kc-deck-name{font-size:8px}.kc-turntable{padding:12px 5px 8px}.kc-mixer .kc-volume{height:70px}.kc-mixer .kc-eyebrow{font-size:10px}}@media(prefers-reduced-motion:reduce){.kc-record.ejected{animation:none}}