:root{color:#f5fff4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0d1710;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}body,#root,.app{width:100%;height:100%;margin:0;overflow:hidden}.app{background:radial-gradient(circle at 50% 20%,#365d3d,#0d1710);min-height:100vh}canvas{cursor:crosshair;width:100vw;height:100vh;display:block}.connection{background:#142219f2;border:2px solid #668c62;gap:17px;width:min(92vw,430px);padding:32px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:14px 14px #08100a}.logo{letter-spacing:-4px;font-size:clamp(28px,8vw,50px);font-weight:900}.logo span{color:#8ed465}.connection p{color:#b8cab8;margin:-9px 0 4px}.connection label{color:#b8cab8;text-transform:uppercase;letter-spacing:.08em;gap:7px;font-size:12px;display:grid}input,button{font:inherit;color:#fff;background:#0c150f;border:1px solid #668c62;padding:12px}button{color:#08100a;cursor:pointer;background:#6ba549;font-weight:800}button:hover{background:#91d469}button:disabled{opacity:.4;cursor:not-allowed}.connection small{color:#7f947f}.hud{z-index:3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-shadow:1px 1px #000;background:#101a13d9;border:1px solid #ffffff30;align-items:center;gap:14px;padding:9px 12px;font-size:12px;display:flex;position:fixed}.hud.top{top:14px;left:14px}.hud.top b{color:#8fe26a}.hud.top button{margin-left:5px;padding:5px 8px}.hud.bottom{flex-wrap:wrap;justify-content:center;bottom:17px;left:50%;transform:translate(-50%)}.hud.bottom b{color:#ffe27c;background:#ffffff1c;border:1px solid #ffffff50;padding:5px 9px}.crosshair{z-index:2;color:#fff;text-shadow:0 1px 3px #000;pointer-events:none;font:30px/1 Arial;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.error{z-index:4;background:#671d1ded;border:1px solid #f89090;padding:10px 16px;position:fixed;top:70px;left:50%;transform:translate(-50%)}.labels{z-index:2;pointer-events:none;position:fixed;inset:0}.labels span{color:#fff;white-space:nowrap;background:#101010c9;border-bottom:2px solid;padding:3px 7px;font-size:11px;position:absolute;transform:translate(-50%,-100%)}@media (width<=700px){.hud.top{top:7px;left:7px;right:7px}.hud.bottom{bottom:7px;left:7px;right:7px;transform:none}.hud.bottom span:last-child{display:none}}