ocearo-ui 2.0.0 → 2.0.1

package/_next/static/chunks/2dvwb-mfasp68.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,91440,e=>{"use strict";var t=e.i(43476),a=e.i(71645),o=e.i(46932),i=e.i(88653);e.i(67561);var s=e.i(46991),l=e.i(85709),n=e.i(66799),d=e.i(83402),r=e.i(48390),c=e.i(49721),u=e.i(68757);e.i(85269);var p=e.i(22831);let g=["compass","wind","gps","route"],m=({label:e,button:o,onChange:i,primaryTextClass:s,secondaryTextClass:l})=>{let[n,d]=(0,a.useState)(!1);return(0,t.jsxs)("div",{className:"flex items-center justify-between py-2",children:[(0,t.jsx)("span",{className:`text-label ${s}`,children:e}),n?(0,t.jsx)("select",{value:o,onChange:e=>{i(e.target.value),d(!1)},onBlur:()=>d(!1),autoFocus:!0,className:"bg-hud-elevated text-hud-main rounded px-2 py-1 text-label border border-hud focus:border-oGreen/50 focus:outline-none transition-all",children:["X","Circle","Square","Triangle","L1","R1","L2","R2","D-Pad Up","D-Pad Down","D-Pad Left","D-Pad Right","Left Stick Up","Left Stick Down","Left Stick Left","Left Stick Right","Right Stick Up","Right Stick Down","Right Stick Left","Right Stick Right","L3","R3","Options","Share","PS"].map(e=>(0,t.jsx)("option",{value:e,children:e},e))}):(0,t.jsx)("button",{onClick:()=>d(!0),className:`px-3 py-1 bg-hud-elevated rounded text-label ${l} hover:bg-hud-bg border border-hud transition-all`,children:o})]})};e.s(["default",0,function(){var e;let h,{t:x}=(0,p.useTranslation)(),b=d.default.get("debugMode"),f=(0,a.useMemo)(()=>["navigation.headingTrue","navigation.headingMagnetic","environment.wind.angleApparent","steering.rudderAngle","steering.autopilot.state","steering.autopilot.mode","steering.autopilot.engaged","steering.autopilot.target","steering.autopilot.target.headingTrue","steering.autopilot.target.windAngleApparent"],[]),v=(0,l.useSignalKPaths)(f),j=v["navigation.headingTrue"]??v["navigation.headingMagnetic"],y=v["environment.wind.angleApparent"],N=v["steering.rudderAngle"],[C,w]=(0,a.useState)("control"),T="text-hud-main",A="text-hud-secondary",$="text-hud-muted",[k,S]=(0,a.useState)(null),[R,P]=(0,a.useState)([]),[G,L]=(0,a.useState)("_default"),[D,M]=(0,a.useState)(!0),[I,F]=(0,a.useState)(null),[B,O]=(0,a.useState)(null),[Y,E]=(0,a.useState)(!1),U=a.default.useRef(v);U.current=v;let H=(0,a.useCallback)(async()=>{try{let e=await n.default.getAutopilotDevices(),t=e.length>0;if(P(e),!t){let e=U.current,t=e["steering.autopilot.state"],a=e["steering.autopilot.mode"],o=e["steering.autopilot.target.headingTrue"]||e["steering.autopilot.target.windAngleApparent"];F(b?null:t?x("autopilot.providerMissingButDetected"):x("autopilot.providerMissing")),S({state:t??(b?"standby":"off-line"),mode:a??(b?"compass":null),target:o??(b?1.57:null),engaged:e["steering.autopilot.engaged"]??!1});return}let a=e.includes(G)||"_default"===G?G:e[0];a!==G&&L(a);let o=await n.default.getAutopilotData(a);S(o),F(null)}catch(e){console.error("AutopilotView: Failed to fetch autopilot data:",e),F(e.message)}finally{M(!1)}},[G,b,x]),W=(0,a.useCallback)(async()=>{try{let e=await (0,r.makeOcearoCoreApiCall)("/api/controller/config");O(e),E(e?.connected||!1)}catch(e){console.warn("AutopilotView: Could not fetch controller config:",e.message),O(null)}},[]);(0,a.useEffect)(()=>{H(),W();let e=setInterval(()=>{H()},5e3);return()=>clearInterval(e)},[H,W]);let[Z,K]=(0,a.useState)(!1),_=(0,a.useCallback)(async(e,t,{lock:a=!0}={})=>{if(!a||!Z){a&&K(!0);try{F(null),await e(),await H()}catch(e){F(x(t,{message:e.message}))}finally{a&&K(!1)}}},[Z,H,x]),z=e=>_(()=>n.default.adjustAutopilotTarget(e,G),"autopilot.failedToAdjustHeading",{lock:!1}),V=e=>_(()=>n.default.autopilotDodge(e,G),"autopilot.failedToDodge"),X=e=>_(()=>n.default.autopilotCourseAction(e,G),"autopilot.failedToSteerCourse"),[q,J]=(0,a.useState)(null);(0,a.useEffect)(()=>{if(!q)return;let e=setTimeout(()=>J(null),4e3);return()=>clearTimeout(e)},[q]);let Q=async e=>{try{await (0,r.makeOcearoCoreApiCall)("/api/controller/config",{method:"PUT",body:JSON.stringify(e)}),O(e)}catch(e){F(x("autopilot.failedToSaveConfig",{message:e.message}))}},ee="_default"===G||R.length<=1,et=e=>ee?v[e]:void 0,ea=et("steering.autopilot.state")??k?.state,eo=et("steering.autopilot.mode")??k?.mode,ei=et("steering.autopilot.target"),es="number"==typeof ei?ei:k?.target,el=et("steering.autopilot.engaged")??k?.engaged??"enabled"===ea,en="off-line"===ea,ed=(e=k?.options,(Array.isArray(h=e?.modes??e?.mode)?h.map(e=>"string"==typeof e?e:e?.value??e?.name).filter(Boolean):null)??g),er=Array.isArray(k?.options?.actions)?k.options.actions:null,ec=e=>er?er.some(t=>t.id===e&&t.available):"tack"===e||"gybe"===e,eu=e=>{switch(e){case"compass":default:return u.faCompass;case"wind":return u.faWind;case"gps":return u.faSatellite;case"route":return u.faRoute;case"dodge":return u.faAnchor}},ep=e=>{if(null==e)return"---°";let t=(0,s.toDegrees)(e);return`${t}\xb0`};return(0,t.jsxs)("div",{className:"flex flex-col h-full bg-rightPaneBg overflow-hidden",children:[(0,t.jsx)("div",{className:"flex border-b border-hud bg-hud-bg overflow-x-auto scrollbar-hide",children:[{id:"control",label:x("autopilot.control"),icon:u.faCompass},{id:"controller",label:x("autopilot.controller"),icon:u.faGamepad}].map(e=>(0,t.jsxs)("button",{onClick:()=>w(e.id),className:`flex-1 py-3 px-3 whitespace-nowrap text-caption font-semibold uppercase flex items-center justify-center transition-all duration-500 ${C===e.id?"text-oGreen border-b-2 border-oGreen bg-hud-bg":"text-hud-secondary hover:text-hud-main tesla-hover"}`,children:[(0,t.jsx)(c.FontAwesomeIcon,{icon:e.icon,className:"mr-2"}),e.label]},e.id))}),(0,t.jsx)(i.AnimatePresence,{children:I&&(0,t.jsxs)(o.motion.div,{initial:{opacity:0,height:0},animate:{opacity:1,height:"auto"},exit:{opacity:0,height:0},className:"bg-oRed/20 text-oRed p-3 rounded-lg mx-4 mt-4 border border-oRed/30",children:[(0,t.jsx)(c.FontAwesomeIcon,{icon:u.faExclamationTriangle,className:"mr-2"}),I]})}),R.length>0&&(0,t.jsx)("div",{className:"px-4 pt-4",children:(0,t.jsx)("select",{value:G,onChange:e=>L(e.target.value),className:"bg-hud-elevated text-hud-main rounded px-3 py-2 w-full border border-hud focus:border-oGreen/50 focus:outline-none transition-all",children:R.map(e=>(0,t.jsx)("option",{value:e,children:e},e))})}),(0,t.jsx)("div",{className:"flex-1 min-h-0 overflow-auto scrollbar-hide",children:(0,t.jsx)(i.AnimatePresence,{mode:"wait",children:D?(0,t.jsx)(o.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},className:"flex items-center justify-center h-32",children:(0,t.jsx)("div",{className:"text-hud-main",children:"Loading..."})},"loading"):(0,t.jsx)(o.motion.div,{initial:{opacity:0,x:10},animate:{opacity:1,x:0},exit:{opacity:0,x:-10},transition:{duration:.4,ease:"easeOut"},className:"p-3",children:"control"===C?(0,t.jsxs)("div",{className:"space-y-3",children:[(0,t.jsxs)("div",{className:"tesla-card ",children:[(0,t.jsxs)("div",{className:"grid grid-cols-3 gap-3 text-center",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:`text-value mb-1 ${en?"text-oRed":el?"text-oGreen":ea?"text-oYellow":"text-hud-muted"}`,children:(0,t.jsx)(c.FontAwesomeIcon,{icon:en?u.faTimesCircle:el?u.faCheckCircle:ea?u.faPause:u.faExclamationTriangle})}),(0,t.jsx)("div",{className:`text-caption ${A} font-bold`,children:x("autopilot.state")}),(0,t.jsx)("div",{className:`text-label ${T} font-semibold capitalize`,children:ea||x("autopilot.unknown")})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"text-value mb-1 text-oBlue",children:(0,t.jsx)(c.FontAwesomeIcon,{icon:eu(eo)})}),(0,t.jsx)("div",{className:`text-caption ${A} font-bold`,children:x("autopilot.mode")}),(0,t.jsx)("div",{className:`text-label ${T} font-semibold capitalize`,children:eo||x("autopilot.none")})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"text-value mb-1 text-oYellow",children:(0,t.jsx)(c.FontAwesomeIcon,{icon:u.faLocationArrow})}),(0,t.jsx)("div",{className:`text-caption ${A} font-bold`,children:x("autopilot.target")}),(0,t.jsx)("div",{className:`text-label ${T} font-semibold`,children:ep(es)})]})]}),(0,t.jsxs)("div",{className:"mt-3 pt-3 border-t border-hud text-center",children:[(0,t.jsx)("div",{className:`text-caption ${A} font-bold uppercase`,children:"wind"===eo?x("autopilot.apparentWindAngle"):x("autopilot.currentHeading")}),(0,t.jsx)("div",{className:`text-hero font-medium ${T}`,children:ep("wind"===eo?y:j)}),"number"==typeof N&&(0,t.jsxs)("div",{className:`text-caption mt-1 ${$} font-bold uppercase`,children:[x("autopilot.rudder")," ",Math.abs((0,s.toDegrees)(N)),"° ",N<0?x("autopilot.port"):N>0?x("autopilot.stbd"):""]})]})]}),(0,t.jsxs)("div",{className:"grid grid-cols-2 gap-3",children:[(0,t.jsxs)("button",{onClick:()=>_(()=>n.default.engageAutopilot(G),"autopilot.failedToEngage"),disabled:Z||el||en,className:`py-3 rounded font-semibold text-label uppercase transition-all ${Z||el||en?"bg-hud-bg text-hud-dim cursor-not-allowed border border-hud":"bg-oGreen hover:bg-oGreen/80 text-hud-main shadow-lg shadow-oGreen/20"}`,children:[(0,t.jsx)(c.FontAwesomeIcon,{icon:u.faPlay,className:"mr-2"}),x("autopilot.engage")]}),(0,t.jsxs)("button",{onClick:()=>_(()=>n.default.disengageAutopilot(G),"autopilot.failedToDisengage"),disabled:Z||!el,className:`py-3 rounded font-semibold text-label uppercase transition-all ${Z||!el?"bg-hud-bg text-hud-dim cursor-not-allowed border border-hud":"bg-oRed hover:bg-oRed/80 text-hud-main shadow-lg shadow-oRed/20"}`,children:[(0,t.jsx)(c.FontAwesomeIcon,{icon:u.faStop,className:"mr-2"}),x("autopilot.disengage")]})]}),(0,t.jsxs)("div",{className:"tesla-card ",children:[(0,t.jsx)("div",{className:`text-caption font-semibold uppercase ${A} mb-3`,children:x("autopilot.modeSelection")}),(0,t.jsx)("div",{className:"grid grid-cols-4 gap-3",children:ed.map(e=>(0,t.jsxs)("button",{onClick:()=>_(()=>n.default.setAutopilotMode(e,G),"autopilot.failedToSetMode"),disabled:Z||en,className:`py-2 rounded font-bold transition-all flex flex-col items-center border disabled:opacity-50 ${eo===e?"bg-oBlue text-hud-main border-oBlue shadow-lg shadow-oBlue/20":"bg-hud-bg text-hud-secondary border-hud hover:bg-hud-elevated"}`,children:[(0,t.jsx)(c.FontAwesomeIcon,{icon:eu(e),className:"text-lg mb-1"}),(0,t.jsx)("span",{className:"text-caption uppercase",children:e})]},e))})]}),(0,t.jsxs)("div",{className:"tesla-card ",children:[(0,t.jsx)("div",{className:`text-caption font-semibold uppercase ${A} mb-3`,children:x("autopilot.targetAdjustment")}),(0,t.jsxs)("div",{className:"grid grid-cols-4 gap-3",children:[(0,t.jsx)("button",{onClick:()=>z(-10),className:"py-3 bg-oRed/40 hover:bg-oRed/60 text-hud-main rounded border border-oRed/50 font-semibold text-label",children:"-10°"}),(0,t.jsx)("button",{onClick:()=>z(-1),className:"py-3 bg-oRed/20 hover:bg-oRed/40 text-hud-main rounded border border-oRed/30 font-semibold text-label",children:"-1°"}),(0,t.jsx)("button",{onClick:()=>z(1),className:"py-3 bg-oGreen/20 hover:bg-oGreen/40 text-hud-main rounded border border-oGreen/30 font-semibold text-label",children:"+1°"}),(0,t.jsx)("button",{onClick:()=>z(10),className:"py-3 bg-oGreen/40 hover:bg-oGreen/60 text-hud-main rounded border border-oGreen/50 font-semibold text-label",children:"+10°"})]}),(0,t.jsxs)("button",{onClick:()=>{let e;return null!=j&&(e=(0,s.toDegrees)(j),_(()=>n.default.setAutopilotTarget(e*Math.PI/180,G),"autopilot.failedToSetHeading"))},disabled:null==j,className:"w-full mt-3 py-2.5 bg-hud-bg hover:bg-hud-elevated text-hud-main rounded border border-hud font-bold text-caption uppercase",children:[(0,t.jsx)(c.FontAwesomeIcon,{icon:u.faCompass,className:"mr-2"}),x("autopilot.syncTargetToHeading")]})]}),(0,t.jsxs)("div",{className:"tesla-card ",children:[(0,t.jsx)("div",{className:`text-caption font-semibold uppercase ${A} mb-3`,children:x("autopilot.maneuvers")}),(0,t.jsx)("div",{className:"grid grid-cols-2 gap-4",children:["tack","gybe"].map(e=>(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:`text-caption font-semibold uppercase ${$} mb-2 text-center`,children:x(`autopilot.${e}`)}),(0,t.jsx)("div",{className:"grid grid-cols-2 gap-3",children:["port","starboard"].map(a=>{let o=q===`${e}:${a}`;return(0,t.jsx)("button",{onClick:()=>{let t;q!==(t=`${e}:${a}`)?J(t):(J(null),_(()=>n.default.autopilotManeuver(e,a,G),"tack"===e?"autopilot.failedToTack":"autopilot.failedToGybe"))},disabled:Z||!el||!ec(e),className:`py-2 rounded border font-bold text-caption transition-all disabled:opacity-40 ${o?"bg-oYellow text-hud-bg border-oYellow animate-soft-pulse":"bg-hud-bg hover:bg-hud-elevated text-hud-main border-hud"}`,children:o?x("autopilot.confirm"):x("port"===a?"autopilot.port":"autopilot.stbd")},a)})})]},e))})]}),(ec("dodge")||ec("courseCurrentPoint")||ec("courseNextPoint"))&&(0,t.jsx)("div",{className:"tesla-card ",children:(0,t.jsxs)("div",{className:"grid grid-cols-2 gap-3",children:[ec("dodge")&&("dodge"===eo?(0,t.jsx)("button",{onClick:()=>V({exit:!0}),disabled:Z,className:"py-2 rounded border border-oYellow bg-oYellow/20 text-hud-main font-bold text-caption uppercase disabled:opacity-40",children:x("autopilot.exitDodge")}):(0,t.jsx)("button",{onClick:()=>V(),disabled:Z||!el,className:"py-2 rounded border border-hud bg-hud-bg hover:bg-hud-elevated text-hud-main font-bold text-caption uppercase disabled:opacity-40",children:x("autopilot.dodge")})),ec("courseCurrentPoint")&&(0,t.jsx)("button",{onClick:()=>X("courseCurrentPoint"),disabled:Z,className:"py-2 rounded border border-hud bg-hud-bg hover:bg-hud-elevated text-hud-main font-bold text-caption uppercase disabled:opacity-40",children:x("autopilot.steerToWaypoint")}),ec("courseNextPoint")&&(0,t.jsx)("button",{onClick:()=>X("courseNextPoint"),disabled:Z,className:"py-2 rounded border border-hud bg-hud-bg hover:bg-hud-elevated text-hud-main font-bold text-caption uppercase disabled:opacity-40",children:x("autopilot.nextWaypoint")})]})})]}):(0,t.jsxs)("div",{className:"space-y-3",children:[(0,t.jsxs)("div",{className:"tesla-card ",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,t.jsxs)("div",{className:"flex items-center space-x-3",children:[(0,t.jsx)(c.FontAwesomeIcon,{icon:u.faGamepad,className:`text-xl ${Y?"text-oGreen":"text-hud-muted"}`}),(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:`text-label font-bold ${T}`,children:x("autopilot.controller")}),(0,t.jsx)("div",{className:`text-caption ${Y?"text-oGreen":"text-hud-muted"} font-bold`,children:Y?x("autopilot.connected"):x("autopilot.notConnected")})]})]}),(0,t.jsx)("button",{onClick:W,className:"p-2 text-hud-secondary hover:text-hud-main",children:(0,t.jsx)(c.FontAwesomeIcon,{icon:u.faSync,className:"text-sm"})})]}),!Y&&(0,t.jsxs)("div",{className:`text-caption ${$} bg-hud-elevated border border-hud rounded p-2.5 font-bold`,children:[(0,t.jsx)(c.FontAwesomeIcon,{icon:u.faExclamationTriangle,className:"text-oYellow mr-2"}),x("autopilot.connectController")]})]}),(0,t.jsxs)("div",{className:"tesla-card ",children:[(0,t.jsx)("div",{className:`text-caption font-semibold uppercase ${A} mb-3`,children:x("autopilot.buttonMappings")}),(0,t.jsxs)("div",{className:"space-y-2",children:[(0,t.jsx)(m,{label:x("autopilot.engageAutopilot"),button:B?.mappings?.engage||"X",onChange:e=>Q({...B,mappings:{...B?.mappings,engage:e}}),primaryTextClass:T,secondaryTextClass:A}),(0,t.jsx)(m,{label:x("autopilot.disengageAutopilot"),button:B?.mappings?.disengage||"Circle",onChange:e=>Q({...B,mappings:{...B?.mappings,disengage:e}}),primaryTextClass:T,secondaryTextClass:A}),(0,t.jsx)("div",{className:"border-t border-hud pt-2 mt-2",children:(0,t.jsx)("div",{className:`text-caption font-semibold uppercase ${$} mb-2`,children:x("autopilot.headingControl")})}),(0,t.jsx)(m,{label:x("autopilot.headingMinus1"),button:B?.mappings?.headingMinus1||"D-Pad Left",onChange:e=>Q({...B,mappings:{...B?.mappings,headingMinus1:e}}),primaryTextClass:T,secondaryTextClass:A}),(0,t.jsx)(m,{label:x("autopilot.headingPlus1"),button:B?.mappings?.headingPlus1||"D-Pad Right",onChange:e=>Q({...B,mappings:{...B?.mappings,headingPlus1:e}}),primaryTextClass:T,secondaryTextClass:A}),(0,t.jsx)(m,{label:x("autopilot.headingMinus10"),button:B?.mappings?.headingMinus10||"L1",onChange:e=>Q({...B,mappings:{...B?.mappings,headingMinus10:e}}),primaryTextClass:T,secondaryTextClass:A}),(0,t.jsx)(m,{label:x("autopilot.headingPlus10"),button:B?.mappings?.headingPlus10||"R1",onChange:e=>Q({...B,mappings:{...B?.mappings,headingPlus10:e}}),primaryTextClass:T,secondaryTextClass:A}),(0,t.jsx)("div",{className:"border-t border-hud pt-2 mt-2",children:(0,t.jsx)("div",{className:`text-caption font-semibold uppercase ${$} mb-2`,children:x("autopilot.rudderControl")})}),(0,t.jsx)(m,{label:x("autopilot.rudderLeft"),button:B?.mappings?.rudderLeft||"Left Stick Left",onChange:e=>Q({...B,mappings:{...B?.mappings,rudderLeft:e}}),primaryTextClass:T,secondaryTextClass:A}),(0,t.jsx)(m,{label:x("autopilot.rudderRight"),button:B?.mappings?.rudderRight||"Left Stick Right",onChange:e=>Q({...B,mappings:{...B?.mappings,rudderRight:e}}),primaryTextClass:T,secondaryTextClass:A})]})]}),(0,t.jsxs)("div",{className:"tesla-card ",children:[(0,t.jsx)("div",{className:`text-caption font-semibold uppercase ${A} mb-3`,children:x("autopilot.sensitivity")}),(0,t.jsxs)("div",{className:"space-y-4",children:[(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{className:"flex justify-between mb-1",children:[(0,t.jsx)("span",{className:`text-caption font-bold ${T}`,children:x("autopilot.rudderSensitivity")}),(0,t.jsxs)("span",{className:`text-caption font-bold ${A}`,children:[B?.sensitivity?.rudder||50,"%"]})]}),(0,t.jsx)("input",{type:"range",min:"10",max:"100",value:B?.sensitivity?.rudder||50,onChange:e=>Q({...B,sensitivity:{...B?.sensitivity,rudder:parseInt(e.target.value)}}),className:"w-full h-1.5 bg-hud-elevated rounded-full appearance-none cursor-pointer accent-oGreen"})]}),(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{className:"flex justify-between mb-1",children:[(0,t.jsx)("span",{className:`text-caption font-bold ${T}`,children:x("autopilot.deadZone")}),(0,t.jsxs)("span",{className:`text-caption font-bold ${A}`,children:[B?.sensitivity?.deadZone||10,"%"]})]}),(0,t.jsx)("input",{type:"range",min:"0",max:"30",value:B?.sensitivity?.deadZone||10,onChange:e=>Q({...B,sensitivity:{...B?.sensitivity,deadZone:parseInt(e.target.value)}}),className:"w-full h-1.5 bg-hud-elevated rounded-full appearance-none cursor-pointer accent-oGreen"})]})]})]})]})},C)})})]})}])},33946,function(e){e.n(e.i(91440))}]);

package/_next/static/chunks/2kwn4iymxaom3.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,54784,e=>{"use strict";var t=e.i(43476),a=e.i(71645),s=e.i(46932),n=e.i(49721),i=e.i(68757);e.i(85269);var l=e.i(62588),o=e.i(77291),r=e.i(83646),c=e.i(85709),d=e.i(83402);let u=({title:e,icon:s,iconClass:i="text-oBlue",action:l,className:o="",children:r,...c})=>(0,t.jsxs)("div",{className:`tesla-card flex flex-col min-w-0 ${o}`,...c,children:[(e||s||l)&&(0,t.jsxs)("div",{className:"flex items-center gap-2 mb-3 shrink-0",children:[s&&(a.default.isValidElement(s)?(0,t.jsx)("span",{className:`${i} flex items-center`,children:s}):(0,t.jsx)(n.FontAwesomeIcon,{icon:s,className:`${i} text-sm opacity-80`})),e&&(0,t.jsx)("span",{className:"text-caption font-semibold uppercase tracking-widest text-hud-secondary truncate",children:e}),l&&(0,t.jsx)("div",{className:"ml-auto flex items-center gap-2",children:l})]}),r]}),m=({title:e,icon:a,iconColorClass:s="text-oBlue",hasData:n=!0,noDataMessage:i="No data available",children:l,className:o=""})=>{let r="function"==typeof a?a():a;return n?(0,t.jsx)(u,{title:e,icon:r,iconClass:s,className:`h-full overflow-hidden ${o}`,children:(0,t.jsx)("div",{className:"flex-1 flex flex-col justify-center min-h-0 overflow-hidden",children:l})}):(0,t.jsx)(u,{title:e,icon:r,iconClass:s,className:`h-full overflow-hidden ${o}`,children:(0,t.jsx)("div",{className:"flex-1 flex items-center justify-center min-h-0",children:(0,t.jsxs)("div",{className:"text-center",children:[(0,t.jsx)("div",{className:"text-hero font-medium text-hud-dim mb-2",children:"N/A"}),(0,t.jsx)("div",{className:"text-caption font-semibold uppercase text-hud-muted",children:i})]})})})};var x=e.i(22831);let h=[1,2,5,10,20],p=a.default.memo(()=>{let e,{t:s}=(0,x.useTranslation)(),{targets:u}=(0,l.useAIS)(),{statuses:p}=(0,o.default)({always:!0}),{scene:g}=(0,r.default)(),[f,v]=(0,a.useState)(5),y=d.default.get("debugMode"),w=(0,a.useCallback)(e=>{e.preventDefault(),v(t=>{let a=h.indexOf(t);return -1===a?t:e.deltaY<0&&a>0?h[a-1]:e.deltaY>0&&a<h.length-1?h[a+1]:t})},[]),b=(0,c.useSignalKPath)("navigation.position"),N=(0,c.useSignalKPath)("navigation.headingTrue"),j=(0,c.useSignalKPath)("navigation.headingMagnetic"),k=(0,c.useSignalKPath)("navigation.courseOverGroundTrue"),C=N??j??k??0,S=(0,a.useMemo)(()=>u.length&&b?u.filter(e=>e.distanceMeters&&e.distanceMeters<=1852*f).map(e=>{let t=e.distanceMeters/1852,a=((180*Math.atan2(e.sceneX,-e.sceneZ)/Math.PI+360)%360-180*C/Math.PI+360)%360,s=null===e.cpaMeters?null:e.cpaMeters/1852;return{id:e.mmsi,name:e.name||`MMSI ${e.mmsi}`,distance:Math.round(10*t)/10,bearing:Math.round(a),type:e.shipType||"unknown",cpa:null===s?null:Math.round(10*s)/10}}).sort((e,t)=>e.distance-t.distance).slice(0,10):[],[u,f,b,C]),M={giveWay:g.vesselDanger,yields:g.vesselYields,close:g.vesselClose},W=e=>M[p[e.id]]||"var(--hud-text-secondary, #8a9097)",F=e=>"giveWay"===p[e.id]||"yields"===p[e.id],$=y||S.length>0;return(0,t.jsxs)(m,{title:s("widgets.aisTacticalRadar"),icon:i.faTowerBroadcast,hasData:$,noDataMessage:s("widgets.signalLossAIS"),children:[(0,t.jsx)("div",{className:"absolute top-4 right-4 z-10",children:(0,t.jsxs)("select",{value:f,onChange:e=>v(Number(e.target.value)),className:"bg-hud-elevated text-hud-secondary text-caption font-semibold uppercase tracking-widest rounded-sm px-3 py-1 border border-hud shadow-soft focus:outline-none focus:ring-1 focus:ring-oBlue/50 hover:bg-hud-bg hover:text-hud-main transition-all duration-500",children:[(0,t.jsx)("option",{value:1,children:"1 NM"}),(0,t.jsx)("option",{value:2,children:"2 NM"}),(0,t.jsx)("option",{value:5,children:"5 NM"}),(0,t.jsx)("option",{value:10,children:"10 NM"}),(0,t.jsx)("option",{value:20,children:"20 NM"})]})}),(0,t.jsxs)("div",{className:"flex-1 relative min-h-0 bg-hud-bg rounded-sm overflow-hidden border border-hud shadow-inner group mt-2",onWheel:w,children:[(0,t.jsxs)("svg",{className:"w-full h-full p-2 transition-transform duration-700 group-hover:scale-[1.02]",viewBox:"0 0 200 200",children:[[1,2,3,4].map(e=>(0,t.jsx)("circle",{cx:"100",cy:"100",r:20*e,fill:"none",stroke:"var(--color-oBlue)",strokeOpacity:"0.28",strokeWidth:"0.5"},e)),(0,t.jsx)("line",{x1:"100",y1:"20",x2:"100",y2:"180",stroke:"var(--color-oBlue)",strokeOpacity:"0.16",strokeWidth:"0.5"}),(0,t.jsx)("line",{x1:"20",y1:"100",x2:"180",y2:"100",stroke:"var(--color-oBlue)",strokeOpacity:"0.16",strokeWidth:"0.5"}),(0,t.jsxs)("g",{children:[(0,t.jsx)("line",{x1:"100",y1:"100",x2:"100",y2:"20",stroke:"var(--color-oGreen)",strokeWidth:"1",strokeOpacity:"0.4"}),(0,t.jsx)("animateTransform",{attributeName:"transform",type:"rotate",from:"0 100 100",to:"360 100 100",dur:"3s",repeatCount:"indefinite"})]}),(e=[],S.map(t=>{let a=t.distance/f*80,s=100+a*Math.cos((t.bearing-90)*Math.PI/180),n=100+a*Math.sin((t.bearing-90)*Math.PI/180),i=n-5;for(;e.some(e=>26>Math.abs(e.x-s)&&6>Math.abs(e.y-i));)i+=6;return e.push({x:s,y:i}),{target:t,x:s,y:n,ly:i}})).map(({target:e,x:a,y:s,ly:n})=>{let i=F(e);return(0,t.jsxs)("g",{className:i?"animate-soft-pulse":"",children:[(0,t.jsx)("circle",{cx:a,cy:s,r:i?"3":"2",fill:W(e),className:"transition-all duration-1000"}),(0,t.jsx)("text",{x:a+5,y:n,fill:"currentColor",fontSize:"5",className:"font-black pointer-events-none uppercase tracking-tighter opacity-60 text-hud-main",children:e.name.substring(0,8)})]},e.id)}),(0,t.jsx)("polygon",{points:"100,95 105,105 100,102 95,105",fill:"var(--color-oBlue)",stroke:"currentColor",strokeWidth:"0.5",opacity:"0.8",className:"text-hud-main"})]}),(0,t.jsxs)("div",{className:"absolute top-2 left-2 text-caption text-hud-muted font-semibold pointer-events-none uppercase tracking-widest space-y-1",children:[(0,t.jsxs)("div",{className:"bg-hud-bg/40 px-1.5 py-0.5 rounded-sm",children:[s("widgets.range")," ",f," NM"]}),(0,t.jsxs)("div",{className:"bg-hud-bg/40 px-1.5 py-0.5 rounded-sm",children:[s("widgets.targets")," ",S.length]})]})]}),S.length>0&&(0,t.jsxs)("div",{className:"mt-4 space-y-2",children:[(0,t.jsx)("div",{className:"text-caption text-hud-muted font-semibold uppercase tracking-[0.2em] px-1",children:s("widgets.tacticalAnalysis")}),S.slice(0,2).map(e=>{let a;return(0,t.jsxs)("div",{className:"flex items-center justify-between text-caption tesla-card px-3 py-2 tesla-hover",children:[(0,t.jsxs)("div",{className:"flex items-center space-x-3 min-w-0",children:[(0,t.jsx)(n.FontAwesomeIcon,{icon:30===(a=Number(e.type))||a>=70&&a<=89?i.faShip:i.faLocationDot,style:{color:W(e)},className:`text-xs opacity-80 ${F(e)?"animate-soft-pulse":""}`}),(0,t.jsx)("span",{className:"text-hud-main truncate font-black uppercase tracking-tight",children:e.name})]}),(0,t.jsxs)("div",{className:"flex space-x-4 text-hud-secondary font-black tracking-tighter",children:[(0,t.jsxs)("span",{className:"gliding-value",children:[e.distance.toFixed(1)," NM"]}),(0,t.jsxs)("span",{className:"gliding-value",style:{color:W(e)},children:["CPA: ",null===e.cpa?"--":e.cpa.toFixed(1)]})]})]},e.id)})]})]})});function g(){let{t:e}=(0,x.useTranslation)(),s=(0,c.useSignalKPaths)(["tanks.fuel.0.currentLevel","tanks.fuel.0.capacity","tanks.fuel.0.name","tanks.fuel.0.type","tanks.fuel.0.temperature","tanks.freshWater.0.currentLevel","tanks.freshWater.0.capacity","tanks.freshWater.0.name","tanks.freshWater.0.type","tanks.freshWater.0.temperature","tanks.wasteWater.0.currentLevel","tanks.wasteWater.0.capacity","tanks.wasteWater.0.name","tanks.wasteWater.0.type","tanks.wasteWater.0.temperature","tanks.blackWater.0.currentLevel","tanks.blackWater.0.capacity","tanks.blackWater.0.name","tanks.blackWater.0.type","tanks.blackWater.0.temperature","tanks.oil.0.currentLevel","tanks.oil.0.capacity","tanks.oil.0.name","tanks.oil.0.type","tanks.oil.0.temperature"]),l=(0,a.useMemo)(()=>{let t=(e,t,a,n,i)=>({level:s[`tanks.${e}.0.currentLevel`]??null,capacity:s[`tanks.${e}.0.capacity`]??null,tankName:s[`tanks.${e}.0.name`],tankType:s[`tanks.${e}.0.type`],temperature:s[`tanks.${e}.0.temperature`],icon:a,color:n,bgColor:i,displayName:t}),a={fuel:t("fuel",e("widgets.tankFuel"),i.faGasPump,"text-oYellow","bg-oYellow"),freshWater:t("freshWater",e("widgets.tankFreshWater"),i.faTint,"text-oBlue","bg-oBlue"),wasteWater:t("wasteWater",e("widgets.tankWasteWater"),i.faToilet,"text-hud-secondary","bg-hud-elevated"),blackWater:t("blackWater",e("widgets.tankBlackWater"),i.faToilet,"text-hud-secondary","bg-hud-elevated"),oil:t("oil",e("widgets.tankEngineOil"),i.faOilCan,"text-oYellow","bg-oYellow")};return{hasData:Object.values(a).some(e=>null!==e.level),...a}},[s,e]);return(0,t.jsx)(m,{title:e("widgets.storageSystems"),icon:i.faGasPump,hasData:l.hasData,noDataMessage:e("widgets.signalLossLevelSensors"),children:(0,t.jsx)("div",{className:"flex-1 flex flex-col justify-center min-h-0 space-y-4",children:Object.entries(l).filter(([e])=>"hasData"!==e).map(([e,a])=>{if(null===a.level)return null;let s=Math.round(100*a.level),i=Number.isFinite(a.capacity)?Math.round(1e3*a.capacity):null,l=null!==i?Math.round(a.level*i):null,o="wasteWater"===e||"blackWater"===e,r=o?a.level>.8:a.level<.1;return(0,t.jsxs)("div",{className:"space-y-2",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsxs)("div",{className:"flex items-center space-x-3",children:[(0,t.jsx)("div",{className:"flex items-center justify-center w-6 h-6 bg-hud-elevated rounded-full",children:(0,t.jsx)(n.FontAwesomeIcon,{icon:a.icon,className:`${a.color} text-xs opacity-80`})}),(0,t.jsx)("span",{className:"text-hud-main text-caption font-semibold uppercase tracking-widest whitespace-nowrap",children:a.displayName})]}),(0,t.jsxs)("div",{className:"flex items-center space-x-4",children:[null!==i&&(0,t.jsxs)("span",{className:"text-hud-secondary text-caption font-semibold opacity-60 tabular-nums whitespace-nowrap",children:[l,"/",i," L"]}),(0,t.jsxs)("span",{className:`text-label font-semibold ${((e,t=!1)=>t?e>.8?"text-oRed":e>.6?"text-oYellow":"text-oGreen":e<.1?"text-oRed":e<.25?"text-oYellow":"text-oGreen")(a.level,o)} ${r?"animate-soft-pulse":""}`,children:[s,"%"]})]})]}),(0,t.jsx)("div",{className:"bg-hud-elevated rounded-full h-1.5 overflow-hidden shadow-inner",children:(0,t.jsx)("div",{className:`h-full transition-all duration-1000 ${o?a.level>.8?"bg-oRed":a.level>.6?"bg-oYellow":"bg-oGreen":a.level<.1?"bg-oRed":a.level<.25?"bg-oYellow":"bg-oGreen"}`,style:{width:`${s}%`}})})]},e)})})})}p.displayName="AISRadarWidget";var f=e.i(46991),v=e.i(83934),y=e.i(95430);function w(){let{t:e}=(0,x.useTranslation)(),s=d.default.get("debugMode"),{forecasts:l,isLoading:o,weatherApiAvailable:r,fetchWeatherForecast:c,getCurrentWeather:u}=(0,v.useWeather)(),h=(0,a.useMemo)(()=>{let e=u(),t=(0,f.convertTemperatureUnit)(e.temperature),a=null!==(0,f.finite)(e.humidity)?Math.round(100*e.humidity):null,n=null!==(0,f.convertPressure)(e.pressure)?Math.round(e.pressure/100):null,i=(0,f.convertSpeedUnit)(e.windSpeed),o=(0,f.toDegrees)(e.windDirection),r=e.description,c=e.source,d=null!==t||null!==a||null!==n||null!==i;if(!d&&!s)return{hasData:!1,dataSource:null};let m=t,x=a,h=n,p=i,g=o;!d&&s&&(m=15,x=65,h=1013,p=5.2,g=120,c="debug");let v="sunny";if(r){let e=r.toLowerCase();e.includes("rain")||e.includes("shower")?v="rainy":e.includes("snow")?v="snow":e.includes("partly")||e.includes("few clouds")||e.includes("scattered")?v="partly-cloudy":e.includes("cloud")||e.includes("overcast")?v="cloudy":(e.includes("clear")||e.includes("sun"))&&(v="sunny")}else h&&(v=h<1e3?x&&x>80?"rainy":"cloudy":h>1020?"sunny":"partly-cloudy");return{hasData:!0,dataSource:c,description:r,temperature:m,humidity:x,pressure:h,windSpeed:p,windDirection:g,condition:v,forecast:l}},[u,l,s]),p=e=>{switch(e){case"sunny":return i.faSun;case"partly-cloudy":default:return i.faCloudSun;case"cloudy":return i.faCloud;case"rainy":return i.faCloudRain;case"heavy-rain":return i.faCloudShowersHeavy;case"snow":return i.faSnowflake}},g=e=>{switch(e){case"sunny":return"text-oYellow";case"partly-cloudy":case"rainy":case"heavy-rain":default:return"text-oBlue";case"cloudy":return"text-hud-muted";case"snow":return"text-hud-main"}},w=e=>null===(0,f.finite)(e)?"":["N","NNE","NE","ENE","E","ESE","SE","SSE","S","SSW","SW","WSW","W","WNW","NW","NNW"][(Math.round(e/22.5)%16+16)%16];return(0,t.jsxs)(m,{title:e("widgets.meteorologicalData"),icon:p(h.condition),hasData:h.hasData,noDataMessage:o?e("widgets.acquiringSatellite"):e("widgets.signalLossWeather"),children:[(0,t.jsxs)("div",{className:"absolute top-4 right-4 z-10 flex items-center space-x-3",children:[h.dataSource&&(0,t.jsx)("span",{className:`text-caption px-2 py-0.5 rounded-sm uppercase font-semibold tracking-widest text-hud-main shadow-soft ${"sensors"===h.dataSource?"bg-oGreen/40 border border-oGreen/30":"forecast"===h.dataSource?"bg-oBlue/40 border border-oBlue/30":"bg-hud-elevated border border-hud"}`,children:(()=>{switch(h.dataSource){case"sensors":return e("widgets.dataSourceLive");case"forecast":return e("widgets.dataSourceForecast");case"debug":return e("widgets.dataSourceDemo");default:return""}})()}),!1!==r&&(0,t.jsx)("button",{onClick:c,disabled:o,className:"w-7 h-7 rounded-full bg-hud-elevated flex items-center justify-center text-hud-secondary hover:text-hud-main transition-all duration-500 tesla-hover",title:e("widgets.updateForecast"),children:(0,t.jsx)(n.FontAwesomeIcon,{icon:i.faSync,className:`text-xs ${o?"animate-spin":""}`})})]}),(0,t.jsxs)("div",{className:"flex-1 flex flex-col min-h-0",children:[(0,t.jsx)("div",{className:"flex-1 flex flex-col justify-center",children:(0,t.jsxs)("div",{className:"text-center mb-6 group",children:[(0,t.jsx)("div",{className:`text-hero mb-4 transition-transform duration-700 group-hover:scale-110 ${g(h.condition)}`,children:(0,t.jsx)(n.FontAwesomeIcon,{icon:p(h.condition),className:"sunny"!==h.condition?"animate-soft-pulse":""})}),(0,t.jsx)("div",{className:"text-hero font-medium text-hud-main leading-none gliding-value tracking-tight",children:null!==h.temperature?`${h.temperature}${(0,f.getTemperatureUnitLabel)()}`:e("common.na")}),(0,t.jsx)("div",{className:"text-caption font-semibold text-hud-secondary uppercase tracking-[0.3em] mt-3 opacity-60",children:h.description||(t=>{switch(t){case"sunny":return e("widgets.clearSkies");case"partly-cloudy":return e("widgets.partlyCloudy");case"cloudy":return e("widgets.overcast");case"rainy":return e("widgets.lightRain");case"heavy-rain":return e("widgets.heavyRain");case"snow":return e("widgets.snow");default:return e("widgets.variable")}})(h.condition)})]})}),h.forecast&&h.forecast.length>1&&(0,t.jsx)("div",{className:"space-y-2 shrink-0",children:h.forecast.slice(1,4).map((e,a)=>{let s=new Date(e.date?e.date:(0,y.vesselNow)().getTime()+(a+1)*864e5),l=isNaN(s.getTime())?e.time||`+${a+1}d`:s.toLocaleDateString("en-GB",{weekday:"short"}),o=e.description?e.description.toLowerCase().includes("rain")?"rainy":e.description.toLowerCase().includes("cloud")?"cloudy":e.description.toLowerCase().includes("snow")?"snow":"sunny":"partly-cloudy",r=null!==(0,f.finite)(e.wind?.speed)?Math.round(10*e.wind.speed)/10:null,c=w(e.wind?.direction)||null;return(0,t.jsxs)("div",{className:"flex items-center justify-between py-1.5 border-b border-hud/30 last:border-0",children:[(0,t.jsxs)("div",{className:"flex items-center space-x-3",children:[(0,t.jsx)("span",{className:"text-hud-muted text-caption font-semibold uppercase tracking-widest w-8",children:l}),(0,t.jsx)(n.FontAwesomeIcon,{icon:p(o),className:`text-sm w-5 ${g(o)}`}),(0,t.jsx)("span",{className:"text-hud-main text-label font-semibold gliding-value w-8",children:null!==e.temperature?`${Math.round(e.temperature)}\xb0`:"--"})]}),(0,t.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,t.jsx)(n.FontAwesomeIcon,{icon:i.faWind,className:"text-oBlue text-xs opacity-50"}),(0,t.jsx)("span",{className:"text-hud-main text-caption font-semibold gliding-value",children:null!==r?`${r} ${(0,f.getSpeedUnitLabel)()}`:"--"}),c&&(0,t.jsx)("span",{className:"text-hud-muted text-caption font-semibold tracking-widest opacity-60",children:c})]})]},a)})}),(0,t.jsxs)("div",{className:"flex items-center justify-between shrink-0 mt-2",children:[(0,t.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,t.jsx)(n.FontAwesomeIcon,{icon:i.faWind,className:"text-oBlue text-sm opacity-50"}),(0,t.jsx)("span",{className:"text-hud-secondary text-caption uppercase font-semibold tracking-widest",children:e("widgets.now")})]}),(0,t.jsxs)("div",{className:"text-right",children:[(0,t.jsx)("span",{className:"text-hud-main text-label font-semibold gliding-value tracking-tight",children:null!==h.windSpeed?`${h.windSpeed} ${(0,f.getSpeedUnitLabel)()}`:e("common.na")}),(0,t.jsx)("span",{className:"text-hud-muted text-caption uppercase font-semibold tracking-widest ml-2 opacity-60",children:null!==h.windDirection?w(h.windDirection):""})]})]})]})]})}var b=e.i(66799);let N=(0,a.createContext)(),j=({children:e})=>{let[s,n]=(0,a.useState)({}),[i,l]=(0,a.useState)({}),[o,r]=(0,a.useState)({}),[c,d]=(0,a.useState)(!1),[u,m]=(0,a.useState)(null),[x,h]=(0,a.useState)(null),[p,g]=(0,a.useState)(null),[f,v]=(0,a.useState)(!1),[y,w]=(0,a.useState)(null),j=(0,a.useRef)(null),k=(0,a.useRef)(null),C=(0,a.useCallback)(async()=>{d(!0),m(null);try{let[e,t,a]=await Promise.all([b.default.getRoutes().catch(e=>("NetworkError"!==e.name&&console.error("NavigationContext: Failed to fetch routes:",e),{})),b.default.getWaypoints().catch(e=>("NetworkError"!==e.name&&console.error("NavigationContext: Failed to fetch waypoints:",e),{})),b.default.getCharts().catch(e=>("NetworkError"!==e.name&&console.error("NavigationContext: Failed to fetch charts:",e),{}))]);n(e||{}),l(t||{}),r(a||{})}catch(e){"NetworkError"!==e.name&&(console.error("NavigationContext: Failed to fetch resources:",e),m(e.message))}finally{d(!1)}},[]),S=(0,a.useCallback)(async()=>{try{let e=await b.default.getRoutes();return n(e||{}),e}catch(e){throw console.error("NavigationContext: Failed to fetch routes:",e),e}},[]),M=(0,a.useCallback)(async()=>{try{let e=await b.default.getWaypoints();return l(e||{}),e}catch(e){throw console.error("NavigationContext: Failed to fetch waypoints:",e),e}},[]),W=(0,a.useCallback)(async()=>{try{let[e,t]=await Promise.all([b.default.getCourse().catch(()=>null),b.default.getCourseCalculations().catch(()=>null)]);h(e),g(t)}catch(e){console.error("NavigationContext: Failed to fetch course:",e),w(e.message)}},[]),F=(0,a.useCallback)(async e=>{v(!0),w(null);try{await b.default.setDestinationWaypoint(e),await W()}catch(e){throw console.error("NavigationContext: Failed to set waypoint destination:",e),w(e.message),e}finally{v(!1)}},[W]),$=(0,a.useCallback)(async(e,t)=>{v(!0),w(null);try{await b.default.setDestinationPosition(e,t),await W()}catch(e){throw console.error("NavigationContext: Failed to set position destination:",e),w(e.message),e}finally{v(!1)}},[W]),T=(0,a.useCallback)(async(e,t=0,a=!1)=>{v(!0),w(null);try{await b.default.activateRoute(e,t,a),await W()}catch(e){throw console.error("NavigationContext: Failed to activate route:",e),w(e.message),e}finally{v(!1)}},[W]),D=(0,a.useCallback)(async()=>{v(!0),w(null);try{await b.default.clearCourse(),h(null),g(null)}catch(e){throw console.error("NavigationContext: Failed to clear course:",e),w(e.message),e}finally{v(!1)}},[]),A=(0,a.useCallback)(async()=>{try{await b.default.nextWaypoint(),await W()}catch(e){throw console.error("NavigationContext: Failed to go to next waypoint:",e),e}},[W]),I=(0,a.useCallback)(async()=>{try{await b.default.previousWaypoint(),await W()}catch(e){throw console.error("NavigationContext: Failed to go to previous waypoint:",e),e}},[W]),R=(0,a.useCallback)(async(e,t,a,s="")=>{try{let n=b.default.generateUUID(),i=b.default.createWaypointFeature(t,e,a,s);return await b.default.saveWaypoint(n,i),await M(),n}catch(e){throw console.error("NavigationContext: Failed to create waypoint:",e),e}},[M]),P=(0,a.useCallback)(async e=>{try{await b.default.deleteWaypoint(e),await M()}catch(e){throw console.error("NavigationContext: Failed to delete waypoint:",e),e}},[M]),G=(0,a.useCallback)(async(e,t,a="")=>{try{let s=b.default.generateUUID(),n=e.map(e=>[e.longitude,e.latitude]),i=b.default.createRouteFeature(n,t,a);return await b.default.saveRoute(s,i),await S(),s}catch(e){throw console.error("NavigationContext: Failed to create route:",e),e}},[S]),L=(0,a.useCallback)(async e=>{try{await b.default.deleteRoute(e),await S()}catch(e){throw console.error("NavigationContext: Failed to delete route:",e),e}},[S]),E=(0,a.useCallback)(e=>{let t=s[e];return t?b.default.parseRouteCoordinates(t):[]},[s]),B=(0,a.useCallback)(e=>{let t=i[e];return t?b.default.parseWaypointPosition(t):null},[i]),O=(0,a.useCallback)(()=>Object.entries(s).map(([e,t])=>({id:e,name:t.name||"Unnamed Route",description:t.description||"",pointCount:t.feature?.geometry?.coordinates?.length||0})),[s]),Y=(0,a.useCallback)(()=>Object.entries(i).map(([e,t])=>{let a=b.default.parseWaypointPosition(t);return{id:e,name:t.name||"Unnamed Waypoint",description:t.description||"",latitude:a?.latitude,longitude:a?.longitude}}),[i]),U=(0,a.useCallback)(()=>x?.nextPoint?.position!=null||x?.activeRoute?.href!=null,[x]),K=(0,a.useCallback)(()=>x?{position:x.nextPoint?.position,waypointHref:x.nextPoint?.href,routeHref:x.activeRoute?.href,pointIndex:x.activeRoute?.pointIndex,isRoute:!!x.activeRoute?.href,arrivalCircle:x.arrivalCircle}:null,[x]);(0,a.useEffect)(()=>(C(),W(),j.current=setInterval(()=>{W()},5e3),k.current=setInterval(()=>{C()},3e5),()=>{j.current&&clearInterval(j.current),k.current&&clearInterval(k.current)}),[C,W]);let z=(0,a.useMemo)(()=>({routes:s,waypoints:i,charts:o,isLoadingResources:c,resourcesError:u,activeCourse:x,courseCalculations:p,isLoadingCourse:f,courseError:y,fetchResources:C,fetchRoutes:S,fetchWaypoints:M,fetchCourse:W,navigateToWaypoint:F,navigateToPosition:$,activateRoute:T,clearCourse:D,goToNextWaypoint:A,goToPreviousWaypoint:I,createWaypoint:R,deleteWaypoint:P,createRoute:G,deleteRoute:L,getRouteCoordinates:E,getWaypointPosition:B,getRoutesList:O,getWaypointsList:Y,hasActiveDestination:U,getDestinationInfo:K}),[s,i,o,c,u,x,p,f,y,C,S,M,W,F,$,T,D,A,I,R,P,G,L,E,B,O,Y,U,K]);return(0,t.jsx)(N.Provider,{value:z,children:e})};function k(){var e,s;let{t:l}=(0,x.useTranslation)(),{activeCourse:o,courseCalculations:r,waypoints:u,routes:h,isLoadingCourse:p,navigateToWaypoint:g,activateRoute:v,clearCourse:y,goToNextWaypoint:w,goToPreviousWaypoint:b,getWaypointsList:j,getRoutesList:k,hasActiveDestination:C}=(()=>{let e=(0,a.useContext)(N);if(!e)throw Error("useNavigation must be used within a NavigationContextProvider");return e})(),S=d.default.get("debugMode"),M=(0,c.useSignalKPath)("navigation.courseGreatCircle.nextPoint.distance"),W=(0,c.useSignalKPath)("navigation.courseGreatCircle.nextPoint.bearingTrue"),F=(0,c.useSignalKPath)("navigation.courseGreatCircle.crossTrackError"),$=(0,c.useSignalKPath)("navigation.courseGreatCircle.velocityMadeGood"),T=(0,c.useSignalKPath)("steering.autopilot.state"),D=(0,c.useSignalKPath)("steering.autopilot.mode"),A=(0,c.useSignalKPath)("steering.autopilot.target.headingTrue"),[I,R]=(0,a.useState)(!1),[P,G]=(0,a.useState)(!1),L=a.default.useMemo(()=>{let e=r||{},t=M??e.distance??null,a=W??e.bearingTrue??null;return null!==t||null!==a||S?{hasData:!0,distance:t??(S?5e3:null),bearingTrue:a??(S?.52:null),bearingMagnetic:e.bearingMagnetic??null,crossTrackError:F??e.crossTrackError??(S?50:null),velocityMadeGood:$??e.velocityMadeGood??(S?5.5:null),timeToGo:e.timeToGo??null,estimatedTimeOfArrival:e.estimatedTimeOfArrival??null,calcMethod:e.calcMethod}:{hasData:!1}},[r,M,W,F,$,S]),E=async e=>{try{await g(e),R(!1)}catch(e){console.error("Failed to navigate to waypoint:",e)}},B=async e=>{try{await v(e),G(!1)}catch(e){console.error("Failed to activate route:",e)}},O=j(),Y=k(),U=C();return(0,t.jsxs)(m,{title:l("widgets.course"),icon:i.faRoute,iconColorClass:"text-oGreen",hasData:L.hasData||U||O.length>0||Y.length>0,noDataMessage:l("widgets.noCourseData"),children:[(0,t.jsxs)("div",{className:"absolute top-4 right-4 z-10 flex space-x-2",children:[(0,t.jsx)("button",{onClick:()=>{R(!I),G(!1)},className:`w-8 h-8 rounded-full flex items-center justify-center transition-all duration-500 shadow-soft ${I?"bg-oGreen text-hud-main":"bg-hud-elevated text-hud-secondary tesla-hover"}`,title:l("widgets.waypoints"),children:(0,t.jsx)(n.FontAwesomeIcon,{icon:i.faLocationDot,className:"text-xs"})}),(0,t.jsx)("button",{onClick:()=>{G(!P),R(!1)},className:`w-8 h-8 rounded-full flex items-center justify-center transition-all duration-500 shadow-soft ${P?"bg-oGreen text-hud-main":"bg-hud-elevated text-hud-secondary tesla-hover"}`,title:l("widgets.routes"),children:(0,t.jsx)(n.FontAwesomeIcon,{icon:i.faList,className:"text-xs"})})]}),(0,t.jsxs)("div",{className:"flex-1 flex flex-col min-h-0",children:[I&&(0,t.jsxs)("div",{className:"mb-4 max-h-40 overflow-y-auto tesla-card space-y-1",children:[(0,t.jsx)("div",{className:"text-caption text-hud-muted mb-2 uppercase font-semibold tracking-[0.2em] px-2 pt-1",children:l("widgets.storedWaypoints")}),0===O.length?(0,t.jsx)("div",{className:"text-caption text-hud-secondary italic px-2 py-4 text-center font-semibold uppercase",children:l("widgets.noActiveNodes")}):O.map(e=>(0,t.jsxs)("button",{onClick:()=>E(e.id),className:"w-full text-left p-2 tesla-hover rounded-sm text-caption text-hud-main flex items-center group font-semibold uppercase tracking-tight",children:[(0,t.jsx)(n.FontAwesomeIcon,{icon:i.faLocationDot,className:"text-oYellow mr-3 text-xs opacity-50 group-hover:opacity-100"}),(0,t.jsx)("span",{className:"truncate",children:e.name})]},e.id))]}),P&&(0,t.jsxs)("div",{className:"mb-4 max-h-40 overflow-y-auto tesla-card space-y-1",children:[(0,t.jsx)("div",{className:"text-caption text-hud-muted mb-2 uppercase font-semibold tracking-[0.2em] px-2 pt-1",children:l("widgets.missionRoutes")}),0===Y.length?(0,t.jsx)("div",{className:"text-caption text-hud-secondary italic px-2 py-4 text-center font-semibold uppercase",children:l("widgets.noRoutesLoaded")}):Y.map(e=>(0,t.jsxs)("button",{onClick:()=>B(e.id),className:"w-full text-left p-2 tesla-hover rounded-sm text-caption text-hud-main flex items-center justify-between group font-semibold uppercase tracking-tight",children:[(0,t.jsxs)("div",{className:"flex items-center",children:[(0,t.jsx)(n.FontAwesomeIcon,{icon:i.faRoute,className:"text-oGreen mr-3 text-xs opacity-50 group-hover:opacity-100"}),(0,t.jsx)("span",{className:"truncate",children:e.name})]}),(0,t.jsxs)("span",{className:"text-caption text-hud-muted font-semibold",children:[e.pointCount," pts"]})]},e.id))]}),U&&(0,t.jsxs)("div",{className:"tesla-card bg-oYellow/5 mb-6 border-l-2 border-oYellow/30 animate-soft-pulse",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,t.jsxs)("div",{className:"flex items-center space-x-3",children:[(0,t.jsx)(n.FontAwesomeIcon,{icon:i.faCrosshairs,className:"text-oYellow text-sm"}),(0,t.jsx)("span",{className:"text-hud-main text-caption font-semibold uppercase tracking-widest truncate",children:(()=>{if(!o)return l("widgets.noDestination");if(o.activeRoute?.href){let e=h[o.activeRoute.href.split("/").pop()],t=o.activeRoute.pointIndex||0;return e?.name?`${e.name} (${t+1})`:l("widgets.activeRoute")}if(o.nextPoint?.href){let e=u[o.nextPoint.href.split("/").pop()];return e?.name||l("widgets.waypoint")}if(o.nextPoint?.position){let e=o.nextPoint.position;return`${e.latitude?.toFixed(4)}\xb0, ${e.longitude?.toFixed(4)}\xb0`}return l("widgets.noDestination")})()})]}),(0,t.jsx)("button",{onClick:y,className:"text-hud-secondary hover:text-oRed transition-colors p-1",title:l("widgets.abortNavigation"),children:(0,t.jsx)(n.FontAwesomeIcon,{icon:i.faTimes,className:"text-sm"})})]}),o?.activeRoute?.href&&(0,t.jsxs)("div",{className:"flex justify-center space-x-3 mt-4",children:[(0,t.jsxs)("button",{onClick:b,className:"bg-hud-elevated hover:bg-hud-bg text-hud-main px-4 py-1.5 rounded text-caption font-semibold uppercase tracking-widest transition-all shadow-soft",children:[(0,t.jsx)(n.FontAwesomeIcon,{icon:i.faArrowLeft,className:"mr-2"}),l("widgets.previous")]}),(0,t.jsxs)("button",{onClick:w,className:"bg-oBlue hover:bg-oBlue/80 text-hud-main px-4 py-1.5 rounded text-caption font-semibold uppercase tracking-widest transition-all shadow-lg shadow-oBlue/20",children:[l("widgets.proceed"),(0,t.jsx)(n.FontAwesomeIcon,{icon:i.faArrowRight,className:"ml-2"})]})]})]}),T&&(0,t.jsxs)("div",{className:`tesla-card px-3 py-2 mb-3 flex items-center justify-between ${"enabled"===T?"border-l-2 border-oGreen/30":""}`,children:[(0,t.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,t.jsx)(n.FontAwesomeIcon,{icon:i.faRobot,className:`text-xs ${"enabled"===T?"text-oGreen":"text-hud-muted"}`}),(0,t.jsx)("span",{className:`text-caption font-semibold uppercase capitalize gliding-value ${"enabled"===T?"text-oGreen":"text-hud-secondary"}`,children:T})]}),(0,t.jsxs)("div",{className:"flex items-center space-x-4 text-caption font-semibold uppercase",children:[(0,t.jsx)("span",{className:"text-hud-main capitalize gliding-value",children:D||"—"}),(0,t.jsx)("span",{className:"text-oYellow gliding-value",children:null!==A?`${Math.round((0,f.toDegrees)(A))}\xb0`:"—"})]})]}),L.hasData&&(0,t.jsxs)("div",{className:"grid grid-cols-2 gap-4",children:[(0,t.jsxs)("div",{className:"tesla-card text-center tesla-hover ",children:[(0,t.jsx)(n.FontAwesomeIcon,{icon:i.faRuler,className:"text-oGreen text-xs mb-2 opacity-50"}),(0,t.jsx)("div",{className:"text-hud-main text-value font-semibold gliding-value tracking-tight",children:null==(e=L.distance)?l("common.na"):e<1e3?`${Math.round(e)} m`:`${(0,f.convertDistanceUnit)(e)} ${(0,f.getDistanceUnitLabel)()}`}),(0,t.jsx)("div",{className:"text-hud-secondary text-caption uppercase font-semibold mt-2 tracking-[0.2em]",children:l("widgets.distance")})]}),(0,t.jsxs)("div",{className:"tesla-card text-center tesla-hover ",children:[(0,t.jsx)(n.FontAwesomeIcon,{icon:i.faCompass,className:"text-oBlue text-xs mb-2 opacity-50"}),(0,t.jsx)("div",{className:"text-hud-main text-value font-semibold gliding-value tracking-tight",children:null!==L.bearingTrue?`${Math.round((0,f.toDegrees)(L.bearingTrue))}\xb0`:l("common.na")}),(0,t.jsx)("div",{className:"text-hud-secondary text-caption uppercase font-semibold mt-2 tracking-[0.2em]",children:l("widgets.bearing")})]}),(0,t.jsxs)("div",{className:"tesla-card text-center tesla-hover ",children:[(0,t.jsx)(n.FontAwesomeIcon,{icon:i.faArrowRight,className:`${L.crossTrackError>50||L.crossTrackError<-50?"text-oRed animate-soft-pulse":"text-oGreen opacity-50"} text-xs mb-2`}),(0,t.jsx)("div",{className:"text-hud-main text-value font-semibold gliding-value tracking-tight",children:null!==L.crossTrackError?`${Math.abs(Math.round(L.crossTrackError))}m`:l("common.na")}),(0,t.jsx)("div",{className:"text-hud-secondary text-caption uppercase font-semibold mt-2 tracking-[0.2em]",children:"XTE"})]}),(0,t.jsxs)("div",{className:"tesla-card text-center tesla-hover ",children:[(0,t.jsx)(n.FontAwesomeIcon,{icon:i.faPlay,className:"text-oGreen text-xs mb-2 opacity-50"}),(0,t.jsxs)("div",{className:"text-hud-main text-value font-semibold gliding-value tracking-tight",children:[null!==L.velocityMadeGood?`${(0,f.convertSpeedUnit)(L.velocityMadeGood)}`:l("common.na"),(0,t.jsx)("span",{className:"text-caption text-hud-secondary ml-1",children:(0,f.getSpeedUnitLabel)()})]}),(0,t.jsx)("div",{className:"text-hud-secondary text-caption uppercase font-semibold mt-2 tracking-[0.2em]",children:"VMG"})]}),null!==L.timeToGo&&(0,t.jsxs)("div",{className:"tesla-card text-center tesla-hover ",children:[(0,t.jsx)(n.FontAwesomeIcon,{icon:i.faClock,className:"text-oGreen text-xs mb-2 opacity-50"}),(0,t.jsx)("div",{className:"text-hud-main text-value font-semibold gliding-value tracking-tight",children:(e=>{if(null==e)return l("common.na");let t=Math.floor(e/3600),a=Math.floor(e%3600/60);return t>0?`${t}h ${a}m`:`${a}m`})(L.timeToGo)}),(0,t.jsx)("div",{className:"text-hud-secondary text-caption uppercase font-semibold mt-2 tracking-[0.2em]",children:"TTG"})]}),L.estimatedTimeOfArrival&&(0,t.jsxs)("div",{className:"tesla-card text-center tesla-hover ",children:[(0,t.jsx)(n.FontAwesomeIcon,{icon:i.faClock,className:"text-oYellow text-xs mb-2 opacity-50"}),(0,t.jsx)("div",{className:"text-hud-main text-value font-semibold gliding-value tracking-tight",children:(s=L.estimatedTimeOfArrival)?new Date(s).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}):l("common.na")}),(0,t.jsx)("div",{className:"text-hud-secondary text-caption uppercase font-semibold mt-2 tracking-[0.2em]",children:"ETA"})]})]})]})]})}e.i(67561);let C=a.default.memo(({children:e,widgetName:a,className:l="",fullscreenWidget:o,toggleFullscreen:r})=>(0,t.jsxs)(s.motion.div,{layout:!0,variants:{hidden:{opacity:0,y:20},show:{opacity:1,y:0}},transition:{duration:.5,ease:[.4,0,.2,1]},className:`relative group ${l}`,children:[e,(0,t.jsx)("button",{onClick:()=>r(a),className:"absolute top-3 right-3 opacity-0 group-hover:opacity-100 transition-all duration-500 bg-hud-bg backdrop-blur-md hover:bg-hud-elevated rounded-full w-8 h-8 flex items-center justify-center text-hud-muted hover:text-hud-main z-10 shadow-soft",title:o===a?"Exit fullscreen":"Fullscreen",children:(0,t.jsx)(n.FontAwesomeIcon,{icon:o===a?i.faCompress:i.faExpand,className:"text-xs"})})]}));C.displayName="WidgetWrapper";let S={hidden:{opacity:0},show:{opacity:1,transition:{staggerChildren:.05}}};e.s(["default",0,function(){let[e,n]=(0,a.useState)(null),i=a.default.useCallback(e=>{n(t=>t===e?null:e)},[]),l=(a,s,n="")=>(0,t.jsx)(C,{widgetName:a,fullscreenWidget:e,toggleFullscreen:i,className:e&&e!==a?"hidden":e===a?"w-full h-full":n,children:s});return(0,t.jsx)("div",{className:"flex flex-col h-full bg-rightPaneBg overflow-hidden",children:(0,t.jsx)("div",{className:"flex-1 p-4 min-h-0 overflow-auto scrollbar-hide",children:(0,t.jsxs)(s.motion.div,{variants:S,initial:"hidden",animate:"show",className:e?"flex h-full":"card-grid",children:[l("aisradar",(0,t.jsx)(p,{}),"sm:col-span-2 sm:row-span-2"),l("weather",(0,t.jsx)(w,{})),l("course",(0,t.jsx)(j,{children:(0,t.jsx)(k,{})})),l("tanks",(0,t.jsx)(g,{}))]})})})}],54784)},25294,function(e){e.n(e.i(54784))}]);

package/_next/static/chunks/2ryo_bbmt6t74.css

@@ -0,0 +1,3 @@
+@font-face{font-family:geistSans;src:url(../media/GeistVF-s.0e569l9b0bre8.woff)format("woff");font-display:swap;font-weight:100 900}@font-face{font-family:geistSans Fallback;src:local(Arial);ascent-override:85.83%;descent-override:20.52%;line-gap-override:9.33%;size-adjust:107.19%}.geistsans_fce11f57-module__b_bU6G__className{font-family:geistSans,geistSans Fallback}.geistsans_fce11f57-module__b_bU6G__variable{--font-geist-sans:"geistSans", "geistSans Fallback"}
+@font-face{font-family:geistMono;src:url(../media/GeistMonoVF-s.1lv5tp2fpjxdz.woff)format("woff");font-display:swap;font-weight:100 900}@font-face{font-family:geistMono Fallback;src:local(Arial);ascent-override:69.97%;descent-override:16.73%;line-gap-override:7.61%;size-adjust:131.49%}.geistmono_ed61a5f9-module__6fgesq__className{font-family:geistMono,geistMono Fallback}.geistmono_ed61a5f9-module__6fgesq__variable{--font-geist-mono:"geistMono", "geistMono Fallback"}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-blue-600:#155dfc;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--drop-shadow-lg:0 4px 4px #00000026;--drop-shadow-2xl:0 25px 25px #00000026;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-leftPaneBg:#0e0e0e;--color-rightPaneBg:#1e1e1e;--hud-bg:#0003;--hud-bg-elevated:#ffffff0d;--hud-card-bg:#ffffff05;--hud-border:#ffffff0d;--hud-text-main:#fff;--hud-text-secondary:#fff6;--hud-text-muted:#ffffff4d;--hud-text-dim:#fff3;--color-oBlue:#09bfff;--color-oRed:#cc000c;--color-oYellow:#ffbe00;--color-oGreen:#0fcd4f;--color-oGray:#989898;--color-oGray2:#424242;--color-oNight:#ef4444;--color-onAccent:#fff;--shadow-soft:0 4px 20px #0000004d;--shadow-subtle:0 2px 10px #0003;--text-hero:3.5rem;--text-hero--line-height:1;--text-value:1.5rem;--text-value--line-height:1.15;--text-label:.875rem;--text-label--line-height:1.25;--text-caption:.75rem;--text-caption--line-height:1rem}@supports (color:lab(0% 0 0)){:root,:host{--color-blue-600:lab(44.0605% 29.0279 -86.0352)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}[data-scene=light]{--hud-bg:#fff9;--hud-bg-elevated:#00000008;--hud-card-bg:#fffc;--hud-border:#0000000f;--hud-text-main:#1a1a1a;--hud-text-secondary:#0000008c;--hud-text-muted:#0006;--hud-text-dim:#00000040}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.-top-5{top:calc(var(--spacing) * -5)}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-14{top:calc(var(--spacing) * 14)}.top-28{top:calc(var(--spacing) * 28)}.top-\[calc\(0\.75rem\+env\(safe-area-inset-top\)\)\]{top:calc(.75rem + env(safe-area-inset-top))}.right-0{right:0}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.-bottom-1{bottom:calc(var(--spacing) * -1)}.bottom-0{bottom:0}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-20{bottom:calc(var(--spacing) * 20)}.bottom-24{bottom:calc(var(--spacing) * 24)}.bottom-44{bottom:calc(var(--spacing) * 44)}.bottom-\[calc\(5rem\+env\(safe-area-inset-bottom\)\)\]{bottom:calc(5rem + env(safe-area-inset-bottom))}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-1{margin-inline:var(--spacing)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-4{margin-block:calc(var(--spacing) * 4)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-14{margin-top:calc(var(--spacing) * 14)}.mr-1{margin-right:var(--spacing)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.ml-1{margin-left:var(--spacing)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-32{height:calc(var(--spacing) * 32)}.h-40{height:calc(var(--spacing) * 40)}.h-60{height:calc(var(--spacing) * 60)}.h-\[1px\]{height:1px}.h-\[2px\]{height:2px}.h-\[8px\]{height:8px}.h-\[60px\]{height:60px}.h-\[100dvh\]{height:100dvh}.h-full{height:100%}.h-px{height:1px}.max-h-40{max-height:calc(var(--spacing) * 40)}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-\[45vh\]{max-height:45vh}.max-h-\[70\%\]{max-height:70%}.max-h-\[90vh\]{max-height:90vh}.min-h-0{min-height:0}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-\[4rem\]{min-height:4rem}.min-h-\[120px\]{min-height:120px}.min-h-\[200px\]{min-height:200px}.min-h-\[220px\]{min-height:220px}.min-h-screen{min-height:100vh}.w-1{width:var(--spacing)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-2\/5{width:40%}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/5{width:60%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-20{width:calc(var(--spacing) * 20)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-48{width:calc(var(--spacing) * 48)}.w-\[1px\]{width:1px}.w-\[17rem\]{width:17rem}.w-\[19rem\]{width:19rem}.w-\[95vw\]{width:95vw}.w-\[min\(30rem\,100\%\)\]{width:min(30rem,100%)}.w-\[min\(32rem\,calc\(100\%-2rem\)\)\]{width:min(32rem,100% - 2rem)}.w-\[min\(40rem\,100\%\)\]{width:min(40rem,100%)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-\[10rem\]{max-width:10rem}.max-w-\[19rem\]{max-width:19rem}.max-w-\[20rem\]{max-width:20rem}.max-w-\[30rem\]{max-width:30rem}.max-w-\[240px\]{max-width:240px}.max-w-\[calc\(100\%-1rem\)\]{max-width:calc(100% - 1rem)}.max-w-\[calc\(100\%-9rem\)\]{max-width:calc(100% - 9rem)}.max-w-\[calc\(100\%-12rem\)\]{max-width:calc(100% - 12rem)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-prose{max-width:65ch}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-\[28px\]{min-width:28px}.min-w-\[180px\]{min-width:180px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.origin-center{transform-origin:50%}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-5{--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-col-resize{cursor:col-resize}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.scrollbar-thin{scrollbar-width:thin}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}:where(.space-x-0\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * .5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(var(--spacing) * var(--tw-space-x-reverse));margin-inline-end:calc(var(--spacing) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-2{row-gap:calc(var(--spacing) * 2)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-white\/30>:not(:last-child)){border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){:where(.divide-white\/30>:not(:last-child)){border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-none{--tw-border-style:none;border-style:none}.border-leftPaneBg{border-color:var(--color-leftPaneBg)}.border-oBlue{border-color:var(--color-oBlue)}.border-oBlue\/10{border-color:#09bfff1a}@supports (color:color-mix(in lab, red, red)){.border-oBlue\/10{border-color:color-mix(in oklab, var(--color-oBlue) 10%, transparent)}}.border-oBlue\/20{border-color:#09bfff33}@supports (color:color-mix(in lab, red, red)){.border-oBlue\/20{border-color:color-mix(in oklab, var(--color-oBlue) 20%, transparent)}}.border-oBlue\/30{border-color:#09bfff4d}@supports (color:color-mix(in lab, red, red)){.border-oBlue\/30{border-color:color-mix(in oklab, var(--color-oBlue) 30%, transparent)}}.border-oBlue\/40{border-color:#09bfff66}@supports (color:color-mix(in lab, red, red)){.border-oBlue\/40{border-color:color-mix(in oklab, var(--color-oBlue) 40%, transparent)}}.border-oGreen{border-color:var(--color-oGreen)}.border-oGreen\/10{border-color:#0fcd4f1a}@supports (color:color-mix(in lab, red, red)){.border-oGreen\/10{border-color:color-mix(in oklab, var(--color-oGreen) 10%, transparent)}}.border-oGreen\/20{border-color:#0fcd4f33}@supports (color:color-mix(in lab, red, red)){.border-oGreen\/20{border-color:color-mix(in oklab, var(--color-oGreen) 20%, transparent)}}.border-oGreen\/30{border-color:#0fcd4f4d}@supports (color:color-mix(in lab, red, red)){.border-oGreen\/30{border-color:color-mix(in oklab, var(--color-oGreen) 30%, transparent)}}.border-oGreen\/40{border-color:#0fcd4f66}@supports (color:color-mix(in lab, red, red)){.border-oGreen\/40{border-color:color-mix(in oklab, var(--color-oGreen) 40%, transparent)}}.border-oGreen\/50{border-color:#0fcd4f80}@supports (color:color-mix(in lab, red, red)){.border-oGreen\/50{border-color:color-mix(in oklab, var(--color-oGreen) 50%, transparent)}}.border-oRed{border-color:var(--color-oRed)}.border-oRed\/10{border-color:#cc000c1a}@supports (color:color-mix(in lab, red, red)){.border-oRed\/10{border-color:color-mix(in oklab, var(--color-oRed) 10%, transparent)}}.border-oRed\/20{border-color:#cc000c33}@supports (color:color-mix(in lab, red, red)){.border-oRed\/20{border-color:color-mix(in oklab, var(--color-oRed) 20%, transparent)}}.border-oRed\/30{border-color:#cc000c4d}@supports (color:color-mix(in lab, red, red)){.border-oRed\/30{border-color:color-mix(in oklab, var(--color-oRed) 30%, transparent)}}.border-oRed\/40{border-color:#cc000c66}@supports (color:color-mix(in lab, red, red)){.border-oRed\/40{border-color:color-mix(in oklab, var(--color-oRed) 40%, transparent)}}.border-oRed\/50{border-color:#cc000c80}@supports (color:color-mix(in lab, red, red)){.border-oRed\/50{border-color:color-mix(in oklab, var(--color-oRed) 50%, transparent)}}.border-oRed\/60{border-color:#cc000c99}@supports (color:color-mix(in lab, red, red)){.border-oRed\/60{border-color:color-mix(in oklab, var(--color-oRed) 60%, transparent)}}.border-oYellow{border-color:var(--color-oYellow)}.border-oYellow\/20{border-color:#ffbe0033}@supports (color:color-mix(in lab, red, red)){.border-oYellow\/20{border-color:color-mix(in oklab, var(--color-oYellow) 20%, transparent)}}.border-oYellow\/30{border-color:#ffbe004d}@supports (color:color-mix(in lab, red, red)){.border-oYellow\/30{border-color:color-mix(in oklab, var(--color-oYellow) 30%, transparent)}}.border-oYellow\/40{border-color:#ffbe0066}@supports (color:color-mix(in lab, red, red)){.border-oYellow\/40{border-color:color-mix(in oklab, var(--color-oYellow) 40%, transparent)}}.border-white\/60{border-color:#fff9}@supports (color:color-mix(in lab, red, red)){.border-white\/60{border-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.border-white\/80{border-color:#fffc}@supports (color:color-mix(in lab, red, red)){.border-white\/80{border-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-leftPaneBg{background-color:var(--color-leftPaneBg)}.bg-oBlue{background-color:var(--color-oBlue)}.bg-oBlue\/5{background-color:#09bfff0d}@supports (color:color-mix(in lab, red, red)){.bg-oBlue\/5{background-color:color-mix(in oklab, var(--color-oBlue) 5%, transparent)}}.bg-oBlue\/10{background-color:#09bfff1a}@supports (color:color-mix(in lab, red, red)){.bg-oBlue\/10{background-color:color-mix(in oklab, var(--color-oBlue) 10%, transparent)}}.bg-oBlue\/15{background-color:#09bfff26}@supports (color:color-mix(in lab, red, red)){.bg-oBlue\/15{background-color:color-mix(in oklab, var(--color-oBlue) 15%, transparent)}}.bg-oBlue\/40{background-color:#09bfff66}@supports (color:color-mix(in lab, red, red)){.bg-oBlue\/40{background-color:color-mix(in oklab, var(--color-oBlue) 40%, transparent)}}.bg-oGreen{background-color:var(--color-oGreen)}.bg-oGreen\/5{background-color:#0fcd4f0d}@supports (color:color-mix(in lab, red, red)){.bg-oGreen\/5{background-color:color-mix(in oklab, var(--color-oGreen) 5%, transparent)}}.bg-oGreen\/10{background-color:#0fcd4f1a}@supports (color:color-mix(in lab, red, red)){.bg-oGreen\/10{background-color:color-mix(in oklab, var(--color-oGreen) 10%, transparent)}}.bg-oGreen\/20{background-color:#0fcd4f33}@supports (color:color-mix(in lab, red, red)){.bg-oGreen\/20{background-color:color-mix(in oklab, var(--color-oGreen) 20%, transparent)}}.bg-oGreen\/40{background-color:#0fcd4f66}@supports (color:color-mix(in lab, red, red)){.bg-oGreen\/40{background-color:color-mix(in oklab, var(--color-oGreen) 40%, transparent)}}.bg-oGreen\/80{background-color:#0fcd4fcc}@supports (color:color-mix(in lab, red, red)){.bg-oGreen\/80{background-color:color-mix(in oklab, var(--color-oGreen) 80%, transparent)}}.bg-oRed{background-color:var(--color-oRed)}.bg-oRed\/5{background-color:#cc000c0d}@supports (color:color-mix(in lab, red, red)){.bg-oRed\/5{background-color:color-mix(in oklab, var(--color-oRed) 5%, transparent)}}.bg-oRed\/10{background-color:#cc000c1a}@supports (color:color-mix(in lab, red, red)){.bg-oRed\/10{background-color:color-mix(in oklab, var(--color-oRed) 10%, transparent)}}.bg-oRed\/15{background-color:#cc000c26}@supports (color:color-mix(in lab, red, red)){.bg-oRed\/15{background-color:color-mix(in oklab, var(--color-oRed) 15%, transparent)}}.bg-oRed\/20{background-color:#cc000c33}@supports (color:color-mix(in lab, red, red)){.bg-oRed\/20{background-color:color-mix(in oklab, var(--color-oRed) 20%, transparent)}}.bg-oRed\/30{background-color:#cc000c4d}@supports (color:color-mix(in lab, red, red)){.bg-oRed\/30{background-color:color-mix(in oklab, var(--color-oRed) 30%, transparent)}}.bg-oRed\/40{background-color:#cc000c66}@supports (color:color-mix(in lab, red, red)){.bg-oRed\/40{background-color:color-mix(in oklab, var(--color-oRed) 40%, transparent)}}.bg-oYellow{background-color:var(--color-oYellow)}.bg-oYellow\/5{background-color:#ffbe000d}@supports (color:color-mix(in lab, red, red)){.bg-oYellow\/5{background-color:color-mix(in oklab, var(--color-oYellow) 5%, transparent)}}.bg-oYellow\/10{background-color:#ffbe001a}@supports (color:color-mix(in lab, red, red)){.bg-oYellow\/10{background-color:color-mix(in oklab, var(--color-oYellow) 10%, transparent)}}.bg-oYellow\/15{background-color:#ffbe0026}@supports (color:color-mix(in lab, red, red)){.bg-oYellow\/15{background-color:color-mix(in oklab, var(--color-oYellow) 15%, transparent)}}.bg-oYellow\/20{background-color:#ffbe0033}@supports (color:color-mix(in lab, red, red)){.bg-oYellow\/20{background-color:color-mix(in oklab, var(--color-oYellow) 20%, transparent)}}.bg-oYellow\/40{background-color:#ffbe0066}@supports (color:color-mix(in lab, red, red)){.bg-oYellow\/40{background-color:color-mix(in oklab, var(--color-oYellow) 40%, transparent)}}.bg-rightPaneBg{background-color:var(--color-rightPaneBg)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-oGreen\/60{--tw-gradient-from:#0fcd4f99}@supports (color:color-mix(in lab, red, red)){.from-oGreen\/60{--tw-gradient-from:color-mix(in oklab, var(--color-oGreen) 60%, transparent)}}.from-oGreen\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-oRed\/10{--tw-gradient-from:#cc000c1a}@supports (color:color-mix(in lab, red, red)){.from-oRed\/10{--tw-gradient-from:color-mix(in oklab, var(--color-oRed) 10%, transparent)}}.from-oRed\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-oRed\/60{--tw-gradient-from:#cc000c99}@supports (color:color-mix(in lab, red, red)){.from-oRed\/60{--tw-gradient-from:color-mix(in oklab, var(--color-oRed) 60%, transparent)}}.from-oRed\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-oYellow\/10{--tw-gradient-via:#ffbe001a}@supports (color:color-mix(in lab, red, red)){.via-oYellow\/10{--tw-gradient-via:color-mix(in oklab, var(--color-oYellow) 10%, transparent)}}.via-oYellow\/10{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-oYellow\/60{--tw-gradient-via:#ffbe0099}@supports (color:color-mix(in lab, red, red)){.via-oYellow\/60{--tw-gradient-via:color-mix(in oklab, var(--color-oYellow) 60%, transparent)}}.via-oYellow\/60{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-oGreen{--tw-gradient-to:var(--color-oGreen);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-oGreen\/10{--tw-gradient-to:#0fcd4f1a}@supports (color:color-mix(in lab, red, red)){.to-oGreen\/10{--tw-gradient-to:color-mix(in oklab, var(--color-oGreen) 10%, transparent)}}.to-oGreen\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-oGreen\/60{--tw-gradient-to:#0fcd4f99}@supports (color:color-mix(in lab, red, red)){.to-oGreen\/60{--tw-gradient-to:color-mix(in oklab, var(--color-oGreen) 60%, transparent)}}.to-oGreen\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-contain{object-fit:contain}.\!p-3{padding:calc(var(--spacing) * 3)!important}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-px{padding-block:1px}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-\[env\(safe-area-inset-top\)\]{padding-top:env(safe-area-inset-top)}.pr-\[env\(safe-area-inset-right\)\]{padding-right:env(safe-area-inset-right)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-\[env\(safe-area-inset-left\)\]{padding-left:env(safe-area-inset-left)}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-caption{font-size:var(--text-caption);line-height:var(--tw-leading,var(--text-caption--line-height))}.text-hero{font-size:var(--text-hero);line-height:var(--tw-leading,var(--text-hero--line-height))}.text-label{font-size:var(--text-label);line-height:var(--tw-leading,var(--text-label--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-value{font-size:var(--text-value);line-height:var(--tw-leading,var(--text-value--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-black{color:var(--color-black)}.text-oBlue{color:var(--color-oBlue)}.text-oGreen{color:var(--color-oGreen)}.text-oGreen\/40{color:#0fcd4f66}@supports (color:color-mix(in lab, red, red)){.text-oGreen\/40{color:color-mix(in oklab, var(--color-oGreen) 40%, transparent)}}.text-oGreen\/70{color:#0fcd4fb3}@supports (color:color-mix(in lab, red, red)){.text-oGreen\/70{color:color-mix(in oklab, var(--color-oGreen) 70%, transparent)}}.text-oRed{color:var(--color-oRed)}.text-oRed\/40{color:#cc000c66}@supports (color:color-mix(in lab, red, red)){.text-oRed\/40{color:color-mix(in oklab, var(--color-oRed) 40%, transparent)}}.text-oRed\/80{color:#cc000ccc}@supports (color:color-mix(in lab, red, red)){.text-oRed\/80{color:color-mix(in oklab, var(--color-oRed) 80%, transparent)}}.text-oYellow{color:var(--color-oYellow)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-oBlue{accent-color:var(--color-oBlue)}.accent-oGreen{accent-color:var(--color-oGreen)}.accent-oYellow{accent-color:var(--color-oYellow)}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-95{opacity:.95}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_6px_var\(--color-oGreen\)\]{--tw-shadow:0 0 6px var(--tw-shadow-color,var(--color-oGreen));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_12px_var\(--color-oGreen\)\]{--tw-shadow:0 0 12px var(--tw-shadow-color,var(--color-oGreen));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_15px_var\(--hud-text-main\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,var(--hud-text-main));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-soft{--tw-shadow:0 4px 20px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-oBlue\/10{--tw-shadow-color:#09bfff1a}@supports (color:color-mix(in lab, red, red)){.shadow-oBlue\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-oBlue) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-oBlue\/20{--tw-shadow-color:#09bfff33}@supports (color:color-mix(in lab, red, red)){.shadow-oBlue\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-oBlue) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-oGreen\/20{--tw-shadow-color:#0fcd4f33}@supports (color:color-mix(in lab, red, red)){.shadow-oGreen\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-oGreen) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-oRed\/10{--tw-shadow-color:#cc000c1a}@supports (color:color-mix(in lab, red, red)){.shadow-oRed\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-oRed) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-oRed\/20{--tw-shadow-color:#cc000c33}@supports (color:color-mix(in lab, red, red)){.shadow-oRed\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-oRed) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.drop-shadow-2xl{--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-lg{--tw-drop-shadow-size:drop-shadow(0 4px 4px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-lg));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}.group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}@media (hover:hover){.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-\[1\.02\]:is(:where(.group):hover *){scale:1.02}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.peer-checked\:bg-oBlue:is(:where(.peer):checked~*){background-color:var(--color-oBlue)}.peer-checked\:bg-oYellow:is(:where(.peer):checked~*){background-color:var(--color-oYellow)}.peer-focus\:outline-none:is(:where(.peer):focus~*){--tw-outline-style:none;outline-style:none}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:start-\[2px\]:after{content:var(--tw-content);inset-inline-start:2px}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:h-5:after{content:var(--tw-content);height:calc(var(--spacing) * 5)}.after\:w-5:after{content:var(--tw-content);width:calc(var(--spacing) * 5)}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:border:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:1px}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.peer-checked\:after\:translate-x-full:is(:where(.peer):checked~*):after{content:var(--tw-content);--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.first\:pt-0:first-child{padding-top:0}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}@media (hover:hover){.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-oBlue\/10:hover{background-color:#09bfff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-oBlue\/10:hover{background-color:color-mix(in oklab, var(--color-oBlue) 10%, transparent)}}.hover\:bg-oBlue\/80:hover{background-color:#09bfffcc}@supports (color:color-mix(in lab, red, red)){.hover\:bg-oBlue\/80:hover{background-color:color-mix(in oklab, var(--color-oBlue) 80%, transparent)}}.hover\:bg-oGreen:hover{background-color:var(--color-oGreen)}.hover\:bg-oGreen\/20:hover{background-color:#0fcd4f33}@supports (color:color-mix(in lab, red, red)){.hover\:bg-oGreen\/20:hover{background-color:color-mix(in oklab, var(--color-oGreen) 20%, transparent)}}.hover\:bg-oGreen\/40:hover{background-color:#0fcd4f66}@supports (color:color-mix(in lab, red, red)){.hover\:bg-oGreen\/40:hover{background-color:color-mix(in oklab, var(--color-oGreen) 40%, transparent)}}.hover\:bg-oGreen\/60:hover{background-color:#0fcd4f99}@supports (color:color-mix(in lab, red, red)){.hover\:bg-oGreen\/60:hover{background-color:color-mix(in oklab, var(--color-oGreen) 60%, transparent)}}.hover\:bg-oGreen\/80:hover{background-color:#0fcd4fcc}@supports (color:color-mix(in lab, red, red)){.hover\:bg-oGreen\/80:hover{background-color:color-mix(in oklab, var(--color-oGreen) 80%, transparent)}}.hover\:bg-oRed:hover{background-color:var(--color-oRed)}.hover\:bg-oRed\/20:hover{background-color:#cc000c33}@supports (color:color-mix(in lab, red, red)){.hover\:bg-oRed\/20:hover{background-color:color-mix(in oklab, var(--color-oRed) 20%, transparent)}}.hover\:bg-oRed\/40:hover{background-color:#cc000c66}@supports (color:color-mix(in lab, red, red)){.hover\:bg-oRed\/40:hover{background-color:color-mix(in oklab, var(--color-oRed) 40%, transparent)}}.hover\:bg-oRed\/60:hover{background-color:#cc000c99}@supports (color:color-mix(in lab, red, red)){.hover\:bg-oRed\/60:hover{background-color:color-mix(in oklab, var(--color-oRed) 60%, transparent)}}.hover\:bg-oRed\/80:hover{background-color:#cc000ccc}@supports (color:color-mix(in lab, red, red)){.hover\:bg-oRed\/80:hover{background-color:color-mix(in oklab, var(--color-oRed) 80%, transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.hover\:text-oRed:hover{color:var(--color-oRed)}}.focus\:border-oBlue:focus{border-color:var(--color-oBlue)}.focus\:border-oBlue\/50:focus{border-color:#09bfff80}@supports (color:color-mix(in lab, red, red)){.focus\:border-oBlue\/50:focus{border-color:color-mix(in oklab, var(--color-oBlue) 50%, transparent)}}.focus\:border-oGreen\/50:focus{border-color:#0fcd4f80}@supports (color:color-mix(in lab, red, red)){.focus\:border-oGreen\/50:focus{border-color:color-mix(in oklab, var(--color-oGreen) 50%, transparent)}}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-oBlue:focus{--tw-ring-color:var(--color-oBlue)}.focus\:ring-oBlue\/50:focus{--tw-ring-color:#09bfff80}@supports (color:color-mix(in lab, red, red)){.focus\:ring-oBlue\/50:focus{--tw-ring-color:color-mix(in oklab, var(--color-oBlue) 50%, transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (min-width:40rem){.sm\:relative{position:relative}.sm\:bottom-3{bottom:calc(var(--spacing) * 3)}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:row-span-2{grid-row:span 2/span 2}.sm\:mx-2{margin-inline:calc(var(--spacing) * 2)}.sm\:mr-3{margin-right:calc(var(--spacing) * 3)}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:h-8{height:calc(var(--spacing) * 8)}.sm\:h-10{height:calc(var(--spacing) * 10)}.sm\:w-8{width:calc(var(--spacing) * 8)}.sm\:w-10{width:calc(var(--spacing) * 10)}.sm\:w-full{width:100%}.sm\:flex-1{flex:1}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-4{gap:calc(var(--spacing) * 4)}:where(.sm\:space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)))}:where(.sm\:space-x-6>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)))}:where(.sm\:space-x-8>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)))}.sm\:p-2{padding:calc(var(--spacing) * 2)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:px-0{padding-inline:0}.sm\:px-3{padding-inline:calc(var(--spacing) * 3)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-3{padding-block:calc(var(--spacing) * 3)}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-label{font-size:var(--text-label);line-height:var(--tw-leading,var(--text-label--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-value{font-size:var(--text-value);line-height:var(--tw-leading,var(--text-value--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.rtl\:peer-checked\:after\:-translate-x-full:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *):is(:where(.peer):checked~*):after{content:var(--tw-content);--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tesla-card{background-color:var(--hud-card-bg);border:1px solid var(--hud-border);box-shadow:var(--shadow-soft);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;border-radius:1rem;padding:1rem;transition-duration:.3s}.tesla-card .tesla-card{background-color:var(--hud-bg-elevated);box-shadow:none;border-color:#0000;border-radius:.75rem;min-width:0;padding:.75rem}.tesla-card .tesla-card .text-value{white-space:nowrap}.card-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));grid-auto-rows:minmax(17.5rem,auto);gap:1rem;min-height:100%;display:grid}.hud-halo{text-shadow:0 0 6px var(--background), 0 0 2px var(--background)}.hud-halo svg{filter:drop-shadow(0 0 2px var(--background)) drop-shadow(0 0 4px var(--background))}.tile-grid{gap:.75rem;display:grid}.tesla-hover{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;transition-duration:.3s}.tesla-hover:hover{background-color:var(--hud-bg-elevated)}.text-hud-main{color:var(--hud-text-main)}.text-hud-secondary{color:var(--hud-text-secondary)}.text-hud-muted{color:var(--hud-text-muted)}.text-hud-dim{color:var(--hud-text-dim)}[data-scene=light] .text-white{color:#1a1a1a}.bg-oBlue,.bg-oBlue *{color:var(--color-onAccent)!important}.bg-hud-bg{background-color:var(--hud-bg)}.bg-hud-elevated{background-color:var(--hud-bg-elevated)}.border-hud{border-color:var(--hud-border)}.gliding-value{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.7s;transition-duration:.7s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes soft-pulse{0%,to{opacity:1;filter:brightness()}50%{opacity:.8;filter:brightness(1.2)}}.animate-soft-pulse{animation:3s cubic-bezier(.4,0,.6,1) infinite soft-pulse}.ocearo-large-label{display:none}@media (min-width:1366px){.ocearo-large-label{display:block}}.ocearo-appmenu-scroll{max-height:70vh;overflow-y:auto}@media (min-width:1366px){.ocearo-appmenu-scroll{max-height:none;overflow-y:visible}}}:root{--background:#0a0a0a;--foreground:#fff}body{color:var(--foreground);background:var(--background);font-family:var(--font-geist-sans), Arial, Helvetica, sans-serif;font-variant-numeric:tabular-nums}.scrollbar-hide{scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}