*{box-sizing:border-box}html{background:#000}
body{margin:0;background:#000;color:#aaa;font:14px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;-webkit-text-size-adjust:100%}
.w{max-width:520px;margin:0 auto;padding:20px 16px 40px}
.brand{display:flex;gap:10px;align-items:center;margin-bottom:28px}.brand b{color:#fff;font:500 16px system-ui,sans-serif}
.ul{display:block;height:1px;background:#ff4d1f;margin-top:3px}
.kick{color:#ff4d1f;letter-spacing:.22em;font-size:11px;margin:0 0 8px}
h1{font:300 32px/1.12 system-ui,sans-serif;color:#fff;margin:0 0 20px;letter-spacing:-.01em}
.card{border:1px solid #222;padding:14px;margin-bottom:14px}
.wavewrap{position:relative}canvas{width:100%;height:110px;display:block}
.win{position:absolute;top:0;bottom:0;border:1px solid #ff4d1f;border-width:0 1px;background:rgba(255,77,31,.08);pointer-events:none}
.win span{position:absolute;top:-1px;left:4px;font-size:9px;letter-spacing:.12em;color:#ff4d1f;text-transform:uppercase}
.legend{display:flex;gap:14px;font-size:11px;margin:8px 0 12px;color:#777}.legend span:last-child{margin-left:auto;color:#fff}
.d{display:inline-block;width:8px;height:8px;margin-right:5px}.o{background:#ff4d1f}.g{background:#333}
.buf{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;margin-bottom:14px}
.buf i{height:18px;border:1px solid #222;font:9px/16px monospace;color:#555;text-align:center;font-style:normal}
.buf i.on{border-color:#ff4d1f;color:#ff4d1f}
.tx{min-height:150px;border-top:1px solid #222;padding-top:12px;font-size:17px;line-height:1.7;word-wrap:break-word}
#com{color:#fff}.hyp{color:#5a5a5a}
.cur{display:inline-block;width:7px;height:16px;background:#ff4d1f;vertical-align:-2px;margin-left:3px;animation:b 1s steps(1) infinite}
@keyframes b{50%{opacity:0}}
.btns{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
button{background:none;color:#fff;border:1px solid #333;padding:10px 12px;font:inherit;font-size:12px;min-height:44px;flex:1}
button:active,button.act{border-color:#ff4d1f;color:#ff4d1f}
.m{border-top:1px solid #222;padding:10px 0}.m:first-of-type{border:0}
.m label{display:flex;justify-content:space-between;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}
.m em{font-style:normal;color:#ff4d1f}.m small{font-size:12px;color:#777}.m small b{color:#ddd;font-weight:400}.dim{color:#555}
.bar{position:relative;height:8px;background:#161616;margin-bottom:6px}.bar u,.bar s{position:absolute;left:0;top:0;bottom:0;display:block}
.bar u{background:#ff4d1f;width:0}.bar s{background:#fff;width:2px;left:0}
.cnt{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;font-size:11px;color:#777}.cnt b{display:block;font:300 28px system-ui;color:#fff}
.foot{font-size:11px;color:#555;text-align:center}