.he-dialog{--he-green:#a6ffb1;--he-dim:#86ac94;background:#060c09;color:var(--he-green);border:3px outset #aab8ad;border-radius:0;padding:0;width:min(900px,96vw);max-width:96vw;max-height:94dvh;box-shadow:12px 12px 0 #0008;font:15px/1.5 'Courier New',monospace;color-scheme:dark}.he-dialog::backdrop{background:#010504e8}.he-dialog *{box-sizing:border-box}.he-dialog button,.he-dialog input,.he-dialog select{font:inherit;border-radius:0}.he-dialog button{padding:10px 15px;background:#14281c;color:#c5ffd0;border:2px outset #63856b;cursor:pointer;min-height:44px}.he-dialog button:hover{background:#244833}.he-dialog button:active{border-style:inset}.he-dialog button:disabled{opacity:.35;cursor:default}.he-dialog :focus-visible{outline:3px solid #ffd477;outline-offset:3px}.he-title{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#173728,#30453a);padding:4px 8px;color:#e0f4e5;font-weight:bold}.he-title button{padding:0 10px;min-height:32px}.he-body{padding:24px;background:repeating-linear-gradient(0deg,#ffffff02 0,#ffffff02 1px,transparent 1px,transparent 4px)}.he-meta,.he-heading,.he-route,.he-dialog footer,.he-keys{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.he-meta,.he-small,.he-file,.he-dialog footer{font-size:12px;color:var(--he-dim)}.he-online{color:#b0ffd0}.he-heading{align-items:center;border-bottom:1px solid #355540;margin:20px 0;padding-bottom:16px}.he-heading h1{font:900 clamp(26px,5vw,48px)/1 'Courier New',monospace;margin:0;letter-spacing:-2px;color:#baffc4}.he-heading h1 span{color:#ffcc70}.he-time{font-size:22px;color:#ffdb8e;white-space:nowrap}.he-time.urgent{color:#ffa69e;background:#52291e}.he-route{gap:5px;margin-bottom:28px}.he-route span{font-size:11px;padding:8px;border:1px solid #294333;flex:1;color:#85a28f}.he-route span.active{border-color:#a6ffb1;color:#ceffd7;background:#163522}.he-dialog h2{color:inherit;font:700 clamp(21px,4vw,32px)/1.2 'Courier New',monospace;margin:12px 0}.he-dialog h3{font:700 21px/1.5 'Courier New',monospace;color:#e3ffe9;margin:12px 0 20px;overflow-wrap:anywhere}.he-stage>span{font-size:12px;color:#ffcf7b}.he-dialog p{margin:12px 0}.he-dialog form{display:flex;gap:14px;flex-wrap:wrap;align-items:end;margin:22px 0}.he-dialog label{display:grid;gap:8px;flex:1;min-width:180px}.he-dialog input,.he-dialog select{width:100%;padding:12px;background:#020704;border:1px solid #71917b;color:#d0ffd9;min-height:48px}.he-boot form{max-width:620px}.he-boot form label:first-child{flex-basis:100%}.he-boot>p:first-child{color:#ffce88;line-height:1.9}.he-task{border:1px solid #3c6349;padding:20px;background:#08140d;margin:22px 0;box-shadow:4px 4px 0 #000}.he-file{border-bottom:1px dashed #35543f;padding-bottom:10px}.he-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.he-options button{text-align:left;overflow-wrap:anywhere}.he-tiles{display:flex;flex-wrap:wrap}.he-tiles button{min-width:44px;text-align:center}.he-arranged{display:block;min-height:48px;padding:10px;margin:15px 0;border-bottom:1px dashed #b3ffc4;white-space:pre-wrap;overflow-wrap:anywhere;font-size:22px}.he-meter{height:24px;border:1px solid #779e82;padding:3px;margin-top:20px}.he-meter i{display:block;height:100%;background:repeating-linear-gradient(90deg,#a6ffb1 0,#a6ffb1 8px,#163522 8px,#163522 11px);transition:width .4s}.he-keys span{border:1px solid #42604c;padding:10px;flex:1}.he-keys .done{background:#225139}.he-code{padding:18px;background:#020704;color:#ffd68d;border:1px solid #826b3d;font-size:18px}.he-code strong{display:block;font-size:30px;letter-spacing:4px}.he-feedback{padding:14px;border-left:3px solid;margin-top:18px;animation:he-arrive .2s ease-out}.he-feedback.good{color:#baffc4;background:#142e1d}.he-feedback.bad,.he-error{color:#ffb7a2}.he-feedback.bad{background:#341c17}.he-error:empty{display:none}.he-error{margin-top:15px}.he-error button{margin:8px}.he-dialog footer{border-top:1px solid #355540;padding-top:18px;margin-top:28px}.he-cursor{animation:he-blink 1.1s steps(1) infinite}.he-end{padding:24px 0;text-align:center}.he-end h2{font-size:clamp(30px,6vw,54px)}.he-end button{margin:10px}.he-reward{font-size:26px;color:#ffd68d;display:block;margin:28px 0}.he-speed{color:#ffdb8e}.he-ascii{overflow:hidden;white-space:nowrap;margin:25px 0}.he-win h2{animation:he-arrive .3s ease-out}.he-dialog[aria-busy=true] main{opacity:.65;pointer-events:none}.he-dialog a{color:#baffc4}@keyframes he-blink{50%{opacity:0}}@keyframes he-arrive{0%{transform:translateX(-3px);opacity:.5}50%{transform:translateX(2px)}100%{transform:none;opacity:1}}@media(max-width:560px){.he-body{padding:16px}.he-options{grid-template-columns:1fr}.he-task{padding:14px}.he-route span{font-size:10px}.he-dialog footer span:last-child{display:none}.he-dialog form button{width:100%}}@media(prefers-reduced-motion:reduce){.he-dialog *{animation:none!important;transition:none!important}}
