.activity-banner[data-v-8f5ba95a]{z-index:1000;pointer-events:none;justify-content:flex-end;align-items:center;gap:var(--length-s);display:flex;position:fixed;top:0;left:0;right:0}.activity-banner .activity-name[data-v-8f5ba95a] .plate{font-size:var(--font-size-s);border-top:0;border-right:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0}.activity-banner .honk[data-v-8f5ba95a]{pointer-events:all}.introduction[data-v-1c62ea1b]{margin-bottom:var(--length-xxxl);width:100%;max-width:var(--length-content);flex-direction:column;flex-grow:1;justify-content:center;display:flex;position:relative}.introduction .effects-toggle[data-v-1c62ea1b]{padding:0 var(--length-s);position:absolute;top:0;right:0}.introduction .introduction-wrapper[data-v-1c62ea1b]{justify-content:space-between;align-items:center;display:flex}@media (width<1100px){.introduction .introduction-wrapper[data-v-1c62ea1b]{flex-direction:column-reverse}}.introduction .introduction-wrapper .title .sup[data-v-1c62ea1b]{color:var(--color-content-lite);font-size:1.5rem;position:relative;top:8px}.introduction .introduction-wrapper .title h1[data-v-1c62ea1b]{text-shadow:0 0 32px var(--color-primary);padding:0;font-size:3rem;font-weight:600}.introduction .introduction-wrapper .description[data-v-1c62ea1b]{max-width:640px}.introduction .introduction-wrapper .description .menu-button[data-v-1c62ea1b]{padding-left:var(--length-xs);font-size:1rem;font-weight:600;display:inline-flex}.introduction .introduction-wrapper p[data-v-1c62ea1b]{color:var(--color-content-lite)}.introduction .logo[data-v-1c62ea1b]{aspect-ratio:680/540;width:480px;max-width:100%;padding:0 var(--length-s)}.introduction .sub[data-v-1c62ea1b]{font-size:.8rem}.introduction .sub p[data-v-1c62ea1b]{color:var(--color-content-liter)}.introduction .sub[data-v-1c62ea1b] strong{color:var(--color-content-lite);font-weight:600}.introduction .sub[data-v-1c62ea1b] a:hover{text-decoration:none}.level-arrow[data-v-bfa9920c]{top:calc(var(--v3edd73d2) * 1px);left:calc(var(--v3edd73d4) * 1px);width:calc(var(--ee760b52) * 1px);height:calc(var(--v760b56b6) * 1px);-webkit-mask-image:radial-gradient(circle 64px at var(--v71583c62) var(--v71583c63), transparent 25%, black 100%), radial-gradient(circle 64px at var(--v7159ec1b) var(--v7159ec1c), transparent 25%, black 100%);-webkit-mask-image:radial-gradient(circle 64px at var(--v71583c62) var(--v71583c63), transparent 25%, black 100%), radial-gradient(circle 64px at var(--v7159ec1b) var(--v7159ec1c), transparent 25%, black 100%);mask-image:radial-gradient(circle 64px at var(--v71583c62) var(--v71583c63), transparent 25%, black 100%), radial-gradient(circle 64px at var(--v7159ec1b) var(--v7159ec1c), transparent 25%, black 100%);-webkit-mask-composite:source-in, xor;--color-primary:oklch(60% var(--primary-chroma) var(--primary-hue));--color-primary-lite:color-mix(in oklab, var(--color-primary) 80%, transparent);--color-primary-litest:color-mix(in oklab, var(--color-primary) 25%, transparent);position:absolute;-webkit-mask-composite:source-in;mask-composite:intersect}.level-arrow[data-v-bfa9920c]:not(.available){filter:grayscale(50%);opacity:.5}.level-arrow svg .arrow[data-v-bfa9920c]{fill:var(--color-primary-litest);stroke:var(--color-primary-lite);stroke-width:.5px}.sign-wrapper[data-v-68fbc362]{top:calc(var(--v5c2ea540) * 1px);left:calc(var(--v5c2ea542) * 1px);--tile-size:128px;--color-primary:oklch(60% var(--primary-chroma) var(--primary-hue));--color-primary-liter:color-mix(in oklab, var(--color-primary) 50%, transparent);--color-primary-litest:color-mix(in oklab, var(--color-primary) 25%, transparent);position:absolute}.sign-wrapper .sign[data-v-68fbc362]{cursor:default;-webkit-user-select:none;user-select:none;width:calc(var(--tile-size) * 2.5);height:var(--tile-size);top:calc(-.5 * var(--tile-size));left:calc(-.5 * var(--tile-size));position:relative}.sign-wrapper .sign .content[data-v-68fbc362]{justify-content:center;align-items:center;gap:var(--length-xxs);padding:var(--length-l);text-align:center;flex-direction:column;display:flex;position:absolute;inset:0}.sign-wrapper .sign .content .title[data-v-68fbc362]{color:var(--color-content);font-size:var(--font-size-l);font-weight:700}.sign-wrapper .sign .content .subtitle[data-v-68fbc362]{color:var(--color-content-liter);font-size:var(--font-size-s)}.sign-wrapper .sign svg[data-v-68fbc362]{width:100%;height:100%;filter:drop-shadow(0px 0px 8px var(--color-primary));position:absolute}.sign-wrapper .sign svg .hex[data-v-68fbc362]{fill:var(--color-primary-litest);stroke-width:2px;stroke:var(--color-primary)}.tile-wrapper[data-v-3607f74d]{top:calc(var(--c9a68a3e) * 1px);left:calc(var(--c9a68a40) * 1px);--tile-size:128px;--color-primary:oklch(60% var(--primary-chroma) var(--primary-hue));--color-primary-liter:color-mix(in oklab, var(--color-primary) 50%, transparent);--color-primary-litest:color-mix(in oklab, var(--color-primary) 25%, transparent);position:absolute}.tile-wrapper .tile[data-v-3607f74d]{cursor:default;-webkit-user-select:none;user-select:none;width:var(--tile-size);height:var(--tile-size);top:calc(-.5 * var(--tile-size));left:calc(-.5 * var(--tile-size));transition:transform var(--duration-faster);position:relative}.tile-wrapper .tile.available[data-v-3607f74d]{cursor:pointer}.tile-wrapper .tile.available[data-v-3607f74d]:hover{transform:scale(1.1)}.tile-wrapper .tile.available:not(.done) svg .hex[data-v-3607f74d]{stroke:color-mix(in oklab, var(--color-primary) 50%, white);stroke-dasharray:8;animation:2s linear infinite dash-3607f74d}.tile-wrapper .tile[data-v-3607f74d]:not(.available){filter:grayscale(50%);opacity:.5}.tile-wrapper .tile.lock svg .hex[data-v-3607f74d]{fill:var(--color-background-0-liter)}.tile-wrapper .tile.lock svg text[data-v-3607f74d]{fill:var(--color-content-litest)}.tile-wrapper .tile.lock .content .emoji[data-v-3607f74d]{color:var(--color-content-litest)}.tile-wrapper .tile svg[data-v-3607f74d]{width:100%;height:100%;filter:drop-shadow(0px 0px 8px var(--color-primary));position:absolute}.tile-wrapper .tile svg .hex[data-v-3607f74d]{fill:var(--color-primary-litest);stroke-width:2px;stroke:var(--color-primary)}.tile-wrapper .tile svg .circle[data-v-3607f74d]{fill:#0000}.tile-wrapper .tile svg text[data-v-3607f74d]{fill:var(--color-content-lite);text-transform:uppercase;font-size:.8rem}.tile-wrapper .tile svg text.subtitle-label[data-v-3607f74d]{font-size:var(--font-size-xs);font-weight:600}.tile-wrapper .tile .content[data-v-3607f74d]{width:100%;height:100%;position:relative}.tile-wrapper .tile .content .emoji[data-v-3607f74d]{padding-bottom:var(--length-xs);text-align:center;filter:grayscale(100%) sepia(100%) saturate(200%) hue-rotate(calc(var(--primary-hue) - 60deg));text-shadow:0 4px 0 var(--color-background-2), 0 4px 16px var(--color-primary);justify-content:center;align-items:center;font-size:2rem;display:flex;position:absolute;inset:0}.tile-wrapper .tile .content .coming-soon[data-v-3607f74d]{text-shadow:0 0 16px var(--color-background-lite);text-align:center;color:var(--color-content-liter);justify-content:center;align-items:center;font-size:1rem;font-weight:800;line-height:1rem;display:flex;position:absolute;inset:0;transform:rotate(-33deg)}.tile-wrapper .preview[data-v-3607f74d]{--preview-width:320px;z-index:1;background:var(--color-background-0-lite);width:var(--preview-width);left:calc(var(--preview-width) / -2);border:1px solid var(--color-primary-liter);border-radius:var(--length-radius-s);box-sizing:border-box;box-shadow:0 4px 32px var(--color-background-liter);cursor:default;position:absolute;top:32px}.tile-wrapper .preview[data-v-3607f74d]:before{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-bottom:5px solid var(--color-primary-liter);position:absolute;top:-6px;left:calc(50% - 4px)}.tile-wrapper .preview h2[data-v-3607f74d]{text-transform:uppercase;padding:var(--length-xs) var(--length-s);font-size:1rem}.tile-wrapper .preview p[data-v-3607f74d]{padding:var(--length-xs) var(--length-s);color:var(--color-content-liter);margin:0;font-size:.9rem}.tile-wrapper .preview .launch[data-v-3607f74d]{padding:var(--length-xs) var(--length-s);border-radius:0 0 calc(var(--length-radius-s) - 1px) calc(var(--length-radius-s) - 1px);background:var(--color-primary-litest);cursor:pointer;transition:var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.tile-wrapper .preview .launch[data-v-3607f74d]:hover{background:var(--color-primary-liter)}.tile-wrapper .preview .launch[data-v-3607f74d]:not(.available){cursor:not-allowed;background:var(--color-background-2-liter);color:var(--color-content-litest)}.v-enter-active[data-v-3607f74d],.v-leave-active[data-v-3607f74d]{transition:opacity var(--duration-faster)}.v-enter-from[data-v-3607f74d],.v-leave-to[data-v-3607f74d]{opacity:0}@keyframes dash-3607f74d{to{stroke-dashoffset:-16px}}.map[data-v-86ea4991]{-webkit-mask-composite:source-in, xor;-webkit-mask-image:linear-gradient(#0000 0%,#000 25% 75%,#0000 100%),linear-gradient(90deg,#0000 0%,#000 25% 75%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 25% 75%,#0000 100%),linear-gradient(90deg,#0000 0%,#000 25% 75%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.map .logo[data-v-86ea4991]{aspect-ratio:680/540;width:320px;position:absolute;top:-340px;left:-160px}.map .level[data-v-86ea4991]{position:absolute}.map .title[data-v-86ea4991]{--color-primary:oklch(60% var(--primary-chroma) var(--primary-hue));--color-primary-litest:color-mix(in oklab, var(--color-primary) 25%, transparent);transform-origin:50%;justify-content:center;align-items:flex-end;width:0;height:0;display:flex;position:absolute}.map .title span[data-v-86ea4991]{text-transform:uppercase;color:var(--color-primary-litest);-webkit-text-stroke-width:1px;-webkit-text-stroke-color:var(--color-primary);text-align:center;font-size:96px;font-weight:800;line-height:96px}.map .title.logic[data-v-86ea4991]{white-space:nowrap;top:calc(2.5 * var(--v408f75bc) * 1px);left:calc(7.5 * var(--v7527074a) * 1px);--primary-hue:var(--hue-challenge-logic);transform:rotate(30deg)}.map .title.style[data-v-86ea4991]{white-space:nowrap;top:calc(2 * var(--v408f75bc) * 1px);left:calc(-7 * var(--v7527074a) * 1px);--primary-hue:var(--hue-challenge-style);transform:rotate(-30deg)}.map .title.editor[data-v-86ea4991]{top:calc(10 * var(--v408f75bc) * 1px);left:calc(3 * var(--v7527074a) * 1px);--primary-hue:var(--hue-challenge-editor);transform:rotate(30deg)}.map .title.reactivity[data-v-86ea4991]{top:calc(16.5 * var(--v408f75bc) * 1px);left:calc(2.5 * var(--v7527074a) * 1px);--primary-hue:var(--hue-challenge-reactivity);transform:rotate(-30deg)}.map .title.deployment[data-v-86ea4991]{top:calc(12 * var(--v408f75bc) * 1px);left:calc(-7 * var(--v7527074a) * 1px);--primary-hue:var(--hue-challenge-deployment);transform:rotate(-30deg)}.map .title.backend[data-v-86ea4991]{white-space:nowrap;top:calc(20 * var(--v408f75bc) * 1px);left:calc(11 * var(--v7527074a) * 1px);--primary-hue:var(--hue-challenge-backend);transform:rotate(30deg)}.challenge-menu[data-v-2ac5272f]{height:100vh;width:calc(100% - var(--length-xxl));margin-bottom:var(--length-xxxl);flex-direction:column;align-items:center;display:flex;position:absolute}.challenge-menu .buttons[data-v-2ac5272f]{width:var(--length-content);z-index:1;justify-content:space-between;display:flex;position:absolute}.challenge-menu .buttons .button[data-v-2ac5272f]{padding:0 var(--length-s)}.challenge-menu .map[data-v-2ac5272f]{width:100%;height:100%}.challenge-layout-wrapper[data-v-7a8a2299]{--color-content-neon:#ffff80;--color-shadow-neon:#ff0;background-image:url(/static/assets/background-DLih09pg.jpg);background-position:50%;background-size:cover;background-attachment:fixed}