.debug-link{display:inline-block;background-color:transparent;background-repeat:no-repeat;background-position:left center;background-image:url(icons/bug-icon.svg);background-size:1em;padding-left:1.5em;margin:0 auto 0 0}.charachter{background-size:contain;width:100%;height:90%;background-repeat:no-repeat}.ganzia{background-image:url(https://upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Guida_di_Pompei_illustrata_p025.jpg/115px-Guida_di_Pompei_illustrata_p025.jpg);background-position:right center;mix-blend-mode:multiply}.ganzio{background-image:url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/03/Collier%27s_1921_Caligula.jpg/212px-Collier%27s_1921_Caligula.jpg);background-position:left center;mix-blend-mode:multiply}.gonzio{background-image:url(https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/Comic_History_of_Rome_p_212_Light_Comedy_Man_of_the_Period.jpg/235px-Comic_History_of_Rome_p_212_Light_Comedy_Man_of_the_Period.jpg);background-position:center center;mix-blend-mode:darken}.faber{background-image:url(https://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Roman_blacksmith.jpg/320px-Roman_blacksmith.jpg);mix-blend-mode:multiply;background-position:right bottom}.loading-bar{animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:loadingTextAnimation;width:100%;background-image:linear-gradient(to right,rgba(222,0,0,.3) 0,rgba(0,222,0,.3) 33%,rgba(0,0,222,.3) 66%,rgba(222,0,0,.3) 100%);background-size:300% 100%;display:block}@keyframes loadingTextAnimation{0%{background-position-x:300%;color:rgba(0,0,33,.7)}33%{color:rgba(33,0,0,.7)}66%{color:rgba(0,33,0,.7)}100%{background-position-x:0;color:rgba(0,0,33,.7)}}.game-container{width:100%;max-width:100%;height:100%;display:grid;grid-template-rows:auto 1fr auto;grid-gap:1vmin;position:relative}.tiles-area{margin:9px;justify-content:center;align-content:center;display:grid}.tiles-container{box-shadow:0 0 0 9px #000;pointer-events:inherit;display:grid;position:relative;margin:0 auto;opacity:1;background-color:#000;background-blend-mode:lighten}.tiles-container-inactive{opacity:0;box-shadow:none;transition:opacity .4s ease-out;display:none}.tiles-container-waiting{opacity:.25;transition:opacity .2s ease-out}.tiles-container-finished{box-shadow:0 0 0 9px #693;pointer-events:none}.tiles-container-gameover{box-shadow:0 0 0 9px #936;pointer-events:none}.tiles-container-loading{pointer-events:none}.tiles-container-loading:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:"Loading";font-size:2em;text-shadow:2px 2px 2px #fff;color:#fff;mix-blend-mode:difference}.tiles-container-loading>*{opacity:.5;background-blend-mode:multiply}.tile{cursor:pointer;transform-style:preserve-3d}.tile:hover{z-index:2;box-shadow:0 0 .25vmin .1vmin rgba(0,0,0,.5)}@keyframes tileShrink{0%{padding:0}50%{padding:15%;width:70%;height:70%}100%{padding:0}}.panels-container{position:absolute;width:100%;height:100%;transform-style:preserve-3d;transform:translateZ(.1px) rotateY(0);transform-origin:center center;transition:transform .3s ease-out}.panels-container.out{transform:rotateY(89deg)}.panels-container.first{transition-timing-function:ease-in}.panels-container.in{transform:rotateY(-89deg)}.panels-container.switch{transition:none}.panels-container .border3D{width:7vmin;height:100%;position:absolute;transform-style:preserve-3d;transform-origin:0 0}.panels-container .border3D.right{transform:rotateY(-90deg);transform-origin:7vmin 0;right:0}.panels-container .border3D.left{transform:rotateY(90deg) translateZ(0)}.panel{transform:translate3d(0,0,0);transform-style:preserve-3d;position:absolute;width:100%;height:100%;box-shadow:0 .5vmin .25vmin rgba(0,33,33,.8),inset 0 .5vmin .25vmin rgba(33,33,00,.8);border:solid 1vmin rgba(33,00,33,.2);background-color:rgba(0,0,0,.5);overflow-y:auto;padding:1vw}.panel .close{margin-left:auto}.panel h2{font-size:2em;font-weight:600;color:#c33a;text-shadow:0 .05em .06em #002121,0 -.02em .02em rgba(255,222,222,.8),0 .02em 0 rgba(33,0,0,.8);text-align:center;margin-bottom:.5em}.panel h3{letter-spacing:.33em;font-size:1.5em;font-weight:100;text-shadow:0 .015em .02em #002121,0 -.012em .012em rgba(255,222,222,.5),0 .012em 0 rgba(33,0,0,.5)}.panel h4{letter-spacing:.33em;font-size:1.25em;font-weight:100;text-shadow:0 .015em .02em #002121,0 -.012em .012em rgba(255,222,222,.5),0 .012em 0 rgba(33,0,0,.5);margin:1vmin 0 0}.panel ul{list-style-type:none}.badge{background-color:rgba(0,0,33,.9);border-radius:.5em;color:#dedede;border:dotted 2px rgba(222,222,33,.9);text-shadow:none;padding:.5em;letter-spacing:.1em;text-align:center}.badge a{color:#de2121;display:inline-block;text-shadow:none;font-weight:700}.img-selector{list-style:none;list-style-position:inside;padding:0;margin:0;position:absolute}.img-selector label{width:100%;display:block;cursor:pointer}.img-selector input{display:none}.img-selector-loading{color:#999;background-color:#ccc;pointer-events:none}.img-selector-ready{color:#000}.img-selector-error{color:#a00;pointer-events:none;background-color:#ffb7b7}.img-list-item{border:solid 1px #000;padding:.25em;cursor:pointer;pointer-events:inherit}.img-selector-ready .img-list-item.selected{background-color:#000;color:#fff;pointer-events:none}.status-bar{display:flex;justify-content:space-between;max-width:100%;flex-wrap:wrap}.link-text{display:inline-block;padding:.5em;letter-spacing:0;width:100%;word-break:break-all}.linked.red::first-letter{color:red}.buttons-group{display:flex;justify-content:right}.icon-button{border:none;background-color:transparent;background-repeat:no-repeat;background-size:contain;background-position:center center;margin-right:.5em;height:2em;width:2em;font-size:inherit;box-shadow:inset 0 .2em .1em rgba(0,33,33,.8),0 .2em .1em rgba(33,33,00,.5);box-shadow:inset 0 .2em .1em rgba(0,33,33,.8),0 .2em .1em rgba(33,33,00,.5),inset 0 -1px 2px rgba(222,184,184,.75),0 -1px 0 1px rgba(222,184,184,.25);border-style:solid;border-width:.3em;border-color:rgba(33,0,0,0);border-radius:1em;display:block;cursor:pointer;background-color:rgba(0,0,33,.1);transition:border .2s ease-out,background-color .2s ease-in}.text-button{font-size:1.3em;transition:font-size .2s ease-out,background-color .3s ease-in .1s;box-shadow:0 .2em .5em rgba(0,33,33,.7);background-color:rgba(33,0,0,.2);display:flex;align-items:center;justify-content:center;cursor:pointer}.text-button:hover{transition:font-size .1s ease-out,background-color .2s ease-out;font-size:2em;background-color:rgba(33,33,0,.1)}.text-buttons-pile{display:grid}.icon-button:last-child{margin-right:0}.icon-button:hover,.text-button:hover .icon-button{background-color:rgba(0,0,33,.1);border-color:rgba(222,222,0,.2);border-width:.1em;border-style:dashed;transition:border .1s ease-in,background-color .5s ease-out}.text-button .icon-button{pointer-events:none;margin-right:.5em}.icon-button:focus{border-color:rgba(33,0,0,.3)}.icon-button.settings{background-image:url(icons/settings-icon.svg)}.icon-button.replay{background-image:url(icons/replay-icon.svg)}.icon-button.back{background-image:url(icons/back-icon.svg)}.icon-button.close{background-image:url(icons/close-icon.svg)}.icon-button.about{background-image:url(icons/about-icon.svg)}.icon-button.help{background-image:url(icons/help-icon.svg)}.icon-button.playgame{background-image:url(icons/playgame-icon.svg)}.icon-button.tutorial{background-image:url(icons/tutorial-icon.svg)}.icon-button.ok{background-image:url(icons/ok-icon.svg)}.progress-display{width:8em;text-align:center;font-size:1.5em;letter-spacing:0}.progress-display-bar{height:.25em;border:solid 1px #000;width:100%;background-color:#693}.progress-display-bar.unlimited{display:none}.remaining-progress-bar{background-color:#936;height:100%}.progress-display-text{background-repeat:no-repeat;background-size:contain;background-position:left center;font-size:.75em;text-align:center}.timer .progress-display-text{background-image:url(icons/alarm-icon.svg)}.counter .progress-display-text{background-image:url(icons/rotationsnum-icon.svg)}.intro-panel{display:grid;grid-template-rows:auto 1fr auto;grid-row-gap:1em}.about-panel{display:grid;grid-template-rows:auto auto auto 1fr auto;grid-row-gap:.5em}.about-item{text-align:center;font-size:1.5em;line-height:1.5em;font-weight:700}.about-item.little{text-align:justify;font-size:1.15em;line-height:1.25em}.about-logo{display:block;height:100%;background-image:url(img/logo.png);background-repeat:no-repeat;background-size:contain;background-position:center center}.imagantia-input-group{box-shadow:0 .2em .2em rgba(0,33,33,.5);background-color:rgba(33,33,0,.1);margin-bottom:1em}.imagantia-input-group-title{color:rgba(222,222,187,.9);box-shadow:inset 0 .2em .3em rgba(222,222,187,.5),inset 0 -.2em .3em rgba(0,0,33,.5);background-color:rgba(0,33,33,.6);padding:.5em}.imagantia-input-group-title-selected-value{color:#210000;letter-spacing:.1em;background:rgba(222,222,0,.3);border-radius:.5em;padding:.1em .5em;box-shadow:inset 0 .1em .2em #000021,0 1px 0 rgba(222,222,222,.3);text-shadow:0 -1px 0 rgba(222,222,222,.2);display:inline-block}.imagantia-input-group li{padding:.75vmin 1vmin}.radio-group{list-style:none;list-style-position:inside;padding:0}.radio-group label{width:100%;display:block;cursor:pointer}.radio-group input{display:none}.radio-group li{cursor:pointer;pointer-events:inherit;transition:font-size .2s ease-out,background-color .3s ease-in .1s;box-shadow:inset 0 .1em .1em rgba(0,33,33,.5)}.radio-group li:hover{transition:font-size .1s ease-out,background-color .2s ease-out;font-size:1.5em;background-color:rgba(33,33,0,.2)}.radio-group .selected{background-color:rgba(33,33,0,.1);font-size:1.2em;font-weight:600;color:#000021;pointer-events:none;text-shadow:0 1px 1px rgba(255,255,184,.5),0 -.5px 1px rgba(0,33,33,.6)}.radio-group .selected label::before{content:"\2192"}.modal{position:fixed;width:100%;height:100%;min-height:100%;top:0;left:0;background-color:rgba(0,0,0,.4);overflow:hidden;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr auto 1fr;grid-template-areas:". . ." ". modal-content ." ". . ."}.modal.out{opacity:0;transition:transform 0s ease-out}.modal.enter{opacity:1;transition:opacity .5s ease-out}.modal.exit{opacity:0;transition:opacity .3s ease-in}.modal-content{grid-area:modal-content;height:auto;overflow-Y:auto;margin:2vmin;padding:1em;line-height:1.25em;letter-spacing:.1em;border:solid 1vmin rgba(33,00,33,.2);background-color:rgba(33,0,0,.3);box-shadow:0 2vmin 2.25vmin rgba(0,0,33,.74),inset 0 -.3vmin .6vmin rgba(0,33,0,.7),inset 0 .3vmin .6vmin .1vmin rgba(222,222,187,.7);background-color:rgba(33,0,0,.7);box-shadow:inset 0 0 0 100vmax rgba(222,222,222,.3),0 2vmin 2.25vmin rgba(0,0,33,.74),inset 0 -.3vmin .6vmin rgba(0,33,0,.7),inset 0 .3vmin .6vmin .1vmin rgba(222,222,187,.7);font-size:1.25em}.modal-content.out{transform:scale(2) translate(-100%,0) rotateZ(-.2turn);transition:transform 0s ease-in}.modal-content.enter{transform:scale(1) translate(0,0) rotateZ(0);transition:transform .3s ease-out .2s}.modal-content.exit{transform:scale(2) translate(100%,0) rotateZ(.1turn);transition:transform .3s ease-in}.modal-content h3{letter-spacing:.1em;color:rgba(164,33,33,.6);text-shadow:0 .05em .06em #002121,0 -.02em .02em rgba(255,222,222,.8),0 .02em 0 rgba(33,0,0,.8);margin-bottom:1em}.modal-content .inner-item,.modal-content p{margin-bottom:1em}.modal-content em{font-weight:700;color:#422121}.level-info tr{border-bottom:solid 1px rgba(0,33,0,.7)}.cookiesPrompt{display:grid;grid-template-rows:auto 10vh}.cookieImg{background-size:contain;background-position:center center;background-blend-mode:luminosity;background-image:url(img/cookies.svg);animation:cookiesParade 1.5s linear infinite}@keyframes cookiesParade{0%{background-position-x:0}100%{background-position-x:10vh}}