@font-face{font-family:"Material Symbols Rounded";font-style:normal;font-weight:100 700;src:url(./material-symbols-rounded-c9a13ced.woff2) format("woff2")}.material-symbols-rounded{font-family:"Material Symbols Rounded";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}@font-face{font-family:"Material Symbols Outlined";font-style:normal;font-weight:100 700;src:url(./material-symbols-outlined-5a8e0f79.woff2) format("woff2")}.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.squarecrack{width:300px;transform-box:fill-box;overflow:visible;display:block;cursor:pointer;transform-origin:center;transform:scale(1);transition:200ms all ease-out}.squarecrack:not(something){overflow:visible}.squarecrack:active{transform:scale(0.9);transition:225ms all}.squarecrack .cls-1{fill:var(--orange)}.clicked .top>*:nth-child(0){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) top0;opacity:0}@keyframes top0{0%{opacity:1}15%,25%{opacity:.6;transform:translateY(-7px) rotate(-4deg) translateX(-10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(50px) rotate(10deg)}}.clicked .top>*:nth-child(1){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) top1;opacity:.1}@keyframes top1{0%{opacity:1}15%,25%{opacity:.7;transform:translateY(-9px) rotate(-4.2deg) translatex(10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(58px) rotate(-10deg)}}.clicked .top>*:nth-child(2){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) top2;opacity:.2}@keyframes top2{0%{opacity:1}15%,25%{opacity:.8;transform:translateY(-11px) rotate(-4.4deg) translateX(-10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(66px) rotate(10deg)}}.clicked .top>*:nth-child(3){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) top3;opacity:.3}@keyframes top3{0%{opacity:1}15%,25%{opacity:.9;transform:translateY(-13px) rotate(-4.6deg) translatex(10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(74px) rotate(-10deg)}}.clicked .top>*:nth-child(4){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) top4;opacity:.4}@keyframes top4{0%{opacity:1}15%,25%{opacity:1;transform:translateY(-15px) rotate(-4.8deg) translateX(-10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(82px) rotate(10deg)}}.clicked .top>*:nth-child(5){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) top5;opacity:.5}@keyframes top5{0%{opacity:1}15%,25%{opacity:1.1;transform:translateY(-17px) rotate(-5deg) translatex(10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(90px) rotate(-10deg)}}.clicked .top>*:nth-child(6){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) top6;opacity:.6}@keyframes top6{0%{opacity:1}15%,25%{opacity:.6;transform:translateY(-7px) rotate(-5.2deg) translateX(-10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(98px) rotate(10deg)}}.clicked .top>*:nth-child(7){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) top7;opacity:.7}@keyframes top7{0%{opacity:1}15%,25%{opacity:.7;transform:translateY(-9px) rotate(-5.4deg) translatex(10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(106px) rotate(-10deg)}}.clicked .top>*:nth-child(8){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) top8;opacity:.8}@keyframes top8{0%{opacity:1}15%,25%{opacity:.8;transform:translateY(-11px) rotate(-5.6deg) translateX(-10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(114px) rotate(10deg)}}.clicked .top>*:nth-child(9){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) top9;opacity:.9}@keyframes top9{0%{opacity:1}15%,25%{opacity:.9;transform:translateY(-13px) rotate(-5.8deg) translatex(10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(122px) rotate(-10deg)}}.clicked .top>*:nth-child(10){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) top10;opacity:1}@keyframes top10{0%{opacity:1}15%,25%{opacity:1;transform:translateY(-15px) rotate(-6deg) translateX(-10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(130px) rotate(10deg)}}.clicked .top>*:nth-child(11){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) top11;opacity:1.1}@keyframes top11{0%{opacity:1}15%,25%{opacity:1.1;transform:translateY(-17px) rotate(-6.2deg) translatex(10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(138px) rotate(-10deg)}}.clicked .top>*:nth-child(12){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) top12;opacity:1.2}@keyframes top12{0%{opacity:1}15%,25%{opacity:1.2;transform:translateY(-19px) rotate(-6.4deg) translateX(-10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(146px) rotate(10deg)}}.clicked .top>*:nth-child(13){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) top13;opacity:1.3}@keyframes top13{0%{opacity:1}15%,25%{opacity:1.3;transform:translateY(-21px) rotate(-6.6deg) translatex(10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(154px) rotate(-10deg)}}.clicked .top>*:nth-child(14){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) top14;opacity:1.4}@keyframes top14{0%{opacity:1}15%,25%{opacity:1.4;transform:translateY(-23px) rotate(-6.8deg) translateX(-10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(162px) rotate(10deg)}}.clicked .top>*:nth-child(15){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) top15;opacity:1.5}@keyframes top15{0%{opacity:1}15%,25%{opacity:1.5;transform:translateY(-25px) rotate(-7deg) translatex(10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(170px) rotate(-10deg)}}.clicked .top>*:nth-child(16){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) top16;opacity:1.6}@keyframes top16{0%{opacity:1}15%,25%{opacity:1.6;transform:translateY(-27px) rotate(-7.2deg) translateX(-10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(178px) rotate(10deg)}}.clicked .top>*:nth-child(17){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) top17;opacity:1.7}@keyframes top17{0%{opacity:1}15%,25%{opacity:1.7;transform:translateY(-29px) rotate(-7.4deg) translatex(10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(186px) rotate(-10deg)}}.clicked .top>*:nth-child(18){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) top18;opacity:1.8}@keyframes top18{0%{opacity:1}15%,25%{opacity:1.8;transform:translateY(-31px) rotate(-7.6deg) translateX(-10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(194px) rotate(10deg)}}.clicked .top>*:nth-child(19){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) top19;opacity:1.9}@keyframes top19{0%{opacity:1}15%,25%{opacity:1.9;transform:translateY(-33px) rotate(-7.8deg) translatex(10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(202px) rotate(-10deg)}}.clicked .bottom>*:nth-child(0){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) bottom0;opacity:0}@keyframes bottom0{0%{opacity:1}15%,25%{opacity:.6;transform:translateY(17px) rotate(4deg) translateX(-10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(50px) rotate(10deg)}}.clicked .bottom>*:nth-child(1){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) bottom1;opacity:.1}@keyframes bottom1{0%{opacity:1}15%,25%{opacity:.7;transform:translateY(19px) rotate(4.2deg) translatex(10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(58px) rotate(-10deg)}}.clicked .bottom>*:nth-child(2){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) bottom2;opacity:.2}@keyframes bottom2{0%{opacity:1}15%,25%{opacity:.8;transform:translateY(21px) rotate(4.4deg) translateX(-10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(66px) rotate(10deg)}}.clicked .bottom>*:nth-child(3){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) bottom3;opacity:.3}@keyframes bottom3{0%{opacity:1}15%,25%{opacity:.9;transform:translateY(23px) rotate(4.6deg) translatex(10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(74px) rotate(-10deg)}}.clicked .bottom>*:nth-child(4){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) bottom4;opacity:.4}@keyframes bottom4{0%{opacity:1}15%,25%{opacity:1;transform:translateY(25px) rotate(4.8deg) translateX(-10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(82px) rotate(10deg)}}.clicked .bottom>*:nth-child(5){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) bottom5;opacity:.5}@keyframes bottom5{0%{opacity:1}15%,25%{opacity:1.1;transform:translateY(27px) rotate(5deg) translatex(10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(90px) rotate(-10deg)}}.clicked .bottom>*:nth-child(6){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) bottom6;opacity:.6}@keyframes bottom6{0%{opacity:1}15%,25%{opacity:.6;transform:translateY(17px) rotate(5.2deg) translateX(-10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(98px) rotate(10deg)}}.clicked .bottom>*:nth-child(7){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) bottom7;opacity:.7}@keyframes bottom7{0%{opacity:1}15%,25%{opacity:.7;transform:translateY(19px) rotate(5.4deg) translatex(10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(106px) rotate(-10deg)}}.clicked .bottom>*:nth-child(8){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) bottom8;opacity:.8}@keyframes bottom8{0%{opacity:1}15%,25%{opacity:.8;transform:translateY(21px) rotate(5.6deg) translateX(-10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(114px) rotate(10deg)}}.clicked .bottom>*:nth-child(9){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) bottom9;opacity:.9}@keyframes bottom9{0%{opacity:1}15%,25%{opacity:.9;transform:translateY(23px) rotate(5.8deg) translatex(10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(122px) rotate(-10deg)}}.clicked .bottom>*:nth-child(10){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) bottom10;opacity:1}@keyframes bottom10{0%{opacity:1}15%,25%{opacity:1;transform:translateY(25px) rotate(6deg) translateX(-10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(130px) rotate(10deg)}}.clicked .bottom>*:nth-child(11){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) bottom11;opacity:1.1}@keyframes bottom11{0%{opacity:1}15%,25%{opacity:1.1;transform:translateY(27px) rotate(6.2deg) translatex(10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(138px) rotate(-10deg)}}.clicked .bottom>*:nth-child(12){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) bottom12;opacity:1.2}@keyframes bottom12{0%{opacity:1}15%,25%{opacity:1.2;transform:translateY(29px) rotate(6.4deg) translateX(-10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(146px) rotate(10deg)}}.clicked .bottom>*:nth-child(13){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) bottom13;opacity:1.3}@keyframes bottom13{0%{opacity:1}15%,25%{opacity:1.3;transform:translateY(31px) rotate(6.6deg) translatex(10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(154px) rotate(-10deg)}}.clicked .bottom>*:nth-child(14){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) bottom14;opacity:1.4}@keyframes bottom14{0%{opacity:1}15%,25%{opacity:1.4;transform:translateY(33px) rotate(6.8deg) translateX(-10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(162px) rotate(10deg)}}.clicked .bottom>*:nth-child(15){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) bottom15;opacity:1.5}@keyframes bottom15{0%{opacity:1}15%,25%{opacity:1.5;transform:translateY(35px) rotate(7deg) translatex(10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(170px) rotate(-10deg)}}.clicked .bottom>*:nth-child(16){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) bottom16;opacity:1.6}@keyframes bottom16{0%{opacity:1}15%,25%{opacity:1.6;transform:translateY(37px) rotate(7.2deg) translateX(-10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(178px) rotate(10deg)}}.clicked .bottom>*:nth-child(17){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) bottom17;opacity:1.7}@keyframes bottom17{0%{opacity:1}15%,25%{opacity:1.7;transform:translateY(39px) rotate(7.4deg) translatex(10px)}100%{opacity:0;fill:#6c27a8;transform:translateY(186px) rotate(-10deg)}}.clicked .right>*:nth-child(0){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) right0;opacity:0}@keyframes right0{0%{opacity:1}15%,25%{opacity:.6;transform:translateX(20px) translateY(-10px) translateX(-10px) rotate(4deg)}100%{opacity:0;fill:#6c27a8;transform:translateY(50px) translateX(0px) rotate(10deg)}}.clicked .right>*:nth-child(1){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) right1;opacity:.1}@keyframes right1{0%{opacity:1}15%,25%{opacity:.7;transform:translateX(16px) translateY(10px) translatex(10px) rotate(4.2deg)}100%{opacity:0;fill:#6c27a8;transform:translateY(58px) translateX(2px) rotate(10deg)}}.clicked .right>*:nth-child(2){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) right2;opacity:.2}@keyframes right2{0%{opacity:1}15%,25%{opacity:.8;transform:translateX(12px) translateY(-10px) translateX(-10px) rotate(4.4deg)}100%{opacity:0;fill:#6c27a8;transform:translateY(66px) translateX(4px) rotate(10deg)}}.clicked .right>*:nth-child(3){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) right3;opacity:.3}@keyframes right3{0%{opacity:1}15%,25%{opacity:.9;transform:translateX(8px) translateY(10px) translatex(10px) rotate(4.6deg)}100%{opacity:0;fill:#6c27a8;transform:translateY(74px) translateX(6px) rotate(10deg)}}.clicked .right>*:nth-child(4){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) right4;opacity:.4}@keyframes right4{0%{opacity:1}15%,25%{opacity:1;transform:translateX(4px) translateY(-10px) translateX(-10px) rotate(4.8deg)}100%{opacity:0;fill:#6c27a8;transform:translateY(82px) translateX(8px) rotate(10deg)}}.clicked .right>*:nth-child(5){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) right5;opacity:.5}@keyframes right5{0%{opacity:1}15%,25%{opacity:1.1;transform:translateX(0px) translateY(10px) translatex(10px) rotate(5deg)}100%{opacity:0;fill:#6c27a8;transform:translateY(90px) translateX(10px) rotate(10deg)}}.clicked .right>*:nth-child(6){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) right6;opacity:.6}@keyframes right6{0%{opacity:1}15%,25%{opacity:.6;transform:translateX(-4px) translateY(-10px) translateX(-10px) rotate(5.2deg)}100%{opacity:0;fill:#6c27a8;transform:translateY(98px) translateX(12px) rotate(10deg)}}.clicked .right>*:nth-child(7){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) right7;opacity:.7}@keyframes right7{0%{opacity:1}15%,25%{opacity:.7;transform:translateX(-8px) translateY(10px) translatex(10px) rotate(5.4deg)}100%{opacity:0;fill:#6c27a8;transform:translateY(106px) translateX(14px) rotate(10deg)}}.clicked .right>*:nth-child(8){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) right8;opacity:.8}@keyframes right8{0%{opacity:1}15%,25%{opacity:.8;transform:translateX(-12px) translateY(-10px) translateX(-10px) rotate(5.6deg)}100%{opacity:0;fill:#6c27a8;transform:translateY(114px) translateX(16px) rotate(10deg)}}.clicked .right>*:nth-child(9){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) right9;opacity:.9}@keyframes right9{0%{opacity:1}15%,25%{opacity:.9;transform:translateX(-16px) translateY(10px) translatex(10px) rotate(5.8deg)}100%{opacity:0;fill:#6c27a8;transform:translateY(122px) translateX(18px) rotate(10deg)}}.clicked .right>*:nth-child(10){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) right10;opacity:1}@keyframes right10{0%{opacity:1}15%,25%{opacity:1;transform:translateX(-20px) translateY(-10px) translateX(-10px) rotate(6deg)}100%{opacity:0;fill:#6c27a8;transform:translateY(130px) translateX(20px) rotate(10deg)}}.clicked .right>*:nth-child(11){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) right11;opacity:1.1}@keyframes right11{0%{opacity:1}15%,25%{opacity:1.1;transform:translateX(-24px) translateY(10px) translatex(10px) rotate(6.2deg)}100%{opacity:0;fill:#6c27a8;transform:translateY(138px) translateX(22px) rotate(10deg)}}.clicked .right>*:nth-child(12){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) right12;opacity:1.2}@keyframes right12{0%{opacity:1}15%,25%{opacity:1.2;transform:translateX(-28px) translateY(-10px) translateX(-10px) rotate(6.4deg)}100%{opacity:0;fill:#6c27a8;transform:translateY(146px) translateX(24px) rotate(10deg)}}.clicked .right>*:nth-child(13){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) right13;opacity:1.3}@keyframes right13{0%{opacity:1}15%,25%{opacity:1.3;transform:translateX(-32px) translateY(10px) translatex(10px) rotate(6.6deg)}100%{opacity:0;fill:#6c27a8;transform:translateY(154px) translateX(26px) rotate(10deg)}}.clicked .right>*:nth-child(14){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) right14;opacity:1.4}@keyframes right14{0%{opacity:1}15%,25%{opacity:1.4;transform:translateX(-36px) translateY(-10px) translateX(-10px) rotate(6.8deg)}100%{opacity:0;fill:#6c27a8;transform:translateY(162px) translateX(28px) rotate(10deg)}}.clicked .right>*:nth-child(15){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) right15;opacity:1.5}@keyframes right15{0%{opacity:1}15%,25%{opacity:1.5;transform:translateX(-40px) translateY(10px) translatex(10px) rotate(7deg)}100%{opacity:0;fill:#6c27a8;transform:translateY(170px) translateX(30px) rotate(10deg)}}.clicked .right>*:nth-child(16){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) right16;opacity:1.6}@keyframes right16{0%{opacity:1}15%,25%{opacity:1.6;transform:translateX(-44px) translateY(-10px) translateX(-10px) rotate(7.2deg)}100%{opacity:0;fill:#6c27a8;transform:translateY(178px) translateX(32px) rotate(10deg)}}.clicked .right>*:nth-child(17){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) right17;opacity:1.7}@keyframes right17{0%{opacity:1}15%,25%{opacity:1.7;transform:translateX(-48px) translateY(10px) translatex(10px) rotate(7.4deg)}100%{opacity:0;fill:#6c27a8;transform:translateY(186px) translateX(34px) rotate(10deg)}}.clicked .right>*:nth-child(18){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) right18;opacity:1.8}@keyframes right18{0%{opacity:1}15%,25%{opacity:1.8;transform:translateX(-52px) translateY(-10px) translateX(-10px) rotate(7.6deg)}100%{opacity:0;fill:#6c27a8;transform:translateY(194px) translateX(36px) rotate(10deg)}}.clicked .left>*:nth-child(0){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) left0;opacity:0}@keyframes left0{0%{opacity:1}15%,25%{opacity:.6;transform:translateX(-5px) translateY(-10px) translateX(-10px) rotate(3deg)}100%{opacity:0;fill:#6c27a8;transform:translateX(-0px) translateY(50px) rotate(-10deg)}}.clicked .left>*:nth-child(1){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) left1;opacity:.1}@keyframes left1{0%{opacity:1}15%,25%{opacity:.7;transform:translateX(-7.5px) translateY(10px) translatex(10px) rotate(3deg)}100%{opacity:0;fill:#6c27a8;transform:translateX(-2px) translateY(58px) rotate(-10deg)}}.clicked .left>*:nth-child(2){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) left2;opacity:.2}@keyframes left2{0%{opacity:1}15%,25%{opacity:.8;transform:translateX(-10px) translateY(-10px) translateX(-10px) rotate(3deg)}100%{opacity:0;fill:#6c27a8;transform:translateX(-4px) translateY(66px) rotate(-10deg)}}.clicked .left>*:nth-child(3){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) left3;opacity:.3}@keyframes left3{0%{opacity:1}15%,25%{opacity:.9;transform:translateX(-12.5px) translateY(10px) translatex(10px) rotate(3deg)}100%{opacity:0;fill:#6c27a8;transform:translateX(-6px) translateY(74px) rotate(-10deg)}}.clicked .left>*:nth-child(4){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) left4;opacity:.4}@keyframes left4{0%{opacity:1}15%,25%{opacity:1;transform:translateX(-15px) translateY(-10px) translateX(-10px) rotate(3deg)}100%{opacity:0;fill:#6c27a8;transform:translateX(-8px) translateY(82px) rotate(-10deg)}}.clicked .left>*:nth-child(5){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) left5;opacity:.5}@keyframes left5{0%{opacity:1}15%,25%{opacity:1.1;transform:translateX(-17.5px) translateY(10px) translatex(10px) rotate(3deg)}100%{opacity:0;fill:#6c27a8;transform:translateX(-10px) translateY(90px) rotate(-10deg)}}.clicked .left>*:nth-child(6){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) left6;opacity:.6}@keyframes left6{0%{opacity:1}15%,25%{opacity:.6;transform:translateX(-5px) translateY(-10px) translateX(-10px) rotate(3deg)}100%{opacity:0;fill:#6c27a8;transform:translateX(-12px) translateY(98px) rotate(-10deg)}}.clicked .left>*:nth-child(7){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) left7;opacity:.7}@keyframes left7{0%{opacity:1}15%,25%{opacity:.7;transform:translateX(-7.5px) translateY(10px) translatex(10px) rotate(3deg)}100%{opacity:0;fill:#6c27a8;transform:translateX(-14px) translateY(106px) rotate(-10deg)}}.clicked .left>*:nth-child(8){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) left8;opacity:.8}@keyframes left8{0%{opacity:1}15%,25%{opacity:.8;transform:translateX(-10px) translateY(-10px) translateX(-10px) rotate(3deg)}100%{opacity:0;fill:#6c27a8;transform:translateX(-16px) translateY(114px) rotate(-10deg)}}.clicked .left>*:nth-child(9){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) left9;opacity:.9}@keyframes left9{0%{opacity:1}15%,25%{opacity:.9;transform:translateX(-12.5px) translateY(10px) translatex(10px) rotate(3deg)}100%{opacity:0;fill:#6c27a8;transform:translateX(-18px) translateY(122px) rotate(-10deg)}}.clicked .left>*:nth-child(10){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) left10;opacity:1}@keyframes left10{0%{opacity:1}15%,25%{opacity:1;transform:translateX(-15px) translateY(-10px) translateX(-10px) rotate(3deg)}100%{opacity:0;fill:#6c27a8;transform:translateX(-20px) translateY(130px) rotate(-10deg)}}.clicked .left>*:nth-child(11){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) left11;opacity:1.1}@keyframes left11{0%{opacity:1}15%,25%{opacity:1.1;transform:translateX(-17.5px) translateY(10px) translatex(10px) rotate(3deg)}100%{opacity:0;fill:#6c27a8;transform:translateX(-22px) translateY(138px) rotate(-10deg)}}.clicked .left>*:nth-child(12){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) left12;opacity:1.2}@keyframes left12{0%{opacity:1}15%,25%{opacity:1.2;transform:translateX(-20px) translateY(-10px) translateX(-10px) rotate(3deg)}100%{opacity:0;fill:#6c27a8;transform:translateX(-24px) translateY(146px) rotate(-10deg)}}.clicked .left>*:nth-child(13){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) left13;opacity:1.3}@keyframes left13{0%{opacity:1}15%,25%{opacity:1.3;transform:translateX(-22.5px) translateY(10px) translatex(10px) rotate(3deg)}100%{opacity:0;fill:#6c27a8;transform:translateX(-26px) translateY(154px) rotate(-10deg)}}.clicked .left>*:nth-child(14){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) left14;opacity:1.4}@keyframes left14{0%{opacity:1}15%,25%{opacity:1.4;transform:translateX(-25px) translateY(-10px) translateX(-10px) rotate(3deg)}100%{opacity:0;fill:#6c27a8;transform:translateX(-28px) translateY(162px) rotate(-10deg)}}.clicked .left>*:nth-child(15){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) left15;opacity:1.5}@keyframes left15{0%{opacity:1}15%,25%{opacity:1.5;transform:translateX(-27.5px) translateY(10px) translatex(10px) rotate(3deg)}100%{opacity:0;fill:#6c27a8;transform:translateX(-30px) translateY(170px) rotate(-10deg)}}.clicked .left>*:nth-child(16){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) left16;opacity:1.6}@keyframes left16{0%{opacity:1}15%,25%{opacity:1.6;transform:translateX(-30px) translateY(-10px) translateX(-10px) rotate(3deg)}100%{opacity:0;fill:#6c27a8;transform:translateX(-32px) translateY(178px) rotate(-10deg)}}.clicked .left>*:nth-child(17){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) left17;opacity:1.7}@keyframes left17{0%{opacity:1}15%,25%{opacity:1.7;transform:translateX(-32.5px) translateY(10px) translatex(10px) rotate(3deg)}100%{opacity:0;fill:#6c27a8;transform:translateX(-34px) translateY(186px) rotate(-10deg)}}.clicked .left>*:nth-child(18){animation:1000ms cubic-bezier(0.8, 0.14, 0.47, 1.34) left18;opacity:1.8}@keyframes left18{0%{opacity:1}15%,25%{opacity:1.8;transform:translateX(-35px) translateY(-10px) translateX(-10px) rotate(3deg)}100%{opacity:0;fill:#6c27a8;transform:translateX(-36px) translateY(194px) rotate(-10deg)}}.clicked .left>*,.clicked .right>*,.clicked .bottom>*,.clicked .top>*{transform-box:fill-box;transform-origin:top;animation-fill-mode:forwards;opacity:1}.clicked .left>*:nth-child(-n+4),.clicked .right>*:nth-child(-n+4),.clicked .bottom>*:nth-child(-n+4),.clicked .top>*:nth-child(-n+4){transform-origin:right}.clicked .left>*:nth-last-child(-n+4),.clicked .right>*:nth-last-child(-n+4),.clicked .bottom>*:nth-last-child(-n+4),.clicked .top>*:nth-last-child(-n+4){transform-origin:right}:root{--orange: #ed6b00;--yellow: #f7ea1a;--grey: rgba(154, 155, 157, 0.9);--bg: #201d00}body{display:flex;flex-direction:column;align-items:center;justify-items:middle;padding-top:20vh;background-color:var(--bg)}.l3 .brick{clip-path:inset(100%)}.zap .l3 .brick:before{clip-path:inset(-100%) !important}.l2 .brick::before{clip-path:inset(0 0 100% 0)}.l2 .brick-wrap:hover .brick:after{transform:translateY(100%);opacity:1;transition:300ms 150ms transform}.l2 .brick-wrap .brick:before{transition:clip-path 150ms 50ms cubic-bezier(0.86, 0, 0.07, 1),150ms 0ms background-position;background-position:0 5px;background-repeat:no-repeat}.l2 .brick-wrap:hover .brick:before{clip-path:inset(0);transition:clip-path 150ms 0ms cubic-bezier(0.165, 0.84, 0.44, 1),150ms 50ms background-position;background-position:0 0}.l1 .overlay::before{content:"";pointer-events:none;position:absolute;display:block;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-image:linear-gradient(0deg, transparent 1%, rgba(238, 2, 144, 0.2) 2%, rgba(238, 2, 144, 0.8) 2%, rgba(238, 2, 144, 0.2) 3%, transparent 100%);background-repeat:no-repeat;transform:translateY(-100%);transition:200ms all;animation:none}.l1 .overlay.scan::before{animation:scan .25s linear 0s;opacity:1}.l1 .brick{transition:175ms height,100ms box-shadow,25ms 150ms opacity}.l1 .brick:before{background-color:var(--brick-color);background-position:-300px -300px;background-repeat:no-repeat;background-size:100%}.l1 .peekaboo .brick{background-color:var(--rc-bad)}.l1 .peekaboo .brick:before{background-position:top left;animation:1000ms peek;transition:none}@keyframes peek{0%{background-color:var(--rc-bad)}90%{background-color:var(--rc-bad);opacity:1;background-position:top left}100%{background-color:var(--brick-color);background-position:0 -5px}}:root{--email-head: #091742;--container-padding: 30px;--rc-bad-bg: #020612;--rc-bad: #091742;--rc-bad-1: #060708;--rc-bad-2: #1d3ba9;--rc-lowlight: #6c27a8;--rc-lowlight-1: #9961e2;--rc-lowlight-2: #47127f;--rc-highlight-warn: #ee0290;--rc-highlight-warn-1: #bf087e;--rc-highlight-warn-2: #ef4fa6;--rc-highlight-warn-3: #ff8dd6;--rc-highlight-success: #4db6ac;--rc-highlight-success-1: #26998b;--rc-highlight-success-2: #5eccbe;--rc-highlight-success-3: #b2dfdb;--rc-blue-highlight: #448aff;--dark-bg: #030c23;--text: #b4bedd;--text-highlight: var(--rc-lowlight-1);--brick-color: var(--rc-blue-highlight);--accent-color: var(--rc-blue-highlight);--rc-bad-fill: var(--rc-highlight-success)}h1,h2,h3,h4,.scores,.key{font-family:"Press Start 2p",monospace;color:var(--rc-bad-lowlight-1)}h5{font-family:monospace;font-weight:bold;font-size:1.25em}h1{text-shadow:2px 1px 22px var(--rc-lowlight)}.bonusdialogue{display:flex;position:fixed;top:0;left:0;height:0;width:100vw;overflow:hidden;font-size:2em;opacity:0;gap:70px;pointer-events:none}.bonusdialogue.visible{visibility:visible;pointer-events:inherit;height:100vh;z-index:10;background:radial-gradient(circle, rgba(14, 18, 76, 0.85) 0%, rgba(15, 14, 34, 0.85) 96%);opacity:1;transition:400ms opacity}.bonusdialogue.visible .bonusdialogue-wrap{margin:0}.bonusdialogue.visible button:before{width:100%}.bonusdialogue.fail{background:none;overflow:visible}.bonusdialogue.fail button{width:auto;grid-column:2;margin-top:1.6em;margin-bottom:1.6em;background-color:var(--rc-highlight-warn-1)}.bonusdialogue.fail button:before{display:none}.bonusdialogue .instructions-wrap{display:flex;align-items:center;gap:15px}.bonusdialogue .instructions-wrap img{width:2.5em}.bonusdialogue .instructions-wrap .key{color:var(--rc-blue-highlight);border-color:var(--rc-blue-highlight)}.bonusdialogue-wrap{left:50%;top:50%;width:50vw;max-width:800px;min-width:500px;border:4px solid var(--rc-bad);margin-top:15px;transform:translateX(-50%) translateY(-50%);background:var(--rc-bad-bg);position:absolute;transition:400ms margin;border-radius:25px;overflow:hidden}.fail .bonusdialogue-wrap{overflow:visible}@media screen and (max-width: 1150px){.bonusdialogue-wrap{min-width:200px;width:90vw}}@media screen and (max-width: 800px){.bonusdialogue-wrap{font-size:.75em}}.bonusdialogue-wrap .content{padding:2em;display:grid;grid-template-columns:1fr 1fr;align-items:center}.fail .bonusdialogue-wrap .content{align-items:start}@media screen and (max-width: 1150px){.bonusdialogue-wrap .content{grid-template-columns:auto;gap:20px}.bonusdialogue-wrap .content .featuredimg,.bonusdialogue-wrap .content .instructions-wrap{margin:0 auto}.bonusdialogue-wrap .content .featuredimg{width:50%}}@media screen and (max-width: 800px){.bonusdialogue-wrap .content .featuredimg{width:70%}}.bonusdialogue-wrap img{width:200px}.fail .bonusdialogue-wrap .featuredimg{width:350px;margin-left:-125px;margin-top:-70px}@media screen and (max-width: 1150px){.fail .bonusdialogue-wrap .featuredimg{margin:0 auto;margin-left:-40px;width:250px}}.bonusdialogue-wrap button{width:100%;position:relative;z-index:2;font-size:.625em;padding:1em;background:var(--rc-highlight-warn-2)}.bonusdialogue-wrap button:before{content:"";height:100%;position:absolute;top:0;left:0;width:0%;transition:5s width;background:var(--rc-highlight-warn-1);z-index:-1}.levelup.visible{background:none}.levelup .content{background-image:url("./fetti-896c2fdf.svg");background-size:100%;animation:pop 1s ease}.levelup .content .featuredimg{width:200px;margin-left:0;margin-right:40px;margin-top:-2em;align-self:baseline;transform-origin:top center;animation:swing 10s ease infinite}@media screen and (max-width: 900px){.levelup .content .featuredimg{width:30%;justify-self:center}}@media screen and (max-height: 800px){.levelup .content .featuredimg{display:none}}@keyframes pop{0%{background-size:95%;opacity:0}80%{background-size:100%;opacity:1}}@keyframes swing{0%{transform:rotate(0deg)}20%{transform:rotate(10deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(8deg)}50%{transform:rotate(-7deg)}60%{transform:rotate(6deg)}70%{transform:rotate(-3deg)}80%{transform:rotate(2deg)}84%{transform:rotate(-1deg)}88%{transform:rotate(0deg)}}.levelup-container{display:flex;gap:40px;visibility:hidden;opacity:0;height:0;grid-column:1/4;position:relative;background-color:rgba(68,137,255,.0509803922);border-radius:9px;align-items:center;border:4px dashed var(--rc-bad)}.levelup-container img{height:100%;width:auto}.visible.levelup .levelup-container{margin:3vh 0;padding:2em;visibility:visible;pointer-events:inherit;height:auto;opacity:1}@media screen and (max-width: 900px){.visible.levelup .levelup-container{grid-column:auto;margin:0;padding:1em;display:grid;justify-items:center}}.levelup-container h5{margin:0}.dialogue{position:fixed;display:flex;flex-direction:column;visibility:hidden;opacity:0;pointer-events:none;left:50%;top:50%;width:300px;border:4px solid var(--rc-bad);transform:translateX(-50%) translateY(-50%);padding:40px;transition:200ms all}.dialogue .startgame{align-self:flex-end}body{color:var(--text);font-family:monospace;padding:0;margin:0;background:inherit}.score-container img{width:23px;margin:0 auto;marign-right:5px}[data-alert=bonus] .bonus-container .badge{opacity:1;animation:bounce 1.25s}[data-alert=high-score] .high-score-container .badge{opacity:1;animation:bounce 1.25s}[data-alert=human] .human-score-container .badge{opacity:1;animation:bounce 1.25s}[data-alert=bad] .bad-score .badge{opacity:1;animation:bounce 1.25s;background-color:var(--rc-blue-highlight)}[data-alert=bad] .bad-score .badge:before{border-right-color:var(--rc-blue-highlight)}.animateout{animation:fade-out-down .125s}.animatein{animation:fade-in-down .5s ease-out}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-70%)}100%{opacity:1;transform:translateY(0)}}@keyframes fade-out-down{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(70%)}}.score-container .badge{font-family:monospace;font-weight:100;align-self:center;background-color:var(--rc-blue-highlight);padding:9px 10px;position:relative;color:var(--rc-bad-bg);opacity:0;pointer-events:none;margin-left:5px;transition:200ms all}.score-container .badge:before{content:"";width:0;height:0;border-top:7px solid rgba(0,0,0,0);border-bottom:8px solid rgba(0,0,0,0);border-right:9px solid var(--rc-blue-highlight);transform:translateX(-100%);top:7px;position:absolute;left:1px}@keyframes wobble{30%{transform:scale(1.2)}40%,60%{transform:rotate(-20deg) scale(1.2)}50%{transform:rotate(20deg) scale(1.2)}70%{transform:rotate(0deg) scale(1.2)}100%{transform:scale(1)}}@keyframes bounce{70%{transform:translateY(0%)}80%{transform:translateY(-15%)}90%{transform:translateY(0%)}95%{transform:translateY(-7%)}97%{transform:translateY(0%)}99%{transform:translateY(-3%)}100%{transform:translateY(0)}}.bad-score{color:var(--rc-highlight-success)}.bad-score h3{display:grid;grid-template-columns:24px auto auto;gap:13px}button{cursor:pointer;outline:none;background-color:var(--rc-highlight-warn);font-weight:bold;border:none;font-family:"Press Start 2p";text-shadow:2px 2px 1px var(--rc-lowlight);text-transform:uppercase;padding:.75em 2em;border-radius:2px;color:#fff;letter-spacing:.1em;border:1px solid var(--rc-bad);box-shadow:1px 2px 52px var(--rc-bad-1);margin-top:10px;transition:150ms all,600ms border-radius}button:hover{box-shadow:1px 2px 52px var(--rc-bad-2)}button:active{background-color:#b50b71;box-shadow:1px 2px 252px var(--rc-bad-2)}.material-symbols-rounded{font-variation-settings:"FILL" 1,"wght" 700,"GRAD" 0,"opsz" 48}.score-wrap{position:fixed;left:30px;pointer-events:none;top:7px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.score-wrap>[class$=container]{display:flex;align-items:center;gap:10px}.intro{width:100vw;height:100vh;display:flex;position:fixed;flex-wrap:wrap;justify-content:center;align-items:center;top:0;left:0;z-index:1000;background:radial-gradient(circle, rgba(14, 18, 76, 0.85) 0%, rgba(15, 14, 34, 0.85) 96%)}.intro.hidden{display:none}.intro img{display:block}.intro h1{display:block;font-size:1.5em}.intro.out{transition:700ms all;opacity:0}.intro-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:10px 5vw;justify-items:middle;padding:10vh 10vw;padding-top:0;flex-direction:column;text-align:center;font-size:1.5em;box-sizing:border-box}.intro-wrap button{font-size:.75em}@media screen and (max-width: 900px){.intro-wrap{font-size:1.5em}}@media screen and (max-width: 500px){.intro-wrap{font-size:1em}.intro-wrap button{font-size:1em}}@media screen and (max-width: 900px){.intro-wrap{flex-wrap:wrap;align-content:center}}.intro-wrap .content{display:flex;flex-direction:row;text-align:left;align-items:top;gap:4vw;margin-bottom:3vh}@media screen and (max-width: 900px){.intro-wrap .content{gap:5vw}}.intro-wrap .content-wrap{width:50%;display:flex;flex-direction:column;gap:1vh;max-width:275px;transform:rotate(4deg)}.intro-wrap .content-wrap span{display:flex;gap:2vh;flex-direction:column;align-items:center;flex-wrap:wrap}.intro-wrap .content-wrap span img{width:10vw;max-width:75px}.intro-wrap .content-wrap>img{width:100%}.intro-wrap .content-wrap:first-child{transform:rotate(-3deg)}.intro-wrap .content-wrap:first-child>img{margin-top:10px}.overlay{pointer-events:none;position:absolute;width:100%;height:100%;background-size:auto 4px;z-index:1}@keyframes scan{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}.warn{color:var(--rc-highlight-warn)}.splode .material-symbols-rounded{animation:oneupIcon 1000ms ease-out;z-index:100;position:absolute;top:0;left:40%;font-size:2em}.score-wrap>.bonus-container{display:none}.score-wrap>.bonus-container.visible{display:flex;gap:3px}.bonusicons{display:flex;gap:5px;align-self:baseline}.bonuses{color:var(--rc-bad);font-size:1.25em;background-color:var(--brick-color);padding:2px}.bonuses:before{font-family:"Material Symbols Outlined";-webkit-font-feature-settings:"liga";content:"traffic";width:100%;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48;display:block}.bonuses.hydrant:before{content:"fire_hydrant"}.bonuses.bike:before{content:"pedal_bike"}.bonuses.crosswalk:before{content:"add_road"}.bonuses.stoplight:before{content:"traffic"}.addscore{color:var(--text);animation:oneup 500ms ease-out;position:absolute;top:0;z-index:100}.bonus .addscore{color:var(--rc-highlight-success);animation:oneupIcon 1000ms ease-out;text-align:center;width:100%}.bonus .addscore:before{font-family:"Material Symbols Rounded";-webkit-font-feature-settings:"liga";content:"traffic";width:100%;display:block}@keyframes oneup{0%{transform:translateY(-100%);opacity:1}100%{transform:translateY(-500%);opacity:0}}@keyframes oneupIcon{0%{transform:translateY(-100%) scale(1);opacity:1}50%{ransform:translateY(-200%) scale(1);opacity:1}100%{transform:translateY(-500%) scale(2);opacity:0}}.key{border:.125em solid var(--text-highlight);padding:.45em;color:var(--text-highlight);border-radius:.5em;vertical-align:middle;margin-right:3px}.icon-btn{border-radius:100%;width:50px;height:50px;padding:0;bottom:20px;right:50px}.globalnav{--mdc-icon-size: 1.66rem;font-size:24px;position:fixed;top:11px;right:13px;z-index:10000;padding:.8rem;padding:var(--size-small)}.material-icons{font-size:var(--mdc-icon-size, 24px)}.instructions{display:grid;grid-template-columns:auto auto;gap:25px 20px;max-width:350px;margin:50px 0;font-size:1.25em;justify-items:flex-start;align-items:center}.instructions span{display:flex;align-items:center}.instructions .norm{background:none;font-size:1.5em;color:var(--text-highlight)}.instructions :nth-child(even){justify-self:flex-start}.instructions :nth-last-child(1){grid-column-span:1/2}.instructions i,.instructions img{color:var(--rc-bad-bg);padding:8px;font-size:1em;vertical-align:middle;margin:0;background-color:var(--text-highlight)}.instructions img{width:1.25em;--rc-bad-fill: var(--rc-highlight-warn)}.instructions .cls-1{fill:pink}.instructions p{display:flex;align-items:center;gap:15px}.instructions .key{font-size:.75em}.instructions .play{width:100%}.reload-container{display:none;position:fixed;bottom:20px;left:30px}.reload-container.visible{display:flex}.reload-container .progress-wrap{display:flex;align-items:center;gap:10px;color:var(--rc-bad-bg)}.reload-container h3{position:absolute;top:50%;transform:translateY(-50%);left:10px}.reload-container img{width:23px}.reload-container .icon{color:inherit;border-color:inherit;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.reload-container progress{height:70px}.reload-container .text{display:flex;visibility:hidden}.reload-container .text .key{font-size:.6em;color:var(--rc-bad-bg);border-color:var(--rc-bad-bg);border-width:3px;margin-right:2px}.reload-container .progress{transition:200ms all}.reload-container.ready .text{visibility:visible}#game{width:100%;height:100vh;background-color:var(--rc-bad-bg);position:fixed;inset:0;cursor:url("./target-594e0ee6.png") 14 14,pointer;overflow:hidden}.castle-wrap{width:100%;display:flex;pointer-events:none;position:absolute;bottom:0;left:0;justify-content:center}.castle-wrap .land{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;z-index:0;min-width:900px}.castle-wrap .castle{height:400px;max-height:20vh;position:relative}.controller{height:0;color:var(--rc-blue-highlight)}.controller li{list-style:none;margin:15px 0}h3{font-weight:bold;margin:0}.brick::after{content:"";pointer-events:none;position:relative;display:block;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-image:linear-gradient(0deg, transparent 1%, rgba(238, 2, 144, 0.3) 2%, rgba(238, 2, 144, 0.9) 2%, rgba(238, 2, 144, 0.3) 3%, transparent 100%);background-repeat:no-repeat;transform:translateY(-100%);overflow:visible;transition:none;opacity:1;z-index:4}.brick-wrap{width:7vh;height:7vh;min-height:50px;min-width:50px;max-height:80px;max-width:80px;position:absolute;z-index:2;display:flex;overflow:visible;align-items:center;box-sizing:border-box;transition:none;background-color:var(--brick-color);border:1px solid var(--dark-bg)}.brick-wrap.zap{background-color:rgba(0,0,0,0);border:none}.brick{width:100%;display:block;height:100%;box-sizing:border-box;background-color:var(--brick-color);pointer-events:none;box-shadow:none;opacity:1;transform-origin:center;background-position:-300px -300px;background-repeat:no-repeat;background-size:100%;overflow:hidden;cursor:url("./poof-57ef02b2.png") 14 14,pointer;transition:175ms height,150ms box-shadow,25ms 150ms opacity}.brick::before{content:"";width:100%;height:100%;display:block;position:absolute;top:0;left:0;background-color:var(--rc-bad);clip-path:inset(-1);transition:clip-path 150ms 50ms cubic-bezier(0.86, 0, 0.07, 1),150ms 0ms background-position}.brick:after{transform:translateY(100%);opacity:1;transition:300ms 150ms transform}.zap .brick{height:0;opacity:0;animation:shadowgrow 100ms 100ms ease-out}.zap .brick:before{clip-path:inset(0 0 100% 0)}@keyframes shadowgrow{0%{box-shadow:0 0 7px 5px var(--rc-lowlight-1)}100%{box-shadow:0 0 57px 10px var(--rc-lowlight-1)}}.zap{z-index:100;pointer-events:none}.bonus .brick:before{background-image:url("./prize-bike-ce3d17b0.svg")}.bonus .addscore:before{content:"pedal_bike"}.bonus.hydrant .brick:before{background-image:url("./prize-hydrant-d3f31a30.svg")}.bonus.hydrant .addscore:before{content:"fire_hydrant"}.bonus.crosswalk .brick:before{background-image:url("./prize-crosswalk-c8a9609d.svg")}.bonus.crosswalk .addscore:before{content:"add_road"}.bonus.stoplight .brick:before{background-image:url("./prize-stoplight-60a1cd1a.svg")}.bonus.stoplight .addscore:before{content:"traffic"}.human .brick:before{background-image:url("./human-1-49800c7f.svg")}.badbad .brick:before{background-image:url("./bad-1-927ec3bf.svg")}.brick-wrap:nth-child(6n-1).human .brick:before{background-image:url("./human-2-acb91479.svg")}.brick-wrap:nth-child(6n-2).human .brick:before{background-image:url("./human-3-c0227111.svg")}.brick-wrap:nth-child(6n-3).human .brick:before{background-image:url("./human-4-10a52fcd.svg")}.brick-wrap:nth-child(6n-4).human .brick:before{background-image:url("./human-5-8b3fbd2b.svg")}.brick-wrap:nth-child(6n-5).human .brick:before{background-image:url("./human-6-0ba482b9.svg")}.brick-wrap:nth-child(7n-1).badbad .brick:before{background-image:url("./bad-2-71e6d4a7.svg")}.brick-wrap:nth-child(7n-2).badbad .brick:before{background-image:url("./bad-3-f11c185d.svg")}.brick-wrap:nth-child(7n-3).badbad .brick:before{background-image:url("./bad-4-39e9c776.svg")}.brick-wrap:nth-child(7n-4).badbad .brick:before{background-image:url("./bad-5-deb2ce2c.svg")}.brick-wrap:nth-child(7n-5).badbad .brick:before{background-image:url("./bad-6-e41cdc46.svg")}.brick-wrap:nth-child(7n-6).badbad .brick:before{background-image:url("./bad-7-d630f87b.svg")}.crackin,.boomboom,.squarecrack{opacity:0;width:7vh;height:7vh;min-height:50px;min-width:50px;max-height:80px;max-width:80px;position:absolute;pointer-events:none;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);overflow:visible}.crackin .cls-1,.boomboom .cls-1,.squarecrack .cls-1{fill:var(--brick-color)}.crackin:not(something),.boomboom:not(something),.squarecrack:not(something){overflow:visible}.splode .boomboom,.splode .crackin,.splode .squarecrack{opacity:1}.splode.brick-wrap{background-color:rgba(0,0,0,0);border:none}.splode .brick{transition:200ms background,200ms height;opacity:0;scale:.5}.splode .blob{fill:var(--brick-color);animation:275ms ease-in splode;opacity:0;transform-origin:center;animation-fill-mode:forwards}@keyframes splode{0%{transform:scale(0.1);opacity:1;fill:var(--brick-color)}60%{filter:drop-shadow(2px 4px 12px rgba(246, 255, 46, 0.2))}70%{filter:drop-shadow(2px 4px 12px rgba(246, 255, 46, 0.2))}80%{transform:scale(0.5);fill:var(--rc-lowlight-2);opacity:1;box-shadow:0 0 100px rgba(255,255,255,.3);filter:drop-shadow(2px 4px 32px var(--rc-bad-2))}100%{fill:#fff;opacity:0;transform:scale(0.4)}}.splode .left circle,.splode .right circle,.splode .bottom circle,.splode .up circle{animation:900ms ease-out up;animation-delay:250ms;transform-box:fill-box;transform-origin:top;animation-fill-mode:forwards;opacity:0}.splode .left circle:nth-child(-n+4),.splode .right circle:nth-child(-n+4),.splode .bottom circle:nth-child(-n+4),.splode .up circle:nth-child(-n+4){transform-origin:right}.splode .left circle:nth-last-child(-n+4),.splode .right circle:nth-last-child(-n+4),.splode .bottom circle:nth-last-child(-n+4),.splode .up circle:nth-last-child(-n+4){transform-origin:right}.splode .left circle{animation-name:left}.splode .right circle{animation-name:right}.splode .bottom circle{animation-name:bottom}@keyframes up{0%{opacity:1;fill:var(--brick-color);transform:scale(1)}80%{fill:inherit}100%{opacity:0;transform:scale(0.1) translateY(-10px)}}@keyframes left{0%{opacity:1;fill:var(--brick-color);transform:scale(1)}80%{fill:inherit}100%{opacity:0;transform:scale(0.1) translateX(-10px)}}@keyframes right{0%{opacity:1;fill:var(--brick-color);transform:scale(1)}80%{fill:inherit}100%{opacity:0;transform:scale(0.2) translateX(10px)}}@keyframes bottom{0%{opacity:1;fill:var(--brick-color);transform:scale(1)}80%{fill:inherit}100%{opacity:0;transform:scale(0.1) translateY(10px)}}