body,h2{background:#a83200}#result,.flex,main{height:100%}.abs1,.commands,.continue,p{text-align:center;font-weight:700}html{box-sizing:border-box}*{margin:0;padding:0}*,::after,::before{box-sizing:inherit}body{height:100vh;font-family:Helvetica,sans-serif;overflow:hidden}main{background-color:#000;width:calc(100% - 10px);margin:0 5px;padding:30px;counter-reset:level}input[type=checkbox]{z-index:0;position:absolute;opacity:0}.flex{display:flex}@media (max-width:767px){body{overflow:auto}.flex{display:block;padding-top:48px}}.flex svg{width:100%}.row{display:table-row}#ia2wrong:checked~.level2 .commands,.only-result,.result{display:none}.center{text-align:center}input[id*=level]:checked{counter-increment:level}[class*=abs]{position:absolute;width:100%;color:wheat;background-color:#a83200;padding:10px}#result,.light,.timeline{position:relative}.abs1{top:12px}#level11:checked~#result>.abs1{color:transparent}.abs1::after{content:" " counter(level)}#level11:checked~#result>.abs1::after{content:''}.abs2{top:42px}.abs2:empty{padding:0}#ia2wrong:checked~.level2 .result{display:block}#ia2wrong:checked~#result .white,#ia7wrong:checked~.level7 .commands{display:none}#ia7wrong:checked~.level7 .result{display:block}#ia10wrong:checked~.level10 .commands,#ia7wrong:checked~#result #rhead,#ia7wrong:checked~#result .white{display:none}#ia10wrong:checked~.level10 .result{display:block}#ia10wrong:checked~.level10 .glitch{display:inline-block}#ia10wrong:checked~.level10 .only-result{display:inherit}.good{display:block}.bad{display:none}[id*=ia][id$=wrong]:checked~.end .bad{display:block}[id*=ia][id$=wrong]:checked~.end .good,input[id*=level]~[class*=level]{display:none}[class*=level]{width:66%;height:100%;float:left}[class*=level] svg{max-height:200px}input[id=level1]:checked~.level1{display:table}input[id=level2]:checked~.level1{display:none!important}input[id=level2]:checked~.level2{display:table}input[id=level3]:checked~.level2{display:none!important}input[id=level3]:checked~.level3{display:table}input[id=level4]:checked~.level3{display:none!important}input[id=level4]:checked~.level4{display:table}input[id=level5]:checked~.level4{display:none!important}input[id=level5]:checked~.level5{display:table}input[id=level6]:checked~.level5{display:none!important}input[id=level6]:checked~.level6{display:table}input[id=level7]:checked~.level6{display:none!important}input[id=level7]:checked~.level7{display:table}input[id=level8]:checked~.level7{display:none!important}input[id=level8]:checked~.level8{display:table}input[id=level9]:checked~.level8{display:none!important}input[id=level9]:checked~.level9{display:table}input[id=level10]:checked~.level9{display:none!important}input[id=level10]:checked~.level10{display:table}input[id=level11]:checked~.level10{display:none!important}#iaa:checked~.levela{display:table}#iaa:checked~.level1,#iaa:checked~.level10,#iaa:checked~.level2,#iaa:checked~.level3,#iaa:checked~.level4,#iaa:checked~.level5,#iaa:checked~.level6,#iaa:checked~.level7,#iaa:checked~.level8,#iaa:checked~.level9{display:none!important}#iab:checked~.levelb{display:table}#iab:checked~.level1,#iab:checked~.level10,#iab:checked~.level2,#iab:checked~.level3,#iab:checked~.level4,#iab:checked~.level5,#iab:checked~.level6,#iab:checked~.level7,#iab:checked~.level8,#iab:checked~.level9{display:none!important}h2{text-align:center;padding:5px 16px;color:wheat;margin-top:20px}p{color:#fff}#answer2a:checked~.continue,#answer3a:checked~.continue,#ia3wrong:checked~.level3 .continue{display:block}#ia3wrong~.level5 .end,#ia3wrong~.level5 .glitch{display:none}#ia3wrong:checked~.level5 .end{display:block}#ia3wrong:checked~.level5 .glitch{display:inline-block}#ia3wrong:checked~.level5 .commands{display:none}#answer4a:checked~.continue,#ia4wrong:checked~.level4 .continue{display:block}#ia4wrong~.level6 .end,#ia4wrong~.level6 .glitch{display:none}#ia4wrong:checked~.level6 .end{display:block}#ia4wrong:checked~.level6 .glitch{display:inline-block}#ia4wrong:checked~.level6 .commands{display:none}#result{width:34%;float:left}@media (max-width:767px){[class*=level]{width:100%;float:none;height:auto;margin-bottom:20px}#result{display:block;width:100%;float:none}}.light{display:block;opacity:.85;border-radius:25px;padding:10px;margin:8px 0;width:100%;background:radial-gradient(ellipse at center,red 0,#8b0000 100%);background-size:100% 8%;box-shadow:inset 5px 5px 15px #000;animation-duration:1s;animation-name:Light;animation-iteration-count:infinite;cursor:default}@media (max-width:767px){.light{display:none}.commands{border-bottom-width:0}}@-webkit-keyframes Light{from{box-shadow:inset 0 95px 5px #000,inset 0 -95px 5px #000}75%{box-shadow:inset 0 -95px 5px #000,inset 0 95px 5px #000}to{box-shadow:inset 0 5px 5px #000,inset 0 -5px 5px #000}}.commands{width:100%;display:block;color:wheat}.commands>span{display:inline-block;text-align:center;padding:16px 32px;width:50%}@media (max-width:767px){.commands>span{display:block;width:100%;margin-bottom:10px}}.commands>span label{cursor:pointer;display:block;margin:8px;padding:20px;font-size:24px}.continue{color:#a83200;display:none;width:100%;background:#fff;padding:10px;text-transform:uppercase;cursor:pointer}circle,path,rect{fill:wheat}.white{fill:#fff}.timeline{list-style:none;padding:0;border-bottom:8px solid wheat;border-radius:8px}.timeline li{position:absolute;width:32px;height:32px;border:8px solid #a83200;border-radius:16px;background:wheat;margin-top:-12px}.glitch{color:wheat;font-size:80px;position:relative}@keyframes noise-anim{0%{clip:rect(67px,9999px,90px,0)}6.66667%{clip:rect(98px,9999px,50px,0)}13.33333%{clip:rect(34px,9999px,87px,0)}20%{clip:rect(100px,9999px,91px,0)}26.66667%{clip:rect(66px,9999px,6px,0)}33.33333%{clip:rect(62px,9999px,22px,0)}40%{clip:rect(96px,9999px,72px,0)}46.66667%{clip:rect(49px,9999px,68px,0)}53.33333%{clip:rect(8px,9999px,25px,0)}60%{clip:rect(13px,9999px,71px,0)}66.66667%{clip:rect(71px,9999px,60px,0)}73.33333%{clip:rect(30px,9999px,2px,0)}80%{clip:rect(7px,9999px,26px,0)}86.66667%{clip:rect(59px,9999px,94px,0)}93.33333%{clip:rect(65px,9999px,97px,0)}100%{clip:rect(16px,9999px,39px,0)}}@keyframes noise-anim-2{0%{clip:rect(57px,9999px,5px,0)}6.66667%{clip:rect(73px,9999px,3px,0)}13.33333%{clip:rect(65px,9999px,74px,0)}20%{clip:rect(97px,9999px,4px,0)}26.66667%{clip:rect(39px,9999px,29px,0)}33.33333%{clip:rect(18px,9999px,35px,0)}40%{clip:rect(7px,9999px,63px,0)}46.66667%{clip:rect(55px,9999px,41px,0)}53.33333%{clip:rect(3px,9999px,38px,0)}60%{clip:rect(41px,9999px,1px,0)}66.66667%{clip:rect(85px,9999px,86px,0)}73.33333%{clip:rect(16px,9999px,45px,0)}80%{clip:rect(17px,9999px,4px,0)}86.66667%{clip:rect(94px,9999px,24px,0)}93.33333%{clip:rect(97px,9999px,62px,0)}100%{clip:rect(45px,9999px,26px,0)}}.glitch::after,.glitch::before{color:wheat;background:#000;content:attr(data-text);position:absolute;top:0;overflow:hidden;clip:rect(0,700px,0,0)}.glitch::before{left:-2px;text-shadow:7px 0 #8b0000;animation:noise-anim-2 3s infinite linear alternate-reverse}.glitch::after{left:2px;text-shadow:-2px 0 #8b0000;animation:noise-anim 2s infinite linear alternate-reverse}