*{margin:0;padding:0;box-sizing:border-box;}body{padding:.5rem;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(135deg,rgb(89,0,255),violet,rgb(89,0,255));background-attachment:fixed;background-repeat:no-repeat;background-size:cover;color:#333;height:100vh;max-width:80em;margin:0 auto;}main{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;height:100dvh;max-height:100%;}h2{margin-top:.5rem;color:darkblue;padding:0;width:6em;display:inline;}h3,h4{margin-top:.5rem;padding:8px;}p{padding:5px;color:darkblue;}#left,#right{background:rgba(233,226,226,.2);padding:.5rem;border-radius:.5rem;box-shadow:0 2px 6px rgba(0,0,0,.1);text-align:center;justify-content:center;max-height:100dvh;}#spielfeld{display:inline-grid;grid-template-columns:repeat(3,1fr);width:72%;aspect-ratio:1/1;border:1px solid black;margin-top:10px;background-color:white;justify-self:center;}#eingabe{display:inline-grid;grid-template-columns:repeat(9,1fr);background-color:white;margin-top:.5rem;width:72%;justify-self:center;border:1px solid black;}#spielfeld,#eingabe{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:1.55rem;font-weight:540;}.block{display:grid;grid-template-rows:repeat(3,1fr);aspect-ratio:1/1;border:1px solid black;}#spielfeld .block ul{display:grid;grid-template-columns:repeat(3,1fr);list-style-type:none;}.cell{display:flex;aspect-ratio:1/1;border:1px solid darkgray;justify-content:center;align-items:center;overflow:hidden;user-select:none;}.numb{width:100%;aspect-ratio:1/1;border:1px solid darkgray;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;user-select:none;}.options{display:flex;flex-direction:column;align-items:center;margin-top:.8rem;background:rgb(236,240,241,.3);border-radius:8px;padding:1rem;max-width:100%;}summary{cursor:pointer;}details{position:relative;margin-top:.5rem;}details[open] summary+.options{position:absolute;left:5%;width:90%;background:linear-gradient(45deg,rgb(130,97,221),violet,rgb(114,97,221));border:1px solid #641414;padding:1em;z-index:1000;box-sizing:border-box;}details.open-up summary+.options{bottom:100%;}details.open-down summary+.options{top:100%;}#closeopt{position:absolute;right:-3rem;top:.4rem;margin:0;cursor:pointer;}#startbutton{display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;}.start{width:5rem;height:2.2rem;margin:.3rem;margin-top:.6rem;background:linear-gradient(rgb(241,237,213),gold,rgb(241,237,213));border:2px solid yellow;border-radius:5px;}#time,#musicdisplay{margin-top:10px;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;position:relative;border:1px solid #641414;border-radius:5px;width:150px;background:rgba(100,0,150,.1);}#timeimage,#musicimage{display:inline;position:absolute;width:16px;height:16px;left:120px;}#timepic,#musicpic{display:flex;justify-content:center;align-items:center;cursor:pointer;height:20px;width:20px;}#toggleMusic,#start{width:6rem;}.start:hover{border:2px solid white;}.ecke{z-index:5;width:1rem;aspect-ratio:1/1;position:absolute;right:0;bottom:0;font-size:.6em;color:black;user-select:none;}#startbutton{display:flex;flex-direction:column;display:none;}#volumeSlider{margin:.5rem;max-width:80%;}.white{color:white;}.wrong{color:red;}.initial{color:#22a541;transition:color 2.8s ease-in-out;}.active{border:1px solid darkgreen;border-radius:.5rem;background-color:rgb(220,233,238);}.empty{color:#22a541;;cursor:pointer;}.ingame{cursor:pointer;}.ingame:hover,.empty:hover{background-color:lightgray;}#spielfeld .cells{pointer-events:none;}.highlight{animation:spin .8s linear infinite;background:white;border-radius:40%;}.end{transform:scale(1.05);transition:transform .6s ease-in-out;}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media (max-width:768px){body{padding:0}main{grid-template-columns:1fr;gap:.3rem}#spielfeld,#eingabe{width:100%;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:1rem;font-weight:500}#left,#right{padding:.2rem}.ecke{width:.75rem}}@media (min-width:1400px){#spielfeld,#eingabe{width:90%}}