diff --git a/.idea/wordRotator.iml b/.idea/wordRotator.iml
index 93b726a..86ac3ff 100755
--- a/.idea/wordRotator.iml
+++ b/.idea/wordRotator.iml
@@ -3,6 +3,7 @@
   <component name="NewModuleRootManager">
     <content url="file://$MODULE_DIR$">
       <sourceFolder url="file://$MODULE_DIR$/src/module/Application/src" isTestSource="false" packagePrefix="Application\" />
+      <sourceFolder url="file://$MODULE_DIR$/src/module/Application/pwa/html" isTestSource="false" />
       <excludeFolder url="file://$MODULE_DIR$/public/js" />
       <excludeFolder url="file://$MODULE_DIR$/vendor/doctrine/event-manager" />
       <excludeFolder url="file://$MODULE_DIR$/vendor/doctrine/persistence" />
diff --git a/public/css/wordRotator.css b/public/css/wordRotator.css
index 0d6dbe4..1aacbac 100755
--- a/public/css/wordRotator.css
+++ b/public/css/wordRotator.css
@@ -1 +1 @@
-.top-bar-title{white-space:nowrap}#action-bar .close-listener{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:9000}#action-bar #responsive-menu .top-bar-right{position:relative;text-align:right;width:100%}#action-bar .top-bar-right{width:auto}#action-bar .top-bar-right .menu.action-bar a img+span{display:none}#action-bar .top-bar-right .menu.action-bar .action{position:relative;z-index:9000}#action-bar .top-bar-right .menu.action-bar .action.is-dropdown-submenu-parent{z-index:9001}#action-bar .top-bar-right .menu.action-bar .action.hidden{display:none}@media screen and (max-width:24.9375em){#action-bar .top-bar-right .menu.action-bar .action.smedium{display:none}}@media screen and (max-width:39.9375em){#action-bar .top-bar-right .menu.action-bar .action li{display:table-cell}#action-bar .top-bar-right .menu.action-bar .action.medium{display:none}}@media screen and (max-width:63.9375em){#action-bar .top-bar-right .menu.action-bar .action.large{display:none}}#action-bar .top-bar-right .menu.action-bar .action.never{display:none}#action-bar .top-bar-right .menu.action-bar.hidden{display:inline-block;position:absolute;z-index:9000;border:1px solid #cacaca;padding:.2rem;-webkit-transform:translateX(-100%);transform:translateX(-100%);text-align:left}#action-bar .top-bar-right .menu.action-bar.hidden .action.hidden{display:none}#action-bar .top-bar-right .menu.action-bar.hidden .action.is-dropdown-submenu-parent{z-index:9001}#action-bar .top-bar-right .menu.action-bar.hidden .action.is-dropdown-submenu-parent ul.is-dropdown-submenu{top:auto}#action-bar .top-bar-right .menu.action-bar.hidden .action.is-dropdown-submenu-parent ul.is-dropdown-submenu>.close-listener,#action-bar .top-bar-right .menu.action-bar.hidden .action.is-dropdown-submenu-parent ul.is-dropdown-submenu>li.action{z-index:9001}#action-bar .top-bar-right .menu.action-bar.hidden .action.is-dropdown-submenu-parent>a:after{display:block;width:0;height:0;border:6px inset;content:"";border-bottom-width:0;border-top-style:solid;border-color:#fff transparent transparent;right:5px;left:auto;margin-top:-3px}#action-bar .top-bar-right .menu.action-bar.hidden .action a{white-space:nowrap}#action-bar .top-bar-right .menu.action-bar.hidden .action a img{display:none}#action-bar .top-bar-right .menu.action-bar.hidden .action a img+span{display:inherit}@media print,screen and (min-width:40em){#action-bar .top-bar-right .menu.action-bar.hidden .action.medium{display:none}}@media print,screen and (min-width:25em){#action-bar .top-bar-right .menu.action-bar.hidden .action.smedium{display:none}}@media print,screen and (min-width:64em){#action-bar .top-bar-right .menu.action-bar.hidden .action.large{display:none}}@media screen and (max-width:24.9375em){#action-bar .top-bar-right .menu.action-bar.hidden .action.smedium{display:block}#action-bar .top-bar-right .menu.action-bar.hidden .action.smedium.hidden{display:none}}@media screen and (max-width:39.9375em){#action-bar .top-bar-right .menu.action-bar.hidden .action.medium{display:block}#action-bar .top-bar-right .menu.action-bar.hidden .action.medium.hidden{display:none}}@media screen and (max-width:63.9375em){#action-bar .top-bar-right .menu.action-bar.hidden .action.large{display:block}#action-bar .top-bar-right .menu.action-bar.hidden .action.large.hidden{display:none}}#action-bar .top-bar-right .menu.action-bar.hidden .action.never{display:block}#action-bar .top-bar-right .menu.action-bar.hidden .action.always,#action-bar .top-bar-right .menu.action-bar.hidden .action.never.hidden{display:none}#action-bar .top-bar-right .menu .action{z-index:100}@media screen and (max-width:39.9375em){#action-bar .top-bar-right .menu .action a{width:100%;padding-left:.68rem}}@media screen and (max-width:24.9375em){#action-bar .top-bar-right .menu .action a{padding-left:.236rem}}@media screen and (max-width:39.9375em){#action-bar .top-bar-right .menu .action:not(.is-dropdown-submenu-parent) a{padding-right:.68rem}}@media screen and (max-width:24.9375em){#action-bar .top-bar-right .menu .action:not(.is-dropdown-submenu-parent) a{padding-right:.236rem}}#action-bar .top-bar-right .menu .action.img a{padding-top:0}#action-bar .top-bar-right .menu .action.img a img{vertical-align:inherit;max-height:1.4rem}#action-bar .top-bar-right .menu>li>ul.is-dropdown-submenu{min-width:0}#action-bar .top-bar-right .menu>li>ul.is-dropdown-submenu .action{display:inherit}#action-bar .top-bar-right .menu>li.opens-right>ul.is-dropdown-submenu{right:auto;left:auto}#action-bar .top-bar-right .menu>li.opens-right>ul.is-dropdown-submenu a{text-align:left}.dropdown.menu>li.is-dropdown-submenu-parent>a:after{border-color:#fff transparent transparent}form{position:relative}.sending .sending-loader{position:absolute;background-color:rgba(0,0,0,.06);display:block;pointer-events:all;width:100%;height:100%;top:0;left:0;bottom:0;right:0;z-index:10;border-radius:2px}.sending .sending-loader .loader{position:absolute}.sending-loader{display:none}input.notEmpty:invalid{background-color:#f08080}label{position:relative}label [type=color],label [type=date],label [type=datetime-local],label [type=datetime],label [type=email],label [type=month],label [type=number],label [type=password],label [type=search],label [type=tel],label [type=text],label [type=time],label [type=url],label [type=week],label input:not([type]),label input[type=text],label textarea{display:block;width:100%;height:2.4375rem;margin:0 0 1rem;padding:.5rem;-webkit-box-shadow:none!important;box-shadow:none!important;font-size:1rem;font-weight:400;line-height:1.5;border:none;border-bottom:solid #000;outline:0;margin-bottom:15px}label [type=color]:focus,label [type=date]:focus,label [type=datetime-local]:focus,label [type=datetime]:focus,label [type=email]:focus,label [type=month]:focus,label [type=number]:focus,label [type=password]:focus,label [type=search]:focus,label [type=tel]:focus,label [type=text]:focus,label [type=time]:focus,label [type=url]:focus,label [type=week]:focus,label input:not([type]):focus,label input[type=text]:focus,label textarea:focus{border:none;-webkit-box-shadow:none!important;box-shadow:none!important;border-bottom:solid #000}label [type=color].notEmpty:not(:focus)~span,label [type=color]:focus~span,label [type=date].notEmpty:not(:focus)~span,label [type=date]:focus~span,label [type=datetime-local].notEmpty:not(:focus)~span,label [type=datetime-local]:focus~span,label [type=datetime].notEmpty:not(:focus)~span,label [type=datetime]:focus~span,label [type=email].notEmpty:not(:focus)~span,label [type=email]:focus~span,label [type=month].notEmpty:not(:focus)~span,label [type=month]:focus~span,label [type=number].notEmpty:not(:focus)~span,label [type=number]:focus~span,label [type=password].notEmpty:not(:focus)~span,label [type=password]:focus~span,label [type=search].notEmpty:not(:focus)~span,label [type=search]:focus~span,label [type=tel].notEmpty:not(:focus)~span,label [type=tel]:focus~span,label [type=text].notEmpty:not(:focus)~span,label [type=text]:focus~span,label [type=time].notEmpty:not(:focus)~span,label [type=time]:focus~span,label [type=url].notEmpty:not(:focus)~span,label [type=url]:focus~span,label [type=week].notEmpty:not(:focus)~span,label [type=week]:focus~span,label input:not([type]).notEmpty:not(:focus)~span,label input:not([type]):focus~span,label input[type=text].notEmpty:not(:focus)~span,label input[type=text]:focus~span,label textarea.notEmpty:not(:focus)~span,label textarea:focus~span{top:-11px;left:0;bottom:0;font-size:11px;opacity:1;color:#000}label [type=color]~span,label [type=date]~span,label [type=datetime-local]~span,label [type=datetime]~span,label [type=email]~span,label [type=month]~span,label [type=number]~span,label [type=password]~span,label [type=search]~span,label [type=tel]~span,label [type=text]~span,label [type=time]~span,label [type=url]~span,label [type=week]~span,label input:not([type])~span,label input[type=text]~span,label textarea~span{position:absolute;pointer-events:none;left:10px;bottom:10px;top:7px;-webkit-transition:all .2s ease;transition:all .2s ease;color:#626262}.listjs{position:relative}.listjs label{display:inline-block}.listjs label input{margin-bottom:0}.listjs table{border-collapse:collapse}.listjs table tfoot tr th,.listjs table thead tr th{text-align:left}.listjs table tfoot tr th.sort,.listjs table thead tr th.sort{cursor:pointer}.listjs table tbody.list tr:first-child td{border-top:1px solid #696969}.listjs table tbody.list tr:last-child td{border-bottom:1px solid #696969}.listjs table tbody.list tr td{border-top:1px solid #c8c8c8;padding:.3rem}.listjs ul.pagination{float:right;display:inline-block;margin:0}.listjs ul.pagination li{display:inline-block;padding-left:5px;padding-right:5px;text-decoration:underline}.listjs ul.pagination li.active,.listjs ul.pagination li.disabled{text-decoration:none}.rotated{-webkit-transform-origin:bottom center;transform-origin:bottom center;height:50%;position:absolute;top:0;bottom:0;left:0;right:0}.tab-header-container .tab-header{display:inline-block;background-color:#eee;border:1px solid #b0b0b0;border-top-left-radius:4px;border-top-right-radius:4px;padding:0 5px}.tab-header-container .tab-header.active{border-bottom:0;background-color:#fff}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}html{width:100%;font-size:18px;letter-spacing:1px}.max-height,html{min-height:100%;height:100%}body{margin:0;padding:0;height:100%;width:100%;font-family:Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;font-weight:400;line-height:1.5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fefefe;color:#0a0a0a}footer{border-top:1px solid #d8d8d8;text-align:center}.top-bar .top-bar-title strong{vertical-align:middle;display:inline-block}nav.top-bar{color:#fff;font-size:20px;-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 2px 9px 1px rgba(0,0,0,.12),0 4px 2px -2px rgba(0,0,0,.2);box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 2px 9px 1px rgba(0,0,0,.12),0 4px 2px -2px rgba(0,0,0,.2);padding:.6rem;display:block}a.button,button.button{border-radius:2px}.fill-me{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.fill-me,.fill-me.vertical{-webkit-box-direction:normal}.fill-me.vertical{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.fill-me .grow{-webkit-box-flex:1;-ms-flex:1;flex:1}.flex-center{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-center>*{max-height:100%}.dropdown.menu a,.menu a{padding:.4rem .5rem}svg path{fill:currentColor}div.mainContainer{position:relative;max-height:100%;max-width:100%;overflow:auto;-webkit-box-flex:1;-ms-flex:1;flex:1;margin:.5rem}div.mainContainer #main-content,div.mainContainer #site-content,div.mainContainer>.row{position:absolute;width:100%;height:100%;top:0;bottom:0;left:0;right:0}.inline-block{display:inline-block}.right{float:right}#logo-img{max-height:2.2rem}a{cursor:pointer}a,a.hidden-link{text-decoration:none;color:inherit}label{cursor:pointer}.align-right{text-align:right}.view-panel{display:none}.loader{left:50%;top:50%;position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.loader.inline{left:auto;top:auto;position:static;-webkit-transform:initial;transform:none;text-align:center;display:inline}.loader.small #spinner{-webkit-transform:scale(.5);transform:scale(.5)}.loader #spinner{-webkit-box-sizing:border-box;box-sizing:border-box;stroke:#b71c1a;stroke-width:3px;-webkit-transform-origin:50%;transform-origin:50%;-webkit-animation:line 1.6s cubic-bezier(.4,0,.2,1) infinite,rotate 1.6s linear infinite;animation:line 1.6s cubic-bezier(.4,0,.2,1) infinite,rotate 1.6s linear infinite}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(450deg);transform:rotate(450deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(450deg);transform:rotate(450deg)}}@-webkit-keyframes line{0%{stroke-dasharray:2,85.964;-webkit-transform:rotate(0);transform:rotate(0)}50%{stroke-dasharray:65.973,21.9911;stroke-dashoffset:0}to{stroke-dasharray:2,85.964;stroke-dashoffset:-65.973;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes line{0%{stroke-dasharray:2,85.964;-webkit-transform:rotate(0);transform:rotate(0)}50%{stroke-dasharray:65.973,21.9911;stroke-dashoffset:0}to{stroke-dasharray:2,85.964;stroke-dashoffset:-65.973;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}#print-content{display:none}.action-button{max-height:1.7rem;margin-left:.4rem;margin-right:.4rem}.action-button:hover{background:#e8e8e8}.vcenter-container{width:100%;height:100%;display:table}.vcenter-container .vcenter{vertical-align:middle;display:table-cell;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.max-width{width:100%}button,input{letter-spacing:1px!important}.no-padding{padding:0;border:0}.center{text-align:center}@media print{#styles,.mainContainer,footer,nav{display:none!important}#print-content{display:block!important}}.overflow-y-auto{overflow-y:auto!important}.row.no-after:after{content:normal}.margin-bottom{margin-bottom:1rem}@media print,screen and (min-width:25em){.margin-bottom{margin-bottom:2rem}}@media print,screen and (min-width:40em){.margin-bottom{margin-bottom:3rem}}@media print,screen and (min-width:64em){.margin-bottom{margin-bottom:4rem}}@media screen and (min-width:75em){.margin-bottom{margin-bottom:5rem}}.font-small{font-size:.7em}.border-bottom{border-bottom:1px solid #cacaca}.border-right{border-right:1px solid #cacaca}.border-left{border-left:1px solid #cacaca}img.logo{vertical-align:inherit;display:inline-block;height:auto;max-width:1.1rem;margin-right:2px}.align-center{text-align:center}hr.separator{margin:1rem 0}.button-line{display:-webkit-box;display:-ms-flexbox;display:flex}.button-line .button{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:1px;margin-right:1px;padding:.5rem .77rem}@media screen and (max-width:24.9375em){.small-small{font-size:small}}select{border:0;padding:.3rem}.share-icon{max-width:1.5rem;margin:.1rem}.hidden{display:none}img.action-image{max-height:1.4rem;cursor:pointer}img.back-button{max-height:.6rem;margin-right:.2rem;cursor:pointer;vertical-align:inherit}.no-margin-bottom{margin-bottom:0}div.flashMessage{font-size:.8rem;border-radius:25px;letter-spacing:0;z-index:1001;max-width:100%;display:inline-block;position:relative;-webkit-box-shadow:2px 2px 10px rgba(0,0,0,.28);box-shadow:2px 2px 10px rgba(0,0,0,.28);border:1px solid #626262;background-color:#6b6b6b;padding:.3em .6em;text-align:center;color:#fff}div.flashMessage:hover{opacity:.4;cursor:pointer}div.flashMessage:after,div.flashMessage:before{display:block;content:""}span.flashMessage{float:right;cursor:pointer}div.default{background-color:#1a9cc8}#flashMessageContainer{text-align:center;position:absolute}#flashMessageContainer,#flashMessageContainerAbsoulte{height:0!important;width:100%;overflow:visible!important}#flashMessageContainerAbsoulte{margin:5px 0;position:relative}.background{position:fixed;z-index:1000000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(55,55,55,.6)}.background .modal{position:relative;top:50%;margin:auto;width:80%;-webkit-transform:translateY(-50%);transform:translateY(-50%);padding:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:80%;max-width:1024px}@media screen and (max-width:63.9375em){.background .modal.small-margin{width:90%}}@media screen and (max-width:24.9375em){.background .modal.small-margin{width:95%}}.background .modal.max-small{max-width:0}.background .modal.max-smedium{max-width:400px}.background .modal.max-medium{max-width:640px}.background .modal.max-large{max-width:1024px}.background .modal.max-xlarge{max-width:1200px}.background .modal.max-xxlarge{max-width:1440px}.background .modal .title{font-weight:700;padding-bottom:.5rem}.background .modal .content-container{overflow-y:auto;max-height:100%}.background .modal .content-container .loader{position:static;-webkit-transform:none;transform:none}.background .modal .close{text-align:right;float:right;font-size:28px;font-weight:700;line-height:1}.background .modal .close:focus,.background .modal .close:hover{text-decoration:none;cursor:pointer}.background .modal .modal-button-container{padding-top:.5rem}.background .modal .modal-button-container .button{margin-left:.2rem;margin-bottom:0!important;padding:.6em .8em}@media screen and (max-width:24.9375em){.background .modal .modal-button-container .button{margin-left:.1rem;padding:.3em .5em}}.no-transition,.no-transition *{-webkit-transition:none!important;transition:none!important}.settings-container{border:1px solid #000;border-radius:2px;padding:.3rem}@media print,screen and (min-width:40em){.settings-container #settings-fragments-container{border-left:1px solid #cacaca}}.settings-container #settings-fragments-container #settings-fragments>*{display:none}.settings-container #settings-fragments-container #settings-fragments>.active{display:block}.switch{position:relative;display:inline-block}@media screen and (max-width:24.9375em){.switch{font-size:.6em}}@media screen and (max-width:39.9375em){.switch{font-size:.7em}}.switch input{display:none}.switch input:checked+.slider:before{-webkit-transform:translateX(1.5em);transform:translateX(1.5em)}.switch .slider{display:inline-block;position:relative;cursor:pointer;width:3em;height:1.5em;border-radius:1.5em;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.switch .slider:before{position:absolute;content:"";height:1.1em;width:1.1em;left:.15em;bottom:.15em;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:50%}.switch img,.switch svg{width:1.4em;display:inline;vertical-align:initial}.switch img path,.switch svg path{stroke-color:inherit}.zf-green{color:#68b604}.column:last-child:not(:first-child),.columns:last-child:not(:first-child){float:left}input[type=checkBox].form-control{height:24px;height:1.5rem;width:100%}[type=submit]{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:39px;height:2.4375rem;padding:8px;padding:.5rem;border:1px solid #cacaca;margin:0 0 16px;margin:0 0 1rem;font-family:inherit;font-size:16px;font-size:1rem;color:#0a0a0a;background-color:#fefefe;-webkit-box-shadow:inset 0 1px 2px hsla(0,0%,4%,.1);box-shadow:inset 0 1px 2px hsla(0,0%,4%,.1);border-radius:0;-webkit-transition:border-color .25s ease-in-out,-webkit-box-shadow .5s;transition:border-color .25s ease-in-out,-webkit-box-shadow .5s;transition:box-shadow .5s,border-color .25s ease-in-out;transition:box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s;-webkit-appearance:none;-moz-appearance:none}form ul li{color:red;font-size:12.8px;font-size:.8rem}.button-dropdown:after{border-color:#000 transparent transparent;border-width:.4em;border-style:solid;content:"";position:absolute;top:.4em;display:block;height:0;width:0;right:1em}.button-dropdown{position:relative;display:block;padding-right:2em}.button-dropdown.open:after{border-color:transparent transparent #000;top:0}a.ui-datepicker-next,a.ui-datepicker-prev{height:100%!important}div.container a.navbar-brand>img{display:inline;margin-right:4px}ul.menu.plain li.active a{background-color:#ededed;color:#000}ul.menu.plain li a{color:#000}ul.menu.plain li a:hover{color:#525252}ul.submenu{border-top:1px solid #bcbcbc;border-bottom:1px solid #bcbcbc;margin-left:10px}#cookie-compliance{width:100%;margin:0;padding:.3rem 0}#cookie-compliance #close-cookie-msg{float:right;margin-bottom:0;margin-right:3px;padding:.4rem .8rem}.menu-container .button{text-align:center;width:100%}.height-5{height:5%}.max-height-5{max-height:5%}.width-5{width:5%}.max-width-5{max-width:5%}.height-10{height:10%}.max-height-10{max-height:10%}.width-10{width:10%}.max-width-10{max-width:10%}.height-15{height:15%}.max-height-15{max-height:15%}.width-15{width:15%}.max-width-15{max-width:15%}.height-20{height:20%}.max-height-20{max-height:20%}.width-20{width:20%}.max-width-20{max-width:20%}.height-25{height:25%}.max-height-25{max-height:25%}.width-25{width:25%}.max-width-25{max-width:25%}.height-30{height:30%}.max-height-30{max-height:30%}.width-30{width:30%}.max-width-30{max-width:30%}.height-35{height:35%}.max-height-35{max-height:35%}.width-35{width:35%}.max-width-35{max-width:35%}.height-40{height:40%}.max-height-40{max-height:40%}.width-40{width:40%}.max-width-40{max-width:40%}.height-45{height:45%}.max-height-45{max-height:45%}.width-45{width:45%}.max-width-45{max-width:45%}.height-50{height:50%}.max-height-50{max-height:50%}.width-50{width:50%}.max-width-50{max-width:50%}.height-55{height:55%}.max-height-55{max-height:55%}.width-55{width:55%}.max-width-55{max-width:55%}.height-60{height:60%}.max-height-60{max-height:60%}.width-60{width:60%}.max-width-60{max-width:60%}.height-65{height:65%}.max-height-65{max-height:65%}.width-65{width:65%}.max-width-65{max-width:65%}.height-70{height:70%}.max-height-70{max-height:70%}.width-70{width:70%}.max-width-70{max-width:70%}.height-75{height:75%}.max-height-75{max-height:75%}.width-75{width:75%}.max-width-75{max-width:75%}.height-80{height:80%}.max-height-80{max-height:80%}.width-80{width:80%}.max-width-80{max-width:80%}.height-85{height:85%}.max-height-85{max-height:85%}.width-85{width:85%}.max-width-85{max-width:85%}.height-90{height:90%}.max-height-90{max-height:90%}.width-90{width:90%}.max-width-90{max-width:90%}.height-95{height:95%}.max-height-95{max-height:95%}.width-95{width:95%}.max-width-95{max-width:95%}.height-100{height:100%}.max-height-100{max-height:100%}.width-100{width:100%}.max-width-100{max-width:100%}*{-webkit-transition:.25s ease-out,color .25s ease-out;transition:.25s ease-out,color .25s ease-out}body{background:#fff;color:#000}body #cookie-compliance{background-color:#870015;color:#fff}body #cookie-compliance a.link,body #cookie-compliance a.link:hover{color:#ff3d00;border-bottom-color:#ff3d00}body a.link{text-decoration:none;color:#ff3d00;border-bottom:none}body a.link:hover{color:#ff3d00;border-bottom-color:#ff3d00}body .loader #spinner{stroke:#b71c1a}body nav.top-bar{color:#fff;background:red}body .top-bar ul{background:red!important}body .top-bar ul a{color:#fff}body .switch input:checked+.slider,body a.button,body a.button.disabled,body a.button.disabled:focus,body a.button.disabled:hover,body a.button:hover,body button.button,body button.button.disabled,body button.button.disabled:focus,body button.button.disabled:hover,body button.button:hover{background-color:red}body .switch input:focus+.slider{-webkit-box-shadow:0 0 1px red;box-shadow:0 0 1px red}body label{color:#000}body .background .modal{background-color:#fff}body.blue{background:#fff;color:#000}body.blue #cookie-compliance{background-color:#1a3062;color:#fff}body.blue #cookie-compliance a.link,body.blue #cookie-compliance a.link:hover{color:#546cfe;border-bottom-color:#546cfe}body.blue a.link{text-decoration:none;color:#546cfe;border-bottom:none}body.blue a.link:hover{color:#546cfe;border-bottom-color:#546cfe}body.blue .loader #spinner{stroke:#673ab7}body.blue nav.top-bar{color:#fff;background:#2c58ae}body.blue .top-bar ul{background:#2c58ae!important}body.blue .top-bar ul a{color:#fff}body.blue .switch input:checked+.slider,body.blue a.button,body.blue a.button.disabled,body.blue a.button.disabled:focus,body.blue a.button.disabled:hover,body.blue a.button:hover,body.blue button.button,body.blue button.button.disabled,body.blue button.button.disabled:focus,body.blue button.button.disabled:hover,body.blue button.button:hover{background-color:#2c58ae}body.blue .switch input:focus+.slider{-webkit-box-shadow:0 0 1px #2c58ae;box-shadow:0 0 1px #2c58ae}body.blue label{color:#000}body.blue .background .modal{background-color:#fff}body.green{background:#fff;color:#000}body.green #cookie-compliance{background-color:#003613;color:#fff}body.green #cookie-compliance a.link,body.green #cookie-compliance a.link:hover{color:#009829;border-bottom-color:#009829}body.green a.link{text-decoration:none;color:#009829;border-bottom:none}body.green a.link:hover{color:#009829;border-bottom-color:#009829}body.green .loader #spinner{stroke:green}body.green nav.top-bar{color:#fff;background:green}body.green .top-bar ul{background:green!important}body.green .top-bar ul a{color:#fff}body.green .switch input:checked+.slider,body.green a.button,body.green a.button.disabled,body.green a.button.disabled:focus,body.green a.button.disabled:hover,body.green a.button:hover,body.green button.button,body.green button.button.disabled,body.green button.button.disabled:focus,body.green button.button.disabled:hover,body.green button.button:hover{background-color:green}body.green .switch input:focus+.slider{-webkit-box-shadow:0 0 1px green;box-shadow:0 0 1px green}body.green label{color:#000}body.green .background .modal{background-color:#fff}body.pink{background:#fff;color:#000}body.pink #cookie-compliance{background-color:#70374a;color:#fff}body.pink #cookie-compliance a.link,body.pink #cookie-compliance a.link:hover{color:#fe64af;border-bottom-color:#fe64af}body.pink a.link{text-decoration:none;color:#fe64af;border-bottom:none}body.pink a.link:hover{color:#fe64af;border-bottom-color:#fe64af}body.pink .loader #spinner{stroke:#ff69b4}body.pink nav.top-bar{color:#fff;background:#ff69b4}body.pink .top-bar ul{background:#ff69b4!important}body.pink .top-bar ul a{color:#fff}body.pink .switch input:checked+.slider,body.pink a.button,body.pink a.button.disabled,body.pink a.button.disabled:focus,body.pink a.button.disabled:hover,body.pink a.button:hover,body.pink button.button,body.pink button.button.disabled,body.pink button.button.disabled:focus,body.pink button.button.disabled:hover,body.pink button.button:hover{background-color:#ff69b4}body.pink .switch input:focus+.slider{-webkit-box-shadow:0 0 1px #ff69b4;box-shadow:0 0 1px #ff69b4}body.pink label{color:#000}body.pink .background .modal{background-color:#fff}body.black{background:#fff;color:#000}body.black #cookie-compliance{background-color:#353535;color:#fff}body.black #cookie-compliance a.link{color:#fff;border-bottom-color:#fff}body.black #cookie-compliance a.link:hover{color:#cacaca;border-bottom-color:#cacaca}body.black a.link{text-decoration:none;color:#000;border-bottom:1px solid #000}body.black a.link:hover{color:#4e4e4e;border-bottom-color:#4e4e4e}body.black .loader #spinner{stroke:#000}body.black nav.top-bar{color:#fff;background:#000}body.black .top-bar ul{background:#000!important}body.black .top-bar ul a{color:#fff}body.black .switch input:checked+.slider,body.black a.button,body.black a.button.disabled,body.black a.button.disabled:focus,body.black a.button.disabled:hover,body.black a.button:hover,body.black button.button,body.black button.button.disabled,body.black button.button.disabled:focus,body.black button.button.disabled:hover,body.black button.button:hover{background-color:#000}body.black .switch input:focus+.slider{-webkit-box-shadow:0 0 1px #000;box-shadow:0 0 1px #000}body.black label{color:#000}body.black .background .modal{background-color:#fff}body.dark{background:#000;color:#fff}body.dark #cookie-compliance{background-color:#4b4b4b;color:#fff}body.dark #cookie-compliance a.link,body.dark #cookie-compliance a.link:hover{color:#fff;border-bottom-color:#fff}body.dark a.link{text-decoration:none;color:#fff;border-bottom:1px solid #fff}body.dark a.link:hover{color:#fff;border-bottom-color:#fff}body.dark .loader #spinner{stroke:#fff}body.dark nav.top-bar{color:#fff;background:#373737}body.dark .top-bar ul{background:#373737!important}body.dark .top-bar ul a{color:#fff}body.dark .switch input:checked+.slider,body.dark a.button,body.dark a.button.disabled,body.dark a.button.disabled:focus,body.dark a.button.disabled:hover,body.dark a.button:hover,body.dark button.button,body.dark button.button.disabled,body.dark button.button.disabled:focus,body.dark button.button.disabled:hover,body.dark button.button:hover{background-color:#373737}body.dark .switch input:focus+.slider{-webkit-box-shadow:0 0 1px #373737;box-shadow:0 0 1px #373737}body.dark label{color:#fff}body.dark .background .modal{background-color:#000}@-webkit-keyframes tutorialPointer{0%{top:75%}to{top:25%}}@keyframes tutorialPointer{0%{top:75%}to{top:25%}}.tutorial-blanket{display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:9001;background:rgba(98,98,98,.51)}.tutorial .tutorial-blanket{display:block}.tutorial .tutorial-text{color:#fff;font-size:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex}.tutorial .tutorial-text,.tutorial .tutorial-text *{-webkit-transition:none!important;transition:none!important}.tutorial.step-1 #level .segment-row{position:inherit}.tutorial.step-1 #level .segment-parent:nth-child(3),.tutorial.step-1 #level .segment-parent:nth-child(3).rotating{z-index:9900!important}.tutorial.step-1 .tutorial-text .step-1{display:initial;z-index:9900!important;position:relative}.tutorial.step-2 #level{z-index:9900!important}.tutorial.step-2 .tutorial-text .step-2,.tutorial.step-3 .tutorial-text .step-3{display:initial;z-index:9900!important;position:relative}.tutorial.step-3 #help-button{position:relative;z-index:9900!important;overflow:visible;margin-right:10px;margin-top:10px;-webkit-box-shadow:0 0 10px 5px #fff;box-shadow:0 0 10px 5px #fff}.tutorial.step-4 .tutorial-text .step-4{display:initial;z-index:9900!important;position:relative}.tutorial.step-4 #level .segment-row,.tutorial.step-4 #level .segment-row>.child-container>.segment-triangle:first-child{position:inherit}.tutorial.step-4 #level .segment-row>.child-container>.segment-triangle:first-child>.child-container>.segment-parent:first-child,.tutorial.step-4 #level .segment-row>.child-container>.segment-triangle:first-child>.child-container>.segment-parent:first-child.rotating{z-index:9900!important}.tutorial.step-4 #level .segment-row>.child-container>.segment-triangle:first-child>.child-container>.segment-parent:first-child #tutorial-pointer,.tutorial.step-4 #level .segment-row>.child-container>.segment-triangle:first-child>.child-container>.segment-parent:first-child.rotating #tutorial-pointer{width:.6em;height:.6em;border-radius:50%;left:25%;right:50%;position:absolute;top:75%;bottom:50%;z-index:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:tutorialPointer 2s infinite;animation:tutorialPointer 2s infinite;pointer-events:none}body #tutorial-pointer{background:red}body #level-number-container.in-main-menu{background:#fff;border-color:#000}body .segment.segment-parent{border-color:#555}body .segment.segment-parent.layer-2{border-color:#000}body #site-content>:not(.won) .segment.locked,body #site-content>:not(.won) .segment.locked>.child-container>.segment-leaf{border-color:#870015;background-color:red!important}body .segment:not(.segment-row):not(.segment-triangle).rotate-90,body .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment,body .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-90,body .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-180,body .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-270,body .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-360,body .segment:not(.segment-row):not(.segment-triangle).rotate-180,body .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment,body .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-90,body .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-180,body .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-270,body .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-360,body .segment:not(.segment-row):not(.segment-triangle).rotate-270,body .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment,body .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-90,body .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-180,body .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-270,body .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-360,body .segment:not(.segment-row):not(.segment-triangle).rotate-360,body .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment,body .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-90,body .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-180,body .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-270,body .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-360{background-color:#fff}body.blue #tutorial-pointer{background:#2c58ae}body.blue #level-number-container.in-main-menu{background:#fff;border-color:#000}body.blue .segment.segment-parent{border-color:#555}body.blue .segment.segment-parent.layer-2{border-color:#000}body.blue #site-content>:not(.won) .segment.locked,body.blue #site-content>:not(.won) .segment.locked>.child-container>.segment-leaf{border-color:#1a3062;background-color:#2c58ae!important}body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-90,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-90,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-180,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-270,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-360,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-180,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-90,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-180,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-270,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-360,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-270,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-90,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-180,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-270,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-360,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-360,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-90,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-180,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-270,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-360{background-color:#fff}body.green #tutorial-pointer{background:green}body.green #level-number-container.in-main-menu{background:#fff;border-color:#000}body.green .segment.segment-parent{border-color:#555}body.green .segment.segment-parent.layer-2{border-color:#000}body.green #site-content>:not(.won) .segment.locked,body.green #site-content>:not(.won) .segment.locked>.child-container>.segment-leaf{border-color:#003613;background-color:green!important}body.green .segment:not(.segment-row):not(.segment-triangle).rotate-90,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-90,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-180,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-270,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-360,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-180,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-90,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-180,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-270,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-360,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-270,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-90,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-180,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-270,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-360,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-360,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-90,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-180,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-270,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-360{background-color:#fff}body.pink #tutorial-pointer{background:#ff69b4}body.pink #level-number-container.in-main-menu{background:#fff;border-color:#000}body.pink .segment.segment-parent{border-color:#555}body.pink .segment.segment-parent.layer-2{border-color:#000}body.pink #site-content>:not(.won) .segment.locked,body.pink #site-content>:not(.won) .segment.locked>.child-container>.segment-leaf{border-color:#70374a;background-color:#ff69b4!important}body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-90,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-90,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-180,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-270,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-360,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-180,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-90,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-180,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-270,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-360,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-270,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-90,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-180,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-270,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-360,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-360,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-90,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-180,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-270,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-360{background-color:#fff}body.black #tutorial-pointer{background:#000}body.black #level-number-container.in-main-menu{background:#fff;border-color:#000}body.black .segment.segment-parent{border-color:#555}body.black .segment.segment-parent.layer-2{border-color:#000}body.black #site-content>:not(.won) .segment.locked,body.black #site-content>:not(.won) .segment.locked>.child-container>.segment-leaf{border-color:#353535;background-color:#000!important}body.black .segment:not(.segment-row):not(.segment-triangle).rotate-90,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-90,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-180,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-270,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-360,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-180,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-90,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-180,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-270,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-360,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-270,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-90,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-180,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-270,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-360,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-360,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-90,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-180,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-270,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-360{background-color:#fff}body.dark #tutorial-pointer{background:#373737}body.dark #level-number-container.in-main-menu{background:#000;border-color:#fff}body.dark .segment.segment-parent{border-color:#9b9b9b}body.dark .segment.segment-parent.layer-2{border-color:#fff}body.dark #site-content>:not(.won) .segment.locked,body.dark #site-content>:not(.won) .segment.locked>.child-container>.segment-leaf{border-color:#4b4b4b;background-color:#373737!important}body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-90,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-90,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-180,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-270,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-360,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-180,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-90,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-180,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-270,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-360,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-270,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-90,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-180,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-270,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-360,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-360,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-90,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-180,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-270,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-360{background-color:#000}body.dark .switch input:checked+.slider{border-color:#000}body.dark .switch .slider{border:1px solid #fff;background-color:inherit;padding:1px}body.dark #site-content>:not(.won) .segment.locked.layer-2{border-color:#565656}body.dark .modal{border:1px solid #fff;border-radius:2px}body.black #site-content>:not(.won) .segment.locked{background-color:#9d9d9d}body.black #site-content>:not(.won) .segment.locked>.child-container>.segment-leaf{background-color:#9d9d9d!important}body label{font-size:1em!important}body .setting-row{line-height:1;padding-top:.5em;padding-bottom:.5em;width:100%;cursor:pointer}nav.top-bar.title-bar{padding:.3rem .6rem 0}#action-bar .top-bar-right .menu .action.img a{padding-bottom:0}#action-bar .top-bar-right .menu .action.img a img{max-height:1.8rem}.dropdown.menu a,.menu a{padding:.2rem .5rem}#level-number-container{z-index:1;-webkit-transition:none;transition:none;position:absolute;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);border:3px solid #fff;border-radius:50%;visibility:hidden;display:table-cell;height:35px;width:35px;text-align:center;vertical-align:middle}#level-number-container.visible{visibility:visible}#level-number-container.in-main-menu{background:#fff;border-color:#000;height:1em;width:1em;min-height:1em;min-width:1em;max-height:1em;max-width:1em}#level-number-container #level-number{-webkit-transition:none;transition:none;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-weight:700}.coin-counter{display:inline-block;position:relative;font-size:1.6rem}@media screen and (max-width:24.9375em){.coin-counter{font-size:1rem}}.coin-counter :after{background-image:url(../img/coinTower.png);background-size:28px 28px;width:28px;height:28px;display:inline-block;content:""}#coin-container{line-height:1}#coin-container .coin{margin-left:3px;margin-right:3px;max-width:20px;display:inline-block}@media print,screen and (min-width:25em){#coin-container .coin{max-width:25px}}@media print,screen and (min-width:40em){#coin-container .coin{max-width:30px}}@-webkit-keyframes rotate-90{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotate-90{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@-webkit-keyframes rotate-reverse-90{0%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotate-reverse-90{0%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@-webkit-keyframes rotate-180{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes rotate-180{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@-webkit-keyframes rotate-reverse-180{0%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes rotate-reverse-180{0%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@-webkit-keyframes rotate-270{0%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes rotate-270{0%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes rotate-reverse-270{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes rotate-reverse-270{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes rotate-360{0%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-360{0%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes rotate-reverse-360{0%{-webkit-transform:rotate(450deg);transform:rotate(450deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-reverse-360{0%{-webkit-transform:rotate(450deg);transform:rotate(450deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.segment:not(.segment-row):not(.segment-triangle).rotating{z-index:10!important;overflow:hidden}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90>.child-container>.segment{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-direction:reverse;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-90;animation-name:rotate-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-180;animation-name:rotate-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-270;animation-name:rotate-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-360;animation-name:rotate-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90.reverse{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90.reverse>.child-container>.segment{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90.reverse>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90.reverse>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90.reverse>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90.reverse>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180>.child-container>.segment{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-direction:reverse;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-360;animation-name:rotate-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-90;animation-name:rotate-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-180;animation-name:rotate-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-270;animation-name:rotate-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180.reverse{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180.reverse>.child-container>.segment{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180.reverse>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180.reverse>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180.reverse>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180.reverse>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270>.child-container>.segment{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-direction:reverse;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-270;animation-name:rotate-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-360;animation-name:rotate-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-90;animation-name:rotate-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-180;animation-name:rotate-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270.reverse{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270.reverse>.child-container>.segment{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270.reverse>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270.reverse>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270.reverse>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270.reverse>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360>.child-container>.segment{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-direction:reverse;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-180;animation-name:rotate-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-270;animation-name:rotate-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-360;animation-name:rotate-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-90;animation-name:rotate-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360.reverse{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360.reverse>.child-container>.segment{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360.reverse>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360.reverse>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360.reverse>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360.reverse>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-90{-webkit-transform:rotate(1turn);transform:rotate(1turn);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-90.rotating{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-90.rotating.reverse{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-180{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-180.rotating{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-180.rotating.reverse{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-270{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-270.rotating{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-270.rotating.reverse{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-360{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-360.rotating{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-360.rotating.reverse{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180,.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-90{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-90.rotating{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-90.rotating.reverse{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-180{-webkit-transform:rotate(1turn);transform:rotate(1turn);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-180.rotating{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-180.rotating.reverse{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-270{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-270.rotating{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-270.rotating.reverse{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-360{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-360.rotating{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-360.rotating.reverse{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-90{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-90.rotating{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-90.rotating.reverse{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-180{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-180.rotating{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-180.rotating.reverse{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-270{-webkit-transform:rotate(1turn);transform:rotate(1turn);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-270.rotating{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-270.rotating.reverse{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-360{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-360.rotating{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-360.rotating.reverse{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360{-webkit-transform:rotate(1turn);transform:rotate(1turn);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment{-webkit-transform:rotate(0deg);transform:rotate(0deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-90.rotating{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-90.rotating.reverse{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-180.rotating{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-180.rotating.reverse{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-270.rotating{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-270.rotating.reverse{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-360{-webkit-transform:rotate(1turn);transform:rotate(1turn);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-360.rotating{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-360.rotating.reverse{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}#level{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;max-width:100%;-webkit-tap-highlight-color:rgba(255,255,255,0);overflow-y:visible}#level,#level *,.segment{-webkit-transition:none;transition:none}.segment{vertical-align:top;white-space:normal;cursor:pointer;display:inline-block;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1;background-color:inherit;line-height:0}.segment.segment-row{display:block;width:100%;-webkit-animation:none!important;animation:none!important;white-space:nowrap}.segment.segment-leaf{background-color:transparent;min-width:1em;padding:.8em}.segment.segment-leaf:before{content:" ";display:block;padding-top:100%}.segment.segment-leaf .leaf-element{position:absolute;width:100%;height:100%;line-height:1.5em;top:0;left:0}.segment.segment-parent{border:1px solid #a9a9a9;border-radius:3px;padding:1px}.segment.segment-parent.layer-2{border:3px solid #000}#site-content>:not(.won) .show-when-won{display:none}.level-container{-webkit-transition:none;transition:none}.won .show-while-playing{display:none}.text-right{text-align:right}#continue-button{margin-bottom:2px}@media screen and (max-width:24.9375em){#continue-button{margin-bottom:0;padding:.3em .6em}}@media screen and (max-width:24.9375em){#play-button{margin-bottom:2px}}#help-button{margin:0;padding:.4em;max-width:3em}@media screen and (max-width:39.9375em){#help-button{padding:.2em;max-width:2em}}.line-height-1{line-height:1}body{overscroll-behavior:contain}#site-content{overflow:hidden}#img-sound:before{content:"";max-width:1.4em;background:url(../img/speaker.svg)}.clickable{cursor:pointer}
\ No newline at end of file
+.top-bar-title{white-space:nowrap}#action-bar .close-listener{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:9000}#action-bar #responsive-menu .top-bar-right{position:relative;text-align:right;width:100%}#action-bar .top-bar-right{width:auto}#action-bar .top-bar-right .menu.action-bar a img+span{display:none}#action-bar .top-bar-right .menu.action-bar .action{position:relative;z-index:9000}#action-bar .top-bar-right .menu.action-bar .action.is-dropdown-submenu-parent{z-index:9001}#action-bar .top-bar-right .menu.action-bar .action.hidden{display:none}@media screen and (max-width:24.9375em){#action-bar .top-bar-right .menu.action-bar .action.smedium{display:none}}@media screen and (max-width:39.9375em){#action-bar .top-bar-right .menu.action-bar .action li{display:table-cell}#action-bar .top-bar-right .menu.action-bar .action.medium{display:none}}@media screen and (max-width:63.9375em){#action-bar .top-bar-right .menu.action-bar .action.large{display:none}}#action-bar .top-bar-right .menu.action-bar .action.never{display:none}#action-bar .top-bar-right .menu.action-bar.hidden{display:inline-block;position:absolute;z-index:9000;border:1px solid #cacaca;padding:.2rem;-webkit-transform:translateX(-100%);transform:translateX(-100%);text-align:left}#action-bar .top-bar-right .menu.action-bar.hidden .action.hidden{display:none}#action-bar .top-bar-right .menu.action-bar.hidden .action.is-dropdown-submenu-parent{z-index:9001}#action-bar .top-bar-right .menu.action-bar.hidden .action.is-dropdown-submenu-parent ul.is-dropdown-submenu{top:auto}#action-bar .top-bar-right .menu.action-bar.hidden .action.is-dropdown-submenu-parent ul.is-dropdown-submenu>.close-listener,#action-bar .top-bar-right .menu.action-bar.hidden .action.is-dropdown-submenu-parent ul.is-dropdown-submenu>li.action{z-index:9001}#action-bar .top-bar-right .menu.action-bar.hidden .action.is-dropdown-submenu-parent>a:after{display:block;width:0;height:0;border:6px inset;content:"";border-bottom-width:0;border-top-style:solid;border-color:#fff transparent transparent;right:5px;left:auto;margin-top:-3px}#action-bar .top-bar-right .menu.action-bar.hidden .action a{white-space:nowrap}#action-bar .top-bar-right .menu.action-bar.hidden .action a img{display:none}#action-bar .top-bar-right .menu.action-bar.hidden .action a img+span{display:inherit}@media print,screen and (min-width:40em){#action-bar .top-bar-right .menu.action-bar.hidden .action.medium{display:none}}@media print,screen and (min-width:25em){#action-bar .top-bar-right .menu.action-bar.hidden .action.smedium{display:none}}@media print,screen and (min-width:64em){#action-bar .top-bar-right .menu.action-bar.hidden .action.large{display:none}}@media screen and (max-width:24.9375em){#action-bar .top-bar-right .menu.action-bar.hidden .action.smedium{display:block}#action-bar .top-bar-right .menu.action-bar.hidden .action.smedium.hidden{display:none}}@media screen and (max-width:39.9375em){#action-bar .top-bar-right .menu.action-bar.hidden .action.medium{display:block}#action-bar .top-bar-right .menu.action-bar.hidden .action.medium.hidden{display:none}}@media screen and (max-width:63.9375em){#action-bar .top-bar-right .menu.action-bar.hidden .action.large{display:block}#action-bar .top-bar-right .menu.action-bar.hidden .action.large.hidden{display:none}}#action-bar .top-bar-right .menu.action-bar.hidden .action.never{display:block}#action-bar .top-bar-right .menu.action-bar.hidden .action.always,#action-bar .top-bar-right .menu.action-bar.hidden .action.never.hidden{display:none}#action-bar .top-bar-right .menu .action{z-index:100}@media screen and (max-width:39.9375em){#action-bar .top-bar-right .menu .action a{width:100%;padding-left:.68rem}}@media screen and (max-width:24.9375em){#action-bar .top-bar-right .menu .action a{padding-left:.236rem}}@media screen and (max-width:39.9375em){#action-bar .top-bar-right .menu .action:not(.is-dropdown-submenu-parent) a{padding-right:.68rem}}@media screen and (max-width:24.9375em){#action-bar .top-bar-right .menu .action:not(.is-dropdown-submenu-parent) a{padding-right:.236rem}}#action-bar .top-bar-right .menu .action.img a{padding-top:0}#action-bar .top-bar-right .menu .action.img a img{vertical-align:inherit;max-height:1.4rem}#action-bar .top-bar-right .menu>li>ul.is-dropdown-submenu{min-width:0}#action-bar .top-bar-right .menu>li>ul.is-dropdown-submenu .action{display:inherit}#action-bar .top-bar-right .menu>li.opens-right>ul.is-dropdown-submenu{right:auto;left:auto}#action-bar .top-bar-right .menu>li.opens-right>ul.is-dropdown-submenu a{text-align:left}.dropdown.menu>li.is-dropdown-submenu-parent>a:after{border-color:#fff transparent transparent}form{position:relative}.sending .sending-loader{position:absolute;background-color:rgba(0,0,0,.06);display:block;pointer-events:all;width:100%;height:100%;top:0;left:0;bottom:0;right:0;z-index:10;border-radius:2px}.sending .sending-loader .loader{position:absolute}.sending-loader{display:none}input.notEmpty:invalid{background-color:#f08080}label{position:relative}label [type=color],label [type=date],label [type=datetime-local],label [type=datetime],label [type=email],label [type=month],label [type=number],label [type=password],label [type=search],label [type=tel],label [type=text],label [type=time],label [type=url],label [type=week],label input:not([type]),label input[type=text],label textarea{display:block;width:100%;height:2.4375rem;margin:0 0 1rem;padding:.5rem;-webkit-box-shadow:none!important;box-shadow:none!important;font-size:1rem;font-weight:400;line-height:1.5;border:none;border-bottom:solid #000;outline:0;margin-bottom:15px}label [type=color]:focus,label [type=date]:focus,label [type=datetime-local]:focus,label [type=datetime]:focus,label [type=email]:focus,label [type=month]:focus,label [type=number]:focus,label [type=password]:focus,label [type=search]:focus,label [type=tel]:focus,label [type=text]:focus,label [type=time]:focus,label [type=url]:focus,label [type=week]:focus,label input:not([type]):focus,label input[type=text]:focus,label textarea:focus{border:none;-webkit-box-shadow:none!important;box-shadow:none!important;border-bottom:solid #000}label [type=color].notEmpty:not(:focus)~span,label [type=color]:focus~span,label [type=date].notEmpty:not(:focus)~span,label [type=date]:focus~span,label [type=datetime-local].notEmpty:not(:focus)~span,label [type=datetime-local]:focus~span,label [type=datetime].notEmpty:not(:focus)~span,label [type=datetime]:focus~span,label [type=email].notEmpty:not(:focus)~span,label [type=email]:focus~span,label [type=month].notEmpty:not(:focus)~span,label [type=month]:focus~span,label [type=number].notEmpty:not(:focus)~span,label [type=number]:focus~span,label [type=password].notEmpty:not(:focus)~span,label [type=password]:focus~span,label [type=search].notEmpty:not(:focus)~span,label [type=search]:focus~span,label [type=tel].notEmpty:not(:focus)~span,label [type=tel]:focus~span,label [type=text].notEmpty:not(:focus)~span,label [type=text]:focus~span,label [type=time].notEmpty:not(:focus)~span,label [type=time]:focus~span,label [type=url].notEmpty:not(:focus)~span,label [type=url]:focus~span,label [type=week].notEmpty:not(:focus)~span,label [type=week]:focus~span,label input:not([type]).notEmpty:not(:focus)~span,label input:not([type]):focus~span,label input[type=text].notEmpty:not(:focus)~span,label input[type=text]:focus~span,label textarea.notEmpty:not(:focus)~span,label textarea:focus~span{top:-11px;left:0;bottom:0;font-size:11px;opacity:1;color:#000}label [type=color]~span,label [type=date]~span,label [type=datetime-local]~span,label [type=datetime]~span,label [type=email]~span,label [type=month]~span,label [type=number]~span,label [type=password]~span,label [type=search]~span,label [type=tel]~span,label [type=text]~span,label [type=time]~span,label [type=url]~span,label [type=week]~span,label input:not([type])~span,label input[type=text]~span,label textarea~span{position:absolute;pointer-events:none;left:10px;bottom:10px;top:7px;-webkit-transition:all .2s ease;transition:all .2s ease;color:#626262}.listjs{position:relative}.listjs label{display:inline-block}.listjs label input{margin-bottom:0}.listjs table{border-collapse:collapse}.listjs table tfoot tr th,.listjs table thead tr th{text-align:left}.listjs table tfoot tr th.sort,.listjs table thead tr th.sort{cursor:pointer}.listjs table tbody.list tr:first-child td{border-top:1px solid #696969}.listjs table tbody.list tr:last-child td{border-bottom:1px solid #696969}.listjs table tbody.list tr td{border-top:1px solid #c8c8c8;padding:.3rem}.listjs ul.pagination{float:right;display:inline-block;margin:0}.listjs ul.pagination li{display:inline-block;padding-left:5px;padding-right:5px;text-decoration:underline}.listjs ul.pagination li.active,.listjs ul.pagination li.disabled{text-decoration:none}.rotated{-webkit-transform-origin:bottom center;transform-origin:bottom center;height:50%;position:absolute;top:0;bottom:0;left:0;right:0}.tab-header-container .tab-header{display:inline-block;background-color:#eee;border:1px solid #b0b0b0;border-top-left-radius:4px;border-top-right-radius:4px;padding:0 5px}.tab-header-container .tab-header.active{border-bottom:0;background-color:#fff}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}html{width:100%;font-size:18px;letter-spacing:1px}.max-height,html{min-height:100%;height:100%}body{margin:0;padding:0;height:100%;width:100%;font-family:Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;font-weight:400;line-height:1.5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fefefe;color:#0a0a0a}footer{border-top:1px solid #d8d8d8;text-align:center}.top-bar .top-bar-title strong{vertical-align:middle;display:inline-block}nav.top-bar{color:#fff;font-size:20px;-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 2px 9px 1px rgba(0,0,0,.12),0 4px 2px -2px rgba(0,0,0,.2);box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 2px 9px 1px rgba(0,0,0,.12),0 4px 2px -2px rgba(0,0,0,.2);padding:.6rem;display:block}a.button,button.button{border-radius:2px}.fill-me{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.fill-me,.fill-me.vertical{-webkit-box-direction:normal}.fill-me.vertical{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.fill-me .grow{-webkit-box-flex:1;-ms-flex:1;flex:1}.flex-center{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-center>*{max-height:100%}.dropdown.menu a,.menu a{padding:.4rem .5rem}svg path{fill:currentColor}div.mainContainer{position:relative;max-height:100%;max-width:100%;overflow:auto;-webkit-box-flex:1;-ms-flex:1;flex:1;margin:.5rem}div.mainContainer #main-content,div.mainContainer #site-content,div.mainContainer>.row{position:absolute;width:100%;height:100%;top:0;bottom:0;left:0;right:0}.inline-block{display:inline-block}.right{float:right}#logo-img{max-height:2.2rem}a{cursor:pointer}a,a.hidden-link{text-decoration:none;color:inherit}label{cursor:pointer}.align-right{text-align:right}.view-panel{display:none}.loader{left:50%;top:50%;position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.loader.inline{left:auto;top:auto;position:static;-webkit-transform:initial;transform:none;text-align:center;display:inline}.loader.small #spinner{-webkit-transform:scale(.5);transform:scale(.5)}.loader #spinner{-webkit-box-sizing:border-box;box-sizing:border-box;stroke:#b71c1a;stroke-width:3px;-webkit-transform-origin:50%;transform-origin:50%;-webkit-animation:line 1.6s cubic-bezier(.4,0,.2,1) infinite,rotate 1.6s linear infinite;animation:line 1.6s cubic-bezier(.4,0,.2,1) infinite,rotate 1.6s linear infinite}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(450deg);transform:rotate(450deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(450deg);transform:rotate(450deg)}}@-webkit-keyframes line{0%{stroke-dasharray:2,85.964;-webkit-transform:rotate(0);transform:rotate(0)}50%{stroke-dasharray:65.973,21.9911;stroke-dashoffset:0}to{stroke-dasharray:2,85.964;stroke-dashoffset:-65.973;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes line{0%{stroke-dasharray:2,85.964;-webkit-transform:rotate(0);transform:rotate(0)}50%{stroke-dasharray:65.973,21.9911;stroke-dashoffset:0}to{stroke-dasharray:2,85.964;stroke-dashoffset:-65.973;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}#print-content{display:none}.action-button{max-height:1.7rem;margin-left:.4rem;margin-right:.4rem}.action-button:hover{background:#e8e8e8}.vcenter-container{width:100%;height:100%;display:table}.vcenter-container .vcenter{vertical-align:middle;display:table-cell;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.max-width{width:100%}button,input{letter-spacing:1px!important}.no-padding{padding:0;border:0}.center{text-align:center}@media print{#styles,.mainContainer,footer,nav{display:none!important}#print-content{display:block!important}}.overflow-y-auto{overflow-y:auto!important}.row.no-after:after{content:normal}.margin-bottom{margin-bottom:1rem}@media print,screen and (min-width:25em){.margin-bottom{margin-bottom:2rem}}@media print,screen and (min-width:40em){.margin-bottom{margin-bottom:3rem}}@media print,screen and (min-width:64em){.margin-bottom{margin-bottom:4rem}}@media screen and (min-width:75em){.margin-bottom{margin-bottom:5rem}}.font-small{font-size:.7em}.border-bottom{border-bottom:1px solid #cacaca}.border-right{border-right:1px solid #cacaca}.border-left{border-left:1px solid #cacaca}img.logo{vertical-align:inherit;display:inline-block;height:auto;max-width:1.1rem;margin-right:2px}.align-center{text-align:center}hr.separator{margin:1rem 0}.button-line{display:-webkit-box;display:-ms-flexbox;display:flex}.button-line .button{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:1px;margin-right:1px;padding:.5rem .77rem}@media screen and (max-width:24.9375em){.small-small{font-size:small}}select{border:0;padding:.3rem}.share-icon{max-width:1.5rem;margin:.1rem}.hidden{display:none}img.action-image{max-height:1.4rem;cursor:pointer}img.back-button{max-height:.6rem;margin-right:.2rem;cursor:pointer;vertical-align:inherit}.no-margin-bottom{margin-bottom:0}div.flashMessage{font-size:.8rem;border-radius:25px;letter-spacing:0;z-index:1001;max-width:100%;display:inline-block;position:relative;-webkit-box-shadow:2px 2px 10px rgba(0,0,0,.28);box-shadow:2px 2px 10px rgba(0,0,0,.28);border:1px solid #626262;background-color:#6b6b6b;padding:.3em .6em;text-align:center;color:#fff}div.flashMessage:hover{opacity:.4;cursor:pointer}div.flashMessage:after,div.flashMessage:before{display:block;content:""}span.flashMessage{float:right;cursor:pointer}div.default{background-color:#1a9cc8}#flashMessageContainer{text-align:center;position:absolute}#flashMessageContainer,#flashMessageContainerAbsoulte{height:0!important;width:100%;overflow:visible!important}#flashMessageContainerAbsoulte{margin:5px 0;position:relative}.background{position:fixed;z-index:1000000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(55,55,55,.6)}.background .modal{position:relative;top:50%;margin:auto;width:80%;-webkit-transform:translateY(-50%);transform:translateY(-50%);padding:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:80%;max-width:1024px}@media screen and (max-width:63.9375em){.background .modal.small-margin{width:90%}}@media screen and (max-width:24.9375em){.background .modal.small-margin{width:95%}}.background .modal.max-small{max-width:0}.background .modal.max-smedium{max-width:400px}.background .modal.max-medium{max-width:640px}.background .modal.max-large{max-width:1024px}.background .modal.max-xlarge{max-width:1200px}.background .modal.max-xxlarge{max-width:1440px}.background .modal .title{font-weight:700;padding-bottom:.5rem}.background .modal .content-container{overflow-y:auto;max-height:100%}.background .modal .content-container .loader{position:static;-webkit-transform:none;transform:none}.background .modal .close{text-align:right;float:right;font-size:28px;font-weight:700;line-height:1}.background .modal .close:focus,.background .modal .close:hover{text-decoration:none;cursor:pointer}.background .modal .modal-button-container{padding-top:.5rem}.background .modal .modal-button-container .button{margin-left:.2rem;margin-bottom:0!important;padding:.6em .8em}@media screen and (max-width:24.9375em){.background .modal .modal-button-container .button{margin-left:.1rem;padding:.3em .5em}}.no-transition,.no-transition *{-webkit-transition:none!important;transition:none!important}.settings-container{border:1px solid #000;border-radius:2px;padding:.3rem}@media print,screen and (min-width:40em){.settings-container #settings-fragments-container{border-left:1px solid #cacaca}}.settings-container #settings-fragments-container #settings-fragments>*{display:none}.settings-container #settings-fragments-container #settings-fragments>.active{display:block}.switch{position:relative;display:inline-block}@media screen and (max-width:24.9375em){.switch{font-size:.6em}}@media screen and (max-width:39.9375em){.switch{font-size:.7em}}.switch input{display:none}.switch input:checked+.slider:before{-webkit-transform:translateX(1.5em);transform:translateX(1.5em)}.switch .slider{display:inline-block;position:relative;cursor:pointer;width:3em;height:1.5em;border-radius:1.5em;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.switch .slider:before{position:absolute;content:"";height:1.1em;width:1.1em;left:.15em;bottom:.15em;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:50%}.switch img,.switch svg{width:1.4em;display:inline;vertical-align:initial}.switch img path,.switch svg path{stroke-color:inherit}.zf-green{color:#68b604}.column:last-child:not(:first-child),.columns:last-child:not(:first-child){float:left}input[type=checkBox].form-control{height:24px;height:1.5rem;width:100%}[type=submit]{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:39px;height:2.4375rem;padding:8px;padding:.5rem;border:1px solid #cacaca;margin:0 0 16px;margin:0 0 1rem;font-family:inherit;font-size:16px;font-size:1rem;color:#0a0a0a;background-color:#fefefe;-webkit-box-shadow:inset 0 1px 2px hsla(0,0%,4%,.1);box-shadow:inset 0 1px 2px hsla(0,0%,4%,.1);border-radius:0;-webkit-transition:border-color .25s ease-in-out,-webkit-box-shadow .5s;transition:border-color .25s ease-in-out,-webkit-box-shadow .5s;transition:box-shadow .5s,border-color .25s ease-in-out;transition:box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s;-webkit-appearance:none;-moz-appearance:none}form ul li{color:red;font-size:12.8px;font-size:.8rem}.button-dropdown:after{border-color:#000 transparent transparent;border-width:.4em;border-style:solid;content:"";position:absolute;top:.4em;display:block;height:0;width:0;right:1em}.button-dropdown{position:relative;display:block;padding-right:2em}.button-dropdown.open:after{border-color:transparent transparent #000;top:0}a.ui-datepicker-next,a.ui-datepicker-prev{height:100%!important}div.container a.navbar-brand>img{display:inline;margin-right:4px}ul.menu.plain li.active a{background-color:#ededed;color:#000}ul.menu.plain li a{color:#000}ul.menu.plain li a:hover{color:#525252}ul.submenu{border-top:1px solid #bcbcbc;border-bottom:1px solid #bcbcbc;margin-left:10px}#cookie-compliance{width:100%;margin:0;padding:.3rem 0}#cookie-compliance #close-cookie-msg{float:right;margin-bottom:0;margin-right:3px;padding:.4rem .8rem}.menu-container .button{text-align:center;width:100%}.height-5{height:5%}.max-height-5{max-height:5%}.width-5{width:5%}.max-width-5{max-width:5%}.height-10{height:10%}.max-height-10{max-height:10%}.width-10{width:10%}.max-width-10{max-width:10%}.height-15{height:15%}.max-height-15{max-height:15%}.width-15{width:15%}.max-width-15{max-width:15%}.height-20{height:20%}.max-height-20{max-height:20%}.width-20{width:20%}.max-width-20{max-width:20%}.height-25{height:25%}.max-height-25{max-height:25%}.width-25{width:25%}.max-width-25{max-width:25%}.height-30{height:30%}.max-height-30{max-height:30%}.width-30{width:30%}.max-width-30{max-width:30%}.height-35{height:35%}.max-height-35{max-height:35%}.width-35{width:35%}.max-width-35{max-width:35%}.height-40{height:40%}.max-height-40{max-height:40%}.width-40{width:40%}.max-width-40{max-width:40%}.height-45{height:45%}.max-height-45{max-height:45%}.width-45{width:45%}.max-width-45{max-width:45%}.height-50{height:50%}.max-height-50{max-height:50%}.width-50{width:50%}.max-width-50{max-width:50%}.height-55{height:55%}.max-height-55{max-height:55%}.width-55{width:55%}.max-width-55{max-width:55%}.height-60{height:60%}.max-height-60{max-height:60%}.width-60{width:60%}.max-width-60{max-width:60%}.height-65{height:65%}.max-height-65{max-height:65%}.width-65{width:65%}.max-width-65{max-width:65%}.height-70{height:70%}.max-height-70{max-height:70%}.width-70{width:70%}.max-width-70{max-width:70%}.height-75{height:75%}.max-height-75{max-height:75%}.width-75{width:75%}.max-width-75{max-width:75%}.height-80{height:80%}.max-height-80{max-height:80%}.width-80{width:80%}.max-width-80{max-width:80%}.height-85{height:85%}.max-height-85{max-height:85%}.width-85{width:85%}.max-width-85{max-width:85%}.height-90{height:90%}.max-height-90{max-height:90%}.width-90{width:90%}.max-width-90{max-width:90%}.height-95{height:95%}.max-height-95{max-height:95%}.width-95{width:95%}.max-width-95{max-width:95%}.height-100{height:100%}.max-height-100{max-height:100%}.width-100{width:100%}.max-width-100{max-width:100%}*{-webkit-transition:.25s ease-out,color .25s ease-out;transition:.25s ease-out,color .25s ease-out}body{background:#fff;color:#000}body #cookie-compliance{background-color:#870015;color:#fff}body #cookie-compliance a.link,body #cookie-compliance a.link:hover{color:#ff3d00;border-bottom-color:#ff3d00}body a.link{text-decoration:none;color:#ff3d00;border-bottom:none}body a.link:hover{color:#ff3d00;border-bottom-color:#ff3d00}body .loader #spinner{stroke:#b71c1a}body nav.top-bar{color:#fff;background:red}body .top-bar ul{background:red!important}body .top-bar ul a{color:#fff}body .switch input:checked+.slider,body a.button,body a.button.disabled,body a.button.disabled:focus,body a.button.disabled:hover,body a.button:hover,body button.button,body button.button.disabled,body button.button.disabled:focus,body button.button.disabled:hover,body button.button:hover{background-color:red}body .switch input:focus+.slider{-webkit-box-shadow:0 0 1px red;box-shadow:0 0 1px red}body label{color:#000}body .background .modal{background-color:#fff}body.blue{background:#fff;color:#000}body.blue #cookie-compliance{background-color:#1a3062;color:#fff}body.blue #cookie-compliance a.link,body.blue #cookie-compliance a.link:hover{color:#546cfe;border-bottom-color:#546cfe}body.blue a.link{text-decoration:none;color:#546cfe;border-bottom:none}body.blue a.link:hover{color:#546cfe;border-bottom-color:#546cfe}body.blue .loader #spinner{stroke:#673ab7}body.blue nav.top-bar{color:#fff;background:#2c58ae}body.blue .top-bar ul{background:#2c58ae!important}body.blue .top-bar ul a{color:#fff}body.blue .switch input:checked+.slider,body.blue a.button,body.blue a.button.disabled,body.blue a.button.disabled:focus,body.blue a.button.disabled:hover,body.blue a.button:hover,body.blue button.button,body.blue button.button.disabled,body.blue button.button.disabled:focus,body.blue button.button.disabled:hover,body.blue button.button:hover{background-color:#2c58ae}body.blue .switch input:focus+.slider{-webkit-box-shadow:0 0 1px #2c58ae;box-shadow:0 0 1px #2c58ae}body.blue label{color:#000}body.blue .background .modal{background-color:#fff}body.green{background:#fff;color:#000}body.green #cookie-compliance{background-color:#003613;color:#fff}body.green #cookie-compliance a.link,body.green #cookie-compliance a.link:hover{color:#009829;border-bottom-color:#009829}body.green a.link{text-decoration:none;color:#009829;border-bottom:none}body.green a.link:hover{color:#009829;border-bottom-color:#009829}body.green .loader #spinner{stroke:green}body.green nav.top-bar{color:#fff;background:green}body.green .top-bar ul{background:green!important}body.green .top-bar ul a{color:#fff}body.green .switch input:checked+.slider,body.green a.button,body.green a.button.disabled,body.green a.button.disabled:focus,body.green a.button.disabled:hover,body.green a.button:hover,body.green button.button,body.green button.button.disabled,body.green button.button.disabled:focus,body.green button.button.disabled:hover,body.green button.button:hover{background-color:green}body.green .switch input:focus+.slider{-webkit-box-shadow:0 0 1px green;box-shadow:0 0 1px green}body.green label{color:#000}body.green .background .modal{background-color:#fff}body.pink{background:#fff;color:#000}body.pink #cookie-compliance{background-color:#70374a;color:#fff}body.pink #cookie-compliance a.link,body.pink #cookie-compliance a.link:hover{color:#fe64af;border-bottom-color:#fe64af}body.pink a.link{text-decoration:none;color:#fe64af;border-bottom:none}body.pink a.link:hover{color:#fe64af;border-bottom-color:#fe64af}body.pink .loader #spinner{stroke:#ff69b4}body.pink nav.top-bar{color:#fff;background:#ff69b4}body.pink .top-bar ul{background:#ff69b4!important}body.pink .top-bar ul a{color:#fff}body.pink .switch input:checked+.slider,body.pink a.button,body.pink a.button.disabled,body.pink a.button.disabled:focus,body.pink a.button.disabled:hover,body.pink a.button:hover,body.pink button.button,body.pink button.button.disabled,body.pink button.button.disabled:focus,body.pink button.button.disabled:hover,body.pink button.button:hover{background-color:#ff69b4}body.pink .switch input:focus+.slider{-webkit-box-shadow:0 0 1px #ff69b4;box-shadow:0 0 1px #ff69b4}body.pink label{color:#000}body.pink .background .modal{background-color:#fff}body.black{background:#fff;color:#000}body.black #cookie-compliance{background-color:#353535;color:#fff}body.black #cookie-compliance a.link{color:#fff;border-bottom-color:#fff}body.black #cookie-compliance a.link:hover{color:#cacaca;border-bottom-color:#cacaca}body.black a.link{text-decoration:none;color:#000;border-bottom:1px solid #000}body.black a.link:hover{color:#4e4e4e;border-bottom-color:#4e4e4e}body.black .loader #spinner{stroke:#000}body.black nav.top-bar{color:#fff;background:#000}body.black .top-bar ul{background:#000!important}body.black .top-bar ul a{color:#fff}body.black .switch input:checked+.slider,body.black a.button,body.black a.button.disabled,body.black a.button.disabled:focus,body.black a.button.disabled:hover,body.black a.button:hover,body.black button.button,body.black button.button.disabled,body.black button.button.disabled:focus,body.black button.button.disabled:hover,body.black button.button:hover{background-color:#000}body.black .switch input:focus+.slider{-webkit-box-shadow:0 0 1px #000;box-shadow:0 0 1px #000}body.black label{color:#000}body.black .background .modal{background-color:#fff}body.dark{background:#000;color:#fff}body.dark #cookie-compliance{background-color:#4b4b4b;color:#fff}body.dark #cookie-compliance a.link,body.dark #cookie-compliance a.link:hover{color:#fff;border-bottom-color:#fff}body.dark a.link{text-decoration:none;color:#fff;border-bottom:1px solid #fff}body.dark a.link:hover{color:#fff;border-bottom-color:#fff}body.dark .loader #spinner{stroke:#fff}body.dark nav.top-bar{color:#fff;background:#373737}body.dark .top-bar ul{background:#373737!important}body.dark .top-bar ul a{color:#fff}body.dark .switch input:checked+.slider,body.dark a.button,body.dark a.button.disabled,body.dark a.button.disabled:focus,body.dark a.button.disabled:hover,body.dark a.button:hover,body.dark button.button,body.dark button.button.disabled,body.dark button.button.disabled:focus,body.dark button.button.disabled:hover,body.dark button.button:hover{background-color:#373737}body.dark .switch input:focus+.slider{-webkit-box-shadow:0 0 1px #373737;box-shadow:0 0 1px #373737}body.dark label{color:#fff}body.dark .background .modal{background-color:#000}@-webkit-keyframes tutorialPointer{0%{top:75%}to{top:25%}}@keyframes tutorialPointer{0%{top:75%}to{top:25%}}.tutorial-blanket{display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:9001;background:rgba(98,98,98,.51)}.tutorial .tutorial-blanket{display:block}.tutorial .tutorial-text{color:#fff;font-size:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex}.tutorial .tutorial-text,.tutorial .tutorial-text *{-webkit-transition:none!important;transition:none!important}.tutorial.step-1 #level .segment-row{position:inherit}.tutorial.step-1 #level .segment-parent:nth-child(3),.tutorial.step-1 #level .segment-parent:nth-child(3).rotating{z-index:9900!important}.tutorial.step-1 .tutorial-text .step-1{display:initial;z-index:9900!important;position:relative}.tutorial.step-2 #level{z-index:9900!important}.tutorial.step-2 .tutorial-text .step-2,.tutorial.step-3 .tutorial-text .step-3{display:initial;z-index:9900!important;position:relative}.tutorial.step-3 #help-button{position:relative;z-index:9900!important;overflow:visible;margin-right:10px;margin-top:10px;-webkit-box-shadow:0 0 10px 5px #fff;box-shadow:0 0 10px 5px #fff}.tutorial.step-4 .tutorial-text .step-4{display:initial;z-index:9900!important;position:relative}.tutorial.step-4 #level .segment-row,.tutorial.step-4 #level .segment-row>.child-container>.segment-triangle:first-child{position:inherit}.tutorial.step-4 #level .segment-row>.child-container>.segment-triangle:first-child>.child-container>.segment-parent:first-child,.tutorial.step-4 #level .segment-row>.child-container>.segment-triangle:first-child>.child-container>.segment-parent:first-child.rotating{z-index:9900!important}.tutorial.step-4 #level .segment-row>.child-container>.segment-triangle:first-child>.child-container>.segment-parent:first-child #tutorial-pointer,.tutorial.step-4 #level .segment-row>.child-container>.segment-triangle:first-child>.child-container>.segment-parent:first-child.rotating #tutorial-pointer{width:.6em;height:.6em;border-radius:50%;left:25%;right:50%;position:absolute;top:75%;bottom:50%;z-index:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:tutorialPointer 2s infinite;animation:tutorialPointer 2s infinite;pointer-events:none}body #tutorial-pointer{background:red}body #level-number-container.in-main-menu{background:#fff;border-color:#000}body .segment.segment-parent{border-color:#555}body .segment.segment-parent.layer-2{border-color:#000}body #site-content>:not(.won) .segment.locked,body #site-content>:not(.won) .segment.locked>.child-container>.segment-leaf{border-color:#870015;background-color:red!important}body .segment:not(.segment-row):not(.segment-triangle).rotate-90,body .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment,body .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-90,body .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-180,body .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-270,body .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-360,body .segment:not(.segment-row):not(.segment-triangle).rotate-180,body .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment,body .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-90,body .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-180,body .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-270,body .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-360,body .segment:not(.segment-row):not(.segment-triangle).rotate-270,body .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment,body .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-90,body .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-180,body .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-270,body .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-360,body .segment:not(.segment-row):not(.segment-triangle).rotate-360,body .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment,body .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-90,body .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-180,body .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-270,body .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-360{background-color:#fff}body.blue #tutorial-pointer{background:#2c58ae}body.blue #level-number-container.in-main-menu{background:#fff;border-color:#000}body.blue .segment.segment-parent{border-color:#555}body.blue .segment.segment-parent.layer-2{border-color:#000}body.blue #site-content>:not(.won) .segment.locked,body.blue #site-content>:not(.won) .segment.locked>.child-container>.segment-leaf{border-color:#1a3062;background-color:#2c58ae!important}body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-90,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-90,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-180,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-270,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-360,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-180,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-90,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-180,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-270,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-360,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-270,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-90,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-180,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-270,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-360,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-360,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-90,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-180,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-270,body.blue .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-360{background-color:#fff}body.green #tutorial-pointer{background:green}body.green #level-number-container.in-main-menu{background:#fff;border-color:#000}body.green .segment.segment-parent{border-color:#555}body.green .segment.segment-parent.layer-2{border-color:#000}body.green #site-content>:not(.won) .segment.locked,body.green #site-content>:not(.won) .segment.locked>.child-container>.segment-leaf{border-color:#003613;background-color:green!important}body.green .segment:not(.segment-row):not(.segment-triangle).rotate-90,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-90,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-180,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-270,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-360,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-180,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-90,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-180,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-270,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-360,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-270,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-90,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-180,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-270,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-360,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-360,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-90,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-180,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-270,body.green .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-360{background-color:#fff}body.pink #tutorial-pointer{background:#ff69b4}body.pink #level-number-container.in-main-menu{background:#fff;border-color:#000}body.pink .segment.segment-parent{border-color:#555}body.pink .segment.segment-parent.layer-2{border-color:#000}body.pink #site-content>:not(.won) .segment.locked,body.pink #site-content>:not(.won) .segment.locked>.child-container>.segment-leaf{border-color:#70374a;background-color:#ff69b4!important}body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-90,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-90,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-180,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-270,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-360,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-180,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-90,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-180,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-270,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-360,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-270,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-90,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-180,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-270,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-360,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-360,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-90,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-180,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-270,body.pink .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-360{background-color:#fff}body.black #tutorial-pointer{background:#000}body.black #level-number-container.in-main-menu{background:#fff;border-color:#000}body.black .segment.segment-parent{border-color:#555}body.black .segment.segment-parent.layer-2{border-color:#000}body.black #site-content>:not(.won) .segment.locked,body.black #site-content>:not(.won) .segment.locked>.child-container>.segment-leaf{border-color:#353535;background-color:#000!important}body.black .segment:not(.segment-row):not(.segment-triangle).rotate-90,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-90,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-180,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-270,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-360,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-180,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-90,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-180,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-270,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-360,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-270,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-90,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-180,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-270,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-360,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-360,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-90,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-180,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-270,body.black .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-360{background-color:#fff}body.dark #tutorial-pointer{background:#373737}body.dark #level-number-container.in-main-menu{background:#000;border-color:#fff}body.dark .segment.segment-parent{border-color:#9b9b9b}body.dark .segment.segment-parent.layer-2{border-color:#fff}body.dark #site-content>:not(.won) .segment.locked,body.dark #site-content>:not(.won) .segment.locked>.child-container>.segment-leaf{border-color:#4b4b4b;background-color:#373737!important}body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-90,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-90,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-180,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-270,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-90>.child-container>.segment.rotate-360,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-180,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-90,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-180,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-270,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-180>.child-container>.segment.rotate-360,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-270,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-90,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-180,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-270,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-270>.child-container>.segment.rotate-360,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-360,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-90,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-180,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-270,body.dark .segment:not(.segment-row):not(.segment-triangle).rotate-360>.child-container>.segment.rotate-360{background-color:#000}body.dark .switch input:checked+.slider{border-color:#000}body.dark .switch .slider{border:1px solid #fff;background-color:inherit;padding:1px}body.dark #site-content>:not(.won) .segment.locked.layer-2{border-color:#565656}body.dark .modal{border:1px solid #fff;border-radius:2px}body.black #site-content>:not(.won) .segment.locked{background-color:#9d9d9d}body.black #site-content>:not(.won) .segment.locked>.child-container>.segment-leaf{background-color:#9d9d9d!important}body label{font-size:1em!important}body .setting-row:not(.hidden){line-height:1;padding-top:.5em;padding-bottom:.5em;width:100%;cursor:pointer;background:hsla(0,0%,76%,.13);display:inline-block}nav.top-bar.title-bar{padding:.3rem .6rem 0}#action-bar .top-bar-right .menu .action.img a{padding-bottom:0}#action-bar .top-bar-right .menu .action.img a img{max-height:1.8rem}.dropdown.menu a,.menu a{padding:.2rem .5rem}#level-number-container{z-index:1;-webkit-transition:none;transition:none;position:absolute;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);border:3px solid #fff;border-radius:50%;visibility:hidden;display:table-cell;height:35px;width:35px;text-align:center;vertical-align:middle}#level-number-container.visible{visibility:visible}#level-number-container.in-main-menu{background:#fff;border-color:#000;height:1em;width:1em;min-height:1em;min-width:1em;max-height:1em;max-width:1em}#level-number-container #level-number{-webkit-transition:none;transition:none;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-weight:700}.coin-counter{display:inline-block;position:relative;font-size:1.6rem}@media screen and (max-width:24.9375em){.coin-counter{font-size:1rem}}.coin-counter :after{background-image:url(../img/coinTower.png);background-size:28px 28px;width:28px;height:28px;display:inline-block;content:""}#coin-container{line-height:1}#coin-container .coin{margin-left:3px;margin-right:3px;max-width:20px;display:inline-block}@media print,screen and (min-width:25em){#coin-container .coin{max-width:25px}}@media print,screen and (min-width:40em){#coin-container .coin{max-width:30px}}@-webkit-keyframes rotate-90{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotate-90{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@-webkit-keyframes rotate-reverse-90{0%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotate-reverse-90{0%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@-webkit-keyframes rotate-180{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes rotate-180{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@-webkit-keyframes rotate-reverse-180{0%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes rotate-reverse-180{0%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@-webkit-keyframes rotate-270{0%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes rotate-270{0%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes rotate-reverse-270{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes rotate-reverse-270{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes rotate-360{0%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-360{0%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes rotate-reverse-360{0%{-webkit-transform:rotate(450deg);transform:rotate(450deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-reverse-360{0%{-webkit-transform:rotate(450deg);transform:rotate(450deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.segment:not(.segment-row):not(.segment-triangle).rotating{z-index:10!important;overflow:hidden}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90>.child-container>.segment{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-direction:reverse;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-90;animation-name:rotate-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-180;animation-name:rotate-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-270;animation-name:rotate-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-360;animation-name:rotate-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90.reverse{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90.reverse>.child-container>.segment{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90.reverse>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90.reverse>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90.reverse>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-90.reverse>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180>.child-container>.segment{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-direction:reverse;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-360;animation-name:rotate-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-90;animation-name:rotate-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-180;animation-name:rotate-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-270;animation-name:rotate-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180.reverse{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180.reverse>.child-container>.segment{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180.reverse>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180.reverse>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180.reverse>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-180.reverse>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270>.child-container>.segment{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-direction:reverse;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-270;animation-name:rotate-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-360;animation-name:rotate-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-90;animation-name:rotate-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-180;animation-name:rotate-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270.reverse{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270.reverse>.child-container>.segment{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270.reverse>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270.reverse>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270.reverse>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-270.reverse>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360>.child-container>.segment{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-direction:reverse;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-180;animation-name:rotate-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-270;animation-name:rotate-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-360;animation-name:rotate-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-90;animation-name:rotate-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360.reverse{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360.reverse>.child-container>.segment{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360.reverse>.child-container>.segment.rotate-90{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360.reverse>.child-container>.segment.rotate-180{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360.reverse>.child-container>.segment.rotate-270{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle).rotating.rotate-360.reverse>.child-container>.segment.rotate-360{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-90{-webkit-transform:rotate(1turn);transform:rotate(1turn);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-90.rotating{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-90.rotating.reverse{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-180{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-180.rotating{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-180.rotating.reverse{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-270{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-270.rotating{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-270.rotating.reverse{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-360{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-360.rotating{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-90>.child-container>.segment.rotate-360.rotating.reverse{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180,.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-90{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-90.rotating{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-90.rotating.reverse{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-180{-webkit-transform:rotate(1turn);transform:rotate(1turn);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-180.rotating{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-180.rotating.reverse{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-270{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-270.rotating{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-270.rotating.reverse{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-360{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-360.rotating{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-180>.child-container>.segment.rotate-360.rotating.reverse{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-90{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-90.rotating{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-90.rotating.reverse{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-180{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-180.rotating{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-180.rotating.reverse{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-270{-webkit-transform:rotate(1turn);transform:rotate(1turn);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-270.rotating{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-270.rotating.reverse{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-360{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-360.rotating{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-270>.child-container>.segment.rotate-360.rotating.reverse{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360{-webkit-transform:rotate(1turn);transform:rotate(1turn);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment{-webkit-transform:rotate(0deg);transform:rotate(0deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-90.rotating{-webkit-animation-name:rotate-90;animation-name:rotate-90;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-90.rotating.reverse{-webkit-animation-name:rotate-reverse-90;animation-name:rotate-reverse-90}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-180.rotating{-webkit-animation-name:rotate-180;animation-name:rotate-180;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-180.rotating.reverse{-webkit-animation-name:rotate-reverse-180;animation-name:rotate-reverse-180}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-270.rotating{-webkit-animation-name:rotate-270;animation-name:rotate-270;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-270.rotating.reverse{-webkit-animation-name:rotate-reverse-270;animation-name:rotate-reverse-270}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-360{-webkit-transform:rotate(1turn);transform:rotate(1turn);background-color:inherit;z-index:1}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-360.rotating{-webkit-animation-name:rotate-360;animation-name:rotate-360;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}.segment:not(.segment-row):not(.segment-triangle):not(.rotating).rotate-360>.child-container>.segment.rotate-360.rotating.reverse{-webkit-animation-name:rotate-reverse-360;animation-name:rotate-reverse-360}#level{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;max-width:100%;-webkit-tap-highlight-color:rgba(255,255,255,0);overflow-y:visible}#level,#level *,.segment{-webkit-transition:none;transition:none}.segment{vertical-align:top;white-space:normal;cursor:pointer;display:inline-block;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1;background-color:inherit;line-height:0}.segment.segment-row{display:block;width:100%;-webkit-animation:none!important;animation:none!important;white-space:nowrap}.segment.segment-leaf{background-color:transparent;min-width:1em;padding:.8em}.segment.segment-leaf:before{content:" ";display:block;padding-top:100%}.segment.segment-leaf .leaf-element{position:absolute;width:100%;height:100%;line-height:1.5em;top:0;left:0}.segment.segment-parent{border:1px solid #a9a9a9;border-radius:3px;padding:1px}.segment.segment-parent.layer-2{border:3px solid #000}#site-content>:not(.won) .show-when-won{display:none}.level-container{-webkit-transition:none;transition:none}.won .show-while-playing{display:none}.text-right{text-align:right}#continue-button{margin-bottom:2px}@media screen and (max-width:24.9375em){#continue-button{margin-bottom:0;padding:.3em .6em}}@media screen and (max-width:24.9375em){#play-button{margin-bottom:2px}}#help-button{margin:0;padding:.4em;max-width:3em}@media screen and (max-width:39.9375em){#help-button{padding:.2em;max-width:2em}}.line-height-1{line-height:1}body{overscroll-behavior:contain}#site-content{overflow:hidden}#img-sound:before{content:"";max-width:1.4em;background:url(../img/speaker.svg)}.clickable{cursor:pointer}
\ No newline at end of file
diff --git a/public/html/application/dialog/chooseTheme.html b/public/html/application/dialog/chooseTheme.html
index 7a7d111..bac51ee 100644
--- a/public/html/application/dialog/chooseTheme.html
+++ b/public/html/application/dialog/chooseTheme.html
@@ -1 +1 @@
-<div><div id=theme-choose-container><div id=choose-theme-template><div class=name></div></div></div></div>
\ No newline at end of file
+<div><div id=theme-choose-container><div id=choose-theme-template class="setting-row row"><div class="name column small-12"></div></div></div></div>
\ No newline at end of file
diff --git a/public/html/application/fragment/settings.html b/public/html/application/fragment/settings.html
index fed33a9..1a1f4e7 100644
--- a/public/html/application/fragment/settings.html
+++ b/public/html/application/fragment/settings.html
@@ -1 +1 @@
-<div class="max-height fill-me"><div class="row max-width grow flex-center"><div class="columns small-centered small-12 smedium-11 medium-9 large-7"><div class="row setting-row" id=theme-chooser><span class="columns small-6" data-translation=theme></span> <span class="columns small-6 text-right"><div id=theme-name></div></span></div><label class="switch row setting-row"><span class="columns small-6" data-translation=sound></span> <span class="columns small-6 text-right"><input type=checkbox class=setting id=play-sound name=play-sound value=1 data-default=1> <span class=slider></span></span></label> <label class="switch row setting-row"><span class="columns small-6" data-translation=music></span> <span class="columns small-6 text-right"><input type=checkbox class=setting id=play-music name=play-music value=1 data-default=1> <span class=slider></span></span></label><div class="row setting-row" id=credits-button><span class="columns small-6" data-translation=credits></span> <span class="columns small-6 text-right" data-translation=">"></span></div><div class="row setting-row" id=privacy-policy-button><span class="columns small-6" data-translation=privacy-policy></span> <span class="columns small-6 text-right" data-translation=">"></span></div><div class="row setting-row" id=impressum-button><span class="columns small-6" data-translation=impressum></span> <span class="columns small-6 text-right" data-translation=">"></span></div><label class="switch row setting-row"><span class="columns small-6" data-translation=track></span> <span class="columns small-6 text-right"><input type=checkbox class=setting id=track-switch name=matomoShouldTrack value=1 data-default=1 data-raw=1> <span class=slider></span></span></label> <button id=reset-levels class="button hidden" data-translation=reset-levels></button></div></div></div>
\ No newline at end of file
+<div class="max-height fill-me"><div class="row max-width grow flex-center"><div class="columns small-centered small-12 smedium-11 medium-9 large-7"><div class="row setting-row hidden" id=install-button><span class="columns small-6" data-translation=install></span> <span class="columns small-6 text-right" data-translation=">"></span></div><div class="row setting-row" id=theme-chooser><span class="columns small-6" data-translation=theme></span> <span class="columns small-6 text-right"><div id=theme-name></div></span></div><label class="switch row setting-row"><span class="columns small-6" data-translation=sound></span> <span class="columns small-6 text-right"><input type=checkbox class=setting id=play-sound name=play-sound value=1 data-default=1> <span class=slider></span></span></label> <label class="switch row setting-row"><span class="columns small-6" data-translation=music></span> <span class="columns small-6 text-right"><input type=checkbox class=setting id=play-music name=play-music value=1 data-default=1> <span class=slider></span></span></label><div class="row setting-row" id=credits-button><span class="columns small-6" data-translation=credits></span> <span class="columns small-6 text-right" data-translation=">"></span></div><div class="row setting-row" id=privacy-policy-button><span class="columns small-6" data-translation=privacy-policy></span> <span class="columns small-6 text-right" data-translation=">"></span></div><div class="row setting-row" id=impressum-button><span class="columns small-6" data-translation=impressum></span> <span class="columns small-6 text-right" data-translation=">"></span></div><label class="switch row setting-row"><span class="columns small-6" data-translation=track></span> <span class="columns small-6 text-right"><input type=checkbox class=setting id=track-switch name=matomoShouldTrack value=1 data-default=1 data-raw=1> <span class=slider></span></span></label> <button id=reset-levels class="button hidden" data-translation=reset-levels></button></div></div></div>
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
index ed81ba3..90f85f5 100755
--- a/public/index.html
+++ b/public/index.html
@@ -10,9 +10,7 @@
 
     <meta name="apple-mobile-web-app-capable" content="yes">
 
-    <link rel="manifest" href="js/manifest.json">
-
-
+    <link rel="manifest" href="js/manifest.json" crossOrigin="use-credentials">
 
     <link rel="apple-touch-icon" sizes="180x180" href="img/icons/apple-touch-icon.png">
     <link rel="icon" type="image/png" sizes="32x32" href="img/icons/favicon-32x32.png">
@@ -24,8 +22,6 @@
     <meta name="msapplication-config" content="img/icons/browserconfig.xml">
     <meta name="theme-color" content="#ffffff">
 
-
-
     <meta name="application-name" content="WordRotator">
 
     <title>WordRotator</title>
@@ -242,10 +238,6 @@
         alert(error);
         document.body.innerHTML = error;
     }
-
-    window.addEventListener('beforeinstallprompt', e => {
-        console.log("beforeinstallprompt 2", e);
-    });
 </script>
 </body>
 </html>
\ No newline at end of file
diff --git a/public/js/app.js b/public/js/app.js
index da2f69e..489d4e0 100755
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -6756,7 +6756,7 @@ class WordRotatorSettingFragment extends LocalStorageSettingsFragment {
         themeNameElem.removeAllChildren().appendChild(Translator.makePersistentTranslation(currentThemeName));
         this.findBy("#theme-chooser").addEventListener("click", async () => {
             let newTheme = await (new ChooseThemeDialog()).show();
-            if (Helper.isNotNull(newTheme)){
+            if (Helper.isNotNull(newTheme)) {
                 SettingsManager.getInstance().setSetting("theme", newTheme);
                 ThemeManager.changeCurrentTheme(newTheme);
                 themeNameElem.removeAllChildren().appendChild(Translator.makePersistentTranslation(newTheme));
@@ -6772,7 +6772,7 @@ class WordRotatorSettingFragment extends LocalStorageSettingsFragment {
             WordRotatorDb.getInstance().removeAll(WordRotatorDb.OBJECT_STORE.LEVEL);
         });
 
-        if (location.hostname.includes("beta") || location.hostname.includes("127.0.0.1")){
+        if (location.hostname.includes("beta") || location.hostname.includes("127.0.0.1")) {
             this.findBy("#reset-levels").classList.remove("hidden");
         }
 
@@ -6780,12 +6780,12 @@ class WordRotatorSettingFragment extends LocalStorageSettingsFragment {
         playMusicButton.addEventListener("change", () => {
             let soundManager = SoundManager.getInstance();
             soundManager.set({muted: !playMusicButton.checked}, SoundManager.CHANNELS.MUSIC);
-            if (playMusicButton.checked){
+            if (playMusicButton.checked) {
                 soundManager.play(SoundManager.CHANNELS.MUSIC);
             }
         });
 
-        this.findBy("#track-switch").addEventListener("change", function(e) {
+        this.findBy("#track-switch").addEventListener("change", function (e) {
             Matomo.setTrack(this.checked === true);
             e.stopPropagation();
             e.preventDefault();
@@ -6798,6 +6798,14 @@ class WordRotatorSettingFragment extends LocalStorageSettingsFragment {
             this.getSite().startSite(PrivacyPolicySite);
         });
 
+        InstallManager.setCanInstallListener((e) => {
+            let installButton =this.findBy("#install-button");
+            installButton.addEventListener("click", () => {
+                e.prompt();
+            });
+            installButton.classList.remove("hidden");
+        });
+
         return super.onFirstStart();
     }
 
diff --git a/public/js/lang/de.json b/public/js/lang/de.json
index cc9a8a9..11e28e2 100755
--- a/public/js/lang/de.json
+++ b/public/js/lang/de.json
@@ -1 +1 @@
-{"won":"Gewonnen!","continue":"Weiter","help":"?","not-enough-coins":"Du hast zu wenig Münzen!","sync-error":"Es gab einen Fehler beim Aktualisieren der Level. Bitte stelle sicher, dass du eine aktive Internetverbindung hast und versuche es später erneut.","game-ended":"<b>Oh nein!</b> <br/>Es sieht so aus, als ob du schon alle Level gespielt hast... <br/>Schau später noch einmal rein, evtl gibt es dann neue Level.","play":"Spielen!","tutorial-step-1":"Klicke auf ein Feld, um dieses rotieren zu lassen!","tutorial-step-2":"Um zu gewinnen, drehe die Segmente so, dass du zwei Wörter lesen kannst.","tutorial-step-3":"Durch die Hilfe kannst du ein Segment lösen lassen. Die Hilfe kostet aber 25 Münzen. Probiere jetzt die Hilfe aus.","tutorial-step-4":"Große Segmente drehst du, indem du diese ziehst.","extra-coins-after-first-level":"Für das erste Level gibt es 50 extra Münzen!","dark":"Dunkel","theme":"Theme:","sound":"Sound:","music":"Musik:","credits":"Credits","privacy-policy":"Datenschutzbestimmungen","impressum":"Impressum","track":"Anonymisierte Nutzungsdaten senden:",">":">","choose-theme-dialog-title":"Theme auswählen:","Sunday":"Sonntag","Monday":"Montag","Tuesday":"Dienstag","Wednesday":"Mittwoch","Thursday":"Donnerstag","Friday":"Freitag","Saturday":"Samstag","January":"Januar","February":"Februar","March":"März","April":"April","May":"Mai","June":"Juni","July":"Juli","August":"August","September":"September","October":"Oktober","November":"November","December":"Dezember","Sun":"So","Mon":"Mo","Tue":"Di","Wed":"Mi","Thu":"Do","Fri":"Fr","Sat":"Sa","Jan":"Jan","Feb":"Feb","Mar":"Mär","Apr":"Apr","Jun":"Jun","Jul":"Jul","Aug":"Aug","Sep":"Sep","Oct":"Okt","Nov":"Nov","Dec":"Dez","code-not-valid":"Der angegebebe Code ist nicht gültig!","code-activated":"Der Code wurde erfolgreich aktiviert!","current-lang":"DE","en":"Englisch","de":"Deutsch","black":"Schwarz","red":"Rot","blue":"Blau","green":"Grün","pink":"Rosa","cancel-button":"ABBRECHEN","confirm-button":"OK","we-use-cookie-hint":"Diese Seite nutzt Cookies. Durch das weitere Benutzen dieser Seite geben Sie uns das Recht Cookies so zu benutzen, wie es in unserer <a href='policy' data-site-name='policy' class='link deep-link' rel='nofollow' title='Datenschutzerklärung'>Datenschutzerklärung</a> steht.","policy-heading":"Datenschutzerklärung","area-of-validity-heading":"Geltungsbereich","area-of-validity":"Diese Datenschutzerklärung klärt Nutzer über die Art, den Umfang und Zwecke der Erhebung und Verwendung personenbezogener Daten durch den verantwortlichen Anbieter Silas Günther, Langenbusch 263b - 42897 Remscheid, matrix[at]silas.link auf dieser Website (im folgenden \"Angebot\") auf.<br/><br/>Die rechtlichen Grundlagen des Datenschutzes finden sich im Bundesdatenschutzgesetz (BDSG) und dem Telemediengesetz (TMG).","logfiles-heading":"Zugriffsdaten / Server-Logfiles","logfiles":"Der Anbieter (beziehungsweise sein Webspace-Provider) erhebt Daten über jeden Zugriff auf das Angebot (so genannte Serverlogfiles). Zu den Zugriffsdaten gehören:<br/><br/>Name der abgerufenen Webseite, Datei, Datum und Uhrzeit des Abrufs, übertragene Datenmenge, Meldung über erfolgreichen Abruf, Browsertyp nebst Version, das Betriebssystem des Nutzers, Referrer URL (die zuvor besuchte Seite), IP-Adresse und der anfragende Provider.<br/><br/>Der Anbieter verwendet die Protokolldaten nur für statistische Auswertungen zum Zweck des Betriebs, der Sicherheit und der Optimierung des Angebotes. Der Anbieter behält sich jedoch vor, die Protokolldaten nachträglich zu überprüfen, wenn aufgrund konkreter Anhaltspunkte der berechtigte Verdacht einer rechtswidrigen Nutzung besteht.","contact-support-heading":"Kontaktaufnahme","contact-support":"Bei der Kontaktaufnahme mit dem Anbieter (zum Beispiel per Post oder E-Mail) werden die Angaben des Nutzers zwecks Bearbeitung der Anfrage sowie für den Fall, dass Anschlussfragen entstehen, gespeichert.","cookies-heading":"Cookies","cookies":"Cookies sind kleine Dateien, die es ermöglichen, auf dem Zugriffsgerät der Nutzer (PC, Smartphone o.ä.) spezifische, auf das Gerät bezogene Informationen zu speichern. Sie dienen zum einem der Benutzerfreundlichkeit von Webseiten und damit den Nutzern (z.B. Speicherung von Logindaten). Zum anderen dienen sie, um die statistische Daten der Webseitennutzung zu erfassen und sie zwecks Verbesserung des Angebotes analysieren zu können. Die Nutzer können auf den Einsatz der Cookies Einfluss nehmen. Die meisten Browser verfügen eine Option mit der das Speichern von Cookies eingeschränkt oder komplett verhindert wird. Allerdings wird darauf hingewiesen, dass die Nutzung und insbesondere der Nutzungskomfort ohne Cookies eingeschränkt werden.<br/><br/>Sie können viele Online-Anzeigen-Cookies von Unternehmen über die US-amerikanische Seite <a class = 'link' href='http://www.aboutads.info/choices/'>http://www.aboutads.info/choices/</a> oder die EU-Seite <a class = 'link' href='http://www.youronlinechoices.com/uk/your-ad-choices/'>http://www.youronlinechoices.com/uk/your-ad-choices/</a> verwalten.","google-analytics-heading":"Google Analytics","google-analytics":"Dieses Angebot benutzt Google Analytics, einen Webanalysedienst der Google Inc. („Google“). Google Analytics verwendet sog. „Cookies“, Textdateien, die auf Computer der Nutzer gespeichert werden und die eine Analyse der Benutzung der Website durch sie ermöglichen. Die durch den Cookie erzeugten Informationen über Benutzung dieser Website durch die Nutzer werden in der Regel an einen Server von Google in den USA übertragen und dort gespeichert.<br/><br/>Im Falle der Aktivierung der IP-Anonymisierung auf dieser Webseite, wird die IP-Adresse der Nutzer von Google jedoch innerhalb von Mitgliedstaaten der Europäischen Union oder in anderen Vertragsstaaten des Abkommens über den Europäischen Wirtschaftsraum zuvor gekürzt. Nur in Ausnahmefällen wird die volle IP-Adresse an einen Server von Google in den USA übertragen und dort gekürzt. Die IP-Anonymisierung ist auf dieser Website aktiv. Im Auftrag des Betreibers dieser Website wird Google diese Informationen benutzen, um die Nutzung der Website durch die Nutzer auszuwerten, um Reports über die Websiteaktivitäten zusammenzustellen und um weitere mit der Websitenutzung und der Internetnutzung verbundene Dienstleistungen gegenüber dem Websitebetreiber zu erbringen.<br/><br/>Die im Rahmen von Google Analytics von Ihrem Browser übermittelte IP-Adresse wird nicht mit anderen Daten von Google zusammengeführt. Die Nutzer können die Speicherung der Cookies durch eine entsprechende Einstellung Ihrer Browser-Software verhindern; Dieses Angebot weist die Nutzer jedoch darauf hin, dass Sie in diesem Fall gegebenenfalls nicht sämtliche Funktionen dieser Website vollumfänglich werden nutzen können. Die Nutzer können darüber hinaus die Erfassung der durch das Cookie erzeugten und auf ihre Nutzung der Website bezogenen Daten (inkl. Ihrer IP-Adresse) an Google sowie die Verarbeitung dieser Daten durch Google verhindern, indem sie das unter dem folgenden Link verfügbare Browser-Plugin herunterladen und installieren: <a class = 'link' href='http://tools.google.com/dlpage/gaoptout?hl=de'>http://tools.google.com/dlpage/gaoptout?hl=de</a>.<br/><br/>Weitere Informationen zur Datennutzung zu Werbezwecken durch Google, Einstellungs- und Widerspruchsmöglichkeiten erfahren Sie auf den Webseiten von Google:<br/><a class = 'link' href='https://www.google.com/intl/de/policies/privacy/partners/'>https://www.google.com/intl/de/policies/privacy/partners/</a> („Datennutzung durch Google bei Ihrer Nutzung von Websites oder Apps unserer Partner“),<br/><a class = 'link' href='http://www.google.com/policies/technologies/ads'>http://www.google.com/policies/technologies/ads</a> („Datennutzung zu Werbezwecken“),<br/><a class = 'link' href='http://www.google.de/settings/ads'> http://www.google.de/settings/ads</a> („Informationen verwalten, die Google verwendet, um Ihnen Werbung einzublenden“) und<br/><a class = 'link' href='http://www.google.com/ads/preferences/'>http://www.google.com/ads/preferences/</a> („Bestimmen Sie, welche Werbung Google Ihnen zeigt“).","edited-hint":"Der generierte Text wurde vom Webseiteninhaber angepasst.","generated-hint":"Erstellt mit Datenschutz-Generator.de von RA Dr. Thomas Schwenke","google-play-services-heading":"Google Play Dienste","google-play-services":"Features wie die Bestenliste und Erfolge benötigen einen Login bei Google Play. Hierfür wird die Identität benötigt, um die entsprechenden Punktzahlen und Erfolge an das jeweilige Google Play-Konto zu knüpfen. Alle anderen Features sind weiterhin auch ohne Login bei Google Play nutzbar. Außerdem kann sich jederzeit in den Einstellungen von Google Play abgemeldet werden.","settings":"Einstellungen","close":"Schließen","other-apps":"Andere Apps","optimistic-locking-dialog":"Deine Änderungen können nicht gespeichert werden! Ein anderer Benutzer hat die Daten bereits verändert. Bitte lade die Daten neu und speichere danach.","optimistic-locking-dialog-title":"Nicht gespeichert!","not-online":"Du bist nicht mit dem Internet verbunden. Bitte überprüfe deine Verbindung.","search":"Suchen...","site":"Seite","HTTP-Exception (403) Forbidden":"Nicht erlaubt!","login":"Login","login-email":"E-Mail","login-password":"Passwort","login-automated-login":"Automatischer Login","login-submit":"Login","logout":"Ausloggen","username-or-password-wrong":"Entweder der Username oder das Passwort stimmt nicht!","login-success":"Willkommen zurück!","logged-out-successfully":"Tschüss!","registration":"Registrieren","registration-username":"Username","registration-email":"E-Mail","registration-password1":"Passwort","registration-password2":"Passwort wiederholen","registration-submit":"Registrieren","registration-success":"Ein Registrierungscode wurde an Ihre E-Mailadresse gesendet.","not-allowed-title":"Nicht erlaubt!","not-allowed":"Du hast keine Berechtigung für diese Seite. Wenn das ein Fehler ist, wende dich bitte an einen Admin.","forgot-password":"Passwort vergessen?","forgot-password-title":"Passwort vergessen","forgot-password-email":"E-Mail","forgot-password-submit":"Absenden","forgot-password-text":"Gib deine E-Mailadresse in das Feld ein. Ist die Adresse registriert, werden wir eine E-Mail mit einem Passwort-Resetcode senden.","no-user-found":"Es gibt keinen Benutzer mit dieser E-Mailadresse","new-password-code-send":"Es wurde ein Reset-Code an deine E-Mailadresse gesendet.","new-password":"Neues Passwort","new-password-password1":"Passwort","new-password-password2":"Passwort wiederholen","new-password-submit":"Passwort setzten","password-updated":"Das Passwort ist geupdated!","user-settings":"E-Mail & Username","user-settings-title":"E-Mail & Username","user-settings-form-username":"Username","user-settings-form-old-email":"Aktuelle E-Mail","user-settings-form-new-email":"Neue E-Mail","user-settings-form-submit":"Speichern","user-data-is-changed":"Die Daten wurden gespeichert.","email-code-send":"Ein Änderungscode wurde an die neue E-Mailadresse gesendet. Sobald der Code aktiviert wurde, werden Ihnen E-Mails an die neue Adresse gesendet.","change-email-new-automated-login":"Wenn die E-Mailadresse geändert wird, muss der automatische Login erneut aktiviert werden!","password-settings":"Passwort","change-password-title":"Passwort","change-password-new-automated-login":"Wenn das Passwort geändert wird, muss der automatische Login erneut aktiviert werden!","change-password-old-password":"Altes Passwort","change-password-new-password1":"Neues Passwort","change-password-new-password2":"Neues Passwort wiederholen","change-password-submit":"Speichern","password-changed":"Das Passwort wurde erfolgreich geändert!","registration-username-empty":"Der Username darf nicht leer sein.","registration-username-wrong-char":"Der Username darf nur aus Buchstaben, Zahlen oder den folgenden Zeichen bestehen: -_.&;()#!?$+\",","registration-username-already-taken":"Der Username ist schon vergeben. Bitte wähle einen anderen.","registration-password-empty":"Das Passwort darf nicht leer sein.","registration-password-short":"Das Passwort muss mindestens 8 Zeichen lang sein.","registration-password-not-identical":"Die Passwörter sind nicht identlisch.","registration-email-empty":"Die Email darf nicht leer sein.","registration-email-not-valid":"Die Emailadresse ist keine gültige Emailadresse.","registration-email-already-taken":"Es gibt bereits einen Account mit der Emailadresse.","change-password-old-password-wrong":"Das Passwort stimmt nicht!","user-roles-heading":"Benutzerrollen","user-roles-list":"Aktuelle Rollen:","available-roles-list":"Verfügbare Rollen:","name":"Name","description":"Beschreibung"}
\ No newline at end of file
+{"won":"Gewonnen!","continue":"Weiter","help":"?","not-enough-coins":"Du hast zu wenig Münzen!","sync-error":"Es gab einen Fehler beim Aktualisieren der Level. Bitte stelle sicher, dass du eine aktive Internetverbindung hast und versuche es später erneut.","game-ended":"<b>Oh nein!</b> <br/>Es sieht so aus, als ob du schon alle Level gespielt hast... <br/>Schau später noch einmal rein, evtl gibt es dann neue Level.","play":"Spielen!","tutorial-step-1":"Klicke auf ein Feld, um dieses rotieren zu lassen!","tutorial-step-2":"Um zu gewinnen, drehe die Segmente so, dass du zwei Wörter lesen kannst.","tutorial-step-3":"Durch die Hilfe kannst du ein Segment lösen lassen. Die Hilfe kostet aber 25 Münzen. Probiere jetzt die Hilfe aus.","tutorial-step-4":"Große Segmente drehst du, indem du diese ziehst.","extra-coins-after-first-level":"Für das erste Level gibt es 50 extra Münzen!","dark":"Dunkel","theme":"Theme:","sound":"Sound:","music":"Musik:","credits":"Credits","privacy-policy":"Datenschutzbestimmungen","impressum":"Impressum","track":"Anonymisierte Nutzungsdaten senden:",">":">","choose-theme-dialog-title":"Theme auswählen:","install":"Installieren","Sunday":"Sonntag","Monday":"Montag","Tuesday":"Dienstag","Wednesday":"Mittwoch","Thursday":"Donnerstag","Friday":"Freitag","Saturday":"Samstag","January":"Januar","February":"Februar","March":"März","April":"April","May":"Mai","June":"Juni","July":"Juli","August":"August","September":"September","October":"Oktober","November":"November","December":"Dezember","Sun":"So","Mon":"Mo","Tue":"Di","Wed":"Mi","Thu":"Do","Fri":"Fr","Sat":"Sa","Jan":"Jan","Feb":"Feb","Mar":"Mär","Apr":"Apr","Jun":"Jun","Jul":"Jul","Aug":"Aug","Sep":"Sep","Oct":"Okt","Nov":"Nov","Dec":"Dez","code-not-valid":"Der angegebebe Code ist nicht gültig!","code-activated":"Der Code wurde erfolgreich aktiviert!","current-lang":"DE","en":"Englisch","de":"Deutsch","black":"Schwarz","red":"Rot","blue":"Blau","green":"Grün","pink":"Rosa","cancel-button":"ABBRECHEN","confirm-button":"OK","we-use-cookie-hint":"Diese Seite nutzt Cookies. Durch das weitere Benutzen dieser Seite geben Sie uns das Recht Cookies so zu benutzen, wie es in unserer <a href='policy' data-site-name='policy' class='link deep-link' rel='nofollow' title='Datenschutzerklärung'>Datenschutzerklärung</a> steht.","policy-heading":"Datenschutzerklärung","area-of-validity-heading":"Geltungsbereich","area-of-validity":"Diese Datenschutzerklärung klärt Nutzer über die Art, den Umfang und Zwecke der Erhebung und Verwendung personenbezogener Daten durch den verantwortlichen Anbieter Silas Günther, Langenbusch 263b - 42897 Remscheid, matrix[at]silas.link auf dieser Website (im folgenden \"Angebot\") auf.<br/><br/>Die rechtlichen Grundlagen des Datenschutzes finden sich im Bundesdatenschutzgesetz (BDSG) und dem Telemediengesetz (TMG).","logfiles-heading":"Zugriffsdaten / Server-Logfiles","logfiles":"Der Anbieter (beziehungsweise sein Webspace-Provider) erhebt Daten über jeden Zugriff auf das Angebot (so genannte Serverlogfiles). Zu den Zugriffsdaten gehören:<br/><br/>Name der abgerufenen Webseite, Datei, Datum und Uhrzeit des Abrufs, übertragene Datenmenge, Meldung über erfolgreichen Abruf, Browsertyp nebst Version, das Betriebssystem des Nutzers, Referrer URL (die zuvor besuchte Seite), IP-Adresse und der anfragende Provider.<br/><br/>Der Anbieter verwendet die Protokolldaten nur für statistische Auswertungen zum Zweck des Betriebs, der Sicherheit und der Optimierung des Angebotes. Der Anbieter behält sich jedoch vor, die Protokolldaten nachträglich zu überprüfen, wenn aufgrund konkreter Anhaltspunkte der berechtigte Verdacht einer rechtswidrigen Nutzung besteht.","contact-support-heading":"Kontaktaufnahme","contact-support":"Bei der Kontaktaufnahme mit dem Anbieter (zum Beispiel per Post oder E-Mail) werden die Angaben des Nutzers zwecks Bearbeitung der Anfrage sowie für den Fall, dass Anschlussfragen entstehen, gespeichert.","cookies-heading":"Cookies","cookies":"Cookies sind kleine Dateien, die es ermöglichen, auf dem Zugriffsgerät der Nutzer (PC, Smartphone o.ä.) spezifische, auf das Gerät bezogene Informationen zu speichern. Sie dienen zum einem der Benutzerfreundlichkeit von Webseiten und damit den Nutzern (z.B. Speicherung von Logindaten). Zum anderen dienen sie, um die statistische Daten der Webseitennutzung zu erfassen und sie zwecks Verbesserung des Angebotes analysieren zu können. Die Nutzer können auf den Einsatz der Cookies Einfluss nehmen. Die meisten Browser verfügen eine Option mit der das Speichern von Cookies eingeschränkt oder komplett verhindert wird. Allerdings wird darauf hingewiesen, dass die Nutzung und insbesondere der Nutzungskomfort ohne Cookies eingeschränkt werden.<br/><br/>Sie können viele Online-Anzeigen-Cookies von Unternehmen über die US-amerikanische Seite <a class = 'link' href='http://www.aboutads.info/choices/'>http://www.aboutads.info/choices/</a> oder die EU-Seite <a class = 'link' href='http://www.youronlinechoices.com/uk/your-ad-choices/'>http://www.youronlinechoices.com/uk/your-ad-choices/</a> verwalten.","google-analytics-heading":"Google Analytics","google-analytics":"Dieses Angebot benutzt Google Analytics, einen Webanalysedienst der Google Inc. („Google“). Google Analytics verwendet sog. „Cookies“, Textdateien, die auf Computer der Nutzer gespeichert werden und die eine Analyse der Benutzung der Website durch sie ermöglichen. Die durch den Cookie erzeugten Informationen über Benutzung dieser Website durch die Nutzer werden in der Regel an einen Server von Google in den USA übertragen und dort gespeichert.<br/><br/>Im Falle der Aktivierung der IP-Anonymisierung auf dieser Webseite, wird die IP-Adresse der Nutzer von Google jedoch innerhalb von Mitgliedstaaten der Europäischen Union oder in anderen Vertragsstaaten des Abkommens über den Europäischen Wirtschaftsraum zuvor gekürzt. Nur in Ausnahmefällen wird die volle IP-Adresse an einen Server von Google in den USA übertragen und dort gekürzt. Die IP-Anonymisierung ist auf dieser Website aktiv. Im Auftrag des Betreibers dieser Website wird Google diese Informationen benutzen, um die Nutzung der Website durch die Nutzer auszuwerten, um Reports über die Websiteaktivitäten zusammenzustellen und um weitere mit der Websitenutzung und der Internetnutzung verbundene Dienstleistungen gegenüber dem Websitebetreiber zu erbringen.<br/><br/>Die im Rahmen von Google Analytics von Ihrem Browser übermittelte IP-Adresse wird nicht mit anderen Daten von Google zusammengeführt. Die Nutzer können die Speicherung der Cookies durch eine entsprechende Einstellung Ihrer Browser-Software verhindern; Dieses Angebot weist die Nutzer jedoch darauf hin, dass Sie in diesem Fall gegebenenfalls nicht sämtliche Funktionen dieser Website vollumfänglich werden nutzen können. Die Nutzer können darüber hinaus die Erfassung der durch das Cookie erzeugten und auf ihre Nutzung der Website bezogenen Daten (inkl. Ihrer IP-Adresse) an Google sowie die Verarbeitung dieser Daten durch Google verhindern, indem sie das unter dem folgenden Link verfügbare Browser-Plugin herunterladen und installieren: <a class = 'link' href='http://tools.google.com/dlpage/gaoptout?hl=de'>http://tools.google.com/dlpage/gaoptout?hl=de</a>.<br/><br/>Weitere Informationen zur Datennutzung zu Werbezwecken durch Google, Einstellungs- und Widerspruchsmöglichkeiten erfahren Sie auf den Webseiten von Google:<br/><a class = 'link' href='https://www.google.com/intl/de/policies/privacy/partners/'>https://www.google.com/intl/de/policies/privacy/partners/</a> („Datennutzung durch Google bei Ihrer Nutzung von Websites oder Apps unserer Partner“),<br/><a class = 'link' href='http://www.google.com/policies/technologies/ads'>http://www.google.com/policies/technologies/ads</a> („Datennutzung zu Werbezwecken“),<br/><a class = 'link' href='http://www.google.de/settings/ads'> http://www.google.de/settings/ads</a> („Informationen verwalten, die Google verwendet, um Ihnen Werbung einzublenden“) und<br/><a class = 'link' href='http://www.google.com/ads/preferences/'>http://www.google.com/ads/preferences/</a> („Bestimmen Sie, welche Werbung Google Ihnen zeigt“).","edited-hint":"Der generierte Text wurde vom Webseiteninhaber angepasst.","generated-hint":"Erstellt mit Datenschutz-Generator.de von RA Dr. Thomas Schwenke","google-play-services-heading":"Google Play Dienste","google-play-services":"Features wie die Bestenliste und Erfolge benötigen einen Login bei Google Play. Hierfür wird die Identität benötigt, um die entsprechenden Punktzahlen und Erfolge an das jeweilige Google Play-Konto zu knüpfen. Alle anderen Features sind weiterhin auch ohne Login bei Google Play nutzbar. Außerdem kann sich jederzeit in den Einstellungen von Google Play abgemeldet werden.","settings":"Einstellungen","close":"Schließen","other-apps":"Andere Apps","optimistic-locking-dialog":"Deine Änderungen können nicht gespeichert werden! Ein anderer Benutzer hat die Daten bereits verändert. Bitte lade die Daten neu und speichere danach.","optimistic-locking-dialog-title":"Nicht gespeichert!","not-online":"Du bist nicht mit dem Internet verbunden. Bitte überprüfe deine Verbindung.","search":"Suchen...","site":"Seite","HTTP-Exception (403) Forbidden":"Nicht erlaubt!","login":"Login","login-email":"E-Mail","login-password":"Passwort","login-automated-login":"Automatischer Login","login-submit":"Login","logout":"Ausloggen","username-or-password-wrong":"Entweder der Username oder das Passwort stimmt nicht!","login-success":"Willkommen zurück!","logged-out-successfully":"Tschüss!","registration":"Registrieren","registration-username":"Username","registration-email":"E-Mail","registration-password1":"Passwort","registration-password2":"Passwort wiederholen","registration-submit":"Registrieren","registration-success":"Ein Registrierungscode wurde an Ihre E-Mailadresse gesendet.","not-allowed-title":"Nicht erlaubt!","not-allowed":"Du hast keine Berechtigung für diese Seite. Wenn das ein Fehler ist, wende dich bitte an einen Admin.","forgot-password":"Passwort vergessen?","forgot-password-title":"Passwort vergessen","forgot-password-email":"E-Mail","forgot-password-submit":"Absenden","forgot-password-text":"Gib deine E-Mailadresse in das Feld ein. Ist die Adresse registriert, werden wir eine E-Mail mit einem Passwort-Resetcode senden.","no-user-found":"Es gibt keinen Benutzer mit dieser E-Mailadresse","new-password-code-send":"Es wurde ein Reset-Code an deine E-Mailadresse gesendet.","new-password":"Neues Passwort","new-password-password1":"Passwort","new-password-password2":"Passwort wiederholen","new-password-submit":"Passwort setzten","password-updated":"Das Passwort ist geupdated!","user-settings":"E-Mail & Username","user-settings-title":"E-Mail & Username","user-settings-form-username":"Username","user-settings-form-old-email":"Aktuelle E-Mail","user-settings-form-new-email":"Neue E-Mail","user-settings-form-submit":"Speichern","user-data-is-changed":"Die Daten wurden gespeichert.","email-code-send":"Ein Änderungscode wurde an die neue E-Mailadresse gesendet. Sobald der Code aktiviert wurde, werden Ihnen E-Mails an die neue Adresse gesendet.","change-email-new-automated-login":"Wenn die E-Mailadresse geändert wird, muss der automatische Login erneut aktiviert werden!","password-settings":"Passwort","change-password-title":"Passwort","change-password-new-automated-login":"Wenn das Passwort geändert wird, muss der automatische Login erneut aktiviert werden!","change-password-old-password":"Altes Passwort","change-password-new-password1":"Neues Passwort","change-password-new-password2":"Neues Passwort wiederholen","change-password-submit":"Speichern","password-changed":"Das Passwort wurde erfolgreich geändert!","registration-username-empty":"Der Username darf nicht leer sein.","registration-username-wrong-char":"Der Username darf nur aus Buchstaben, Zahlen oder den folgenden Zeichen bestehen: -_.&;()#!?$+\",","registration-username-already-taken":"Der Username ist schon vergeben. Bitte wähle einen anderen.","registration-password-empty":"Das Passwort darf nicht leer sein.","registration-password-short":"Das Passwort muss mindestens 8 Zeichen lang sein.","registration-password-not-identical":"Die Passwörter sind nicht identlisch.","registration-email-empty":"Die Email darf nicht leer sein.","registration-email-not-valid":"Die Emailadresse ist keine gültige Emailadresse.","registration-email-already-taken":"Es gibt bereits einen Account mit der Emailadresse.","change-password-old-password-wrong":"Das Passwort stimmt nicht!","user-roles-heading":"Benutzerrollen","user-roles-list":"Aktuelle Rollen:","available-roles-list":"Verfügbare Rollen:","name":"Name","description":"Beschreibung"}
\ No newline at end of file
diff --git a/src/module/Application/pwa/html/application/dialog/chooseTheme.html b/src/module/Application/pwa/html/application/dialog/chooseTheme.html
index 9d6007e..5d3f332 100644
--- a/src/module/Application/pwa/html/application/dialog/chooseTheme.html
+++ b/src/module/Application/pwa/html/application/dialog/chooseTheme.html
@@ -1,7 +1,7 @@
 <div>
     <div id='theme-choose-container'>
-        <div id='choose-theme-template'>
-            <div class='name'></div>
+        <div id='choose-theme-template' class = 'setting-row row'>
+            <div class='name column small-12'></div>
         </div>
     </div>
 </div>
\ No newline at end of file
diff --git a/src/module/Application/pwa/html/application/fragment/settings.html b/src/module/Application/pwa/html/application/fragment/settings.html
index 307f9f5..e463381 100644
--- a/src/module/Application/pwa/html/application/fragment/settings.html
+++ b/src/module/Application/pwa/html/application/fragment/settings.html
@@ -1,6 +1,10 @@
 <div class='max-height fill-me'>
     <div class='row max-width grow flex-center'>
         <div class='columns small-centered small-12 smedium-11 medium-9 large-7'>
+            <div class='row setting-row hidden' id='install-button'>
+                <span class='columns small-6' data-translation="install"></span>
+                <span class='columns small-6 text-right' data-translation=">"></span>
+            </div>
             <div class='row setting-row' id="theme-chooser">
                 <span class='columns small-6' data-translation="theme"></span>
                 <span class='columns small-6 text-right'>
diff --git a/src/module/Application/pwa/js/Fragment/WordRotatorSettingFragment.js b/src/module/Application/pwa/js/Fragment/WordRotatorSettingFragment.js
index 8679a97..3559f99 100644
--- a/src/module/Application/pwa/js/Fragment/WordRotatorSettingFragment.js
+++ b/src/module/Application/pwa/js/Fragment/WordRotatorSettingFragment.js
@@ -1,7 +1,7 @@
 import {LocalStorageSettingsFragment, SettingsManager, SettingsSite} from "../../../../../js/lib/pwa-core";
 import {Helper, InitPromise, ThemeManager, Translator} from "../../../../../js/lib/pwa-lib";
 import {WordRotatorDb} from "../WordRotatorDb";
-import {Matomo, SoundManager} from "../../../../../js/lib/pwa-assets";
+import {InstallManager, Matomo, SoundManager} from "../../../../../js/lib/pwa-assets";
 import {CreditsSite} from "../site/CreditsSite";
 import {PrivacyPolicySite} from "../site/PrivacyPolicySite";
 import {ChooseThemeDialog} from "../dialog/ChooseThemeDialog";
@@ -19,7 +19,7 @@ export class WordRotatorSettingFragment extends LocalStorageSettingsFragment {
         themeNameElem.removeAllChildren().appendChild(Translator.makePersistentTranslation(currentThemeName));
         this.findBy("#theme-chooser").addEventListener("click", async () => {
             let newTheme = await (new ChooseThemeDialog()).show();
-            if (Helper.isNotNull(newTheme)){
+            if (Helper.isNotNull(newTheme)) {
                 SettingsManager.getInstance().setSetting("theme", newTheme);
                 ThemeManager.changeCurrentTheme(newTheme);
                 themeNameElem.removeAllChildren().appendChild(Translator.makePersistentTranslation(newTheme));
@@ -35,7 +35,7 @@ export class WordRotatorSettingFragment extends LocalStorageSettingsFragment {
             WordRotatorDb.getInstance().removeAll(WordRotatorDb.OBJECT_STORE.LEVEL);
         });
 
-        if (location.hostname.includes("beta") || location.hostname.includes("127.0.0.1")){
+        if (location.hostname.includes("beta") || location.hostname.includes("127.0.0.1")) {
             this.findBy("#reset-levels").classList.remove("hidden");
         }
 
@@ -43,12 +43,12 @@ export class WordRotatorSettingFragment extends LocalStorageSettingsFragment {
         playMusicButton.addEventListener("change", () => {
             let soundManager = SoundManager.getInstance();
             soundManager.set({muted: !playMusicButton.checked}, SoundManager.CHANNELS.MUSIC);
-            if (playMusicButton.checked){
+            if (playMusicButton.checked) {
                 soundManager.play(SoundManager.CHANNELS.MUSIC);
             }
         });
 
-        this.findBy("#track-switch").addEventListener("change", function(e) {
+        this.findBy("#track-switch").addEventListener("change", function (e) {
             Matomo.setTrack(this.checked === true);
             e.stopPropagation();
             e.preventDefault();
@@ -61,6 +61,14 @@ export class WordRotatorSettingFragment extends LocalStorageSettingsFragment {
             this.getSite().startSite(PrivacyPolicySite);
         });
 
+        InstallManager.setCanInstallListener((e) => {
+            let installButton =this.findBy("#install-button");
+            installButton.addEventListener("click", () => {
+                e.prompt();
+            });
+            installButton.classList.remove("hidden");
+        });
+
         return super.onFirstStart();
     }
 
diff --git a/src/module/Application/pwa/translations/de.json b/src/module/Application/pwa/translations/de.json
index e934cfb..7439a86 100755
--- a/src/module/Application/pwa/translations/de.json
+++ b/src/module/Application/pwa/translations/de.json
@@ -25,5 +25,6 @@
   "impressum":"Impressum",
   "track":"Anonymisierte Nutzungsdaten senden:",
   ">":">",
-  "choose-theme-dialog-title":"Theme auswählen:"
+  "choose-theme-dialog-title":"Theme auswählen:",
+  "install":"Installieren"
 }
\ No newline at end of file
diff --git a/src/scss/_wordrotatorTheme.scss b/src/scss/_wordrotatorTheme.scss
index 36682e6..cfc7371 100644
--- a/src/scss/_wordrotatorTheme.scss
+++ b/src/scss/_wordrotatorTheme.scss
@@ -49,6 +49,12 @@
       }
     }
   }
+  //.setting-row{
+  //  border-bottom: 1px solid  #{map-get($theme, textColor)};
+  //  &:not(.hidden):first-child{
+  //    border-top: 1px solid  #{map-get($theme, textColor)};
+  //  }
+  //}
 }
 
 body {
@@ -93,11 +99,13 @@ body {
     font-size: 1em !important;
 
   }
-  .setting-row{
+  .setting-row:not(.hidden){
     line-height: 1;
     padding-top: 0.5em;
     padding-bottom: 0.5em;
     width: 100%;
     cursor: pointer;
+    background: rgba(195, 195, 195, 0.13);
+    display: inline-block;
   }
 }