.capture{z-index:50;background:#000000b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.capture__box{text-align:center;background:#1a1a1a;border:1px solid #e8a33d;flex-direction:column;align-items:center;gap:.4rem;min-width:20rem;padding:2rem 3rem;display:flex}.capture__label{font-family:var(--font-roboto-condensed),sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#e8a33d;font-size:.8rem}.capture__prompt{color:#fcf8f8;font-size:1.4rem}.capture__picker{border-top:1px solid #333;flex-direction:column;align-items:center;gap:.5rem;width:100%;margin:.6rem 0 .2rem;padding-top:.8rem;display:flex}.capture__picker-hint{color:#777;font-size:.66rem}.capture__buttons{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.capture__mouse{color:#e0e0e0;font-family:var(--font-roboto-condensed),sans-serif;cursor:pointer;background:#222;border:1px solid #464646;padding:.3rem .6rem;font-size:.7rem;transition:border-color .2s,background-color .2s}.capture__mouse:hover{color:#e8a33d;background:#2a2a2a;border-color:#e8a33d}.capture__hint{color:#888;font-size:.72rem}.capture__hint b{color:#b0b0b0}
.help{flex:none;display:inline-flex;position:relative}.help__marker{color:#888;text-align:center;cursor:help;border:1px solid #555;width:.95rem;height:.95rem;font-size:.6rem;font-style:normal;line-height:.85rem;transition:border-color .2s,color .2s}.help__card{z-index:40;white-space:normal;text-align:left;pointer-events:none;width:max-content;max-width:20rem;font-family:var(--font-roboto),sans-serif;text-transform:none;letter-spacing:normal;color:#e0e0e0;background:#201e1b;border:1px solid #ffffff2e;flex-direction:column;gap:.5rem;padding:.7rem;display:none;position:absolute;top:1.3rem;left:-.5rem;box-shadow:0 8px 24px #0000008c}.help__text{color:#e0e0e0;font-size:.72rem;line-height:1.45}.help__image{width:100%;max-width:20rem;height:auto;display:block}.help:hover .help__marker,.help:focus-within .help__marker{color:#e8a33d;border-color:#e8a33d}.help:hover .help__card,.help:focus-within .help__card{display:flex}.controls__row:last-child .help__card{top:auto;bottom:1.3rem}
.lang{font-family:var(--font-roboto-condensed),sans-serif;text-transform:uppercase;letter-spacing:.12em;letter-spacing:.06em;color:#8d887f;cursor:pointer;background:#191816;border:1px solid #ffffff2e;flex:none;width:auto;min-width:max-content;padding:.5rem 1.6rem .5rem .6rem;font-size:.68rem}.lang:hover{color:#ded9d1;border-color:#e8a33d}.lang option{color:#ded9d1;background:#191816}.gate{background:radial-gradient(circle at 75% 15%,#e8a33d0f 0%,#0000 45%),radial-gradient(circle at 20% 85%,#b20f1112 0%,#0000 45%);justify-content:center;align-items:center;min-height:calc(100vh - 9rem);padding:3rem 2rem;display:flex}.gate__panel{text-align:center;background:#191816d9;border:1px solid #ffffff17;flex-direction:column;align-items:center;gap:1rem;max-width:34rem;padding:3rem 3.5rem;display:flex;position:relative}.gate__panel:before,.gate__panel:after{content:"";border:2px solid #ffffff2e;width:1.1rem;height:1.1rem;position:absolute}.gate__panel:before{border-width:2px 0 0 2px;top:.5rem;left:.5rem}.gate__panel:after{border-width:0 2px 2px 0;bottom:.5rem;right:.5rem}.gate__kicker{font-family:var(--font-roboto-condensed),sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#6b665f;font-size:.62rem}.gate__title{font-family:var(--font-roboto-condensed),sans-serif;text-transform:uppercase;letter-spacing:.02em;color:#fcf8f8;font-size:2.4rem;line-height:1}.gate__lead{color:#8d887f;max-width:26rem;font-size:.84rem;line-height:1.6}.gate__button{font-family:var(--font-roboto-condensed),sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#17150f;cursor:pointer;background:#e8a33d;border:1px solid #e8a33d;margin-top:.5rem;padding:.85rem 2.6rem;font-size:.8rem;font-weight:700;transition:filter .15s}.gate__button:hover{filter:brightness(1.12)}.gate__path{cursor:pointer;background:#121110;border:1px solid #ffffff17;align-items:center;gap:.6rem;padding:.4rem .7rem;transition:border-color .15s;display:inline-flex}.gate__path:hover{border-color:#e8a33d}.gate__path code{color:#8d887f;font-family:monospace;font-size:.7rem}.gate__copy{font-family:var(--font-roboto-condensed),sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#e8a33d;font-size:.6rem}.gate__error{color:#ef4444;font-size:.78rem}.gate__note{color:#6b665f;font-size:.7rem}.settings{--bar-h:5.2rem}.settings__sticky{z-index:20;background:#121110;padding-top:1.5rem;display:flow-root;position:sticky;top:0}.settings__bar{border-bottom:1px solid #ffffff17;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;padding-bottom:0;display:flex}.settings__ident{padding-bottom:.8rem}.settings__kicker{font-family:var(--font-roboto-condensed),sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#6b665f;font-size:.62rem}.settings__title{font-family:var(--font-roboto-condensed),sans-serif;text-transform:uppercase;letter-spacing:.02em;color:#fcf8f8;font-size:1.5rem;line-height:1.1}.settings__file{color:#6b665f;font-size:.68rem}.settings__tabs{align-items:center;gap:.5rem;padding-bottom:.8rem;display:flex}.settings__tab,.board__size,.board__export,.settings__download{font-family:var(--font-roboto-condensed),sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#8d887f;cursor:pointer;background:0 0;border:none;padding:.6rem 1.1rem;font-size:.74rem;transition:color .15s;position:relative}.settings__tab:after,.board__size:after,.board__export:after,.settings__download:after{content:"";background:0 0;height:3px;transition:background-color .15s;position:absolute;bottom:-.8rem;left:0;right:0}.settings__tab:hover,.board__size:hover,.board__export:hover,.settings__download:hover{color:#ded9d1}.settings__tab--on{color:#e8a33d}.settings__tab--on:after{background:#e8a33d}.settings__download{color:#17150f;background:#e8a33d;border:1px solid #e8a33d;padding:.5rem 1.2rem;font-weight:700}.settings__download:after{display:none}.settings__download:hover{color:#17150f;filter:brightness(1.12)}.settings__warn{color:#f0bb93;background:#f9731617;border-left:3px solid #f97316;margin:1rem 0;padding:.7rem 1rem;font-size:.78rem}.controls{grid-template-columns:15rem 1fr;align-items:start;gap:1.5rem;margin-top:1.5rem;display:grid}.controls__toc{top:calc(var(--bar-h) + 1rem);max-height:calc(100vh - var(--bar-h) - 2rem);background:#191816;border:1px solid #ffffff17;flex-direction:column;padding:.4rem;display:flex;position:sticky;overflow-y:auto}.controls__toc-item{color:#8d887f;border-left:2px solid #0000;align-items:center;gap:.4rem;padding:.4rem .6rem;font-size:.74rem;transition:background-color .15s,color .15s,border-color .15s;display:flex}.controls__toc-item:hover{color:#fcf8f8;background:#201e1b;border-left-color:#e8a33d}.controls__toc-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.controls__toc-count{color:#6b665f;font-size:.66rem}.controls__toc-badge{color:#17150f;white-space:nowrap;background:#f97316;flex:none;padding:0 .3rem;font-size:.6rem;font-weight:700;line-height:1.5}.controls__toc-badge--shared{color:#6b665f;background:0 0;border:1px solid #ffffff29;font-weight:400}.controls__list{background:#191816;border:1px solid #ffffff17;flex-direction:column;min-width:0;display:flex}.controls__section{scroll-margin-top:var(--bar-h)}.controls__heading{font-family:var(--font-roboto-condensed),sans-serif;text-transform:uppercase;letter-spacing:.12em;top:var(--bar-h);z-index:10;color:#8d887f;text-align:left;cursor:pointer;background:#191816;border:none;border-bottom:1px solid #ffffff17;align-items:center;gap:.5rem;width:100%;padding:.9rem 1rem .5rem;font-size:.66rem;display:flex;position:sticky}.controls__heading:hover{color:#e8a33d}.controls__heading:hover,.controls__heading:focus-within{z-index:15}.controls__chevron{color:#6b665f;transition:transform .2s;display:inline-block}.controls__chevron--open{transform:rotate(90deg)}.controls__row{border-top:1px solid #ffffff0b;grid-template-columns:minmax(0,1fr) 7rem 7rem minmax(0,1fr) 2.6rem;align-items:stretch;gap:0;transition:background-color .12s;display:grid}.controls__row:nth-child(odd){background:#ffffff04}.controls__row:hover{background:#201e1b}.controls__label{color:#ded9d1;align-items:center;gap:.35rem;min-width:0;padding:.45rem 1rem;font-size:.8rem;display:flex}.controls__label-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.controls__key{font-family:var(--font-roboto-condensed),sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#ded9d1;cursor:pointer;background:0 0;border:1px solid #0000;border-left-color:#ffffff17;margin:.25rem;font-size:.72rem;transition:border-color .15s,background-color .15s,color .15s}.controls__key:hover{background:#ffffff0d;border-color:#ffffff2e}.controls__key--custom{color:#e8a33d;border-color:#e8a33d80}.controls__key--clash{color:#ffb37a;background:#f9731624;border-color:#f97316}.controls__mates{color:#f97316;text-overflow:ellipsis;white-space:nowrap;align-self:center;padding:0 .75rem;font-size:.66rem;overflow:hidden}.controls__mates em{color:#ffb37a;font-style:normal}.controls__mates em+em:before{content:", ";color:#f97316}.controls__reset{color:#6b665f;cursor:pointer;background:0 0;border:1px solid #0000;place-self:center;width:1.6rem;height:1.6rem;font-size:.95rem;line-height:1;transition:color .15s,border-color .15s}.controls__reset:hover:not(:disabled){color:#e8a33d;border-color:#ffffff2e}.controls__reset:disabled{opacity:.25;cursor:default}@media (max-width:1024px){.controls{grid-template-columns:1fr}.controls__toc{max-height:none;position:static}.controls__heading{position:static}.controls__row{grid-template-columns:1fr 5rem 5rem 2.5rem}.controls__mates{display:none}}.board{margin-top:1.5rem}.board__controls{gap:.5rem;margin-bottom:1rem;display:flex}.board__size,.board__export{border:1px solid #ffffff17;padding:.45rem 1rem}.board__size:after,.board__export:after{display:none}.board__size:hover,.board__export:hover{border-color:#ffffff2e}.board__spacer{flex:1}.board__export{color:#e8a33d;border-color:#e8a33d80}.board__size--on{color:#e8a33d;border-color:#e8a33d}.board .keyboard{background:#121110;border:1px solid #ffffff17;width:100%;height:auto}.board__detail{background:#191816;border:1px solid #ffffff17;margin-top:1rem;padding:1rem 1.2rem;position:relative}.board__detail:before,.board__detail:after{content:"";border:2px solid #ffffff2e;width:.9rem;height:.9rem;position:absolute}.board__detail:before{border-width:2px 0 0 2px;top:.4rem;left:.4rem}.board__detail:after{border-width:0 2px 2px 0;bottom:.4rem;right:.4rem}.board__detail h3{font-family:var(--font-roboto-condensed),sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#e8a33d;margin-bottom:.5rem;font-size:1rem}.board__detail-row{border-top:1px solid #ffffff17;justify-content:space-between;gap:1rem;padding:.3rem 0;font-size:.78rem;display:flex}.board__detail-row span{color:#6b665f}.foot{border-top:1px solid #ffffff17;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem 1rem;margin-top:2.5rem;padding:1.5rem 0 2.5rem;display:flex}.foot__credit{text-align:center;font-family:var(--font-roboto-condensed),sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#8d887f;flex:100%;font-size:.66rem}.foot__beta{text-align:center;color:#8d887f;flex:100%;justify-content:center;align-items:center;gap:.5rem;max-width:46rem;margin:0 auto;font-size:.7rem;display:flex}.foot__tag{font-family:var(--font-roboto-condensed),sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#e8a33d;border:1px solid #e8a33d;flex:none;padding:.1rem .45rem;font-size:.6rem;font-weight:700}.foot__note{text-align:center;color:#6b665f;flex:100%;font-size:.66rem}.foot__link{font-family:var(--font-roboto-condensed),sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#8d887f;background:#191816;border:1px solid #ffffff17;align-items:center;gap:.45rem;padding:.5rem 1.1rem;font-size:.72rem;transition:border-color .15s,color .15s;display:inline-flex}.foot__link:hover{color:#fcf8f8;border-color:#5865f2}.foot__link svg{fill:currentColor;width:1rem;height:1rem}