:root{font-family:Consolas,Courier New,monospace;color:#c5edfb;background:#05101f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{display:block}button{font:inherit;cursor:pointer}#hud{position:fixed;inset:0;pointer-events:none;padding:30px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,#05132266,transparent 20%,transparent 80%,#05132288)}header{display:flex;justify-content:space-between;align-items:start}.brand{font-size:24px;letter-spacing:8px}.edition{font-size:10px;letter-spacing:2px;color:#78aac2;margin-top:8px}.tag{border:1px solid #42748c;padding:9px 13px;font-size:10px;letter-spacing:2px}footer{display:flex;justify-content:space-between;align-items:end;font-size:10px;letter-spacing:1.5px;color:#87b7ce}.coordinates{line-height:1.9}#gate{position:fixed;left:54px;top:31%;width:390px;padding:26px 28px 29px;border-left:1px solid #70d9fa;background:linear-gradient(90deg,#06172aeb,#06172aaa 85%,transparent)}.eyebrow{font-size:10px;letter-spacing:3px;color:#7db8d0}h1{font-family:Arial,sans-serif;font-weight:300;font-size:52px;letter-spacing:-2px;line-height:1.02;margin:20px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#7ce7ff}p{font-size:12px;line-height:1.9;color:#95bed0}#enter{margin-top:20px;border:1px solid #7bddf9;background:#89e6ff;color:#082035;padding:14px 22px;letter-spacing:2px;font-size:11px;width:100%;text-align:left}#enter span{float:right}#hint{font-size:10px;margin-bottom:0}.playing #gate{display:none}#crosshair{position:fixed;left:50%;top:50%;width:4px;height:4px;border:1px solid #d4f6ff99;display:none}.playing #crosshair{display:block}#debug{position:fixed;right:25px;top:105px;background:#051321ed;border:1px solid #427c99;padding:18px;font-size:12px;line-height:1.9;width:260px}#debug[hidden]{display:none}#debug label{display:block;cursor:pointer}#stats{white-space:pre-line;color:#9df4ff}.signal{color:#a5eafb}#compass{letter-spacing:6px}@media(max-width:650px){#gate{left:20px;width:330px}#hud{padding:20px}.tag{display:none}footer>div:last-child{display:none}}
