.skill.svelte-sasxfm{--x: 0;--y: 0;font-size:12px;padding:5px;color:#ffffffe6;text-transform:uppercase;letter-spacing:1px;z-index:2;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;translate:calc(var(--x, 0) * 1px) calc(var(--y, 0) * 1px);transition:opacity .6s ease,filter .6s ease,scale .4s ease}.skill.svelte-sasxfm:has(.label:where(.svelte-sasxfm):hover){z-index:10}.skill.svelte-sasxfm.focused{z-index:5;opacity:1!important;filter:none!important;scale:1.05}.skill.svelte-sasxfm.focused .name:where(.svelte-sasxfm){text-shadow:0 0 15px rgba(179,146,106,.6)}.skill.svelte-sasxfm.dimmed:not(.selected){opacity:.75;filter:grayscale(.4) blur(.5px) brightness(.8)}.skill.svelte-sasxfm.dimmed:not(.selected):hover{opacity:1;filter:none;z-index:10;scale:1.05}.skill.svelte-sasxfm.selected .name:where(.svelte-sasxfm){color:#f36e11;font-weight:800}.skill.svelte-sasxfm.selected .frame:where(.svelte-sasxfm){color:#f46b1066;fill:#180a01e6;stroke-width:2px}.skill.svelte-sasxfm.selected .dot:where(.svelte-sasxfm){background:#f36e11;box-shadow:0 0 10px #f36e11}.skill.svelte-sasxfm .dot:where(.svelte-sasxfm){width:8px;height:8px;background:#161616;border:1px solid hsla(0,0%,100%,.1);rotate:45deg;transition:all .3s ease}.skill.svelte-sasxfm .label:where(.svelte-sasxfm){position:absolute;translate:0 var(--label-y, -150%);cursor:pointer;pointer-events:all}.skill.svelte-sasxfm .label:where(.svelte-sasxfm) .more:where(.svelte-sasxfm){position:absolute;white-space:nowrap;left:50%;translate:-50% 0;opacity:0;font-size:10px;margin-top:5px;color:#ffffffb3;transition:all .3s ease}.skill.svelte-sasxfm .label:where(.svelte-sasxfm) .more:where(.svelte-sasxfm):hover{color:#fff;text-decoration:underline}.skill.svelte-sasxfm .label:where(.svelte-sasxfm) .more:where(.svelte-sasxfm).focused{opacity:1;translate:-50% -30px}.skill.svelte-sasxfm .label:where(.svelte-sasxfm) .more:where(.svelte-sasxfm).focused.bottom{translate:-50% 20px}.skill.svelte-sasxfm .label:where(.svelte-sasxfm):hover .frame:where(.svelte-sasxfm){fill:#1f1f1f}.skill.svelte-sasxfm .label:where(.svelte-sasxfm):hover .c:where(.svelte-sasxfm){scale:.5;opacity:1;top:-10px}.skill.svelte-sasxfm .label:where(.svelte-sasxfm):hover .c:where(.svelte-sasxfm).up{top:calc(100% + 15px)}.skill.svelte-sasxfm .name:where(.svelte-sasxfm){position:relative;z-index:5;white-space:nowrap;color:#b3926a;transition:all .3s ease}.skill.svelte-sasxfm .frame:where(.svelte-sasxfm){display:flex;position:absolute;top:50%;left:50%;z-index:3;translate:-50% -50%;color:#ffffff1a;fill:#1a1a1a;transition:all .3s ease}.skill.svelte-sasxfm .c:where(.svelte-sasxfm){position:absolute;top:-15px;left:50%;scale:.3;translate:-50% -50%;z-index:5;opacity:0;transition:all .3s ease}.skill.svelte-sasxfm .c:where(.svelte-sasxfm).up{top:calc(100% + 20px)}._.svelte-r070kj{height:100%;width:100%;position:relative;overflow:hidden;z-index:2}.hud.svelte-r070kj{position:absolute;bottom:30px;left:50%;translate:-50% 0;z-index:10;pointer-events:none;width:100%;max-width:350px}.hud.svelte-r070kj .hud-content:where(.svelte-r070kj){background:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(179,146,106,.2);padding:8px 20px;display:flex;align-items:center;gap:12px;border-radius:4px;box-shadow:0 10px 30px #00000080}.hud.svelte-r070kj .hud-content:where(.svelte-r070kj):before,.hud.svelte-r070kj .hud-content:where(.svelte-r070kj):after{content:"";position:absolute;top:50%;translate:0 -50%;width:4px;height:4px;background:#b3926a;rotate:45deg}.hud.svelte-r070kj .hud-content:where(.svelte-r070kj):before{left:-2px}.hud.svelte-r070kj .hud-content:where(.svelte-r070kj):after{right:-2px}.hud.svelte-r070kj .key-hint:where(.svelte-r070kj){font-size:9px;font-weight:900;text-transform:uppercase;color:#121211;background:#b3926a;padding:2px 6px;border-radius:2px;letter-spacing:1px}.hud.svelte-r070kj .instruction:where(.svelte-r070kj){font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#ffffffb3}.hud.svelte-r070kj .instruction:where(.svelte-r070kj) strong:where(.svelte-r070kj){color:#f36e11;margin-left:5px}.skills.svelte-r070kj{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;translate:calc(var(--dx, 0) * -1px) calc(var(--dy, 0) * -1px);transition:translate .3s ease;touch-action:pan-y}.skills.svelte-r070kj.immersive{touch-action:none}.skills.svelte-r070kj.dragging{cursor:grab;transition:none}.skills.svelte-r070kj .center:where(.svelte-r070kj){position:absolute;height:40px;display:flex;align-items:center;justify-content:center;z-index:2;cursor:pointer;transition:all .3s ease;background:#0a0a0ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50px;padding:6px;box-sizing:content-box;border:1px solid rgba(179,146,106,.2);box-shadow:0 0 20px #00000080}.skills.svelte-r070kj .center:where(.svelte-r070kj) .logo-container:where(.svelte-r070kj){width:100%;height:100%;color:#79654c;filter:drop-shadow(0 0 10px rgba(179,146,106,.2));transition:all .3s ease}.skills.svelte-r070kj .center:where(.svelte-r070kj):hover{border-color:#b3926a80;background:#0f0f0ff2}.skills.svelte-r070kj .center:where(.svelte-r070kj):hover .logo-container:where(.svelte-r070kj){color:#b3926a;filter:drop-shadow(0 0 15px rgba(179,146,106,.4));scale:1.1}.skills.svelte-r070kj .center:where(.svelte-r070kj).idle .logo-container:where(.svelte-r070kj){animation:svelte-r070kj-pulse 4s ease-in-out infinite}@keyframes svelte-r070kj-pulse{0%,to{scale:.9;opacity:.3}50%{scale:1;filter:drop-shadow(0 0 20px rgba(179,146,106,.5));opacity:1}}canvas.svelte-r070kj{position:absolute;top:50%;left:50%;translate:-50% -50%;z-index:1;pointer-events:none}