#demon-details{flex-direction:column;align-items:center;gap:.5vh;width:30%;display:flex}#demon-details .detail{justify-content:space-between;width:90%;font-size:85%;display:flex}#demon-details .detail .title{text-align:left;max-width:50%;font-weight:700;overflow:hidden}#demon-details .detail .title.long{max-width:70%}#demon-details .detail .value{text-align:right;max-width:60%;overflow:hidden}#demon-details .hidden .value{font-style:italic}#demon-details #lore{width:90%;font-size:80%}#middle{width:40%}#demon-image{--guess1:500%;--guess2:400%;--guess3:300%;--guess4:200%;--guess5:150%;aspect-ratio:1;background-color:#fff;justify-content:center;align-items:center;width:100%;height:50vh;margin-bottom:1vh;display:flex;overflow:hidden}#demon-image img{object-fit:contain;pointer-events:none;width:1000vw;height:1000vh}#demon-image img.guess1{height:var(--guess1);max-width:var(--guess1);align-self:flex-start}#demon-image img.guess2{height:var(--guess2);max-width:var(--guess2);align-self:flex-end}#demon-image img.guess3{height:var(--guess3);max-width:var(--guess3);align-self:center}#demon-image img.guess4{height:var(--guess4);max-width:var(--guess4);align-self:flex-start}#demon-image img.guess5{height:var(--guess5);max-width:var(--guess5);align-self:flex-end}#demon-image img.guess6{max-width:100%;height:100%}#demon-image img.unsolved{filter:brightness(0)}#demon-skills{width:30%}#skills{flex-direction:column;justify-content:center;align-items:center;gap:1vh;margin-top:1vh;display:flex}#skills .skill{width:90%;height:5vh;overflow:none;background-color:#444;border-radius:2.5vh;outline:.1vw solid #fff;align-items:center;gap:.4vw;display:flex}#skills .skill img{max-height:80%;margin-left:1.5%}#guesses{flex-direction:column;justify-content:center;gap:1vh;width:100%;display:flex}#guesses .guess{background-color:#3d0000;border-radius:.5vw;outline:.1vw solid red}#guesses .guess.solved{background-color:#006400;outline-color:#adff2f}#demon-name{color:orange;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:4ch;font-weight:700;line-height:1}#demon-name.correct{color:#adff2f}#select-demon option{background-color:#000}#guess-input{background-color:#000;border-radius:.5vw;justify-content:space-between;width:100%;padding:.1vw;display:flex;position:relative}#guess-input #select-demon{border-radius:.5vw;outline:.1vw solid #fff;width:75%}#guess-input .inner-select{background-color:#000;border:none;border-radius:.5vw;width:100%}#guess-input .input,#guess-input .value,#guess-input .new-input{color:#fff}#guess-input button{border-radius:.5vw;outline:.1vw solid #fff;width:20%;padding:0 .5vw;overflow:hidden}#guess-input button:hover{color:#fff;background-color:red}#guess-input .option{color:#fff;background-color:#000;border-radius:.5vw}#guess-input .option:hover{color:#000;background-color:#fff}#guess-input .menu-list{background-color:#000;border:.1vw solid #fff}#guess-input .separator{background-color:#000}#twitter img{filter:brightness(1000%)}#feedback img{filter:invert()}#press-turns{justify-content:right;width:20%;display:flex;position:fixed;top:5%;right:0%}#press-turns img{width:30%}#press-turns .flashing{animation:1s infinite blink}#share{cursor:pointer}#share img{filter:invert()}#share:disabled{cursor:not-allowed}#share:disabled img{filter:invert()brightness(20%)}#restart-mandala img{filter:invert()}#next-mandala:disabled{cursor:not-allowed}#next-mandala:disabled img{filter:brightness(20%)}@media (width<=960px){#demon-name{font-size:3ch}#demon-details,#middle,#demon-skills{width:90%}#demon-details{order:2;font-size:85%}#demon-details .detail,#demon-details #lore{width:90%}#middle{order:1}#demon-skills{order:3}#demon-skills #skills .skill{gap:1vw;width:90%;font-size:80%}#guess-input{font-size:50%}}#demondle{color:#fff}#background{object-fit:cover;opacity:.3;height:130%;position:fixed;top:-20%;left:0}#title{text-align:center;width:20%;font-family:p5hatty,Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:5ch;line-height:1;position:absolute;top:5%}#nav{text-align:center;flex-direction:column;gap:3vh;width:16%;display:flex;position:absolute;top:15%;left:2%}#nav .nav-button{outline:.51vw solid #000;font-size:4ch}#nav .nav-button.disabled{color:#292929;cursor:not-allowed;outline-color:#292929}#nav .nav-button.disabled:hover{background-color:gray}.nav-button{color:#000;background-color:gray;border-radius:.5vw;justify-content:center;align-items:center;font-family:p5hatty,Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;display:flex}.nav-button.selected{color:#fff;pointer-events:none;background-color:red}.nav-button:hover{color:#000;background-color:#fff}#game{text-align:center;background-color:#000000f2;border-radius:.5vw;outline:.1vw solid red;width:60%;height:88%;position:absolute;top:5%;left:20vw;overflow-y:hidden}#game h1{font-family:p5hatty,Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:3ch}.columns{flex-direction:row;justify-content:center;display:flex}#page-title{font-family:p5hatty,Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:4ch}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}#footer{--footer-height:5vh;height:var(--footer-height);white-space:nowrap;text-align:center;justify-content:space-between;align-items:flex-end;width:100%;display:flex;position:fixed;bottom:1%;left:0}#footer img{cursor:pointer;height:var(--footer-height);width:var(--footer-height)}#footer #mandala-toggle{color:#fff;background-color:red;outline:.1vw solid #fff;width:60%;height:100%;padding-top:.5vh;font-size:3ch;line-height:.5}#footer #mandala-toggle:hover{color:#000;background-color:#fff}.bottom-container{justify-content:space-evenly;gap:2vw;width:10%;margin:0 1vw;display:flex}.bottom-container.left{justify-content:left}.bottom-container.right{justify-content:right}#info img{filter:invert()}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{text-align:center;background-color:#000;border-radius:1vw;outline:.2vw solid #adff2f;flex-direction:column;justify-content:center;align-items:center;gap:10vh;width:50%;height:80%;padding:1.5vw;font-size:4.5ch;animation:.5s forwards fade-in;display:flex;position:fixed;top:10%;left:25%;overflow:auto}.modal .modal-buttons{justify-content:space-evenly;gap:1vw;width:80%;display:flex}.modal .modal-buttons button{border-radius:1vw;outline:.1vw solid #adff2f;width:50%;padding:1vw;display:block}.modal button:hover{color:#000;background-color:#adff2f}.modal button:active{background-color:green}.modal.failed{outline-color:red}.modal.failed .modal-buttons button{outline-color:red}.modal.failed button:hover{background-color:red}.modal.failed button:active{background-color:#8b0000}.modal .close-text{font-size:75%}.info-modal{gap:3.5vh;font-size:1.9ch}.info-modal h1{margin-bottom:-3vh;font-family:p5hatty,Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:200%;line-height:1}.info-modal hr{background-color:#fff;width:100%;height:.1vh;padding:0}@media (width<=960px){#back-arrow.demondle{height:3%}#title{width:100vw;font-size:4ch;top:.5%;left:0}#page-title{font-size:3ch}#press-turns{display:none}#nav{flex-direction:row;justify-content:space-between;gap:3vw;width:90%;height:5%;position:absolute;top:6%;left:5%}#nav .nav-button{width:50%;height:100%;font-size:3ch;display:flex}#game{width:90%;height:82%;padding-bottom:2vh;font-size:2.25ch;top:12%;left:5%;overflow-y:auto}.columns{flex-direction:column;align-items:center;gap:5vh}#footer{--footer-height:4vh;bottom:.5%}.bottom-container{width:15%}.bottom-container a{max-width:50%}.bottom-container img{aspect-ratio:1;max-width:100%}.modal{gap:5vh;width:85%;height:80%;padding:3vh 0;font-size:3ch;top:10%;left:7.5%}.modal .modal-buttons{flex-direction:column;gap:2vh}.modal .modal-buttons button{width:100%;padding:3vw}.info-modal{gap:3vh;font-size:1.7ch}.info-modal h1{font-size:3ch}}