:root{font-family:Arial,"PingFang SC",sans-serif;color:#111;background:#d8d3c8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#dfdbd1 0,#c9c4b9 100%);min-height:100vh}button,textarea{font:inherit}button,label{cursor:pointer}header{height:74px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:#111;color:white;border-bottom:6px solid #e8ff29}header a{display:flex;align-items:center;color:white;text-decoration:none;font-weight:800}header a b{display:grid;place-items:center;width:43px;height:43px;margin-right:12px;background:#e8ff29;color:#111;font:900 27px "Arial Black"}header p{font-size:9px;letter-spacing:2.5px;color:#aaa}main{max-width:1280px;margin:auto;padding:58px 30px 80px}.mast{display:grid;grid-template-columns:110px 1fr .65fr;align-items:end;margin-bottom:50px}.index{align-self:start;padding-top:9px;font:bold 10px monospace;letter-spacing:2px}.mast h1{margin:0;font:900 clamp(50px,7vw,92px)/.9 "Arial Black",Arial,sans-serif;letter-spacing:-6px;text-transform:uppercase}.mast h1 i{display:inline-grid;place-items:center;background:#e8ff29;width:.9em;height:.9em;font-style:normal;transform:rotate(-4deg)}.mast p{max-width:370px;margin:0 0 4px;padding-left:25px;border-left:6px solid #111;line-height:1.7;font-weight:600}.workbench{display:grid;grid-template-columns:70px 1fr;border:3px solid #111;box-shadow:12px 12px 0 #111}.rail{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:18px 0;background:#111;color:white}.rail b{font-size:21px;line-height:1.4}.rail span{writing-mode:vertical-rl;font:9px monospace;letter-spacing:3px;color:#e8ff29}.input-area{background:#f4f1e9;padding:25px}.input-head,.input-foot{display:flex;align-items:center;justify-content:space-between}.input-head label{font:bold 11px monospace;text-decoration:underline}.input-head input{display:none}textarea{display:block;width:100%;height:260px;margin:20px 0;padding:18px;resize:vertical;border:2px solid #111;outline:0;background:#fff;font:14px/1.8 monospace}.input-foot{gap:15px}.input-foot span{margin-left:auto;font:11px monospace}.input-foot button{border:0;font-weight:800}.input-foot #sample{background:transparent;text-decoration:underline}.input-foot #run{background:#e8ff29;padding:14px 22px;border:2px solid #111;box-shadow:4px 4px 0 #111}.input-foot #run:disabled{opacity:.5;cursor:wait}#status{display:flex;align-items:center;gap:12px;margin-top:18px;padding:14px;border:2px solid #111;background:#e8ff29;font-weight:700}#status.error{background:#ff775f}#status>span{width:18px;height:18px;border:3px solid #111;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}#status.error>span{display:none}#status p{margin:0}#status button{margin-left:auto;border:2px solid #111;background:white;padding:7px 10px;font-weight:bold}#output{padding-top:75px}.output-head{display:flex;justify-content:space-between;align-items:end;border-bottom:7px solid #111;padding-bottom:18px}.output-head small{font:bold 9px monospace;letter-spacing:2px}.output-head h2{font:900 38px "Arial Black";margin:8px 0 0}.output-head button{background:#111;color:#e8ff29;border:0;padding:14px 18px;font-weight:800}.conflicts{display:grid;grid-template-columns:180px 1fr;margin:22px 0;border:3px solid #111;background:#ff765e}.conflicts>b{padding:18px;border-right:3px solid #111}.conflicts div{padding:12px 18px}.conflicts p{margin:6px 0;font-size:13px}.boards{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;margin-top:22px}.boards article{background:#f4f1e9;border:3px solid #111}.boards h3{margin:0;padding:15px;border-bottom:3px solid #111;font:900 19px "Arial Black"}.boards h3 span{display:inline-grid;place-items:center;background:#111;color:#e8ff29;width:29px;height:29px;margin-right:8px;font:11px monospace}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;vertical-align:top;padding:14px 12px;border-bottom:1px solid #aaa}th{background:#d9d4ca;font:700 10px monospace;text-transform:uppercase}td code{font-size:10px;color:#555}.empty{text-align:center;color:#777}footer{display:flex;justify-content:center;gap:0;background:#e8ff29;border-top:3px solid #111;font:bold 11px monospace}footer span{padding:15px 30px;border-right:1px solid #111}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:800px){header p{display:none}main{padding:38px 15px 55px}.mast{grid-template-columns:45px 1fr}.mast p{grid-column:2;margin-top:28px}.mast h1{font-size:48px;letter-spacing:-4px}.workbench{grid-template-columns:42px;box-shadow:6px 6px 0 #111}.rail{display:none}.input-area{grid-column:1 / -1;padding:17px}.input-foot{flex-wrap:wrap}.input-foot #run{width:100%}.boards{grid-template-columns:1fr}.output-head{align-items:flex-start;gap:15px}.output-head h2{font-size:28px}.conflicts{grid-template-columns:1fr}.conflicts>b{border-right:0;border-bottom:3px solid #111}footer{flex-wrap:wrap}footer span{padding:12px}}