.split-flap-cell{--flap-cell-width:6rem;--flap-step-duration:72ms;--flap-housing:#0d0f0d;--flap-surface:#202320;--flap-ink:#eeeadd;--flap-half-height:42%;--flap-stack-height:16%;box-sizing:border-box;inline-size:var(--flap-cell-width);aspect-ratio:.535;background:linear-gradient(90deg, #0a0b0a 0 8%, transparent 8% 92%, #080908 92%), var(--flap-housing);perspective:900px;-webkit-user-select:none;user-select:none;border:1px solid #080908;border-radius:.48rem;padding:.42rem .38rem .48rem;box-shadow:0 1.5rem 2.5rem #1012103d,inset 0 1px #ffffff0d,inset 0 -2px #000000b3}.split-flap-cell,.split-flap-cell *{box-sizing:border-box}.split-flap-cell__well{block-size:100%;transform-style:preserve-3d;background:#171a18;border:1px solid #050605;border-radius:.26rem;position:relative;overflow:hidden;box-shadow:inset 0 .35rem .7rem #00000075,0 1px #ffffff0a}.split-flap-cell__well:after{z-index:2;block-size:var(--flap-stack-height);content:"";background:repeating-linear-gradient(#282b28 0 1px,#181b19 1px 20%);border-block-start:1px solid #111311;position:absolute;inset:auto 5% 1%;box-shadow:inset 0 .3rem .4rem #ffffff08,inset 0 -.3rem .45rem #0000008c}.split-flap-cell__face{z-index:1;block-size:var(--flap-half-height);background:linear-gradient(104deg, #ffffff08, transparent 28%), linear-gradient(180deg, #252825, var(--flap-surface));color:var(--flap-ink);backface-visibility:hidden;transform-style:preserve-3d;border:1px solid #131513;position:absolute;inset-inline:0;overflow:hidden}.split-flap-cell__face.is-color{background:linear-gradient(110deg, #ffffff21, transparent 38%), var(--flap-face-color)}.split-flap-cell__face--top{transform-origin:bottom;border-block-end-color:#080908;border-radius:.2rem .2rem 0 0;inset-block-start:0}.split-flap-cell__face--bottom{transform-origin:top;border-block-start-color:#3a3d39;border-radius:0 0 .08rem .08rem;inset-block-end:var(--flap-stack-height)}.split-flap-cell__content{block-size:200%;font-family:Avenir Next,Helvetica Neue,Arial,sans-serif;font-size:calc(var(--flap-cell-width) * 1.04);text-align:center;text-shadow:0 0 .025em,0 1px #000000bf;place-items:center;font-weight:300;font-stretch:100%;line-height:1;display:grid;position:absolute;inset-inline:0}.split-flap-cell__content[data-glyph=W]{transform:translate(-.04em)scaleX(.82)}.split-flap-cell__face--top .split-flap-cell__content{inset-block-start:0}.split-flap-cell__face--bottom .split-flap-cell__content{inset-block-end:0}.split-flap-cell__face--animated{z-index:3;will-change:transform}.split-flap-cell__face--animated.split-flap-cell__face--top{animation:split-flap-top var(--flap-step-duration) cubic-bezier(.55, .05, .78, .22) both}.split-flap-cell__face--animated.split-flap-cell__face--bottom{z-index:4;animation:split-flap-bottom var(--flap-step-duration) cubic-bezier(.18, .68, .28, 1) both}.split-flap-cell__hinge{inset:var(--flap-half-height) -1px auto;z-index:6;background:#060706;block-size:2px;position:absolute;transform:translateY(-50%);box-shadow:0 -1px #ffffff0d,0 1px 2px #000c}.split-flap-cell__hinge:before,.split-flap-cell__hinge:after{aspect-ratio:1;content:"";background:#242724;border:1px solid #050605;border-radius:50%;inline-size:.28rem;position:absolute;inset-block-start:50%;transform:translateY(-50%);box-shadow:inset 0 1px #ffffff12}.split-flap-cell__hinge:before{inset-inline-start:.18rem}.split-flap-cell__hinge:after{inset-inline-end:.18rem}@keyframes split-flap-top{0%{filter:brightness();transform:rotateX(0)}46%,to{filter:brightness(.58);transform:rotateX(-90deg)}}@keyframes split-flap-bottom{0%,46%{filter:brightness(.62);transform:rotateX(90deg)}82%{filter:brightness(1.05);transform:rotateX(0)}91%{transform:rotateX(7deg)}to{filter:brightness();transform:rotateX(0)}}@media (prefers-reduced-motion:reduce){.split-flap-cell__face--animated{animation-duration:1ms!important}}:root{color:#1a1c1a;font-synthesis:none;text-rendering:optimizelegibility;background:#d7d7d1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-block-size:100vh;min-inline-size:320px;margin:0}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #5b8bc0}.app-shell{min-block-size:100vh}.app-shell--board{background:radial-gradient(circle at 50% 22%,#ffffffd1,#0000 38rem),#d7d7d1}.app-shell--cell{background:linear-gradient(90deg,#fff3 1px,#0000 1px) 0 0/3rem 3rem,linear-gradient(#fff3 1px,#0000 1px) 0 0/3rem 3rem,#c9cbc5}.view-switcher{z-index:20;border-block-end:1px solid #1e211e29;justify-content:space-between;align-items:center;max-inline-size:90rem;margin-inline:auto;padding:1.35rem clamp(1.25rem,4vw,4rem);display:flex;position:relative}.view-switcher__brand{letter-spacing:.18em;font-family:SFMono-Regular,Consolas,monospace;font-size:.68rem;font-weight:800}.view-switcher>div:last-child{background:#ffffff6b;border-radius:999px;gap:.25rem;padding:.22rem;display:flex}.view-switcher button{color:#5a5e59;background:0 0;border:0;border-radius:999px;padding:.55rem .85rem;font-size:.76rem;font-weight:650}.view-switcher button[aria-current=page]{color:#f1efe8;background:#1b1d1b;box-shadow:0 1px 3px #00000038}.board-studio{--studio-width:78rem;min-block-size:calc(100vh - 4.7rem);padding:clamp(2.5rem,7vh,6.5rem) clamp(1rem,4vw,4rem) 6rem}.board-studio__intro{max-inline-size:var(--studio-width);justify-content:space-between;align-items:end;margin:0 auto clamp(1.6rem,4vw,3rem);display:flex}.board-studio__intro p,.composer p,.message-field>span,.palette>span,.message-library label span{letter-spacing:.14em;text-transform:uppercase;margin:0;font-family:SFMono-Regular,Consolas,monospace;font-size:.64rem;font-weight:750}.board-studio__intro p{color:#686d68;margin-block-end:.65rem}.board-studio__intro h1{letter-spacing:-.06em;text-transform:uppercase;margin:0;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:clamp(2.25rem,5vw,4.8rem);font-weight:800;font-stretch:75%;line-height:.92}.board-studio__actions{gap:.55rem;display:flex}.sound-toggle,.tv-mode-toggle{color:#343834;background:#f6f6f1ad;border:1px solid #afb2ac;border-radius:999px;align-items:center;gap:.55rem;padding:.6rem .85rem;font-size:.72rem;font-weight:700;display:flex}.sound-toggle:hover,.tv-mode-toggle:hover{background:#f5f5f0}.sound-toggle span,.tv-mode-toggle span{letter-spacing:-.15em;min-inline-size:1.65rem;font-family:monospace}.tv-mode-toggle span{letter-spacing:0;font-size:1.1rem;line-height:0}.board-stage{inline-size:100%;max-inline-size:var(--studio-width);margin-inline:auto;transition:max-inline-size .52s cubic-bezier(.22,1,.36,1)}.board-studio.is-editing .board-stage{max-inline-size:58rem}.board{isolation:isolate;background:radial-gradient(circle at 18% 12%,#ffffff0a,#0000 34%),linear-gradient(115deg,#1b1d1b,#0f1110 62%,#151715);border:clamp(5px,.65vw,10px) solid #090a09;border-radius:clamp(.35rem,.7vw,.7rem);inline-size:100%;padding:clamp(2.6rem,4.6vw,4.6rem) clamp(1.7rem,5.8vw,6.2rem) clamp(3.5rem,5.5vw,5.7rem);position:relative;box-shadow:0 2.8rem 5rem #1f221f42,0 .3rem .7rem #00000047,inset 0 0 0 2px #292c29,inset 0 0 2.2rem #0000007a}.board:before{z-index:-1;content:"";border:1px solid #ffffff0d;border-radius:.18rem;position:absolute;inset:.6rem;box-shadow:inset 0 0 1rem #0009}.board__grid{grid-template-columns:repeat(22,minmax(0,1fr));gap:clamp(4px,.88vw,14px) clamp(2px,.52vw,8px);display:grid}.board .split-flap-cell{--flap-cell-width:100%;--flap-housing:#0b0d0b;--flap-surface:#1c1f1d;border-radius:8%/4.5%;inline-size:100%;padding:7% 6% 8%;box-shadow:0 .2rem .25rem #0000007a,inset 0 1px #ffffff0a;container-type:inline-size}.board .split-flap-cell__well{border-radius:6%/3.5%}.board .split-flap-cell__content{letter-spacing:0;font-size:104cqi}.board .split-flap-cell__hinge{opacity:.7}.board .split-flap-cell__hinge:before,.board .split-flap-cell__hinge:after{inline-size:9%}.board .split-flap-cell__hinge:before{inset-inline-start:5%}.board .split-flap-cell__hinge:after{inset-inline-end:5%}.board__wordmark{color:#777a76;letter-spacing:.42em;text-align:center;font-family:Helvetica Neue,Arial,sans-serif;font-size:clamp(.4rem,.78vw,.75rem);font-weight:350;position:absolute;inset:auto 0 clamp(1rem,1.8vw,1.9rem)}.board__settings{z-index:10;aspect-ratio:1;color:#d4d5cf;opacity:0;background:#0809089e;border:1px solid #ffffff21;border-radius:50%;place-items:center;inline-size:clamp(2rem,3vw,2.65rem);transition:opacity .18s,transform .18s,background .18s;display:grid;position:absolute;inset:clamp(.75rem,1.4vw,1.3rem) clamp(.75rem,1.4vw,1.3rem) auto auto;transform:translateY(-.3rem)}.board:hover .board__settings,.board:focus-within .board__settings,.is-editing .board__settings{opacity:1;transform:translateY(0)}.board__settings:hover{background:#343735}.board__settings svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4px;inline-size:55%}.board-status{max-inline-size:var(--studio-width);color:#777b76;letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;margin:1rem auto 0;font-family:SFMono-Regular,Consolas,monospace;font-size:.62rem;font-weight:700;display:flex}:is(html:has(.board-studio.is-tv-mode),body:has(.board-studio.is-tv-mode)){background:#0b0d0c;min-block-size:100%;inline-size:100%;overflow:hidden}body:has(.board-studio.is-tv-mode) .view-switcher{display:none}.board-studio.is-tv-mode{background:radial-gradient(circle at 18% 12%,#ffffff0a,#0000 34%),linear-gradient(115deg,#1b1d1b,#0f1110 62%,#151715);place-items:center;block-size:100dvh;min-block-size:100vh;padding:2.5vmin;display:grid;position:fixed;inset:0}.board-studio.is-tv-mode .board-studio__intro,.board-studio.is-tv-mode .board-status,.board-studio.is-tv-mode .composer,.board-studio.is-tv-mode .board__settings{display:none}.board-studio.is-tv-mode .board-stage{inline-size:min(96vw,178.56vh);max-inline-size:none;margin:0}.board-studio.is-tv-mode .board{box-shadow:none;background:0 0;border:0;border-radius:0}.board-studio.is-tv-mode .board:before{display:none}.tv-mode-exit{z-index:30;color:#d7d8d2;opacity:.32;background:#0a0c0bb3;border:1px solid #ffffff29;border-radius:999px;padding:.55rem .75rem;font-size:.7rem;font-weight:700;transition:opacity .16s,background .16s;position:fixed;inset:1.1rem 1.1rem auto auto}.tv-mode-exit:hover,.tv-mode-exit:focus-visible{opacity:1;background:#232623}.tv-mode-exit span{margin-inline-start:.45rem;font-size:1rem}.composer{color:#e8e7e1;background:#171918;border:1px solid #303330;border-radius:.45rem;grid-template-columns:minmax(0,1.35fr) minmax(18rem,.8fr);max-inline-size:66rem;margin:2.2rem auto 0;animation:.48s cubic-bezier(.22,1,.36,1) both composer-reveal;display:grid;overflow:hidden;box-shadow:0 2rem 4rem #1618163b}.composer__main,.message-library{padding:clamp(1.35rem,3vw,2.3rem)}.composer__main{border-inline-end:1px solid #303330}.composer__heading,.message-library__heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.composer p,.message-field>span,.palette>span,.message-library label span{color:#777c77}.composer h2{letter-spacing:-.035em;margin:.35rem 0 0;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:1.5rem;font-stretch:75%}.text-button{color:#c5c7c1;background:0 0;border:0;padding:.35rem;font-size:.74rem;font-weight:700}.text-button:hover{color:#fff}.message-field{gap:.65rem;margin-block-start:2rem;display:grid}.message-field textarea{resize:vertical;color:#f3f1e9;caret-color:#f3f1e9;letter-spacing:.06em;text-transform:uppercase;background:#202321;border:1px solid #3a3d3a;border-radius:.28rem;min-block-size:9rem;padding:1rem;font-family:SFMono-Regular,Consolas,monospace;font-size:1rem;line-height:1.55}.message-field textarea::placeholder{color:#626662;text-transform:none}.message-field small{color:#6e736e;font-size:.67rem}.palette{align-items:center;gap:1rem;margin-block-start:1.25rem;display:flex}.palette>div{gap:.55rem;display:flex}.palette button{aspect-ratio:1;background:var(--swatch);border:1px solid #ffffff2e;border-radius:.12rem;inline-size:1.35rem;transition:transform .13s;box-shadow:inset 0 1px #ffffff38,0 2px 4px #00000059}.palette button:hover{transform:translateY(-2px)scale(1.08)}.composer__actions{justify-content:flex-end;gap:.6rem;margin-block-start:2rem;display:flex}.primary-action,.secondary-action{border-radius:.24rem;min-block-size:2.75rem;padding-inline:1rem;font-size:.76rem;font-weight:750}.secondary-action{color:#b7bab5;background:0 0;border:1px solid #3d413e}.primary-action{color:#171918;background:#f3f1e9;border:1px solid #f3f1e9}.primary-action span{margin-inline-start:.6rem}.primary-action:disabled{color:#747874;cursor:not-allowed;background:#343734;border-color:#484c48}.message-library{background:#131513}.message-library__heading label{gap:.45rem;display:grid}.message-library select{color:#e2e1dc;background:#202320;border:1px solid #3b3f3b;border-radius:.22rem;padding:.42rem 1.8rem .42rem .55rem;font-size:.72rem}.message-library ol{gap:.4rem;margin:1.7rem 0 0;padding:0;list-style:none;display:grid}.message-library li{background:#1b1e1c;border:1px solid #2e322e;border-radius:.25rem;grid-template-columns:minmax(0,1fr) 2.3rem;display:grid}.message-library li.is-active{background:#232624;border-color:#696e69}.message-library li>button{color:#c7c9c3;background:0 0;border:0}.message-library li>button:first-child{text-align:start;grid-template-columns:1.8rem minmax(0,1fr);align-items:center;gap:.5rem;min-inline-size:0;padding:.8rem;display:grid}.message-library li>button:first-child span{color:#626762;font-family:monospace;font-size:.66rem}.message-library li strong{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.message-library li>button:last-child{color:#686d68;font-size:1.15rem}.message-library li>button:last-child:hover:not(:disabled){color:#e06e65}.message-library li>button:disabled{opacity:.25;cursor:not-allowed}@keyframes composer-reveal{0%{opacity:0;transform:translateY(-1.2rem)}to{opacity:1;transform:translateY(0)}}.workbench{grid-template-columns:minmax(14rem,.8fr) minmax(19rem,1.2fr);gap:clamp(2rem,6vw,6rem);min-block-size:calc(100vh - 4.7rem);padding:clamp(2rem,6vw,5rem);display:grid}.workbench__header{align-self:start;max-inline-size:28rem}.workbench__index,.readout dt,.speed-control span,.target-control span{letter-spacing:.14em;text-transform:uppercase;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.7rem;font-weight:700}.workbench__index{color:#5c625d;margin:0 0 3rem}.workbench h1{letter-spacing:-.07em;text-transform:uppercase;max-inline-size:8ch;margin:0;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:clamp(3rem,8vw,7.6rem);font-weight:800;font-stretch:75%;line-height:.82}.workbench__header>p:last-child{color:#525752;max-inline-size:28ch;margin:2rem 0 0;font-size:1rem;line-height:1.5}.inspection-rig{background:#e6e7e294;border-block:1px solid #8d918c;align-content:center;justify-items:center;min-block-size:34rem;display:grid;position:relative;box-shadow:inset 0 1px #ffffff73}.inspection-rig__scale{color:#626862;border-block-start:1px solid #8d918c;justify-content:space-between;padding-block-start:.35rem;font-family:SFMono-Regular,Consolas,monospace;font-size:.62rem;display:flex;position:absolute;inset:1rem 1.25rem auto}.inspection-rig__bit{--flap-cell-width:clamp(7rem, 16vw, 10rem)}.readout{border-block-start:1px solid #a0a49e;grid-template-columns:repeat(3,1fr);margin:0;display:grid;position:absolute;inset:auto 1.25rem 1.2rem}.readout div{border-inline-start:1px solid #a0a49e;padding:.7rem .8rem 0}.readout div:last-child{border-inline-end:1px solid #a0a49e}.readout dt{color:#686d68}.readout dd{margin:.3rem 0 0;font-family:SFMono-Regular,Consolas,monospace;font-size:.85rem}.controls{grid-column:2;grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.controls__buttons{background:#777c77;border:1px solid #777c77;border-radius:.25rem;grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.controls button{color:#222522;background:#e4e5df;border:0;min-block-size:3rem}.controls button:hover,.controls button:focus-visible{background:#f3f3ef}.controls button.is-primary{color:#f0ede4;background:#1c1f1c}.controls button.is-primary:hover,.controls button.is-primary:focus-visible{background:#303530}.speed-control,.target-control{gap:.55rem;display:grid}.speed-control input{accent-color:#1c1f1c;inline-size:100%}.target-control select{color:#202320;background:#e4e5df;border:1px solid #8d918c;border-radius:.2rem;min-block-size:2.6rem;padding-inline:.7rem}@media (hover:none){.board__settings{opacity:.8;transform:none}}@media (width<=760px){.view-switcher{align-items:flex-start}.view-switcher__brand{padding-block-start:.65rem}.view-switcher>div:last-child{border-radius:.5rem;flex-direction:column}.view-switcher button{border-radius:.35rem;padding:.45rem .65rem}.board-studio{padding-block-start:2.5rem}.board-studio__intro{align-items:center}.board-studio__intro h1{font-size:clamp(2.1rem,12vw,4rem)}.sound-toggle{padding:.55rem}.sound-toggle>:last-child{display:none}.board{padding-inline:clamp(1.3rem,6vw,2.2rem)}.composer{grid-template-columns:1fr}.composer__main{border-block-end:1px solid #303330;border-inline-end:0}.workbench{grid-template-columns:1fr;gap:2.5rem}.workbench h1{max-inline-size:11ch}.inspection-rig{min-block-size:28rem}.controls{grid-column:1}}@media (width<=480px){.board-studio{padding-inline:.65rem}.board-studio__intro{padding-inline:.35rem}.board-studio__intro p{display:none}.board{border-width:4px;padding-block:2.3rem 3rem}.board__grid{gap:4px 2px}.board__wordmark{inset-block-end:.9rem}.palette{flex-direction:column;align-items:flex-start}.palette>div{justify-content:space-between;inline-size:100%}.palette button{inline-size:1.65rem}.composer__actions{grid-template-columns:1fr 1.4fr;display:grid}.workbench{padding:1.25rem}.controls,.controls__buttons{grid-template-columns:1fr}.speed-control,.target-control{grid-column:1}}@media (prefers-reduced-motion:reduce){.board-stage,.board__settings,.palette button{transition:none}.composer{animation:none}}