.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cross{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;opacity:.85}.cross i{position:absolute;background:#7ff3ff}.cross i:nth-child(1){left:8px;top:0;width:2px;height:6px}.cross i:nth-child(2){left:8px;bottom:0;width:2px;height:6px}.cross i:nth-child(3){top:8px;left:0;height:2px;width:6px}.cross i:nth-child(4){top:8px;right:0;height:2px;width:6px}.cross i:nth-child(5){left:8px;top:8px;width:2px;height:2px;background:#fbbf24}.compass{position:absolute;left:50%;top:10px;width:340px;height:20px;margin-left:-170px;overflow:hidden;opacity:.9;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent)}.compass .cmark{position:absolute;left:50%;top:0;width:1px;height:20px;background:#fbbf24;opacity:.8}.compass span{position:absolute;top:3px;font-size:10.5px;font-family:ui-monospace,Menlo,monospace;color:#8fd8ee;transform:translate(-50%)}.compass span.n{color:#dbeafe;font-weight:500}.compass span.p{width:7px;height:7px;border-radius:50%;top:6px;font-size:0;box-shadow:0 0 6px currentColor}.radar{position:absolute;right:10px;top:10px;width:112px;height:112px;border:1px solid #1d3a55;border-radius:8px;background:#040a12b8}.radar canvas{display:block;width:100%;height:100%;border-radius:7px}.radar .rt{position:absolute;left:6px;top:4px;font-size:9.5px;font-family:ui-monospace,Menlo,monospace;color:#4d7a99}.objective{position:absolute;left:12px;top:12px;font-size:11.5px;font-family:ui-monospace,Menlo,monospace;color:#a7f3d0;max-width:250px;line-height:1.5}.objective .og{color:#5d8fa8}.objective .od{color:#fbbf24}.prompt{position:absolute;left:50%;bottom:64px;transform:translate(-50%);padding:6px 12px;border-radius:8px;background:#06101ae6;border:1px solid #1f4a66;font-size:12px;color:#bfeaff;opacity:0;transition:opacity .15s;white-space:nowrap}.prompt.on{opacity:1}.prompt kbd{background:#12405c;border-radius:4px;padding:1px 5px;font-family:ui-monospace,Menlo,monospace;color:#9ff0ff}.toasts{position:absolute;left:12px;bottom:14px;display:flex;flex-direction:column;gap:4px}.toasts div{font-size:11.5px;font-family:ui-monospace,Menlo,monospace;color:#9fe8c9;background:#050e16d1;border-left:2px solid #22c55e;padding:3px 8px;border-radius:0 6px 6px 0;animation:toastIn 2.6s forwards}@keyframes toastIn{0%{opacity:0;transform:translate(-8px)}12%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}.panel{position:absolute;right:0;top:0;bottom:0;width:300px;background:#060c14f5;border-left:1px solid #1d3a55;padding:16px;transform:translate(102%);transition:transform .32s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;gap:10px;pointer-events:auto}.panel.on{transform:none}.panel .ptag{font-size:10.5px;font-family:ui-monospace,Menlo,monospace;color:#22d3ee;letter-spacing:.1em}.panel h3{margin:0;font-size:19px;font-weight:500;color:#eaf9ff}.panel p{margin:0;font-size:12.5px;line-height:1.6;color:#9dc0d6}.panel ul{margin:0;padding-left:16px;font-size:11.5px;line-height:1.75;color:#7fa8c4}.panel .prow{margin-top:auto;display:flex;gap:8px}.panel a{flex:1;text-align:center;padding:9px;border-radius:8px;background:#0e7490;color:#ecfeff;font-size:12px;text-decoration:none;font-weight:500}.panel a:hover{background:#0891b2}.panel button{padding:9px 12px;border-radius:8px;background:#122234;color:#9dc0d6;border:1px solid #1d3a55;font-size:12px;cursor:pointer;font-family:inherit}.start{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 45%,#081422b8,#03060cf5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px;transition:opacity .3s;pointer-events:auto}.start.hide{opacity:0;pointer-events:none}.start h2{margin:0;font-size:23px;font-weight:500;color:#eaf9ff}.start p{margin:0;font-size:12.5px;color:#8fb3c9;max-width:430px;line-height:1.65}.start .keys{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:470px}.start .keys span{font-size:11px;font-family:ui-monospace,Menlo,monospace;color:#8fd8ee;border:1px solid #1d3a55;background:#0a1622;border-radius:6px;padding:4px 8px}.start button{margin-top:4px;padding:11px 26px;border-radius:9px;border:1px solid #22d3ee;background:#0b2b3a;color:#bff3ff;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;letter-spacing:.03em}.start button:hover{background:#12455c}