*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,sans-serif;background:#04101e;color:#d8e6f4;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}#app{display:grid;grid-template-rows:52px 1fr 26px;height:100vh}#bar{display:flex;align-items:center;gap:4px;padding:0 12px;background:linear-gradient(180deg,#0f2c4a,#081d33);border-bottom:1px solid #1f4a78;box-shadow:0 2px 12px rgba(0,0,0,.5);flex-wrap:wrap}.brand{font-family:Courier New,monospace;font-size:13px;letter-spacing:3px;color:#f4ead5;margin-right:6px;font-weight:700;text-shadow:0 0 6px hsla(41,58%,90%,.3)}.tg{display:flex;gap:2px;padding:0 8px;border-right:1px solid hsla(0,0%,100%,.1);height:36px;align-items:center}.tg:last-child{border:none}.btn{background:transparent;border:1px solid transparent;color:#b8d0e8;cursor:pointer;font-family:Courier New,monospace;transition:all .15s;width:34px;height:34px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:15px;position:relative}.btn:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.15);color:#f4ead5}.btn.on{background:hsla(41,58%,90%,.18);border-color:#f4ead5;color:#f4ead5;box-shadow:0 0 8px hsla(41,58%,90%,.25)}.btn:disabled{opacity:.25;cursor:not-allowed}.btn:disabled:hover{border-color:transparent}.act,.btn:disabled:hover,.tog{background:transparent;color:#b8d0e8}.act,.tog{border:1px solid hsla(0,0%,100%,.18);cursor:pointer;font-family:Courier New,monospace;padding:6px 12px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;transition:all .15s}.act:hover,.tog:hover{background:hsla(0,0%,100%,.08);color:#f4ead5;border-color:hsla(41,58%,90%,.4)}.tog.on{background:#f4ead5;color:#0d2b48;border-color:#f4ead5;box-shadow:0 0 8px hsla(41,58%,90%,.3)}.sp{flex:1 1}#ws{position:relative;background:#04101e;overflow:hidden}#pc{top:24px;left:24px;right:0;bottom:0}#pc,#rc,#rh,#rv{position:absolute}#rc,#rh,#rv{background:#0a2240}#rc{left:0;width:24px;border-right:1px solid #1f4a78}#rc,#rh{top:0;height:24px;border-bottom:1px solid #1f4a78}#rh{left:24px;right:0}#rv{top:24px;left:0;bottom:0;width:24px;border-right:1px solid #1f4a78}#paper{display:block;cursor:crosshair}#tblock{position:absolute;bottom:16px;right:16px;background:rgba(13,43,72,.88);border:1.5px solid #f4ead5;font-family:Courier New,monospace;color:#f4ead5;font-size:10px;z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 20px rgba(0,0,0,.5)}.th{font-size:11px;font-weight:700;letter-spacing:4px;text-align:center;padding:5px 14px;border-bottom:1.5px solid #f4ead5}.tr{display:flex;border-bottom:1px solid #f4ead5}.tr:last-child{border:none}.tc{border-right:1px solid #f4ead5;padding:5px 10px;min-width:80px}.tc:last-child{border:none}.tc .l{font-size:7px;letter-spacing:1.8px;opacity:.7;text-transform:uppercase;margin-bottom:1px}.tc .v{font-size:11px;font-weight:700;letter-spacing:1px;outline:none;cursor:text;min-width:40px}.tc .v:focus{background:hsla(41,58%,90%,.12)}#sb{background:#08233e;border-top:1px solid #1f4a78;align-items:center;padding:0 16px;font-family:Courier New,monospace;font-size:10px;letter-spacing:1.2px;color:#88aac5;gap:24px;overflow:hidden}#sb,.si{display:flex}.si{gap:6px;white-space:nowrap}.sl{opacity:.6}.sv{color:#f4ead5;min-width:36px}#hint{margin-left:auto;opacity:.5;font-size:9px;overflow:hidden;text-overflow:ellipsis}