@font-face{font-family:Michroma;src:url(/assets/Michroma-Regular-1RB_5SuF.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Chakra Petch;src:url(/assets/ChakraPetch-Regular-1CdnM9LJ.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Chakra Petch;src:url(/assets/ChakraPetch-Medium-wOSH1Q3W.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Chakra Petch;src:url(/assets/ChakraPetch-SemiBold-BWGknBCE.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-Regular-BOoJxjxf.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-Medium-BEYgZTde.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-SemiBold-ipl4pJhC.ttf)format("truetype");font-weight:600;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--isla-signal-red:#ff2b2b;--isla-void-black:#050505;--isla-photon-white:#f2f2f2;--isla-steel-text:#b4b4b4;--isla-dim-readout:#8a8a8a;--isla-grid-line:#262626;--isla-rule-line:#3a3a3a;--isla-idle-segment:#2a2a2a;--isla-track:#1c1c1c;--isla-neutral-bar:#5c5c5c;--isla-font-display:"Michroma", "Eurostile", sans-serif;--isla-font-hud:"Chakra Petch", sans-serif;--isla-font-body:"Inter", system-ui, sans-serif;--isla-tracking-label:.2em;--isla-tracking-headline:.075em;--isla-neon-line:0 0 4px #ff2b2ba6, 0 0 14px #ff2b2b66;--isla-neon-red-text:0 0 6px #ff2b2b8c;--isla-tube-white-text:0 0 10px #ffffff38;--isla-radius:0px;--isla-space-xs:4px;--isla-space-sm:8px;--isla-space-md:16px;--isla-space-lg:24px;--isla-space-xl:48px;--isla-space-2xl:96px;--isla-ease-out:cubic-bezier(.16, 1, .3, 1);--isla-duration-ui:.18s;--isla-duration-reveal:.6s}:root{--red:var(--isla-signal-red);--red-deep:#3d0505;--black:var(--isla-void-black);--white:var(--isla-photon-white);--steel:var(--isla-steel-text);--dim:var(--isla-dim-readout);--grid:var(--isla-grid-line);--rule:var(--isla-rule-line);--idle:var(--isla-idle-segment);--panel:#050505e6;--glow-line:var(--isla-neon-line);--glow-white:var(--isla-tube-white-text);--glow-tab:0 6px 10px -8px #ff2b2bb3;--glow-marker:0 0 6px var(--red), 0 0 14px #ff2b2b99;--glow-marker-white:0 0 6px #fff6;--scrim:#05050500;--leader:#f2f2f273;--tag:#050505d1;--curve-area:#ff2b2b1a;--glow-curve:drop-shadow(0 0 3px #ff2b2b8c);--display:var(--isla-font-display);--hud:var(--isla-font-hud);--body:var(--isla-font-body);--ease:var(--isla-ease-out);--t:var(--isla-duration-ui);--bar:56px;--key:60px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--red:#c8161b;--red-deep:#fbe3e3;--black:#f4f4f2;--white:#121212;--steel:#3b3b3b;--dim:#5f5f5f;--grid:#dededa;--rule:#c2c2be;--idle:#d6d6d2;--panel:#fafaf8ed;--glow-line:none;--glow-white:none;--glow-tab:none;--glow-marker:0 0 0 1.5px #fafaf8f2;--glow-marker-white:none;--scrim:#f4f4f200;--leader:#1212126b;--tag:#fafaf8f0;--curve-area:#c8161b14;--glow-curve:none}:root[data-theme=light] .stage{background:#e6e7e9}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--black);color:var(--steel);font:400 16px/1.5 var(--body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;overflow:hidden}#app{height:100%}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit}::selection{background:var(--red);color:var(--black)}:focus{outline:none}:focus-visible{outline:2px solid var(--red);outline-offset:2px;box-shadow:var(--glow-line)}.num{font-family:var(--hud);font-variant-numeric:tabular-nums}*{scrollbar-width:thin;scrollbar-color:var(--rule) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--rule)}::-webkit-scrollbar-thumb:hover{background:var(--dim)}.wordmark{font:400 .8125rem/1 var(--display);letter-spacing:.24em;color:var(--white);text-shadow:var(--glow-white);white-space:nowrap}.btn{border:1px solid var(--red);background:var(--black);height:40px;color:var(--red);font:500 .75rem/1 var(--hud);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background var(--t) var(--ease), color var(--t) var(--ease), border-color var(--t) var(--ease), box-shadow var(--t) var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.btn:hover{background:var(--red);color:var(--black);box-shadow:var(--glow-line)}.btn.ghost{border-color:var(--rule);color:var(--white)}.btn.ghost:hover{background:var(--black);border-color:var(--red);color:var(--white);box-shadow:none}.btn.square{width:40px;padding:0}.boot{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;padding:24px;display:flex}.boot-title{font:400 clamp(1.75rem, 5vw, 2.75rem)/1.1 var(--display);letter-spacing:.075em;color:var(--white);text-shadow:var(--glow-white);text-transform:uppercase;min-height:1.1em}.boot-text{max-width:46ch;color:var(--dim)}.segments{align-items:flex-end;gap:4px;height:12px;display:flex}.segments i{background:var(--idle);width:18px;height:6px;transition:background var(--t) var(--ease)}.segments i.done{background:var(--red)}.segments i.now{background:var(--red);height:12px;box-shadow:var(--glow-line);animation:pulse 1.2s var(--ease) infinite alternate}@keyframes pulse{0%{opacity:1}to{opacity:.45}}.demo{position:fixed;inset:0}.stage{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.top{height:var(--bar);background:linear-gradient(var(--black), var(--scrim));pointer-events:none;align-items:center;gap:20px;padding:0 20px;display:flex;position:absolute;top:0;left:0;right:0}.top>*{pointer-events:auto}.robots{gap:2px;margin-left:8px;display:flex}.robots a{font:500 .75rem/1 var(--hud);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);border-bottom:2px solid #0000;padding:8px 10px;text-decoration:none}.robots a[aria-current]{color:var(--white);border-color:var(--red);box-shadow:var(--glow-tab)}.robots a:hover{color:var(--white)}.top-tools{gap:8px;margin-left:auto;display:flex}.intro{top:calc(var(--bar) + 12px);pointer-events:none;max-width:min(36ch,100vw - 40px);position:absolute;left:20px}.robot-name{font:400 clamp(2rem, 5.2vw, 3.5rem)/1 var(--display);letter-spacing:.075em;text-transform:uppercase;color:var(--white);text-shadow:var(--glow-white)}.intro-text{color:var(--steel);text-wrap:pretty;margin-top:14px}.live{font:500 .75rem/1.2 var(--hud);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);pointer-events:none;flex-direction:column;gap:4px;display:flex;position:absolute;bottom:24px;left:20px}.live b{font:600 1rem/1 var(--hud);letter-spacing:.02em;color:var(--white);margin-right:2px}.pad{background:var(--panel);border:1px solid var(--grid);padding:10px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.pad:before,.pad:after{content:"";pointer-events:none;width:10px;height:10px;position:absolute}.pad:before{border-top:1px solid var(--red);border-left:1px solid var(--red);top:-1px;left:-1px}.pad:after{border-bottom:1px solid var(--red);border-right:1px solid var(--red);bottom:-1px;right:-1px}.pad-grid{grid-template-columns:repeat(3, var(--key));grid-auto-rows:var(--key);touch-action:none;-webkit-user-select:none;user-select:none;gap:6px;display:grid}.pad-key{border:1px solid var(--rule);background:var(--black);color:var(--white);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color var(--t) var(--ease), background var(--t) var(--ease), color var(--t) var(--ease);place-items:center;display:grid;position:relative}.pad-key:hover{border-color:var(--red)}.pad-key.on{border-color:var(--red);background:var(--red-deep);box-shadow:var(--glow-line)}.pad-key:active{transform:translateY(1px)}.pad-key.quiet{color:var(--steel);border-color:var(--grid)}.pad-key.quiet:hover{color:var(--white);border-color:var(--red)}.pad-key kbd{font:500 .625rem/1 var(--hud);letter-spacing:.08em;color:var(--dim);position:absolute;bottom:4px;right:5px}@media (pointer:coarse){.pad-key kbd{display:none}}.pad-hint{text-align:center;font:500 .625rem/1.3 var(--hud);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);place-items:center;display:grid}.notice{top:calc(var(--bar) + 8px);background:var(--panel);border:1px solid var(--rule);font:500 .8125rem/1.3 var(--hud);letter-spacing:.06em;color:var(--white);white-space:nowrap;animation:rise .22s var(--ease);padding:10px 16px;position:absolute;left:50%;transform:translate(-50%)}@keyframes rise{0%{opacity:0;transform:translate(-50%,6px)}}.lead{display:contents}.side{top:calc(var(--bar) + 6px);pointer-events:none;flex-direction:column;gap:10px;width:360px;display:flex;position:absolute;bottom:12px;right:12px}.side>*{pointer-events:auto}.details{background:var(--panel);border:1px solid var(--grid);flex-direction:column;flex:auto;min-height:0;display:flex}.tabs{border-bottom:1px solid var(--grid);flex:none;padding:0 8px;display:flex}.tab{cursor:pointer;min-width:0;height:42px;font:500 .6875rem/1 var(--hud);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);transition:color var(--t) var(--ease), border-color var(--t) var(--ease);background:0 0;border:0;border-bottom:2px solid #0000;flex:1 1 0;margin-bottom:-1px;padding:0 4px}.tab:hover{color:var(--white)}.tab[aria-selected=true]{color:var(--white);border-bottom-color:var(--red);box-shadow:var(--glow-tab)}.tab:focus-visible{outline-offset:-2px}.details-body{scrollbar-gutter:stable;flex:auto;min-height:0;padding:18px 14px 28px 20px;overflow-y:auto}.details .readouts{grid-template-columns:repeat(2,minmax(0,1fr))}.details-body:focus-visible{outline-offset:-2px}.details-title{font:600 .9375rem/1.25 var(--hud);letter-spacing:.14em;text-transform:uppercase;color:var(--white);text-wrap:balance;margin-bottom:12px}.details-text{max-width:68ch;color:var(--steel);text-wrap:pretty;margin:0 0 18px;font-size:.9375rem}.details-meta{color:var(--dim);margin:10px 0 12px;font-size:.8125rem}.details-note{color:var(--dim);margin:8px 0 0;font-size:.8125rem}.sub-title{border-top:1px dashed var(--rule);font:400 .875rem/1.2 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--white);margin:30px 0 12px;padding-top:18px}.readouts{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));align-items:end;gap:16px 14px;margin-bottom:18px;display:grid}.readout{flex-direction:column;gap:6px;min-width:0;display:flex}.readout .key{font:500 .6875rem/1.2 var(--hud);letter-spacing:.2em;text-transform:uppercase;color:var(--red);overflow-wrap:anywhere}.readout .value{font:600 1.25rem/1.05 var(--hud);color:var(--white);white-space:nowrap}.readout .value small{font:500 .75rem var(--hud);letter-spacing:.1em;color:var(--dim);margin-left:4px}.table{border-collapse:collapse;width:100%}.table th{text-align:left;border-bottom:1px solid var(--rule);font:500 .6875rem/1.2 var(--hud);letter-spacing:.18em;text-transform:uppercase;color:var(--red);padding:8px 6px}.table td{border-bottom:1px solid var(--grid);font:500 .875rem/1.3 var(--hud);color:var(--steel);font-variant-numeric:tabular-nums;vertical-align:top;padding:7px 6px}.table+.table{margin-top:14px}.table .n{text-align:right}.table td small,.table th small{font:500 .75rem var(--hud);letter-spacing:.04em;color:var(--dim)}.table th[scope=row]{border-bottom:1px solid var(--grid);font:400 .875rem/1.3 var(--body);letter-spacing:0;text-transform:none;color:var(--steel);padding:7px 6px}.table.spec th[scope=col]{color:var(--white)}.table .group th{border-bottom:1px solid var(--rule);font:500 .6875rem/1 var(--hud);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);padding:14px 6px 6px}.table .line{display:block}.table .quiet{font:400 .8125rem/1.3 var(--body);color:var(--dim)}.live-motors td:first-child{white-space:nowrap}.flag{font:500 .75rem/1.3 var(--hud);letter-spacing:.06em;color:var(--red)}.cell-meter{align-items:center;gap:10px;display:flex}.cell-meter>.num{white-space:nowrap}.cell-meter .meter{flex:auto;min-width:32px}.choice{border:1px solid var(--rule);display:inline-flex}.choice button{cursor:pointer;height:32px;font:500 .6875rem/1 var(--hud);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);transition:color var(--t) var(--ease), background var(--t) var(--ease);background:0 0;border:0;padding:0 14px}.choice button+button{border-left:1px solid var(--rule)}.choice button:hover{color:var(--white)}.choice button[aria-pressed=true]{background:var(--red-deep);color:var(--white)}.more{cursor:pointer;font:500 .75rem/1 var(--hud);letter-spacing:.16em;text-transform:uppercase;color:var(--red);text-underline-offset:4px;transition:text-decoration-color var(--t) var(--ease);background:0 0;border:0;margin-top:12px;padding:6px 0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.more:hover{text-decoration-color:currentColor}.shove-grid{border-collapse:collapse;margin:0 0 14px}.shove-grid caption{caption-side:top;text-align:left;font:500 .6875rem/1 var(--hud);letter-spacing:.2em;text-transform:uppercase;color:var(--red);padding-bottom:6px}.shove-grid th,.shove-grid td{text-align:center;width:30px;height:26px;padding:0}.shove-grid thead th{color:var(--steel)}.shove-grid th.unit{width:44px;font:500 .6875rem/1 var(--hud);letter-spacing:.08em;color:var(--dim);text-align:left}.shove-grid tbody th{width:44px;font:500 .8125rem/1 var(--hud);color:var(--steel);text-align:left}.shove-grid .arrow{margin:auto;display:block}.shove-grid i,.legend i{width:14px;height:14px;margin:auto;display:block}.held{background:var(--steel)}.fell{border:1.5px solid var(--red);background:linear-gradient(to top right, transparent calc(50% - .75px), var(--red) calc(50% - .75px), var(--red) calc(50% + .75px), transparent calc(50% + .75px))}.legend{font:500 .6875rem/1 var(--hud);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);gap:18px;margin:0 0 4px;display:flex}.legend span{align-items:center;gap:8px;display:inline-flex}.legend i{width:12px;height:12px;margin:0}.curve{margin:0 0 16px}.curve figcaption{white-space:nowrap;align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.curve-title{font:500 .6875rem/1.2 var(--hud);letter-spacing:.16em;text-transform:uppercase;color:var(--steel)}.curve-value{font:600 .9375rem/1 var(--hud);color:var(--white);margin-left:auto}.curve-at{text-align:right;min-width:9ch;font:500 .75rem/1 var(--hud);color:var(--dim)}.curve svg{cursor:crosshair;touch-action:pan-y;display:block;overflow:visible}.curve svg:focus-visible{outline-offset:4px}.curve .grid-line{stroke:var(--grid);stroke-width:1px}.curve .tick{fill:var(--dim);font:500 10px var(--hud)}.curve-area{fill:var(--curve-area)}.curve-line{fill:none;stroke:var(--red);stroke-width:2px;stroke-linejoin:round;filter:var(--glow-curve)}.curve-dot{fill:var(--red);stroke:var(--black);stroke-width:2px}.crosshair{stroke:var(--rule);stroke-width:1px;stroke-dasharray:2 3}.facts{margin:0}.facts>div{border-bottom:1px solid var(--grid);justify-content:space-between;align-items:baseline;gap:14px;padding:8px 0;display:flex}.facts dt{color:var(--steel);font-size:.875rem;line-height:1.35}.facts dd{text-align:right;font:500 .875rem/1.35 var(--hud);color:var(--white);margin:0}.rewards{margin:0;padding:0;list-style:none}.rewards li{border-bottom:1px solid var(--grid);flex-direction:column;gap:2px;padding:8px 0;display:flex}.reward-label{color:var(--white);font-size:.9375rem;line-height:1.35}.reward-help{color:var(--dim);text-wrap:pretty;font-size:.8125rem;line-height:1.4}.anatomy{background:var(--black);border:1px solid var(--grid);flex-direction:column;flex:none;height:min(430px,50vh);min-height:300px;display:flex;position:relative}.anatomy:before,.anatomy:after{content:"";pointer-events:none;z-index:1;width:10px;height:10px;position:absolute}.anatomy:before{border-top:1px solid var(--red);border-left:1px solid var(--red);top:-1px;left:-1px}.anatomy:after{border-bottom:1px solid var(--red);border-right:1px solid var(--red);bottom:-1px;right:-1px}.anatomy.full{top:calc(var(--bar) + 6px);z-index:6;width:auto;height:auto;position:fixed;bottom:12px;left:12px;right:12px}.anatomy-head{border-bottom:1px solid var(--grid);align-items:center;gap:10px;padding:7px 7px 7px 12px;display:flex}.anatomy-title{font:400 .8125rem/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--white);text-shadow:var(--glow-white)}.anatomy-count{font:500 .6875rem/1 var(--hud);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.anatomy-tools{gap:4px;margin-left:auto;display:flex}.tool{border:1px solid var(--rule);background:var(--black);width:28px;height:28px;color:var(--white);cursor:pointer;transition:border-color var(--t) var(--ease), background var(--t) var(--ease);place-items:center;padding:0;display:grid}.tool:hover{border-color:var(--red)}.tool[aria-pressed=true]{border-color:var(--red);background:var(--red-deep)}.anatomy-stage{flex:1;min-height:0;position:relative;overflow:hidden}.anatomy-stage canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.anatomy-leaders{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.anatomy-leaders path{fill:none;stroke:var(--leader);stroke-width:1px}.anatomy-layer{pointer-events:none;position:absolute;inset:0}.marker{--r:11px;--bracket:var(--steel);width:calc(var(--r) * 2);height:calc(var(--r) * 2);margin:calc(var(--r) * -1) 0 0 calc(var(--r) * -1);cursor:pointer;pointer-events:auto;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:0;left:0}.marker:hover,.marker:focus-visible,.marker.selected{background:linear-gradient(var(--bracket), var(--bracket)) top left / 7px 1px no-repeat, linear-gradient(var(--bracket), var(--bracket)) top left / 1px 7px no-repeat, linear-gradient(var(--bracket), var(--bracket)) top right / 7px 1px no-repeat, linear-gradient(var(--bracket), var(--bracket)) top right / 1px 7px no-repeat, linear-gradient(var(--bracket), var(--bracket)) bottom left / 7px 1px no-repeat, linear-gradient(var(--bracket), var(--bracket)) bottom left / 1px 7px no-repeat, linear-gradient(var(--bracket), var(--bracket)) bottom right / 7px 1px no-repeat, linear-gradient(var(--bracket), var(--bracket)) bottom right / 1px 7px no-repeat}.marker:focus-visible{--bracket:var(--red);outline:none}.marker.selected{--bracket:var(--red)}.marker i{display:none}.marker.passive i{border:1.5px solid var(--white);width:8px;height:8px;box-shadow:var(--glow-marker-white);background:0 0;display:block;transform:rotate(45deg)}.marker.passive:hover i,.marker.passive.selected i{transform:rotate(45deg)scale(1.3)}.tag{background:var(--tag);border:1px solid var(--grid);white-space:nowrap;visibility:hidden;flex-direction:column;gap:1px;padding:3px 7px;display:inline-flex;position:absolute;top:0;left:0}.tag b{font:500 .6875rem/1.1 var(--hud);letter-spacing:.16em;text-transform:uppercase;color:var(--steel)}.tag span{font:600 .8125rem/1.1 var(--hud);color:var(--white);font-variant-numeric:tabular-nums}.tag.selected{border-color:var(--red)}.tag.selected b{color:var(--red)}.anatomy-hint{border-top:1px solid var(--grid);color:var(--dim);padding:9px 12px;font-size:.8125rem;line-height:1.4}.anatomy-details{border-top:1px solid var(--grid);padding:10px 12px 12px}.anatomy-joint{font:600 .8125rem/1 var(--hud);letter-spacing:.16em;text-transform:uppercase;color:var(--white);margin-bottom:8px}.anatomy-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;display:grid}.anatomy-facts>span{flex-direction:column;gap:4px;min-width:0;display:flex}.anatomy-facts>span.wide{grid-column:span 2}.anatomy-facts em{font:500 .6875rem/1 var(--hud);letter-spacing:.18em;text-transform:uppercase;color:var(--red);font-style:normal}.anatomy-facts>span>span{font:600 .875rem/1.2 var(--hud);color:var(--white);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.anatomy-facts small{font:500 .75rem var(--hud);color:var(--dim)}.meter{background:var(--idle);height:3px;display:block}.meter i{background:var(--steel);height:100%;transition:width .12s linear;display:block}.meter.hot i{background:var(--red);box-shadow:var(--glow-line)}.pad,.keys-legend{display:none}@media (hover:none),(pointer:coarse){.pad{display:block}}@media (hover:hover) and (pointer:fine){.keys-legend{display:flex}}.demo.keys .pad{display:none}.demo.keys .keys-legend{display:flex}.keys-legend{background:var(--panel);border:1px solid var(--grid);font:500 .6875rem/1 var(--hud);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);white-space:nowrap;align-items:center;gap:18px;margin:0;padding:10px 14px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.keys-legend span{align-items:center;gap:4px;display:inline-flex}.keys-legend span>:last-child{margin-right:4px}.keys-legend kbd{border:1px solid var(--rule);min-width:24px;height:24px;color:var(--white);font:600 .6875rem/1 var(--hud);letter-spacing:.04em;transition:border-color var(--t) var(--ease), background var(--t) var(--ease), box-shadow var(--t) var(--ease);place-items:center;padding:0 6px;display:inline-grid}.keys-legend kbd.on{border-color:var(--red);background:var(--red-deep);box-shadow:var(--glow-line)}@media (min-width:900px){.lead{top:calc(var(--bar) + 12px);pointer-events:none;flex-direction:column;gap:18px;width:360px;display:flex;position:absolute;bottom:12px;left:12px}.lead>.intro,.lead>.live{max-width:none;padding-left:8px;position:static}.lead>.details{pointer-events:auto}.lead>.live{margin-top:auto;padding-bottom:12px}.demo.with-panel .lead>.live{flex-flow:wrap;gap:4px 16px;padding-bottom:0}.demo.with-panel .pad,.demo.with-panel .keys-legend{left:calc(50% + 186px)}}@media (max-width:899px){.side{display:contents}.anatomy.compact{top:calc(var(--bar) + 6px);width:200px;height:260px;min-height:0;position:absolute;right:10px}.anatomy.compact .anatomy-head{padding:5px 5px 5px 9px}.anatomy.compact .anatomy-title{letter-spacing:.08em;font-size:.625rem}.anatomy.compact .tool{width:24px;height:24px}.anatomy.compact .marker{pointer-events:none}.anatomy.compact .marker,.anatomy.compact .marker.selected{background:0 0}.anatomy.compact .marker.passive i{width:5px;height:5px}.details{height:62vh;border:0;border-top:1px solid var(--rule);background:var(--black);z-index:4;height:62dvh;position:absolute;bottom:0;left:0;right:0}.details-body{padding-bottom:calc(28px + env(safe-area-inset-bottom))}}@media (max-width:640px){:root{--key:54px}.anatomy.compact{width:124px;height:168px}.intro{max-width:calc(100vw - 158px)}.top{padding:0 14px}.wordmark{letter-spacing:.2em;font-size:.6875rem}.top{gap:10px}.details-toggle{padding:0 10px}.intro{left:14px}.intro-text{font-size:.9375rem}.pad{bottom:calc(14px + env(safe-area-inset-bottom))}}@media (max-width:380px){.wordmark{letter-spacing:.16em;font-size:.625rem}}@media (max-width:640px) and (pointer:coarse){.demo:not(.keys) .live{left:0;right:0;bottom:calc(14px + env(safe-area-inset-bottom) + 3 * var(--key) + 12px + 22px + 10px);flex-direction:row;justify-content:center;gap:14px}.demo:not(.keys) .notice{top:auto;bottom:calc(14px + env(safe-area-inset-bottom) + 3 * var(--key) + 12px + 22px + 40px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}