/* The original themistic wireframes, with a button surface for touch and keyboard. */
.ascii-form{display:block;position:relative;width:100%;padding:22px 12px 12px;border:0;background:transparent;color:var(--body);cursor:pointer;text-align:left;touch-action:manipulation}.ascii-stage{display:block;position:relative;width:100%;padding:16px 0}.ascii-stage pre{font:clamp(6px,1vw,10px)/1.15 var(--mono);white-space:pre;width:64ch;margin:0 auto;letter-spacing:0;height:34.5em;color:inherit}.ascii-stage i{position:absolute;width:11px;height:11px;border:0 solid var(--line);transition:transform .35s,border-color .35s}.ascii-stage i:nth-of-type(1){top:0;left:0;border-top-width:1px;border-left-width:1px}.ascii-stage i:nth-of-type(2){top:0;right:0;border-top-width:1px;border-right-width:1px}.ascii-stage i:nth-of-type(3){bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}.ascii-stage i:nth-of-type(4){bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}.ascii-form.is-active{color:#bcbdf5}.ascii-form.is-active i{border-color:var(--accent);transform:scale(1.4)}.ascii-form:focus-visible{outline-offset:4px}
@media(max-width:600px){.ascii-stage pre{font-size:clamp(5.7px,1.7vw,8px)}.ascii-form{padding:12px 0}.ascii-stage{padding:10px 0}}