Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              .mask
.loadingtext
    loading please wait...
.audiofixer
    .audiofixer_inner
        Click anywhere to initiate the awesome
.main_menu
    .shake
        .loaded__inner
            %img.a{:src => 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/countdown_circle.png'}
            %svg.main_svg{"enable-background" => "new 0 0 422.979 47.998", :height => "47.998px", :space => "preserve", :version => "1.1", :viewbox => "0 0 422.979 47.998", :width => "422.979px", :x => "0px", :xmlns => "http://www.w3.org/2000/svg", "xmlns:xlink" => "http://www.w3.org/1999/xlink", :y => "0px"}
                %g
                    %path{:d => "M11.482,37.903"}
                    %path{:d => "M10.753,37.903V7.214h7.708c0,0,9.662-0.551,9.662,8.1\r\n\t\ts-6.975,8.009-6.975,8.009l8.549,14.58", :fill => "none", :stroke => "#fff", "stroke-miterlimit" => "10"}
                    %polyline{:fill => "none", :points => "83.028,8.039 69.211,8.039 69.211,21.903 69.524,21.903 \r\n\t\t81.586,21.903 69.211,21.903 69.211,37.153 83.028,37.153 \t", :stroke => "#fff", "stroke-miterlimit" => "10"}
                    %polyline{:fill => "none", :points => "118.586,37.903 129.35,10.028 140.023,37.903 \t", :stroke => "#fff", "stroke-miterlimit" => "10"}
                    %path{:d => "M194.564,10.028c0,0-2.004-2.5-6.853-2.5\r\n\t\tc-4.848,0-11.5,3.187-11.5,15.438s7.563,14.938,11.125,14.938s6.498-2.145,7.228-2.875", :fill => "none", :stroke => "#fff", "stroke-miterlimit" => "10"}
                    %polyline{:fill => "none", :points => "228.686,7.966 249.024,7.966 238.855,7.966 238.855,37.903 \r\n\t", :stroke => "#fff", "stroke-miterlimit" => "10"}
                    %line{:fill => "none", :stroke => "#fff", "stroke-miterlimit" => "10", :x1 => "287.254", :x2 => "287.254", :y1 => "7.214", :y2 => "37.903"}
                    %path{:d => "M340.421,7.466c0,0-11.585-0.421-11.585,15.071\r\n\ts11.585,15.117,11.585,15.117s11.29,1.329,11.29-15.117S340.421,7.466,340.421,7.466z", :fill => "none", :stroke => "#EB7048", "stroke-miterlimit" => "10"}
                    %polyline{:fill => "none", :points => "393.523,37.903 393.523,10.278 411.211,35.028 \r\n\t411.211,7.214 ", :stroke => "#fff", "stroke-miterlimit" => "10"}
            %h1 A game by Jamie Coulter
            .play 
                .play_inner 
                    %i.ion-mouse
                    Click to start
.reaction 
    .mistake
    .overlay
    .tutorial
        .tutorial_inner
            .close_tutorial
                %i.ion-close-round
            %img.header{:src => 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/tutorial_header.png'}
            .slider_wrapper
                .slider_wrapper__inner
                    .slide.slide_1

                        %h2 CLICK THE NODES
                        %img.t1{:src => 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/t1.png'}
                        %p Power the reaction bar before the time runs out by clicking on the lit nodes before they decay. The faster you get the nodes, the more charge will be added to the reaction bar.
                        .tutorial_inner__button
                            next
                    .slide.slide_2
                        %h2 COLLECT POWER UPS
                        %img.t9{:src => 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/t9.png'}
                        %p Collect various powerups to help you win. There are three types. Shrink the grid, add extra time +2s and instant full multiplier!
                        .tutorial_inner__button
                            next
                    .slide.slide_3
                        %h2 GET COMBOS
                        %img.t10{:src => 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/t10.png'}
                        %p Increase your multiplier by hitting nodes consistently. The more you get in a row, the higher your multiplier will be. However, if you miss a node your multiplier is reset!
                        .tutorial_inner__letsgo
                            lets go
    .summary
        .summary_inner
            %img.header{:src => 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/summary_header.png'}
            .summary_stats
                .st_nodes
                    %img.lev_icon{:src => 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/game_icon_full.png'}
                    %span.title Nodes
                    %span.stat 0
                    %span.time x 100
                    %span.total 0
                .st_powerups
                    %img.lev_icon{:src => 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/game_icon_full.png'}
                    %span.title Powerups
                    %span.stat 0
                    %span.time x 100
                    %span.total 0
                .st_timeremaining
                    %img.lev_icon{:src => 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/game_icon_full.png'}
                    %span.title Time remaining
                    %span.stat 0
                    %span.time x 100
                    %span.total 0
                .st_reactionbar
                    %img.lev_icon{:src => 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/game_icon_full.png'}
                    %span.title Reaction points
                    %span.stat 0
                    %span.time x 1
                    %span.total 0
                .st_gamepoints
                    %span.title Game points
                    %span.stat 0
                .sum_share
                    .sum_share__twitter
                        %i.ion-social-twitter
                        Share on Twitter
                    .sum_share__codepen
                        %a{:href => 'https://www.codepen.io/jcoulterdesign', :target => '_blank'}
                            %i.ion-social-codepen
                            Follow me on Codepen
            .summary_inner__next
                Next level
    .gameover
        .gameover_inner
            %img.header{:src => 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/game_over_header.png'}
            .go_stats
                .go_level
                    %img.lev_icon{:src => 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/game_icon_full.png'}
                    %span Level
                    %span.stat 0
                .go_hits
                    %img.lev_icon{:src => 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/game_icon_full.png'}
                    %span Node hits
                    %span.stat 0
                .go_bonus
                    %img.lev_icon{:src => 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/game_icon_full.png'}
                    %span Powerups
                    %span.stat 0
                .go_points
                    %span Total score
                    %span.stat_s 0
                .go_share
                    .go_share__twitter
                        %i.ion-social-twitter
                        Share on Twitter
                    .go_share__codepen
                        %a{:href => 'https://www.codepen.io/jcoulterdesign', :target => '_blank'}
                            %i.ion-social-codepen
                            Follow me on Codepen
                    
            .gameover_inner__button
                try again
    %section.countdown
        %img{:src => 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/countdown_circle.png'}
        %div.number 3
    %section.game.orig
        .game_hud
            .game_hud__left
                .game_globaltimer
                    %img{:src => 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/node_count.png'}
                    <span class="hits">0</span>/<span class="t_hits">0</span> <span class="t_nodes">NODES</span> 
            .game_hud__middle
                %img{:src => 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/reaction.png'}
            .game_hud__right
                %img.lev_icon{:src => 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/game_icon_full.png'}
                .game_level Level: <span>1</span>
        .game_inner__mute
            <i class="a_sound fa fa-volume-up" aria-hidden="true"></i>
            <i class="fa fa-volume-off" aria-hidden="true"></i>
        .game_inner__mute--text Sound
        .game_inner__song
            <i class="fa fa-play" aria-hidden="true"></i>
            <i class="a_song fa fa-pause" aria-hidden="true"></i>
        .game_inner__song--text Music
        .game_inner__time
            %svg#layer_1{:space => "preserve", :style => "enable-background:new 0 0 138.5 58.5;", :version => "1.1", :viewbox => "0 0 138.5 58.5", :x => "0px", :xmlns => "http://www.w3.org/2000/svg", "xmlns:xlink" => "http://www.w3.org/1999/xlink", :y => "0px"}
                :css
                    .st0{fill:transparent;}
                %g
                    %path.st0{:d => "M108.8,55.5H29.2C14.8,55.5,3,43.7,3,29.3v0C3,14.8,14.8,3,29.2,3h79.5C123.2,3,135,14.8,135,29.2v0\r\n\t\tC135,43.7,123.2,55.5,108.8,55.5z"}
            %svg#svg1{:space => "preserve", :style => "enable-background:new 0 0 138.5 58.5;", :version => "1.1", :viewbox => "0 0 138.5 58.5", :x => "0px", :xmlns => "http://www.w3.org/2000/svg", "xmlns:xlink" => "http://www.w3.org/1999/xlink", :y => "0px"}
                :css
                    .st0{fill:transparent;}
                %g
                    %path.st0{:d => "M108.8,55.5H29.2C14.8,55.5,3,43.7,3,29.3v0C3,14.8,14.8,3,29.2,3h79.5C123.2,3,135,14.8,135,29.2v0\r\n\t\tC135,43.7,123.2,55.5,108.8,55.5z"}
            %p 180
            %i.ion-chevron-up.faster
            %i.ion-chevron-down.slower
        .game_inner__multiplier
            <span class="x">x</span><span class="m">1</span>
            %span Multiplier
        .bonus_wrap
            .game_inner
                .game_inner__center
                    .warning
                    .level_timer 
                        <i class="fa fa-hourglass-o" aria-hidden="true"></i>
                        <span class="s">20</span> <span class="text">SECONDS</span>
                .nodes
                    -(1..8).each do |node|
                        .node_wrapper
                            .game_inner__node--hitbox
                            .game_inner__node{'node-id' => "node-#{node}"}
                            .combo_text
                                %img.c_1{:src => 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/combo1.png'}
                                %img.c_2{:src => 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/combo2.png'}
                                %img.c_3{:src => 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/combo3.png'}
                                %img.c_4{:src => 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/combo4.png'}
                               
        .game_bar
            %h2 
                Reaction Bar - <span class="rp">0</span> / <span class="rpn">1000</span>
            .game_bar__outer
                .game_bar__icon--empty
                    %img{:src => 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/game_icon_empty.png'}
                .game_bar__fill
                    <canvas id="b" width="600px" height="300px"></canvas>
                .game_bar__triangle
                .game_bar__icon--full
                    %img{:src => 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/game_icon_full.png'}
    .footer
        .footer_left
            Created on <a href="https://www.codepen.io" target='_blank'>Codepen</a> by <a href="https://codepen.io/jcoulterdesign/" target='_blank'>Jamie Coulter</a>. Mobile port by <a href="https://codepen.io/Stockin/" target='_blank'>Phil Stocking</a>
        .footer_twitter
            %a{:href => "#"}
                <i class="fa fa-twitter-square" aria-hidden="true"></i>
                %span Share on Twitter
                <i class="fa fa-arrow-right" aria-hidden="true"></i>
            
          
!
            
              @import url(https://fonts.googleapis.com/css?family=Fira+Sans:400,300,700,500,400italic,500italic,700italic,300italic);
.audiofixer{
    position:absolute;
    left:0;
    right:0;
    height:100%;
    display:none;
    width:100%;
    cursor:pointer;
    z-index:999;
    &_inner{
        color: #1EDCD6;
        position: absolute;
        left: 0;
        height: 20px;
        right: 0;
        top: 50%;
        font-size:12px;
        text-align: center;
        margin: auto;
    }
}
*{
    box-sizing:border-box;
    //cursor:none !important;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* IE/Edge */
    user-select: none;           /* non-prefixed version, currently
    not supported by any browser */
}

.loadingtext{
    animation: flash 2s 0s infinite;
    position:absolute;
    text-align:center;
    color:White;
    width:100%;
    height:10px;
    top:50%;
    font-size:10px;
    transform:translatey(-50%);
}


.c_fix{
    pointer-events:none;
    position:absolute;
    cursor:none !important;
    z-index:100000;
    height:100%;
    width:100%;
}
.cursor{
    pointer-events:none;
    position:absolute;
    z-index:100000;
    height:20px;
    width:20px;

    background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/cursor.png);
    background-size:100%;
}
#b{
    pointer-events: none;
    position: absolute;
    bottom: -149px;
    left: 0;
}
#c{
    position: absolute;
    width:100%;
    height:170px;
    left:0;
    opacity:0.1;
    top:50%;
    transform:translateY(-50%);
    right:0;
}

.main_menu{
    display:none;
}
body{
    height:100vh
}
.loaded{
    position:absolute;
    display:block;
    width:100%;
    height:100vh;
    text-align:center;
    z-index:2;
    transition:all .3s;
    .shake{
        position:absolute;
        height:100vh;
        width:100%;
        animation:shake .2s 5.6s forwards,shake2 .2s 5.8s forwards,shake3 .2s 6s forwards,shake .2s 6.2s forwards;
    }
    &__inner{
        z-index:2;
        transform-style:preserve-3d;
        transform-origin: 50% 50%;
        position: absolute;
        transform: translateY(-50%);
        height: 200px;
        top: 50%;
        left: 0;
        right: 0;
        text-align: Center;

        .main_svg{
            transform:translateZ(40px);
            width:240px;
            animation: up .2s 5.5s forwards,margin .4s 7.5s forwards;
            opacity:0;
            margin-top: 50px;
        }
        .a{
            position: absolute;
            transform-origin: 50% 0px;
            animation: intro_disc 1s 1s forwards, spin_cont 6s 2s cubic-bezier(0.93, -0.07, 0.19, 1.01), intro_disc2 4s 8s infinite;
            width: 550px;
            left: 0;
            right: 0;
            margin: auto;
            top: 50%;
            opacity: 1;
            transform: translateY(-50%) scale(0) rotatey(0deg) rotatez(0deg);
        }
        h1{
            font-weight: 100;
            letter-spacing: 5px;
            margin: 0px 0px 40px 5px;
            color: #D88C71;
            text-transform: uppercase;
            font-size: 10px;
            transform: translateZ(40px);
            position: relative;
            opacity: 0;
            animation: up .2s 5.7s forwards;
        }
        .play{
            &_inner{
                opacity: 0;
                -webkit-transform: translateZ(40px);
                transform: translateZ(40px);
                -webkit-animation: flash 2s 8s infinite;
                animation: flash 2s 8s infinite;
                width: 400px;
                position: relative;
                color: white;
                left: 0;
                font-weight: 100;
                right: 0;
                text-transform: uppercase;
                border-radius: 4px;
                margin: auto;
                top: -11px;
                font-size: 10px;
                padding: 0px 30px;
                -webkit-transition: background .6s;
                transition: background .6s;
                letter-spacing: 3px;

            }
            &:hover > .play_inner{

            }
        }
    }
}
.reaction{
    position:absolute;
    width:100%;
    left:100%;
    transition:all .3s;
}
.combo_text{
    color: #21F993;
    font-weight: 900;
    text-transform: uppercase;
    position: relative;
    z-index: 4;
    transform: rotateX(-73deg) translateZ(-60px) translateY(-20px);
    opacity: 0;
    pointer-events: none;
    left: -22px;
    width: 110px;
    font-size: 10px;
    img{
        width:100%;
    }
}
.combo_animation{
    animation: combo_text 1s;
}
%center{
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    top:50%;
    transform:translateY(-50%);
} 

body{
    font-family: 'Fira Sans', sans-serif;
    margin:0;
    padding:0;
    perspective:670;
    overflow:hidden;
    background:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/reaction_bg.jpg');
    background-size: 150px;
    .mask {
        position: absolute;
        width: 100%;
        pointer-events: none;
        height: 100%;
        z-index: 4;
        background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 0.14) 120%);
        display: block;
    }
    .overlay{
        position:absolute;
        left:0;
        display:none;
        right:0;
        width:100%;
        height:100%;
        background:red;
        z-index:4;
        background: rgba(37, 38, 45, 0.92);

    }
    .summary{
        transition: all .2s cubic-bezier(0, 1.57, 0.82, 0.86);
        transform: scale(0);
        transform-style: preserve-3d;
        height: 100%;
        position: absolute;
        z-index: 111;
        width: 100%;
        &_inner{
            background: white;
            background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/modal_bg.png");
            width: 620px;
            height: 473px;
            background-size: 100%;
            position: absolute;
            -webkit-transform-origin: 50% 0px;
            transform-origin: 50% 0px;
            left: 0;
            right: 0;
            margin: auto;
            z-index: 10;
            top: 50%;
            border-radius: 3px;
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            .title{
                color: #484854;
                display: block;
                margin-top: 10px;
                font-size: 11px;
                text-transform: uppercase;
            }
            .time{
                color: #8A908E;
                font-size: 10px;
                position: Relative;
                top: -4px;

            }
            .stat{
                font-size: 22px;
                color: #2CB7AC;
                font-weight: 100;
            }
            .total{
                font-weight: 900;
                color: #EE6C41;
                font-size: 25px;
                display: block;

            }
            .summary_stats{
                padding: 95px 0px 10px 0px;
            }
            .st_timeremaining{
                box-shadow: -1px 0px #D8D6D6 inset,1px 0px #D8D6D6 inset;
            }
            .st_powerups{
                box-shadow: 1px 0px #D8D6D6 inset;
            }
            .st_levelpoints{
                transform: translateZ(40px);
                text-align: left;
                width: 50%;
                float: left;
            }
            .st_gamepoints{
                transform: translateZ(70px);
                text-align: center;
                width: 100%;
                float: left;
                .stat{
                    color: #EE6C41;
                    font-weight: 900;
                    font-size: 44px;  
                }
                .title{
                    font-size: 17px;
                    font-weight: 100;
                }
            }
            .st_nodes,.st_powerups,.st_timeremaining,.st_reactionbar{
                width: 25%;
                float: left;
                padding: 20px;
                text-align: center;
                transform: translateZ(40px);
                display:block;
                img{
                    width: 19px;
                }
                span{

                }
            }
            .sum_share{
                width: 100%;
                margin: 0 auto;
                position: absolute;
                bottom: 59px;
                text-align: center;
                height: 60px;
                background: #F9F9F9;
                &__facebook{
                    color: #4155C1;
                    float: left;
                    height: 100px;
                    box-shadow: -1px 0px 0px rgba(0, 0, 0, 0.05) inset,0px -42px 0px rgba(0, 0, 0, 0.05) inset;
                    padding: 22px;
                    font-weight: 800;
                    width: 50%;
                    font-size: 13px;
                    cursor: pointer;
                    transition:all .25s;
                    i{
                        margin-right:3px;
                    }
                    &:hover{
                        color: white;

                        background: #4155C1;
                    }
                }
                &__codepen{
                    i{
                        margin-right:3px;
                    }
                    color: #403D50;
                    float: left;
                    height: 100px;
                    box-shadow: 0px -42px 0px rgba(0, 0, 0, 0.05) inset;
                    padding: 22px;
                    font-weight: 800;
                    width: 50%;
                    font-size: 13px;
                    cursor: pointer;
                    -webkit-transition: all .25s;
                    transition: all .25s;
                    a{
                        padding: 22px;
                        color: #403D50;
                        text-decoration: none;
                    }
                    &:hover{
                        a{
                            color: white;
                        }

                        background: #403D50;
                    }
                }
                &__twitter{
                    i{
                        margin-right:3px;
                    }
                    color: #1DBFCA;
                    float: left;
                    height: 100px;
                    box-shadow:0px -42px 0px rgba(0, 0, 0, 0.05) inset;

                    font-weight: 800;
                    width: 50%;
                    font-size: 13px;
                    cursor: pointer;
                    transition:all .25s;
                    padding:20px;
                    &:hover{

                        color: white;


                        background: #1DBFCA;
                    }
                }
            }
            .header{
                position: absolute;
                width: 340px;
                top: -14px;
                left: 0;
                right: 0;
                margin: auto;
            }
            &__next{
                position: absolute;
                bottom: 0px;
                width: 100%;
                left: 0px;
                height: 60px;
                letter-spacing: 2px;
                background: white;
                padding: 21px;
                cursor: pointer;
                right: 0;
                text-transform: uppercase;
                text-align: Center;
                margin: auto;
                font-weight: 100;
                border-bottom-right-radius: 3px;
                border-bottom-left-radius: 3px;
                color: #656771;
                cursor: pointer;
                transition:all .25s;
                &:hover{
                    color: white;

                    background: #EC7E52;
                }

                img{
                    width:100%;
                }
            }
        }
    }
    .tutorial{
        transition: all .2s cubic-bezier(0, 1.57, 0.82, 0.86);
        transform-style: preserve-3d;
        transform: scale(0);
        height: 100%;
        position: absolute;
        z-index: 111;
        width: 100%;
        .tut_anim{
            animation: tut_anim .5s .5s forwards;
        }
        .slider_wrapper{
            height: 100%;
            width:1610px;
            &__inner{
                width: 570px;
                height: 100%;
                position: absolute;
                overflow: hidden;
            }
            .slide{
                transition:all .3s;
                width:570px;
                height: 100%;
                position:absolute;
                .t1{
                    opacity:0;
                    position:Relative;
                }
                .t9{
                    opacity:0;
                    position:Relative;
                    width: 420px;
                }
                .t10{
                    opacity:0;
                    left: -15px;
                    position:Relative;
                    width: 150px;
                }

            }
            .slide_1{
                left:0;
            }
            .slide_2{
                left:570px;

            }
            .slide_3{
                left:1040px;
                .t2{
                    width: 440px;
                    position: Relative;
                    left: 0px;
                }
            }
        }
        &_inner{
            background: white;
            background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/modal_bg.png");
            width: 570px;
            text-align:center;
            height: 440px;
            transform-style:preserve-3d;
            transform-origin: 50% 50%;
            background-size: 100%;
            position: absolute;
            transform-origin: 50% 0px;
            left: 0;
            right: 0;
            margin: auto;
            z-index: 10;
            top: 50%;
            border-radius: 3px;
            transform-style: preserve-3d;
            transform: translateY(-50%);
            .close_tutorial{
                position: absolute;
                right: 10px;
                color: #9797A5;
                cursor: pointer;
                font-size: 12px;
                z-index: 4;
                top: 10px;
            }
            .header{
                position: absolute;
                width: 340px;
                top: -13px;
                left: 0;
                right: 0;
                margin: auto;
            }
            h2{
                margin-top: 100px;
                font-weight: 100;
                color: #767484;
            }
            img{
                width: 150px;
                position: Relative;
                left: 15px;
            }
            p{
                font-weight: 100;
                font-size: 13px;
                color: #898798;
                line-height: 16px;
                padding: 0px 90px;
            }
            &__button,&__letsgo{
                position: absolute;
                bottom: 0px;
                width: 100%;
                left: 0px;
                height: 60px;
                letter-spacing: 2px;
                background: white;
                padding: 21px;
                cursor: pointer;
                right: 0;
                text-transform: uppercase;
                text-align: Center;
                margin: auto;
                font-weight: 100;
                border-bottom-right-radius: 3px;
                border-bottom-left-radius: 3px;
                color: #656771;
                cursor: pointer;
                transition:all .25s;
                &:hover{
                    color: white;
                    background: #EC7E52;
                }

                img{
                    width:100%;
                }
            }
        }
    }
    .gameover{
        transition: all .2s cubic-bezier(0, 1.57, 0.82, 0.86);
        transform: scale(0);
        height: 100%;
        position: absolute;
        transform-style: preserve-3d;
        z-index: 111;
        width: 100%;
        &_inner{
            background: white;
            background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/modal_bg.png");
            width: 570px;
            height: 440px;
            background-size: 100%;
            position: absolute;
            transform-origin: 50% 0px;
            left: 0;
            right: 0;
            margin: auto;
            z-index: 10;
            top: 50%;
            border-radius: 3px;
            transform-style: preserve-3d;
            transform: translateY(-50%);
            .go_stats{
                text-align: center;
                margin: 100px 0px 0px 0px;
                .go_points{
                    text-transform: uppercase;
                    font-weight: 100;
                    color: #4F515D;
                    top: 23px;
                    position: Relative;
                    font-size: 20px;
                    transform: translateZ(70px);
                }
                .stat_s{
                    clear: both;
                    display: block;
                    color: #EC7E52;
                    font-weight: 800;
                    font-size: 40px;
                    margin-top: 7px;
                }
            }
            .header{
                position: absolute;
                width: 340px;
                top: -13px;
                left: 0;
                right: 0;
                margin: auto;
            }
            .go_share{
                width: 100%;
                margin: 0 auto;
                position: absolute;
                bottom: 59px;
                text-align: center;
                height: 60px;
                background: #F9F9F9;
                &__codepen{
                    i{
                        margin-right:3px;
                    }
                    color: #403D50;
                    float: left;
                    height: 100px;
                    box-shadow: 0px -42px 0px rgba(0, 0, 0, 0.05) inset;
                    padding: 22px;
                    font-weight: 800;
                    width: 50%;
                    font-size: 13px;
                    cursor: pointer;
                    -webkit-transition: all .25s;
                    transition: all .25s;
                    a{
                        padding: 22px;
                        color: #403D50;
                        text-decoration: none;
                    }
                    &:hover{
                        a{
                            color: white;
                        }

                        background: #403D50;
                    }
                }
                &__facebook{
                    color: #4155C1;
                    float: left;
                    height: 100px;
                    box-shadow: -1px 0px 0px rgba(0, 0, 0, 0.05) inset,0px -42px 0px rgba(0, 0, 0, 0.05) inset;
                    padding: 22px;
                    font-weight: 800;
                    width: 50%;
                    font-size: 13px;
                    cursor: pointer;
                    transition:all .25s;
                    i{
                        margin-right:3px;
                    }
                    &:hover{
                        color: white;

                        background: #4155C1;
                    }
                }
                &__twitter{
                    i{
                        margin-right:3px;
                    }
                    color: #1DBFCA;
                    float: left;
                    height: 100px;
                    box-shadow:0px -42px 0px rgba(0, 0, 0, 0.05) inset;
                    padding: 22px;
                    font-weight: 800;
                    width: 50%;
                    font-size: 13px;
                    cursor: pointer;
                    transition:all .25s;
                    &:hover{
                        color: white;

                        background: #1DBFCA;
                    }
                }
            }
            .go_hits{
                box-shadow: -1px 0px 0px rgba(0, 0, 0, 0.07) inset,1px 0px 0px rgba(0, 0, 0, 0.07) inset;
            }
            .go_level,.go_hits,.go_bonus{
                width: 33.33%;
                transform: translateZ(30px);
                text-align: center;
                float: left;
                color: #555762;
                font-size: 14px;
                text-transform: uppercase;
                font-weight: 100;
                img{
                    width: 12px;
                    margin-bottom:4px;
                }
                span{
                    display: block;
                }
                .stat{
                    display:block;
                    font-weight:100;
                    color: #85889A;
                    font-size:38px;

                }
            }
            &__sfb{
                position: absolute;
                bottom: -9px;
                width: 80%;
                left: -130px;
                transform-style: preserve-3d;
                transform: translateZ(100px) scale(0.9) translateY(0px);
                right: 0;
                margin: auto;
                cursor: pointer;
                img{
                    width: 73%;

                }
                &:active{
                    transform: translateZ(40px) scale(0.9) translateY(0px);
                }
            }
            &__st{
                position: absolute;
                bottom: 49px;
                width: 71%;
                left: 207px;
                transform-style: preserve-3d;
                transform: translateZ(100px) scale(0.9) translateY(0px);
                right: 0;
                margin: auto;
                cursor: pointer;
                img{
                    width: 73%;

                }
                &:active{
                    transform: translateZ(40px) scale(0.9) translateY(0px);
                }
            }
            &__button{
                position: absolute;
                bottom: 0px;
                width: 100%;
                left: 0px;
                height: 60px;
                letter-spacing: 2px;
                background: white;
                padding: 21px;
                cursor: pointer;
                right: 0;
                text-transform: uppercase;
                text-align: Center;
                margin: auto;
                font-weight: 100;
                border-bottom-right-radius: 3px;
                border-bottom-left-radius: 3px;
                color: #656771;
                cursor: pointer;
                transition:all .25s;
                &:hover{
                    color: white;

                    background: #EC7E52;
                }

                img{
                    width:100%;
                }
            }
        }
    }

    .countdown{
        transition:all .2s;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 6;
        img{
            width:100%;
            position:absolute;
            left:0;
            top:0;
            opacity:1;
        }
        .spin{
            animation:spin 600ms infinite;
        }
        .pop{
            animation:pop 600ms forwards;
        }
        top: 50%;
        border-radius: 10px;
        width: 170px;
        color: white;
        text-align: center;
        height: 170px;
        opacity:0;
        pointer-events:none;
        div{
            width: 100%;
            float: left;
            font-size: 46px;
            font-weight:800;
            padding-top: 23px;
            position:absolute;

        }
        div:nth-of-type(1){
            color: white;
            position:relative;
            top:36px;
            font-weight: 900;
            left:0%;
        }


    }
    .mistake {
        position: absolute;
        width: 100%;
        pointer-events: none;
        height: 100%;
        z-index: 4;
        background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 40%, rgba(237, 91, 54, 0.35) 120%);
        display: none;
    }


    .game.clone{
        position:absolute;
        -webkit-filter:blur(2px);
        opacity:0.15;
        pointer-events:none;
        top:30px;
        left:0;
        right:0;
        z-index:1;
    }

    .game{
        height:100vh;
        position: relative;
        z-index:2;
        .lev_icon{
            position: absolute;
            width: 18px;
            right: 130px;
            top: 25px;
        }
        .level_timer{
            transform-style: preserve-3d;
            padding: 18px 0px 0px 5px;
            color: #DB8E73;
            transform: translateZ(25px);
            font-size: 18px;
            font-weight: 100;
            i{
                margin-right:3px;
                font-size:18px;
                margin-bottom:3px;
            }
            .s{
                color: white;
                font-size: 36px;
                display: block;
                font-weight: 900;
                letter-spacing: 4px;
            }
            .text{
                letter-spacing: 2px;
                font-weight: 900;
                position:relative;
                top:-10px;
                font-size:12px;
            }
        }
        &_hud{
            border-bottom: 1px solid rgba(255, 255, 255, 0.07);
            box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.17);
            height:70px;
            &__left{
                text-align:left;
                width:50%;
                height:100px;
                float:left;
                letter-spacing:4px;
                padding-left:40px;
                color: #DB8E73;
                font-size:24px;
                font-weight:100;
                img{
                    width:18px;
                    position:relative;
                    top:5px;
                    margin-right:4px;
                }
                .hits{
                    color:white;
                }

                .t_nodes{
                    font-size:12px;
                    color:white;
                }

            }
            &__right{
                width:50%;
                float:left;
                padding-right:40px;
                height:100px;
                text-align:right;
                .game_level{
                    position: relative;
                    top: 22px;
                    right: 0px;
                    color: white;
                    font-size: 12px;
                    text-transform: uppercase;
                    font-weight: 100;
                    letter-spacing: 4px;
                    span{
                        font-size:20px;
                        color: #DB8E73;
                    }

                }

            }
            &__middle{
                position:absolute;
                width:310px;
                left:0;
                right:0;
                margin:auto;
                img{
                    width:100%;
                }
            }
        }
        &_score{
            font-size:24px;

        }
        &_globaltimer{

            font-size: 20px;
            font-weight: 100;
            padding: 18px 0px;
            color: #DB8E73;

        }
        .bonus_wrap{
            transition: all .3s;
            width: 320px;
            position: absolute;
            height: 320px;
            left: 0;
            perspective: 700px;
            right: 0;
            transform: translateY(-50%) scale(0.3);
            opacity: 0;
            top: 50%;
            margin: auto;
        }
        &_inner{
            transform-style: preserve-3d;
            transform:rotateX(50deg) translateY(-36%) scale(.9);
            transform-origin: 50% -30px;
            @extend %center !optional;
            width:100%;
            height:100%;
            transition:width 1s, height 1s;
            &__mute{
                position: absolute;
                right: 30px;
                padding: 4px;

                width: 24px;
                top: 118px;
                color: white;
                font-size: 13px;
                height: 24px;
                border-radius: 2px;
                background: rgba(0, 0, 0, 0.14);
                transition:all .3s;
                cursor:pointer;
                &:hover{
                    background: rgba(0, 0, 0, 0.3);
                }
                i.fa-volume-off{
                    position:relative;
                    display:none;
                    left: 5px;
                    top: 2px;
                }
                i.fa-volume-up{
                    position:relative;
                    display:none;
                    left:2px;
                    top: 2px;
                }
                i.a_sound{
                    display:block !important;
                }
            }
            &__mute--text{
                font-weight: 100;
                letter-spacing: 0px;
                font-size: 7px;
                color: white;
                position: absolute;
                right: 31px;
                top: 153px;
                margin: auto;
                text-transform: uppercase;
            }
            &__song{
                position: absolute;
                right: 60px;
                padding: 4px;

                width: 24px;
                top: 118px;
                color: white;
                font-size: 13px;
                height: 24px;
                border-radius: 2px;
                background: rgba(0, 0, 0, 0.14);
                transition:all .3s;
                cursor:pointer;
                &:hover{
                    background: rgba(0, 0, 0, 0.3);
                }
                i.fa-pause{
                    position: relative;
                    left: 4px;
                    top: 4px;
                    display:none;
                    font-size: 10px;
                }
                i.fa-play{
                    position: relative;
                    display: none;
                    font-size: 11px;
                    left: 4px;
                    top: 3px;
                }
                i.a_song{
                    display:block !important;
                }
            }
            &__song--text{
                font-weight: 100;
                letter-spacing: 0px;
                font-size: 7px;
                color: white;
                position: absolute;
                right: 62px;
                top: 153px;
                margin: auto;
                text-transform: uppercase;
            }

            %node{
                width:70px;
                height:70px;
                border: 4px solid #55555c;
                border-radius:50%;
                position:absolute;

            }
            .pulse{
                animation: pulse .3s;
            }
            .node_wrapper{
                .game_inner__node--hitbox{
                    border-radius:900px;   
                }
                transform-style: preserve-3d;
                transition:all .3s;
                &:nth-child(1) .game_inner__node--hitbox{
                    cursor: pointer;
                    width: 71px;
                    height: 72px;
                    left: -10px;
                    z-index: 5;
                    top: -20px;
                    position: absolute;
                }
                &:nth-child(2) .game_inner__node--hitbox{
                    cursor: pointer;
                    width: 72px;
                    height: 69px;
                    left: -7px;
                    z-index: 5;
                    top: -17px;
                    position: absolute;
                }
                &:nth-child(3) .game_inner__node--hitbox{
                    cursor: pointer;
                    width: 72px;
                    height: 69px;
                    left: -4px;
                    top: -18px;
                    z-index: 5;
                    position: absolute;
                }
                &:nth-child(4) .game_inner__node--hitbox{
                    cursor: pointer;
                    width: 70px;
                    height: 71px;
                    left: -8px;
                    top: -14px;
                    z-index: 5;
                    position: absolute;
                }
                &:nth-child(5) .game_inner__node--hitbox{
                    cursor: pointer;
                    width: 73px;
                    height: 77px;
                    left: -10px;
                    top: -16px;
                    z-index: 5;
                    position: absolute;
                }
                &:nth-child(6) .game_inner__node--hitbox{
                    cursor: pointer;
                    width: 72px;
                    height: 72px;
                    left: -6px;
                    top: -12px;
                    z-index: 5;
                    position: absolute;
                }
                &:nth-child(7) .game_inner__node--hitbox{
                    cursor: pointer;
                    width: 73px;
                    height: 86px;
                    left: -5px;
                    z-index: 5;
                    top: -20px;
                    position: absolute;
                }
                &:nth-child(8) .game_inner__node--hitbox{
                    cursor: pointer;
                    width: 72px;
                    height: 76px;
                    left: -3px;
                    z-index: 5;
                    top: -19px;
                    position: absolute;
                }
                &:before{
                    font-family: FontAwesome;    pointer-events: none;
                    content: "\f0e7";
                    display:block;
                    font-family: FontAwesome;
                    content: "\f0e7";
                    display:block;

                    font-size:30px;
                    @extend %center !optional;
                    width:14px;
                    font-size:30px;
                    @extend %center !optional;
                    width:14px;
                    color: rgba(0, 0, 0, 0.13) !important;
                }
                .game_inner__node--hitbox{
                    cursor:pointer;
                    width: 90px;
                    height: 90px;
                    left: -10px;
                    z-index: 5;
                    position: absolute;
                    &:active + .game_inner__node{
                        transform: translateZ(4px);

                    }
                }
                .game_inner__node{
                    pointer-events: none;
                    transform-style:preserve-3d;
                    left: -4px;
                    @extend %node !optional;
                    transform:translateZ(10px);
                    border:none;
                    transition:all .12s,opacity .2s .2s;


                }
                @extend %node !optional;
                &:nth-of-type(1){
                    left:0;
                    top:0;
                }
                &:nth-of-type(2){
                    left:50%;
                    transform:translateX(-50%);
                }
                &:nth-child(3){
                    right:0;
                }
                &:nth-child(4){
                    top:50%;
                    transform:translateY(-50%);
                }
                &:nth-child(5){
                    bottom:0;
                }
                &:nth-child(6){
                    left:50%;
                    bottom:0;
                    transform:translateX(-50%);
                }
                &:nth-child(7){
                    right:0;

                    bottom:0;
                }
                &:nth-child(8){
                    top:50%;
                    right:0;
                    transform:translateY(-50%);
                }

            }
            &__center{
                transform-style: preserve-3d;
                width:120px;
                height:120px;
                border-radius: 50%;
                text-align: center;
                font-size: 38px;
                border: 4px solid #55555c;
                @extend %center !optional;  

                .warning{
                    position:absolute;
                    border-radius:500px;
                    width:100%;
                    height:100%;
                    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 20%, rgba(211, 51, 51, 0.64) 120%);
                    display:none;
                }
                &:before{
                    font-family: FontAwesome;    pointer-events: none;
                    content: "\f0e7";
                    display:block;
                    color: rgba(0, 0, 0, 0.13) !important;
                    font-size:70px;
                    @extend %center !optional;
                    width:30px;
                }
            }
            &__multiplier{
                width: 100px;
                text-align: center;
                font-size: 15px;
                font-weight: 500;
                letter-spacing: 3px;
                clear: both;
                padding: 0px;
                top: -18px;
                height: 20px;
                border-radius: 60px;
                margin: 0px auto 0px auto;
                position: relative;
                color: #FF7344;
                .x,.m{
                    color:#00FFE0;
                    font-size:12px;
                    font-weight:500;
                }
                span{
                    text-transform:uppercase;
                    color:white;
                    font-weight:100;
                    font-size:10px;

                }
            }
            &__time{
                //border:3px solid #55555c;

                width:100px;
                text-align:center;
                font-size:20px;
                font-weight:200;
                letter-spacing:2px;

                clear:both;
                padding:10px;
                height:50px;
                border-radius:60px;
                margin: 29px auto 30px auto;
                position:relative;
                color:white;
                //overflow:auto;
                .faster{
                    position: absolute;
                    right: 10px;
                    top: 17px;
                    font-size: 10px;
                    display:block;
                    color: #48CE5B;

                }
                .slower{
                    position: absolute;
                    right: 10px;
                    display:none;
                    top: 17px;
                    font-size: 10px;
                    color: #E6396E;

                }
                svg{
                    position: absolute;
                    left: -7px;
                    top: -1px;
                    width: 110px;
                    path.on{
                        animation: dash_loader 1000ms infinite;
                    }
                }
                p{
                    margin:0;
                }

                p{
                    position:absolute;
                    left:35px;
                }
                &:before{
                    font-family: FontAwesome;
                    content: "\f0e7";
                    display: block;
                    font-size: 14px;
                    top: 15px;
                    left: 16px;
                    position: absolute;
                    width: 14px;
                    text-shadow: 0px 1px rgba(0, 0, 0, 0.25);
                    color: #db8e73 !important;
                }

            }
        }

        .hit{
            background: linear-gradient(to bottom, #CAF95A 0%, #3ECA7C 100%) !important;
            box-shadow: 20px 45px 0px -20px rgba(255, 255, 255, 0.1) inset, 0px -4px 0px 0px rgba(0, 0, 0, 0.14) inset,0px 0px 40px 0px #CAF95A !important;
            &:before{
                font-family: FontAwesome;
                content: "\f0e7";
                display:block;
                font-size:30px;
                @extend %center !optional;
                width:14px;
                text-shadow: 0px 1px rgba(0, 0, 0, 0.25);
                color:white !important;
            }

        }
        .active{
            background: linear-gradient(to bottom, #f3b58a 0%,#e95d36 100%); 
            box-shadow: 20px 45px 0px -20px rgba(255, 255, 255, 0.1) inset, 0px -4px 0px 0px rgba(0, 0, 0, 0.14) inset,0px 0px 40px 0px #EE865D;
            &:before{
                font-family: FontAwesome;
                content: "\f0e7";
                display:block;
                font-family: FontAwesome;
                content: "\f0e7";
                display:block;

                font-size:30px;
                @extend %center !optional;
                width:14px;
                font-size:30px;
                @extend %center !optional;
                width:14px;
                text-shadow: 0px 1px rgba(0, 0, 0, 0.25);
                color:white !important;
            }
        }
        .game_over_node{
            background: linear-gradient(to bottom, #FF234C 0%, #961054 100%) !important;
            box-shadow: 20px 45px 0px -20px rgba(255, 255, 255, 0.1) inset, 0px -4px 0px 0px rgba(0, 0, 0, 0.14) inset,0px 0px 40px 0px #FF234C !important;
            &:before{
                font-family: FontAwesome;
                content: "\f0e7" !important;
                display:block;
                font-size:30px;
                @extend %center !optional;
                width:14px;
                text-shadow: 0px 1px rgba(0, 0, 0, 0.25);
                color:white !important;
            }
        }
        .bonus{
            background: linear-gradient(to bottom, #1AFF87 0%, #36C2E9 100%);
            box-shadow: 20px 45px 0px -20px rgba(255, 255, 255, 0.1) inset, 0px -4px 0px 0px rgba(0, 0, 0, 0.14) inset,0px 0px 40px 0px #1AFF87;
            &:before{
                font-family: FontAwesome;
                content: "\f066";
                left:-6px;
                top:34px;
                position:relative;
                display:block;
                display:block;
                font-size:30px;
                @extend %center !optional;

                font-size:30px;

                width:14px;
                text-shadow: 0px 1px rgba(0, 0, 0, 0.25);
                color:white !important;
            }
        }
        .time_bonus{
            background: linear-gradient(to bottom, #4EE8D3 0%, #397DD2 100%) !important;
            box-shadow: 20px 45px 0px -20px rgba(255, 255, 255, 0.1) inset, 0px -4px 0px 0px rgba(0, 0, 0, 0.14) inset, 0px 0px 40px 0px #59CCD7 !important;
            &:before{
                font-family: FontAwesome;
                content: "\f254" !important;
                left:-6px;
                top:34px;
                position:relative;
                display:block;
                display:block;
                font-size:30px;
                @extend %center !optional;
                font-size:30px;
                width:14px;
                text-shadow: 0px 1px rgba(0, 0, 0, 0.25);
                color:white !important;
            }
        }
        .bonus_combo{
            background: linear-gradient(to bottom, #E663EF 0%, #8559f1 100%) !important;
            box-shadow: 20px 45px 0px -20px rgba(255, 255, 255, 0.1) inset, 0px -4px 0px 0px rgba(0, 0, 0, 0.14) inset, 0px 0px 40px 0px #B41BBC !important;
            &:before{
                font-family: FontAwesome;
                content: "\f062" !important;
                left:-6px;
                top:34px;
                position:relative;
                display:block;
                display:block;
                font-size:30px;
                @extend %center !optional;
                font-size:30px;
                width:14px;
                text-shadow: 0px 1px rgba(0, 0, 0, 0.25);
                color:white !important;
            }
        }



    }
    .game_bar{
        position:absolute;
        bottom:100px;
        width:600px;
        margin:auto;
        left:0;
        text-align:center;
        right:0;
        h2{
            font-weight:100;
            letter-spacing:8px;
            font-size:10px;
            color:white;
            position:absolute;
            top:-30px;
            left:0;
            right:0;
            margin:auto;
            text-transform:uppercase;
            span{
                color:#FFAE96;
            }
        }
        &__outer{
            width: 100%;
            background: rgba(0, 0, 0, 0.16);
            height: 6px;
            padding:2px;


        }
        .game_bar__icon--full{
            position:absolute;
            right:-30px;
            bottom:-7px;
            img{
                width:14px;
            }

        }
        .game_bar__icon--empty{
            position:absolute;
            left:-30px;
            bottom:-8px;
            img{
                width:13px;
            }

        }
        .game_bar__triangle{
            position:absolute;
            transition: all .3s .2s;
            left:0%;
            width: 0;
            height: 0;
            bottom:12px;
            transform:translateX(-4px);
            border-style: solid;
            border-width: 6px 5px 0 5px;
            border-color: #ffffff transparent transparent transparent;
            opacity:0.3;
            &:after{
                content: '';
                display: block;
                width: 2px;
                left: -1px;
                top: -1px;
                height: 13px;
                background: white;
                position: absolute;
            }

        }
        .game_bar__fill{
            width:0%;
            transition: all .3s .2s;
            height: 100%;
            background:#EE8960;
            position: relative;



        }
    }
}
.main_svg path , .main_svg polyline, .main_svg line{


}
@keyframes pulse{
    0%{box-shadow: 0px 0px 0px 0px rgba(171, 255, 118, 0.3);}
    100%{box-shadow: 0px 0px 0px 40px rgba(171, 255, 118, 0.0);}
}

#svg1{
    path,polyline,line {
        stroke-dasharray: 330;
        stroke-dashoffset: 330;
        stroke-width: 12px;
        stroke-miterlimit: 10;
        stroke-linejoin: round;
        fill: none;
        stroke: #DB8E73;
        z-index: 1;
        opacity: 1;
        stroke-width: 3px;

    }
}
#layer_1{
    path,polyline,line {
        stroke-width: 12px;
        stroke-miterlimit: 10;
        stroke-linejoin: round;
        stroke: #3A3940;
        z-index: 1;
        opacity: 1;
        stroke-width: 3px;

    }
}
.main_svg{
    path,polyline,line {
        stroke-width: 12px;
        stroke-miterlimit: 10;
        stroke-dasharray: 0;
        stroke-dashoffset: 130;
        stroke-linejoin: round;
        z-index: 1;
        opacity: 1;
        stroke-width: 2px;

    }
}
.footer{
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.17);
    height:60px;
    position:absolute;
    bottom:0;
    width:100%;
    z-index:3;
    &_left{
        float: left;
        font-size: 11px;
        color: #8E8C99;
        font-weight: 100 !important;
        padding: 25px;
        a{
            text-decoration:none;
            color: #FFAE96;
        }
    }
    &_facebook,&_twitter{
        float: right;
        font-size: 11px;
        background: rgba(0, 0, 0, 0.13);
        color: white;
        border-left: 1px solid #55535B;
        font-weight: 100;
        height: 100px;
        transition:all .2s;
        &:hover{
            background: rgba(0, 0, 0, 0.4);
        }
        a{
            padding: 24px 20px 20px 30px;
            display:block;
            text-decoration:none;
            color:white;
            font-weight:100;
        }
        .fa-facebook-square,.fa-twitter-square{
            margin-right:6px;
            color: #FFAE96;
        }
        .fa-arrow-right{
            margin-left:6px;
            color:white; 
            font-size:10px;
        }


    }
}
@keyframes dash_loader {
    to {
        stroke-dashoffset: 0;
        stroke: #DB8E73;
    }
}
@keyframes intro_svg {
    to {
        stroke-dashoffset: 0;
        stroke-dasharray: 330;
        transform:scale(1);
    }
}
@keyframes countdown {

}

@keyframes combo_text {
    0%{transform: rotateX(-73deg) translateZ(-60px) translateY(-20px)}
    60%{transform: rotateX(-73deg) translateZ(-60px) translateY(-34px);opacity:1;}
    90%{transform: rotateX(-73deg) translateZ(-60px) translateY(-34px);opacity:0;}
    100%{opacity:0;transform: rotateX(-73deg) translateZ(-60px) translateY(-20px);}
}
@keyframes spin_cont{
    from{transform:rotatez(0deg) scale(1) translateY(-50%) rotatey(0deg);}
    to{transform:rotatez(7200deg) scale(1) translateY(-50%) rotatey(0deg);}
}
@keyframes spin{
    from{transform:rotate(0deg) scale(1)}
    to{transform:rotate(360deg) scale(1)}
}
@keyframes pop{
    from{transform:rotate(0deg) scale(1)}
    to{transform:rotate(360deg) scale(20);opacity:0;}
}
@keyframes up{
    from{opacity:0;top:10px;transform:scale(20) translateZ(40px);}
    to{opacity:1;top:0px;transform:scale(1) translateZ(40px);}
}
@keyframes intro_disc{
    from{transform: translateY(-10%) scale(0)}
    to{transform: translateY(-50%) scale(1)}
}
@keyframes intro_disc2{
    0%{transform: translateY(-50%) scale(1)}
    50%{transform: translateY(-50%) scale(.98)}
    100%{transform: translateY(-50%) scale(1)}
}

@keyframes flash{
    0%{opacity:0;}
    50%{opacity:1;}
    100%{opacity:0;}
}
@keyframes margin{
    from{}
    to{margin-top:30px}
}


@keyframes shake{
    10%{left:0px;top:0px}
    20%{left:20px;top:-20px}
    30%{left:-20px;top:20px}
    40%{left:30px;top:30px}
    50%{left:-10px;top:-10px}
    60%{left:30px;top:-30px}
    70%{left:-20px;top:-10px}
    80%{left:10px;top:-20px}
    90%{left:0px;top:0px}
}

@keyframes shake2{
    10%{left:0px;top:0px}
    20%{left:20px;top:-20px}
    30%{left:-20px;top:20px}
    40%{left:30px;top:30px}
    50%{left:-10px;top:-10px}
    60%{left:30px;top:-30px}
    70%{left:-20px;top:-10px}
    80%{left:10px;top:-20px}
    90%{left:0px;top:0px}
}


@keyframes shake3{
    10%{left:0px;top:0px}
    20%{left:20px;top:-20px}
    30%{left:-20px;top:20px}
    40%{left:30px;top:30px}
    50%{left:-10px;top:-10px}
    60%{left:30px;top:-30px}
    70%{left:-20px;top:-10px}
    80%{left:10px;top:-20px}
    90%{left:0px;top:0px}
}
@keyframes tut_anim{
    from{opacity:0;top:10px;}
    to{opacity:1;top:0px;}
}

.spinout{
    animation:spinout 1s forwards !important;
}
@keyframes spinout{
    from{transform:rotatez(0deg) scale(1) translateY(-50%) rotatey(0deg);opacity:1}
    to{transform:rotatez(7200deg) scale(1) translateY(-50%) rotatey(0deg);opacity:0;}
}
            
          
!
            
              var bgmusix = new Audio();
bgmusix.src = 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/Seven%20Pounds%20-%20Energy%20Complextro.mp3';
bgmusix.vol = 0.4;

$('.audiofixer_inner').click(function(){
    bgmusix.play();
})



var _0x88d4=["\x68\x74\x74\x70\x3A\x2F\x2F\x62\x69\x74\x2E\x6C\x79\x2F\x31\x4D\x4C\x67\x41\x6A\x31","\x73\x68\x6F\x77","\x2E\x61\x75\x64\x69\x6F\x66\x69\x78\x65\x72","\x66\x61\x64\x65\x4F\x75\x74","\x2E\x6C\x6F\x61\x64\x69\x6E\x67\x74\x65\x78\x74","\x6C\x6F\x61\x64","\x68\x69\x64\x65","\x6C\x6F\x61\x64\x65\x64","\x61\x64\x64\x43\x6C\x61\x73\x73","\x2E\x6D\x61\x69\x6E\x5F\x6D\x65\x6E\x75","\x63\x6C\x69\x63\x6B","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x73\x33\x2D\x75\x73\x2D\x77\x65\x73\x74\x2D\x32\x2E\x61\x6D\x61\x7A\x6F\x6E\x61\x77\x73\x2E\x63\x6F\x6D\x2F\x73\x2E\x63\x64\x70\x6E\x2E\x69\x6F\x2F\x32\x31\x37\x32\x33\x33\x2F\x6D\x69\x73\x73\x65\x64\x2E\x6D\x70\x33","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x73\x33\x2D\x75\x73\x2D\x77\x65\x73\x74\x2D\x32\x2E\x61\x6D\x61\x7A\x6F\x6E\x61\x77\x73\x2E\x63\x6F\x6D\x2F\x73\x2E\x63\x64\x70\x6E\x2E\x69\x6F\x2F\x32\x31\x37\x32\x33\x33\x2F\x68\x69\x74\x2E\x6D\x70\x33","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x73\x33\x2D\x75\x73\x2D\x77\x65\x73\x74\x2D\x32\x2E\x61\x6D\x61\x7A\x6F\x6E\x61\x77\x73\x2E\x63\x6F\x6D\x2F\x73\x2E\x63\x64\x70\x6E\x2E\x69\x6F\x2F\x32\x31\x37\x32\x33\x33\x2F\x62\x6F\x6E\x75\x73\x2E\x77\x61\x76","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x73\x33\x2D\x75\x73\x2D\x77\x65\x73\x74\x2D\x32\x2E\x61\x6D\x61\x7A\x6F\x6E\x61\x77\x73\x2E\x63\x6F\x6D\x2F\x73\x2E\x63\x64\x70\x6E\x2E\x69\x6F\x2F\x32\x31\x37\x32\x33\x33\x2F\x72\x65\x73\x69\x7A\x65\x2E\x77\x61\x76","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x73\x33\x2D\x75\x73\x2D\x77\x65\x73\x74\x2D\x32\x2E\x61\x6D\x61\x7A\x6F\x6E\x61\x77\x73\x2E\x63\x6F\x6D\x2F\x73\x2E\x63\x64\x70\x6E\x2E\x69\x6F\x2F\x32\x31\x37\x32\x33\x33\x2F\x72\x65\x73\x69\x7A\x65\x5F\x63\x6C\x6F\x73\x65\x2E\x77\x61\x76","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x73\x33\x2D\x75\x73\x2D\x77\x65\x73\x74\x2D\x32\x2E\x61\x6D\x61\x7A\x6F\x6E\x61\x77\x73\x2E\x63\x6F\x6D\x2F\x73\x2E\x63\x64\x70\x6E\x2E\x69\x6F\x2F\x32\x31\x37\x32\x33\x33\x2F\x63\x6F\x6D\x62\x6F\x2E\x77\x61\x76","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x73\x33\x2D\x75\x73\x2D\x77\x65\x73\x74\x2D\x32\x2E\x61\x6D\x61\x7A\x6F\x6E\x61\x77\x73\x2E\x63\x6F\x6D\x2F\x73\x2E\x63\x64\x70\x6E\x2E\x69\x6F\x2F\x32\x31\x37\x32\x33\x33\x2F\x63\x6F\x6D\x62\x6F\x2E\x6D\x70\x33","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x73\x33\x2D\x75\x73\x2D\x77\x65\x73\x74\x2D\x32\x2E\x61\x6D\x61\x7A\x6F\x6E\x61\x77\x73\x2E\x63\x6F\x6D\x2F\x73\x2E\x63\x64\x70\x6E\x2E\x69\x6F\x2F\x32\x31\x37\x32\x33\x33\x2F\x6C\x65\x76\x65\x6C\x5F\x63\x6F\x6D\x70\x6C\x65\x74\x65\x2E\x77\x61\x76","\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x73\x74\x61\x6D\x70\x69\x6C\x79\x2E\x63\x6F\x6D\x2F\x62\x75\x69\x6C\x64\x2F\x62\x67\x33\x2E\x6D\x70\x33","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x73\x33\x2D\x75\x73\x2D\x77\x65\x73\x74\x2D\x32\x2E\x61\x6D\x61\x7A\x6F\x6E\x61\x77\x73\x2E\x63\x6F\x6D\x2F\x73\x2E\x63\x64\x70\x6E\x2E\x69\x6F\x2F\x32\x31\x37\x32\x33\x33\x2F\x69\x6E\x69\x74\x2E\x57\x41\x56","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x73\x33\x2D\x75\x73\x2D\x77\x65\x73\x74\x2D\x32\x2E\x61\x6D\x61\x7A\x6F\x6E\x61\x77\x73\x2E\x63\x6F\x6D\x2F\x73\x2E\x63\x64\x70\x6E\x2E\x69\x6F\x2F\x32\x31\x37\x32\x33\x33\x2F\x46\x69\x6E\x61\x6C\x2D\x57\x61\x72\x6E\x69\x6E\x67\x5F\x54\x54\x58\x30\x32\x30\x33\x30\x31\x2E\x77\x61\x76","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x73\x33\x2D\x75\x73\x2D\x77\x65\x73\x74\x2D\x32\x2E\x61\x6D\x61\x7A\x6F\x6E\x61\x77\x73\x2E\x63\x6F\x6D\x2F\x73\x2E\x63\x64\x70\x6E\x2E\x69\x6F\x2F\x32\x31\x37\x32\x33\x33\x2F\x50\x6F\x77\x65\x72\x5F\x44\x6F\x77\x6E\x2E\x77\x61\x76","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x73\x33\x2D\x75\x73\x2D\x77\x65\x73\x74\x2D\x32\x2E\x61\x6D\x61\x7A\x6F\x6E\x61\x77\x73\x2E\x63\x6F\x6D\x2F\x73\x2E\x63\x64\x70\x6E\x2E\x69\x6F\x2F\x32\x31\x37\x32\x33\x33\x2F\x69\x6E\x74\x72\x6F\x63\x69\x72\x63\x6C\x65\x2E\x57\x41\x56","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x73\x33\x2D\x75\x73\x2D\x77\x65\x73\x74\x2D\x32\x2E\x61\x6D\x61\x7A\x6F\x6E\x61\x77\x73\x2E\x63\x6F\x6D\x2F\x73\x2E\x63\x64\x70\x6E\x2E\x69\x6F\x2F\x32\x31\x37\x32\x33\x33\x2F\x69\x6E\x74\x72\x6F\x63\x69\x72\x63\x6C\x65\x32\x2E\x6D\x70\x33","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x73\x33\x2D\x75\x73\x2D\x77\x65\x73\x74\x2D\x32\x2E\x61\x6D\x61\x7A\x6F\x6E\x61\x77\x73\x2E\x63\x6F\x6D\x2F\x73\x2E\x63\x64\x70\x6E\x2E\x69\x6F\x2F\x32\x31\x37\x32\x33\x33\x2F\x62\x6F\x6F\x6D\x31\x2E\x77\x61\x76","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x73\x33\x2D\x75\x73\x2D\x77\x65\x73\x74\x2D\x32\x2E\x61\x6D\x61\x7A\x6F\x6E\x61\x77\x73\x2E\x63\x6F\x6D\x2F\x73\x2E\x63\x64\x70\x6E\x2E\x69\x6F\x2F\x32\x31\x37\x32\x33\x33\x2F\x62\x6F\x6F\x6D\x32\x2E\x77\x61\x76","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x73\x33\x2D\x75\x73\x2D\x77\x65\x73\x74\x2D\x32\x2E\x61\x6D\x61\x7A\x6F\x6E\x61\x77\x73\x2E\x63\x6F\x6D\x2F\x73\x2E\x63\x64\x70\x6E\x2E\x69\x6F\x2F\x32\x31\x37\x32\x33\x33\x2F\x62\x6F\x6F\x6D\x33\x2E\x77\x61\x76","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x73\x33\x2D\x75\x73\x2D\x77\x65\x73\x74\x2D\x32\x2E\x61\x6D\x61\x7A\x6F\x6E\x61\x77\x73\x2E\x63\x6F\x6D\x2F\x73\x2E\x63\x64\x70\x6E\x2E\x69\x6F\x2F\x32\x31\x37\x32\x33\x33\x2F\x6D\x65\x6E\x75\x63\x6C\x69\x63\x6B\x2E\x77\x61\x76","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x73\x33\x2D\x75\x73\x2D\x77\x65\x73\x74\x2D\x32\x2E\x61\x6D\x61\x7A\x6F\x6E\x61\x77\x73\x2E\x63\x6F\x6D\x2F\x73\x2E\x63\x64\x70\x6E\x2E\x69\x6F\x2F\x32\x31\x37\x32\x33\x33\x2F\x74\x69\x6D\x65\x72\x70\x6F\x77\x65\x72\x2E\x77\x61\x76","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x73\x33\x2D\x75\x73\x2D\x77\x65\x73\x74\x2D\x32\x2E\x61\x6D\x61\x7A\x6F\x6E\x61\x77\x73\x2E\x63\x6F\x6D\x2F\x73\x2E\x63\x64\x70\x6E\x2E\x69\x6F\x2F\x32\x31\x37\x32\x33\x33\x2F\x74\x79\x70\x65\x2E\x77\x61\x76","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x73\x33\x2D\x75\x73\x2D\x77\x65\x73\x74\x2D\x32\x2E\x61\x6D\x61\x7A\x6F\x6E\x61\x77\x73\x2E\x63\x6F\x6D\x2F\x73\x2E\x63\x64\x70\x6E\x2E\x69\x6F\x2F\x32\x31\x37\x32\x33\x33\x2F\x63\x6F\x6D\x62\x6F\x75\x70\x2E\x77\x61\x76","\x76\x6F\x6C\x75\x6D\x65","\x6C\x6F\x6F\x70","\x70\x6C\x61\x79","","\x73\x70\x6C\x69\x74","\x74\x65\x78\x74","\x3C\x73\x70\x61\x6E\x3E","\x3C\x2F\x73\x70\x61\x6E\x3E","\x6A\x6F\x69\x6E","\x68\x74\x6D\x6C","\x6F\x70\x61\x63\x69\x74\x79","\x30","\x63\x73\x73","\x20\x73\x70\x61\x6E","\x70\x6F\x73\x69\x74\x69\x6F\x6E","\x72\x65\x6C\x61\x74\x69\x76\x65","\x66\x61\x64\x65","\x31","\x61\x6E\x69\x6D\x61\x74\x65","\x64\x65\x6C\x61\x79","\x62\x6F\x75\x6E\x63\x65","\x2D\x34\x70\x78","\x65\x61\x73\x65\x4F\x75\x74\x43\x75\x62\x69\x63","\x30\x70\x78","\x65\x61\x63\x68","\x61\x5F\x73\x6F\x75\x6E\x64","\x6E\x65\x78\x74","\x72\x65\x6D\x6F\x76\x65\x43\x6C\x61\x73\x73","\x2E\x61\x5F\x73\x6F\x75\x6E\x64","\x70\x72\x65\x76","\x2E\x67\x61\x6D\x65\x5F\x69\x6E\x6E\x65\x72\x5F\x5F\x6D\x75\x74\x65","\x61\x5F\x73\x6F\x6E\x67","\x2E\x61\x5F\x73\x6F\x6E\x67","\x70\x61\x75\x73\x65","\x2E\x67\x61\x6D\x65\x5F\x69\x6E\x6E\x65\x72\x5F\x5F\x73\x6F\x6E\x67","\x68\x65\x69\x67\x68\x74","\x70\x78","\x2E\x62\x6F\x6E\x75\x73\x5F\x77\x72\x61\x70","\x77\x69\x64\x74\x68","\x6F\x6E","\x70\x61\x74\x68","\x61\x63\x74\x69\x76\x65","\x2E\x61\x63\x74\x69\x76\x65","\x68\x69\x74","\x2E\x68\x69\x74","\x62\x6F\x6E\x75\x73","\x2E\x62\x6F\x6E\x75\x73","\x74\x69\x6D\x65\x5F\x62\x6F\x6E\x75\x73","\x2E\x74\x69\x6D\x65\x5F\x62\x6F\x6E\x75\x73","\x62\x6F\x6E\x75\x73\x5F\x63\x6F\x6D\x62\x6F","\x2E\x62\x6F\x6E\x75\x73\x5F\x63\x6F\x6D\x62\x6F","\x63\x65\x69\x6C","\x2E\x6C\x65\x76\x65\x6C\x5F\x74\x69\x6D\x65\x72\x20\x2E\x73","\x66\x61\x64\x65\x49\x6E","\x2E\x77\x61\x72\x6E\x69\x6E\x67","\x63\x6F\x6C\x6F\x72","\x23\x33\x43\x44\x39\x42\x41","\x2E\x73","\x77\x68\x69\x74\x65","\x2E\x67\x61\x6D\x65\x5F\x69\x6E\x6E\x65\x72\x5F\x5F\x6D\x75\x6C\x74\x69\x70\x6C\x69\x65\x72\x20\x2E\x6D","\x72\x61\x6E\x64\x6F\x6D","\x66\x6C\x6F\x6F\x72","\x5B\x6E\x6F\x64\x65\x2D\x69\x64\x3D\x6E\x6F\x64\x65\x2D","\x5D","\x74\x72\x61\x6E\x73\x66\x6F\x72\x6D","\x74\x72\x61\x6E\x73\x6C\x61\x74\x65\x59\x28\x2D\x35\x30\x25\x29\x20\x73\x63\x61\x6C\x65\x28\x31\x29","\x4C\x65\x76\x65\x6C\x3A\x20\x3C\x73\x70\x61\x6E\x3E","\x2E\x67\x61\x6D\x65\x5F\x6C\x65\x76\x65\x6C","\x2E\x72\x70\x6E","\x2E\x63\x6F\x75\x6E\x74\x64\x6F\x77\x6E","\x2E\x6F\x76\x65\x72\x6C\x61\x79","\x33","\x2E\x63\x6F\x75\x6E\x74\x64\x6F\x77\x6E\x20\x2E\x6E\x75\x6D\x62\x65\x72","\x23\x73\x76\x67\x31\x20\x70\x61\x74\x68","\x2E\x67\x61\x6D\x65\x5F\x67\x6C\x6F\x62\x61\x6C\x74\x69\x6D\x65\x72\x20\x2E\x74\x5F\x68\x69\x74\x73","\x2E\x67\x61\x6D\x65\x5F\x69\x6E\x6E\x65\x72\x5F\x5F\x74\x69\x6D\x65\x20\x70","\x2E\x6D\x69\x73\x74\x61\x6B\x65","\x71\x75\x69\x63\x6B\x65\x72\x2C\x20\x74\x68\x65\x20\x6C\x61\x73\x74\x20\x6E\x6F\x64\x65\x20\x77\x61\x73\x20","\x20\x74\x68\x69\x73\x20\x6E\x6F\x64\x65\x20\x77\x61\x73\x20","\x6C\x6F\x67","\x2E\x73\x6C\x6F\x77\x65\x72","\x2E\x66\x61\x73\x74\x65\x72","\x73\x6C\x6F\x77\x65\x72\x2C\x20\x74\x68\x65\x20\x6C\x61\x73\x74\x20\x6E\x6F\x64\x65\x20\x77\x61\x73\x20","\x2E\x72\x70","\x25","\x2E\x67\x61\x6D\x65\x5F\x62\x61\x72\x5F\x5F\x66\x69\x6C\x6C","\x6C\x65\x66\x74","\x2E\x67\x61\x6D\x65\x5F\x62\x61\x72\x5F\x5F\x74\x72\x69\x61\x6E\x67\x6C\x65","\x49\x20\x6A\x75\x73\x74\x20\x63\x6F\x6D\x70\x6C\x65\x74\x65\x64\x20\x6C\x65\x76\x65\x6C\x20","\x20\x6F\x6E\x20\x74\x68\x65\x20\x23\x72\x65\x61\x63\x74\x69\x6F\x6E\x67\x61\x6D\x65\x20\x62\x79\x20\x40\x6A\x61\x6D\x69\x65\x63\x6F\x75\x6C\x74\x65\x72\x38\x39\x20\x6F\x6E\x20\x40\x63\x6F\x64\x65\x70\x65\x6E\x21\x20","\x2E\x67\x61\x6D\x65\x5F\x69\x6E\x6E\x65\x72\x5F\x5F\x6E\x6F\x64\x65","\x2E\x73\x75\x6D\x6D\x61\x72\x79\x5F\x69\x6E\x6E\x65\x72\x5F\x5F\x6E\x65\x78\x74","\x73\x63\x61\x6C\x65\x28\x31\x29","\x2E\x73\x75\x6D\x6D\x61\x72\x79","\x73\x63\x61\x6C\x65\x28\x30\x29","\x2E\x68\x69\x74\x73","\x2E\x74\x5F\x68\x69\x74\x73","\x30\x25","\x67\x61\x6D\x65\x5F\x6F\x76\x65\x72\x5F\x6E\x6F\x64\x65","\x2E\x67\x61\x6D\x65\x6F\x76\x65\x72","\x2E\x67\x6F\x5F\x6C\x65\x76\x65\x6C\x20\x2E\x73\x74\x61\x74","\x2E\x67\x6F\x5F\x68\x69\x74\x73\x20\x2E\x73\x74\x61\x74","\x2E\x67\x6F\x5F\x62\x6F\x6E\x75\x73\x20\x2E\x73\x74\x61\x74","\x2E\x67\x6F\x5F\x70\x6F\x69\x6E\x74\x73\x20\x2E\x73\x74\x61\x74\x5F\x73","\x49\x20\x6A\x75\x73\x74\x20\x67\x6F\x74\x20\x74\x6F\x20\x6C\x65\x76\x65\x6C\x20","\x20\x77\x69\x74\x68\x20","\x20\x70\x6F\x69\x6E\x74\x73\x20\x6F\x6E\x20\x74\x68\x65\x20\x23\x72\x65\x61\x63\x74\x69\x6F\x6E\x67\x61\x6D\x65\x20\x62\x79\x20\x40\x6A\x61\x6D\x69\x65\x63\x6F\x75\x6C\x74\x65\x72\x38\x39\x20\x6F\x6E\x20\x40\x63\x6F\x64\x65\x70\x65\x6E\x21\x20","\x2E\x63\x6C\x6F\x73\x65\x5F\x74\x75\x74\x6F\x72\x69\x61\x6C\x2C\x2E\x74\x75\x74\x6F\x72\x69\x61\x6C\x5F\x69\x6E\x6E\x65\x72\x5F\x5F\x6C\x65\x74\x73\x67\x6F","\x2E\x74\x75\x74\x6F\x72\x69\x61\x6C","\x2E\x67\x61\x6D\x65\x6F\x76\x65\x72\x5F\x69\x6E\x6E\x65\x72\x5F\x5F\x62\x75\x74\x74\x6F\x6E","\x63\x6F\x6D\x62\x6F\x5F\x61\x6E\x69\x6D\x61\x74\x69\x6F\x6E","\x2E\x63\x6F\x6D\x62\x6F\x5F\x61\x6E\x69\x6D\x61\x74\x69\x6F\x6E","\x25\x63\x20\x43\x75\x72\x72\x65\x6E\x74\x20\x63\x6F\x6D\x62\x6F\x3A\x20","\x68\x65\x69\x67\x68\x74\x3A\x32\x30\x70\x78\x3B\x62\x61\x63\x6B\x67\x72\x6F\x75\x6E\x64\x3A\x20\x62\x72\x6F\x77\x6E\x3B\x20\x63\x6F\x6C\x6F\x72\x3A\x20\x77\x68\x69\x74\x65\x3B\x20\x64\x69\x73\x70\x6C\x61\x79\x3A\x20\x62\x6C\x6F\x63\x6B\x3B","\x2E\x63\x6F\x6D\x62\x6F\x5F\x74\x65\x78\x74\x20\x69\x6D\x67","\x2E\x63\x5F\x31","\x2E\x63\x5F\x32","\x2E\x63\x5F\x33","\x2E\x63\x5F\x34","\x68\x61\x73\x43\x6C\x61\x73\x73","\x6E\x6F\x64\x65\x68\x69\x74","\x63\x6C\x65\x61\x72","\x70\x75\x6C\x73\x65","\x70\x61\x72\x65\x6E\x74","\x2E\x6E\x6F\x64\x65\x5F\x77\x72\x61\x70\x70\x65\x72","\x25\x63\x20\x42\x6F\x6E\x75\x73\x20\x68\x69\x74\x73\x3A\x20","\x68\x65\x69\x67\x68\x74\x3A\x32\x30\x70\x78\x3B\x62\x61\x63\x6B\x67\x72\x6F\x75\x6E\x64\x3A\x20\x67\x72\x65\x65\x6E\x3B\x20\x63\x6F\x6C\x6F\x72\x3A\x20\x77\x68\x69\x74\x65\x3B\x20\x64\x69\x73\x70\x6C\x61\x79\x3A\x20\x62\x6C\x6F\x63\x6B\x3B","\x25\x63\x20\x54\x6F\x74\x61\x6C\x20\x62\x6F\x6E\x75\x73\x20\x68\x69\x74\x73\x3A\x20","\x68\x65\x69\x67\x68\x74\x3A\x32\x30\x70\x78\x3B\x62\x61\x63\x6B\x67\x72\x6F\x75\x6E\x64\x3A\x20\x70\x69\x6E\x6B\x3B\x20\x63\x6F\x6C\x6F\x72\x3A\x20\x77\x68\x69\x74\x65\x3B\x20\x64\x69\x73\x70\x6C\x61\x79\x3A\x20\x62\x6C\x6F\x63\x6B\x3B","\x2E\x67\x61\x6D\x65\x5F\x69\x6E\x6E\x65\x72\x5F\x5F\x6E\x6F\x64\x65\x2D\x2D\x68\x69\x74\x62\x6F\x78","\x73\x63\x61\x6C\x65\x28\x31\x29\x20\x74\x72\x61\x6E\x73\x6C\x61\x74\x65\x59\x28\x2D\x35\x30\x25\x29","\x73\x70\x69\x6E","\x2E\x63\x6F\x75\x6E\x74\x64\x6F\x77\x6E\x20\x69\x6D\x67","\x32","\x2E\x63\x6F\x75\x6E\x74\x64\x6F\x77\x6E\x20\x64\x69\x76","\x47\x4F\x21","\x70\x6F\x70","\x2E\x73\x74\x5F\x6E\x6F\x64\x65\x73\x20\x2E\x74\x6F\x74\x61\x6C","\x2E\x73\x74\x5F\x70\x6F\x77\x65\x72\x75\x70\x73\x20\x2E\x74\x6F\x74\x61\x6C","\x2E\x73\x74\x5F\x74\x69\x6D\x65\x72\x65\x6D\x61\x69\x6E\x69\x6E\x67\x20\x2E\x74\x6F\x74\x61\x6C","\x2E\x73\x74\x5F\x72\x65\x61\x63\x74\x69\x6F\x6E\x62\x61\x72\x20\x2E\x73\x74\x61\x74","\x2E\x73\x74\x5F\x67\x61\x6D\x65\x70\x6F\x69\x6E\x74\x73\x20\x2E\x73\x74\x61\x74","\x2E\x73\x74\x5F\x6E\x6F\x64\x65\x73\x20\x2E\x73\x74\x61\x74","\x2E\x73\x74\x5F\x70\x6F\x77\x65\x72\x75\x70\x73\x20\x2E\x73\x74\x61\x74","\x73","\x2E\x73\x74\x5F\x74\x69\x6D\x65\x72\x65\x6D\x61\x69\x6E\x69\x6E\x67\x20\x2E\x73\x74\x61\x74","\x2E\x73\x74\x5F\x72\x65\x61\x63\x74\x69\x6F\x6E\x62\x61\x72\x20\x2E\x74\x6F\x74\x61\x6C","\x2E\x73\x6C\x69\x64\x65\x5F\x31","\x2E\x73\x6C\x69\x64\x65\x5F\x32","\x2E\x73\x6C\x69\x64\x65\x5F\x33","\x2E\x73\x6C\x69\x64\x65\x5F\x32\x20\x70","\x74\x75\x74\x5F\x61\x6E\x69\x6D","\x2E\x74\x39","\x2E\x73\x6C\x69\x64\x65\x5F\x33\x20\x70","\x2E\x74\x31\x30","\x2E\x74\x75\x74\x6F\x72\x69\x61\x6C\x5F\x69\x6E\x6E\x65\x72\x5F\x5F\x62\x75\x74\x74\x6F\x6E","\x2E\x74\x31","\x2E\x73\x6C\x69\x64\x65\x5F\x31\x20\x70","\x2E\x6D\x61\x69\x6E\x5F\x73\x76\x67\x2C\x2E\x6D\x61\x69\x6E\x5F\x6D\x65\x6E\x75\x20\x68\x31\x2C\x2E\x70\x6C\x61\x79","\x73\x70\x69\x6E\x6F\x75\x74","\x2E\x61","\x2D\x31\x30\x30\x25","\x2E\x72\x65\x61\x63\x74\x69\x6F\x6E","\x2E\x67\x61\x6D\x65\x5F\x67\x6C\x6F\x62\x61\x6C\x74\x69\x6D\x65\x72\x20\x2E\x68\x69\x74\x73","\x25\x63\x20\x4E\x6F\x64\x65\x20\x68\x69\x74\x73\x20\x74\x68\x69\x73\x20\x6C\x65\x76\x65\x6C\x3A\x20","\x68\x65\x69\x67\x68\x74\x3A\x32\x30\x70\x78\x3B\x62\x61\x63\x6B\x67\x72\x6F\x75\x6E\x64\x3A\x20\x72\x65\x64\x3B\x20\x63\x6F\x6C\x6F\x72\x3A\x20\x77\x68\x69\x74\x65\x3B\x20\x64\x69\x73\x70\x6C\x61\x79\x3A\x20\x62\x6C\x6F\x63\x6B\x3B","\x25\x63\x20\x4E\x6F\x64\x65\x20\x68\x69\x74\x73\x20\x74\x68\x69\x73\x20\x67\x61\x6D\x65\x3A\x20","\x68\x65\x69\x67\x68\x74\x3A\x32\x30\x70\x78\x3B\x62\x61\x63\x6B\x67\x72\x6F\x75\x6E\x64\x3A\x20\x62\x6C\x75\x65\x3B\x20\x63\x6F\x6C\x6F\x72\x3A\x20\x77\x68\x69\x74\x65\x3B\x20\x64\x69\x73\x70\x6C\x61\x79\x3A\x20\x62\x6C\x6F\x63\x6B\x3B","\x2E\x67\x61\x6D\x65\x5F\x69\x6E\x6E\x65\x72","\x2E\x73\x75\x6D\x6D\x61\x72\x79\x5F\x69\x6E\x6E\x65\x72","\x2E\x67\x61\x6D\x65\x6F\x76\x65\x72\x5F\x69\x6E\x6E\x65\x72\x2C\x2E\x6D\x61\x69\x6E\x5F\x6D\x65\x6E\x75\x5F\x5F\x69\x6E\x6E\x65\x72\x2C\x2E\x74\x75\x74\x6F\x72\x69\x61\x6C\x5F\x69\x6E\x6E\x65\x72","\x6D\x6F\x75\x73\x65\x6D\x6F\x76\x65","\x69\x6E\x6E\x65\x72\x57\x69\x64\x74\x68","\x70\x61\x67\x65\x58","\x69\x6E\x6E\x65\x72\x48\x65\x69\x67\x68\x74","\x70\x61\x67\x65\x59","\x73\x74\x79\x6C\x65","\x74\x72\x61\x6E\x73\x66\x6F\x72\x6D\x3A\x20\x72\x6F\x74\x61\x74\x65\x59\x28","\x64\x65\x67\x29\x20\x72\x6F\x74\x61\x74\x65\x58\x28","\x64\x65\x67\x29\x20\x73\x63\x61\x6C\x65\x28\x30\x2E\x39\x29\x20\x74\x72\x61\x6E\x73\x6C\x61\x74\x65\x59\x28\x2D\x33\x36\x25\x29","\x61\x74\x74\x72","\x64\x65\x67\x29\x20\x74\x72\x61\x6E\x73\x6C\x61\x74\x65\x59\x28\x2D\x35\x30\x25\x29","\x62","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x32\x64","\x67\x65\x74\x43\x6F\x6E\x74\x65\x78\x74","\x6F\x66\x66\x73\x65\x74\x48\x65\x69\x67\x68\x74","\x63\x6C\x65\x61\x72\x52\x65\x63\x74","\x73\x74\x72\x6F\x6B\x65\x53\x74\x79\x6C\x65","\x23\x46\x46\x43\x39\x42\x33","\x73\x68\x61\x64\x6F\x77\x43\x6F\x6C\x6F\x72","\x23\x45\x46\x39\x32\x35\x39","\x73\x68\x61\x64\x6F\x77\x42\x6C\x75\x72","\x62\x65\x67\x69\x6E\x50\x61\x74\x68","\x6C\x69\x6E\x65\x57\x69\x64\x74\x68","\x6C\x69\x6E\x65\x54\x6F","\x73\x74\x72\x6F\x6B\x65","\x43\x68\x65\x63\x6B\x20\x6F\x75\x74\x20\x74\x68\x69\x73\x20\x63\x6F\x6F\x6C\x20\x67\x61\x6D\x65\x20\x6F\x6E\x20\x40\x43\x6F\x64\x65\x70\x65\x6E\x20\x62\x79\x20\x40\x6A\x61\x6D\x69\x65\x63\x6F\x75\x6C\x74\x65\x72\x38\x39\x21\x20\x48\x6F\x77\x20\x66\x61\x72\x20\x63\x61\x6E\x20\x79\x6F\x75\x20\x67\x65\x74\x3F\x20\x23\x72\x65\x61\x63\x74\x69\x6F\x6E\x67\x61\x6D\x65\x20","\x68\x74\x74\x70\x3A\x2F\x2F\x63\x6F\x64\x65\x70\x65\x6E\x2E\x69\x6F\x2F\x6A\x63\x6F\x75\x6C\x74\x65\x72\x64\x65\x73\x69\x67\x6E\x2F\x66\x75\x6C\x6C\x2F\x31\x32\x39\x66\x62\x38\x65\x30\x65\x33\x30\x34\x64\x38\x36\x35\x32\x38\x62\x65\x38\x31\x63\x62\x63\x65\x33\x35\x62\x33\x34\x65\x2F","\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x66\x61\x63\x65\x62\x6F\x6F\x6B\x2E\x63\x6F\x6D\x2F\x73\x68\x61\x72\x65\x72\x2E\x70\x68\x70\x3F\x73\x3D\x31\x30\x30\x26\x70\x5B\x74\x69\x74\x6C\x65\x5D\x3D","\x26\x70\x5B\x73\x75\x6D\x6D\x61\x72\x79\x5D\x3D","\x26\x70\x5B\x75\x72\x6C\x5D\x3D","\x26\x70\x5B\x69\x6D\x61\x67\x65\x73\x5D\x5B\x30\x5D\x3D","\x73\x68\x61\x72\x65\x72","\x74\x6F\x70\x3D","\x2C\x6C\x65\x66\x74\x3D","\x2C\x74\x6F\x6F\x6C\x62\x61\x72\x3D\x30\x2C\x73\x74\x61\x74\x75\x73\x3D\x30\x2C\x77\x69\x64\x74\x68\x3D","\x2C\x68\x65\x69\x67\x68\x74\x3D","\x6F\x70\x65\x6E","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x74\x77\x69\x74\x74\x65\x72\x2E\x63\x6F\x6D\x2F\x69\x6E\x74\x65\x6E\x74\x2F\x74\x77\x65\x65\x74\x3F\x74\x65\x78\x74\x3D","\x52\x65\x61\x63\x74\x69\x6F\x6E\x20\x47\x61\x6D\x65","\x2E\x66\x6F\x6F\x74\x65\x72\x5F\x66\x61\x63\x65\x62\x6F\x6F\x6B\x20\x61","\x2E\x66\x6F\x6F\x74\x65\x72\x5F\x74\x77\x69\x74\x74\x65\x72\x20\x61","\x2E\x67\x6F\x5F\x73\x68\x61\x72\x65\x5F\x5F\x74\x77\x69\x74\x74\x65\x72","\x2E\x73\x75\x6D\x5F\x73\x68\x61\x72\x65\x5F\x5F\x74\x77\x69\x74\x74\x65\x72","\x24\x31","\x2C","\x24\x32","\x72\x65\x70\x6C\x61\x63\x65","\x74\x65\x73\x74"];dev=true;def_grid_size=320;gameon=0;node_count=8;def_game_time=20;game_time=def_game_time;countdown_time=2350;def_node_decay=180;node_wait=0;node_delay=200;node_decay_per_level=3;audio=true;bg_audio=true;menuison=true;multiplier=1;score=0;total_score=0;total_nodes=0;hit_node_count=0;total_hit_node_count=0;levelpoints=0;gamepoints=0;shrink_probability=10;time_add_probability=18;combofull_probability=28;time_add_amount=2;bonus_shrink_active=0;shrink_duration=3500;shrink_amount=270;bonus_count=0;total_bonus_count=0;level=1;rp_needed=800;combo=0;penurl=_0x88d4[0];$(window)[_0x88d4[5]](function(){setTimeout(function(){$(_0x88d4[2])[_0x88d4[1]]()},1000);$(_0x88d4[4])[_0x88d4[3]]()});$(_0x88d4[2])[_0x88d4[10]](function(){$(_0x88d4[2])[_0x88d4[6]]();setTimeout(function(){if(bg_audio==true){play_sound(bg)};$(_0x88d4[9])[_0x88d4[8]](_0x88d4[7]);if(menuison){play_sound(type);setTimeout(function(){play_sound(introcircle2)},1000);setTimeout(function(){play_sound(introcircle)},2200);setTimeout(function(){play_sound(boom2)},5400);setTimeout(function(){play_sound(boom1)},5600)}},2000)});var missed_node= new Audio(_0x88d4[11]);var hit_node= new Audio(_0x88d4[12]);var hit_node_o= new Audio(_0x88d4[12]);var bonus_hit= new Audio(_0x88d4[13]);var resize_sound= new Audio(_0x88d4[14]);var resize_close_sound= new Audio(_0x88d4[15]);var level_completed_two= new Audio(_0x88d4[16]);var combo_hit= new Audio(_0x88d4[17]);var level_completed= new Audio(_0x88d4[18]);var bg= new Audio(_0x88d4[19]);var init= new Audio(_0x88d4[20]);var warning= new Audio(_0x88d4[21]);var warning_o= new Audio(_0x88d4[21]);var warning_oo= new Audio(_0x88d4[21]);var gameover= new Audio(_0x88d4[22]);var introcircle= new Audio(_0x88d4[23]);var introcircle2= new Audio(_0x88d4[24]);var boom1= new Audio(_0x88d4[25]);var boom2= new Audio(_0x88d4[26]);var boom3= new Audio(_0x88d4[27]);var menuclick= new Audio(_0x88d4[28]);var menuclick_o= new Audio(_0x88d4[28]);var timepower= new Audio(_0x88d4[29]);var type= new Audio(_0x88d4[30]);var comboup= new Audio(_0x88d4[31]);boom1[_0x88d4[32]]=0.7;menuclick[_0x88d4[32]]=0.5;gameover[_0x88d4[32]]=0.98;warning[_0x88d4[32]]=0.33;warning_o[_0x88d4[32]]=0.33;init[_0x88d4[32]]=0.73;combo_hit[_0x88d4[32]]=0.33;resize_sound[_0x88d4[32]]=0.33;resize_close_sound[_0x88d4[32]]=0.33;level_completed_two[_0x88d4[32]]=0.53;level_completed[_0x88d4[32]]=0.58;missed_node[_0x88d4[32]]=0.33;hit_node[_0x88d4[32]]=0.33;hit_node_o[_0x88d4[32]]=0.33;bonus_hit[_0x88d4[32]]=0.33;bg[_0x88d4[32]]=0.32;bg[_0x88d4[33]]=true;introcircle[_0x88d4[32]]=0.73;comboup[_0x88d4[32]]=0.45;introcircle2[_0x88d4[32]]=0.33;var hit_node_playing=0;var klaxon_playing=0;var menuclick_playing=0;function play_sound(_0x122bx1e){if(audio){_0x122bx1e[_0x88d4[34]]()}}split=function(_0x122bx1f){words=$(_0x122bx1f)[_0x88d4[37]]()[_0x88d4[36]](_0x88d4[35]);for(i in words){words[i]=_0x88d4[38]+words[i]+_0x88d4[39]};text=words[_0x88d4[40]](_0x88d4[35]);$(_0x122bx1f)[_0x88d4[41]](text)};function textify(_0x122bx1f,_0x122bx21,_0x122bx22){split(_0x122bx1f);$(_0x122bx1f+_0x88d4[45])[_0x88d4[44]](_0x88d4[42],_0x88d4[43]);$(_0x122bx1f+_0x88d4[45])[_0x88d4[44]](_0x88d4[46],_0x88d4[47]);in_speed=5;count=0;setTimeout(function(){count=0;$(_0x122bx1f+_0x88d4[45])[_0x88d4[56]](function(){if(_0x122bx21==_0x88d4[48]){$(this)[_0x88d4[51]](0+in_speed*count)[_0x88d4[50]]({opacity:_0x88d4[49]},200)}else {if(_0x122bx21==_0x88d4[52]){$(this)[_0x88d4[51]](0+in_speed*count)[_0x88d4[50]]({opacity:_0x88d4[49],"\x74\x6F\x70":_0x88d4[53]},220,_0x88d4[54]);$(this)[_0x88d4[51]](0+in_speed*count/4)[_0x88d4[50]]({opacity:_0x88d4[49],"\x74\x6F\x70":_0x88d4[55]},220)}};count++})},_0x122bx22)}function mute_sound_effects(){if(audio==true){$(_0x88d4[60])[_0x88d4[59]](_0x88d4[57])[_0x88d4[58]]()[_0x88d4[8]](_0x88d4[57]);audio=false}else {$(_0x88d4[60])[_0x88d4[59]](_0x88d4[57])[_0x88d4[61]]()[_0x88d4[8]](_0x88d4[57]);audio=true}}$(_0x88d4[62])[_0x88d4[10]](function(){mute_sound_effects()});function mute_song(){if(bg_audio==true){$(_0x88d4[64])[_0x88d4[59]](_0x88d4[63])[_0x88d4[61]]()[_0x88d4[8]](_0x88d4[63]);bg[_0x88d4[65]]();bg_audio=false}else {$(_0x88d4[64])[_0x88d4[59]](_0x88d4[63])[_0x88d4[58]]()[_0x88d4[8]](_0x88d4[63]);bg_audio=true;bg[_0x88d4[34]]()}}$(_0x88d4[66])[_0x88d4[10]](function(){mute_song()});function resize_grid(_0x122bx26){$(_0x88d4[69])[_0x88d4[44]](_0x88d4[67],_0x122bx26+_0x88d4[68]);$(_0x88d4[69])[_0x88d4[44]](_0x88d4[70],_0x122bx26+_0x88d4[68])}function clear_board(){$(_0x88d4[72])[_0x88d4[59]](_0x88d4[71]);$(_0x88d4[74])[_0x88d4[59]](_0x88d4[73]);$(_0x88d4[76])[_0x88d4[59]](_0x88d4[75]);$(_0x88d4[78])[_0x88d4[59]](_0x88d4[77]);$(_0x88d4[80])[_0x88d4[59]](_0x88d4[79]);$(_0x88d4[82])[_0x88d4[59]](_0x88d4[81])}function countup(_0x122bx29,_0x122bx2a){var _0x122bx2b=0;var _0x122bx2c=setInterval(function(){_0x122bx2b=_0x122bx2b+Math[_0x88d4[83]](_0x122bx2a/100);realnumber_c=commaSeparateNumber(_0x122bx2b);$(_0x122bx29)[_0x88d4[41]](realnumber_c);if(_0x122bx2b>=_0x122bx2a){$(_0x122bx29)[_0x88d4[41]](commaSeparateNumber(_0x122bx2a));clearInterval(_0x122bx2c)}},5)}function start_timer(){game_timer=setInterval(function(){if(gameon==1){if(game_time>1){game_time--;$(_0x88d4[84])[_0x88d4[41]](game_time)}else {game_time=0;$(_0x88d4[84])[_0x88d4[41]](game_time);level_failed()};if(game_time<6&&game_time!=0){$(_0x88d4[86])[_0x88d4[85]](200);if(hit_node_playing==0){play_sound(warning);klaxon_playing=1}else {if(hit_node_playing==1){play_sound(warning_o);klaxon_playing=2}else {play_sound(warning_oo);klaxon_playing=0}};setTimeout(function(){$(_0x88d4[86])[_0x88d4[3]](200)},200)}}},1000)}function time_bonus(){game_time=game_time+time_add_amount+1;setTimeout(function(){$(_0x88d4[89])[_0x88d4[44]](_0x88d4[87],_0x88d4[88])},0);setTimeout(function(){$(_0x88d4[89])[_0x88d4[44]](_0x88d4[87],_0x88d4[90])},75);setTimeout(function(){$(_0x88d4[89])[_0x88d4[44]](_0x88d4[87],_0x88d4[88])},150);setTimeout(function(){$(_0x88d4[89])[_0x88d4[44]](_0x88d4[87],_0x88d4[90])},220);setTimeout(function(){$(_0x88d4[89])[_0x88d4[44]](_0x88d4[87],_0x88d4[88])},300);setTimeout(function(){$(_0x88d4[89])[_0x88d4[44]](_0x88d4[87],_0x88d4[90])},375)}function combo_bonus(){multiplier=3;combo=10;$(_0x88d4[91])[_0x88d4[41]](multiplier)}prev_node=0;function select_node(){var _0x122bx31=Math[_0x88d4[93]](Math[_0x88d4[92]]()*node_count)+1;var _0x122bx32=$(_0x88d4[94]+_0x122bx31+_0x88d4[95]);var _0x122bx33=Math[_0x88d4[93]](Math[_0x88d4[92]]()*shrink_probability)+1;var _0x122bx34=Math[_0x88d4[93]](Math[_0x88d4[92]]()*time_add_probability)+1;var _0x122bx35=Math[_0x88d4[93]](Math[_0x88d4[92]]()*combofull_probability)+1;if(_0x122bx33==1&&bonus_shrink_active==0){clear_board();_0x122bx32[_0x88d4[8]](_0x88d4[77])}else {if(_0x122bx34==1){clear_board();_0x122bx32[_0x88d4[8]](_0x88d4[79])}else {if(_0x122bx35==1){clear_board();_0x122bx32[_0x88d4[8]](_0x88d4[81])}else {clear_board();_0x122bx32[_0x88d4[8]](_0x88d4[73])}}}}function init_game(){countdown();hit_node_count=0;setTimeout(function(){$(_0x88d4[69])[_0x88d4[44]](_0x88d4[96],_0x88d4[97]);$(_0x88d4[69])[_0x88d4[44]](_0x88d4[42],_0x88d4[49]);reset_level();$(_0x88d4[89])[_0x88d4[41]](game_time);$(_0x88d4[99])[_0x88d4[41]](_0x88d4[98]+level+_0x88d4[38]);rp_needed=rp_needed+200;$(_0x88d4[100])[_0x88d4[41]](rp_needed);$(_0x88d4[101])[_0x88d4[44]](_0x88d4[42],_0x88d4[43]);$(_0x88d4[102])[_0x88d4[3]](200);setTimeout(function(){next_node();$(_0x88d4[104])[_0x88d4[41]](_0x88d4[103])},500);start_timer();gameon=1},countdown_time)}decay=_0x88d4[43];function next_node(){if(gameon=1){select_node();$(_0x88d4[105])[_0x88d4[8]](_0x88d4[71]);total_nodes++;$(_0x88d4[106])[_0x88d4[41]](total_nodes);node_decay=def_node_decay;clearTimeout(decay);decay=setInterval(function(){node_decay=node_decay-1;$(_0x88d4[107])[_0x88d4[41]](node_decay);if(node_decay<0){node_wait=0;clearInterval(decay);clear_board();$(_0x88d4[108])[_0x88d4[85]](200);play_sound(missed_node);combo=0;multiplier=1;$(_0x88d4[91])[_0x88d4[41]](multiplier);setTimeout(function(){$(_0x88d4[108])[_0x88d4[3]](200)},50);next_node()}},1)}}reaction_arrow=0;function add_score(){if(reaction_arrow<parseInt($(_0x88d4[107])[_0x88d4[41]]())){console[_0x88d4[111]](_0x88d4[109]+reaction_arrow+_0x88d4[110]+parseInt($(_0x88d4[107])[_0x88d4[41]]()));reaction_arrow=parseInt($(_0x88d4[107])[_0x88d4[41]]());$(_0x88d4[112])[_0x88d4[6]]();$(_0x88d4[113])[_0x88d4[1]]()}else {console[_0x88d4[111]](_0x88d4[114]+reaction_arrow+_0x88d4[110]+parseInt($(_0x88d4[107])[_0x88d4[41]]()));reaction_arrow=parseInt($(_0x88d4[107])[_0x88d4[41]]());$(_0x88d4[112])[_0x88d4[1]]();$(_0x88d4[113])[_0x88d4[6]]()};reaction=multiplier*(parseInt($(_0x88d4[107])[_0x88d4[41]]()));total_score=parseInt(total_score)+parseInt(reaction);reaction_bar=rp_needed-total_score;$(_0x88d4[115])[_0x88d4[41]](total_score);$(_0x88d4[117])[_0x88d4[44]](_0x88d4[70],100-Math[_0x88d4[83]]((reaction_bar/rp_needed*100))+_0x88d4[116]);$(_0x88d4[119])[_0x88d4[44]](_0x88d4[118],100-Math[_0x88d4[83]]((reaction_bar/rp_needed*100))+_0x88d4[116]);if(reaction_bar/rp_needed*100<=0){level_complete()}}function level_complete(){level_stats();levelCompleteShareText=_0x88d4[120]+level+_0x88d4[121]+penurl;def_grid_size++;def_node_decay=def_node_decay-node_decay_per_level;resize_grid(def_grid_size);multiplier=1;combo=0;$(_0x88d4[91])[_0x88d4[41]](multiplier);$(_0x88d4[115])[_0x88d4[41]](rp_needed);$(_0x88d4[117])[_0x88d4[44]](_0x88d4[70],100+_0x88d4[116]);$(_0x88d4[119])[_0x88d4[44]](_0x88d4[118],100+_0x88d4[116]);clear_board();$(_0x88d4[122])[_0x88d4[8]](_0x88d4[75]);clearInterval(game_timer);game_time=def_game_time;gameon=0;level++;play_sound(level_completed);play_sound(level_completed_two);setTimeout(function(){show_summary()},600)}$(_0x88d4[123])[_0x88d4[10]](function(){hide_summary();setTimeout(function(){init_game()},500)});function show_summary(){$(_0x88d4[102])[_0x88d4[85]](200);setTimeout(function(){$(_0x88d4[125])[_0x88d4[44]](_0x88d4[96],_0x88d4[124])},240)}function hide_summary(){$(_0x88d4[125])[_0x88d4[44]](_0x88d4[96],_0x88d4[126])}function reset_level(){node_wait=0;multiplier=1;score=0;total_nodes=0;total_score=0;reaction_bar=0;$(_0x88d4[115])[_0x88d4[41]](0);$(_0x88d4[127])[_0x88d4[41]](0);$(_0x88d4[128])[_0x88d4[41]](0);$(_0x88d4[117])[_0x88d4[44]](_0x88d4[70],_0x88d4[129]);$(_0x88d4[119])[_0x88d4[44]](_0x88d4[118],_0x88d4[129])}function level_failed(){play_sound(gameover);clearInterval(game_timer);clear_board();setTimeout(function(){show_gameover()},800);reset_level();$(_0x88d4[122])[_0x88d4[8]](_0x88d4[130]);clearInterval(game_timer);clearInterval(decay);gameon=0;clearInterval(game_timer)}function show_gameover(){$(_0x88d4[102])[_0x88d4[85]](200);set_gamover_stats();setTimeout(function(){$(_0x88d4[131])[_0x88d4[44]](_0x88d4[96],_0x88d4[124])},240)}function set_gamover_stats(){setTimeout(function(){countup(_0x88d4[132],parseInt(level));countup(_0x88d4[133],parseInt(total_hit_node_count));countup(_0x88d4[134],parseInt(bonus_count));countup(_0x88d4[135],parseInt(gamepoints));gameOverShareText=_0x88d4[136]+level+_0x88d4[137]+commaSeparateNumber(gamepoints)+_0x88d4[138]+penurl;play_sound(type)},600)}function hide_gameover(){$(_0x88d4[131])[_0x88d4[44]](_0x88d4[96],_0x88d4[126]);clearInterval(game_timer);game_time=def_game_time;$(_0x88d4[122])[_0x88d4[59]](_0x88d4[130])}$(_0x88d4[139])[_0x88d4[10]](function(){play_sound(boom1);close_tutorial()});function close_tutorial(){$(_0x88d4[140])[_0x88d4[44]](_0x88d4[96],_0x88d4[126]);init_game()}$(_0x88d4[141])[_0x88d4[10]](function(){hide_gameover();def_node_decay=180;def_grid_size=320;resize_grid(def_grid_size);reset_level();levelpoints=0;gamepoints=0;bonus_count=0;total_bonus_count=0;total_hit_node_count=0;rp_needed=800;level=1;init_game()});function show_combo_message(){play_sound(combo_hit);$(_0x88d4[91])[_0x88d4[41]](multiplier);el[_0x88d4[58]]()[_0x88d4[58]]()[_0x88d4[8]](_0x88d4[142]);setTimeout(function(){$(_0x88d4[143])[_0x88d4[59]](_0x88d4[142])},1000)}function shrink_bonus(){resize_grid(shrink_amount);bonus_shrink_active=1;b_res=setTimeout(function(){resize_grid(def_grid_size);play_sound(resize_close_sound);bonus_shrink_active=0},shrink_duration)}function check_combos(){combo=combo+1;if(dev){console[_0x88d4[111]](_0x88d4[144]+combo,_0x88d4[145])};if(combo==3){$(_0x88d4[146])[_0x88d4[6]]();$(_0x88d4[147])[_0x88d4[1]]();multiplier=1.5;show_combo_message()}else {if(combo==7){$(_0x88d4[146])[_0x88d4[6]]();$(_0x88d4[148])[_0x88d4[1]]();multiplier=2;show_combo_message()}else {if(combo==13){$(_0x88d4[146])[_0x88d4[6]]();$(_0x88d4[149])[_0x88d4[1]]();multiplier=2.5;show_combo_message()}else {if(combo==20){$(_0x88d4[146])[_0x88d4[6]]();$(_0x88d4[150])[_0x88d4[1]]();multiplier=3;show_combo_message()}}}}}$(_0x88d4[161])[_0x88d4[10]](function(){el=$(this);if($(this)[_0x88d4[58]]()[_0x88d4[151]](_0x88d4[73])||$(this)[_0x88d4[58]]()[_0x88d4[151]](_0x88d4[77])||$(this)[_0x88d4[58]]()[_0x88d4[151]](_0x88d4[79])||$(this)[_0x88d4[58]]()[_0x88d4[151]](_0x88d4[81])){console[_0x88d4[111]](_0x88d4[152]);if(node_wait==0){if(dev){console[_0x88d4[153]]()};if(hit_node_playing==0){play_sound(hit_node);hit_node_playing=1}else {play_sound(hit_node_o);hit_node_playing=0};node_wait=1;$(this)[_0x88d4[58]]()[_0x88d4[8]](_0x88d4[75]);$(this)[_0x88d4[155]]()[_0x88d4[8]](_0x88d4[154]);setTimeout(function(){$(_0x88d4[156])[_0x88d4[59]](_0x88d4[154])},300);check_combos();if(el[_0x88d4[58]]()[_0x88d4[151]](_0x88d4[77])){play_sound(resize_sound);shrink_bonus();bonus_count++;total_bonus_count++};if(el[_0x88d4[58]]()[_0x88d4[151]](_0x88d4[79])){play_sound(timepower);time_bonus();bonus_count++;total_bonus_count++};if(el[_0x88d4[58]]()[_0x88d4[151]](_0x88d4[81])){play_sound(comboup);combo_bonus();bonus_count++;total_bonus_count++};$(_0x88d4[72])[_0x88d4[59]](_0x88d4[71]);clearInterval(decay);add_hit();add_score();if(gameon==1){setTimeout(function(){node_wait=0;next_node()},node_delay)};if(dev){console[_0x88d4[111]](_0x88d4[157]+bonus_count,_0x88d4[158]);console[_0x88d4[111]](_0x88d4[159]+total_bonus_count,_0x88d4[160])}}}});function countdown(){$(_0x88d4[102])[_0x88d4[85]](200);play_sound(init);setTimeout(function(){$(_0x88d4[101])[_0x88d4[44]](_0x88d4[96],_0x88d4[162]);$(_0x88d4[101])[_0x88d4[44]](_0x88d4[42],_0x88d4[49]);$(_0x88d4[164])[_0x88d4[8]](_0x88d4[163]);play_sound(hit_node)},400);setTimeout(function(){$(_0x88d4[166])[_0x88d4[41]](_0x88d4[165]);play_sound(hit_node)},1000);setTimeout(function(){$(_0x88d4[166])[_0x88d4[41]](_0x88d4[49]);play_sound(hit_node)},1600);setTimeout(function(){play_sound(bonus_hit);$(_0x88d4[166])[_0x88d4[41]](_0x88d4[167]);$(_0x88d4[164])[_0x88d4[59]](_0x88d4[163]);$(_0x88d4[164])[_0x88d4[8]](_0x88d4[168])},2200);setTimeout(function(){$(_0x88d4[164])[_0x88d4[59]](_0x88d4[168])},3000)}function level_stats(){$(_0x88d4[169])[_0x88d4[41]](0);$(_0x88d4[170])[_0x88d4[41]](0);$(_0x88d4[171])[_0x88d4[41]](0);$(_0x88d4[172])[_0x88d4[41]](0);$(_0x88d4[173])[_0x88d4[41]](0);$(_0x88d4[172])[_0x88d4[41]](parseInt($(_0x88d4[100])[_0x88d4[41]]()));$(_0x88d4[174])[_0x88d4[41]](hit_node_count);$(_0x88d4[175])[_0x88d4[41]](bonus_count);$(_0x88d4[177])[_0x88d4[41]]($(_0x88d4[89])[_0x88d4[41]]()+_0x88d4[176]);levelpoints=(hit_node_count*100)+(total_bonus_count*100)+(parseInt($(_0x88d4[89])[_0x88d4[41]]())*100)+parseInt($(_0x88d4[100])[_0x88d4[41]]());gamepoints=gamepoints+levelpoints;setTimeout(function(){play_sound(type);countup(_0x88d4[169],parseInt(hit_node_count)*100);countup(_0x88d4[170],parseInt(bonus_count)*100);countup(_0x88d4[171],parseInt($(_0x88d4[89])[_0x88d4[41]]())*100);countup(_0x88d4[178],parseInt($(_0x88d4[100])[_0x88d4[41]]()));countup(_0x88d4[173],gamepoints)},1200)}menuover=0;position=0;$(_0x88d4[187])[_0x88d4[10]](function(){position++;if(menuclick_playing==0){menuclick_playing=1;play_sound(menuclick)}else {play_sound(menuclick_o);menuclick_playing=0};$(_0x88d4[179])[_0x88d4[44]](_0x88d4[118],-position*570+_0x88d4[68]);$(_0x88d4[180])[_0x88d4[44]](_0x88d4[118],-position*570+570+_0x88d4[68]);$(_0x88d4[181])[_0x88d4[44]](_0x88d4[118],-position*570+1140+_0x88d4[68]);if(position==1){textify(_0x88d4[182],_0x88d4[48],500);$(_0x88d4[184])[_0x88d4[8]](_0x88d4[183]);setTimeout(function(){play_sound(type)},500)};if(position==2){textify(_0x88d4[185],_0x88d4[48],500);$(_0x88d4[186])[_0x88d4[8]](_0x88d4[183]);setTimeout(function(){play_sound(type)},500)}});setTimeout(function(){menuover=1},8000);function show_tutorial(){setTimeout(function(){play_sound(type)},500);$(_0x88d4[188])[_0x88d4[8]](_0x88d4[183]);$(_0x88d4[102])[_0x88d4[85]](200);$(_0x88d4[140])[_0x88d4[44]](_0x88d4[96],_0x88d4[124]);textify(_0x88d4[189],_0x88d4[48],500)}$(_0x88d4[9])[_0x88d4[10]](function(){if(menuover==1){play_sound(boom3);$(_0x88d4[190])[_0x88d4[3]]();$(_0x88d4[192])[_0x88d4[8]](_0x88d4[191]);setTimeout(function(){show_tutorial();$(_0x88d4[9])[_0x88d4[44]](_0x88d4[118],_0x88d4[193]);$(_0x88d4[194])[_0x88d4[44]](_0x88d4[118],_0x88d4[129])},1000)}});function add_hit(){hit_node_count++;total_hit_node_count++;$(_0x88d4[195])[_0x88d4[41]](hit_node_count);if(dev){console[_0x88d4[111]](_0x88d4[196]+hit_node_count,_0x88d4[197]);console[_0x88d4[111]](_0x88d4[198]+total_hit_node_count,_0x88d4[199])}}var subtleness=80;var piece=$(_0x88d4[200]);var summary_el=$(_0x88d4[201]);var gameover_el=$(_0x88d4[202]);$(document)[_0x88d4[71]](_0x88d4[203],function(_0x122bx4d){var _0x122bx4e=-($(window)[_0x88d4[204]]()/2-_0x122bx4d[_0x88d4[205]])/subtleness+0;var _0x122bx4f=($(window)[_0x88d4[206]]()/2-_0x122bx4d[_0x88d4[207]])/subtleness+50;var _0x122bx50=-($(window)[_0x88d4[204]]()/2-_0x122bx4d[_0x88d4[205]])/subtleness+0;var _0x122bx51=($(window)[_0x88d4[206]]()/2-_0x122bx4d[_0x88d4[207]])/subtleness+0;var _0x122bx52=-($(window)[_0x88d4[204]]()/2-_0x122bx4d[_0x88d4[205]])/subtleness+0;var _0x122bx53=($(window)[_0x88d4[206]]()/2-_0x122bx4d[_0x88d4[207]])/subtleness+0;piece[_0x88d4[212]](_0x88d4[208],_0x88d4[209]+_0x122bx4e+_0x88d4[210]+_0x122bx4f+_0x88d4[211]);summary_el[_0x88d4[212]](_0x88d4[208],_0x88d4[209]+_0x122bx50+_0x88d4[210]+_0x122bx51+_0x88d4[213]);gameover_el[_0x88d4[212]](_0x88d4[208],_0x88d4[209]+_0x122bx52+_0x88d4[210]+_0x122bx53+_0x88d4[213])});var canvas=document[_0x88d4[215]](_0x88d4[214]);var ctx=canvas[_0x88d4[217]](_0x88d4[216]);var cHeight=canvas[_0x88d4[218]];var boltHeight=12;function drawLightning(){ctx[_0x88d4[219]](0,0,1000,1000);ctx[_0x88d4[220]]=_0x88d4[221];ctx[_0x88d4[222]]=_0x88d4[223];ctx[_0x88d4[224]]=30;ctx[_0x88d4[225]]();ctx[_0x88d4[226]]=3;ctx[_0x88d4[227]](0,150);for(i=0;i<Math[_0x88d4[83]]($(_0x88d4[117])[_0x88d4[70]]()/10);i++){ctx[_0x88d4[227]](5+(i*10),cHeight/2-(rand(boltHeight)-boltHeight/2));if(i==Math[_0x88d4[83]]($(_0x88d4[117])[_0x88d4[70]]()/10)-1){ctx[_0x88d4[227]](10+(i*10),150)}};ctx[_0x88d4[228]]();ctx[_0x88d4[225]]();ctx[_0x88d4[226]]=1;ctx[_0x88d4[227]](0,150);for(i=0;i<Math[_0x88d4[83]]($(_0x88d4[117])[_0x88d4[70]]()/10);i++){ctx[_0x88d4[227]](5+(i*10),cHeight/2-(rand(boltHeight)-boltHeight/2));if(i==Math[_0x88d4[83]]($(_0x88d4[117])[_0x88d4[70]]()/10)-1){ctx[_0x88d4[227]](10+(i*10),150)}};ctx[_0x88d4[228]]()}function rand(_0x122bx5a){return Math[_0x88d4[93]]((Math[_0x88d4[92]]()*_0x122bx5a)+1)}setInterval(function(){drawLightning()},20);var mainShareText=_0x88d4[229]+penurl;var shareUrl=_0x88d4[230];function fbShare(_0x122bx5e,_0x122bx5f,_0x122bx60,_0x122bx61,_0x122bx62,_0x122bx63){var _0x122bx64=100;var _0x122bx65=100;window[_0x88d4[240]](_0x88d4[231]+_0x122bx5f+_0x88d4[232]+_0x122bx60+_0x88d4[233]+_0x122bx5e+_0x88d4[234]+_0x122bx61,_0x88d4[235],_0x88d4[236]+_0x122bx64+_0x88d4[237]+_0x122bx65+_0x88d4[238]+_0x122bx62+_0x88d4[239]+_0x122bx63)}function twShare(_0x122bx5e,_0x122bx5f,_0x122bx62,_0x122bx63){var _0x122bx64=100;var _0x122bx65=100;window[_0x88d4[240]](_0x88d4[241]+_0x122bx5f,_0x88d4[235],_0x88d4[236]+_0x122bx64+_0x88d4[237]+_0x122bx65+_0x88d4[238]+_0x122bx62+_0x88d4[239]+_0x122bx63)}$(_0x88d4[243])[_0x88d4[10]](function(){fbShare(shareUrl,_0x88d4[242],shareText,_0x88d4[35],520,350)});$(_0x88d4[244])[_0x88d4[10]](function(){twShare(shareUrl,encodeURIComponent(mainShareText),520,350)});$(_0x88d4[245])[_0x88d4[10]](function(){twShare(shareUrl,encodeURIComponent(gameOverShareText),520,350)});$(_0x88d4[246])[_0x88d4[10]](function(){twShare(shareUrl,encodeURIComponent(levelCompleteShareText),520,350)});function commaSeparateNumber(_0x122bx68){while(/(\d+)(\d{3})/[_0x88d4[251]](_0x122bx68.toString())){_0x122bx68=_0x122bx68.toString()[_0x88d4[250]](/(\d+)(\d{3})/,_0x88d4[247]+_0x88d4[248]+_0x88d4[249])};return _0x122bx68}

$('.audiofixer').click(function(){
enterFullscreen(document.documentElement)
});

var enterFullscreen = function(el) {
	if(el.requestFullscreen) {
		el.requestFullscreen();
	} else if(el.msRequestFullscreen) {
		el.msRequestFullscreen();
	} else if(el.mozRequestFullScreen) {
		el.mozRequestFullScreen();
	} else if(el.webkitRequestFullscreen) {
		el.webkitRequestFullscreen();
	} else {
		noFullscreenSupport();
	}
};
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console