button,div,section{-webkit-tap-highlight-color:transparent;outline:none;user-select:none}body,button,div,section{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html,body{-webkit-touch-callout:none}body{display:flex;flex-direction:column;align-items:center;min-height:100vh;width:100vw;position:relative}header{display:none;position:fixed;top:0px;left:0;right:0;justify-content:space-between;align-items:center;padding:20px 10px 2px;z-index:1000;font-size:1rem;background:rgba(0,0,0,0.01)}#resetGameButton{background:#4ef2e0;color:#000;padding:7px 18px;border:2px solid #4ef2e0;border-radius:5px;font-size:1rem;font-weight:700;cursor:pointer;margin:0 5px}#infoBtn{visibility:hidden;background:#f4a261;color:#000;padding:7px 18px;border:2px solid #f4a261;border-radius:5px;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,0.3);margin:0 5px}main{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100vw;height:100%}#menu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:90%;max-width:100%;min-height:100vh}#menu #logo{display:flex;justify-content:center;align-items:center;width:350px;height:auto;background:linear-gradient(135deg,#9da98e,#ffffff);border-radius:25px;box-shadow:0 0 20px #daf73a,0 0 60px #9784f9,0 0 90px #fc44d0;;margin-bottom:40px;overflow:hidden;z-index:2}#menu #logo img{width:100%;height:auto;display:block;border-radius:25px}#menu div:not(#logo){background:linear-gradient(135deg,#daf73a,#9784f9,#fc44d0);color:#fff;padding:15px 25px;border-radius:20px;font-size:1.6rem;text-align:center;width:100%;max-width:350px;box-shadow:0 10px 20px rgba(0,0,0,0.6),inset 0 0 10px rgba(255,255,255,0.3);;position:relative;overflow:hidden;z-index:3;animation:pulseButton 2s infinite ease-in-out;cursor:pointer}#menu div:not(#logo) span{display:inline-block;animation:pulseText 2s infinite ease-in-out}#menu div:not(#logo):hover{transform:scale(1.05);box-shadow:0 12px 25px rgba(0,0,0,0.8),inset 0 0 15px rgba(255,255,255,0.4);;animation:none;transition:all 0.3s ease}#menu div:not(#logo):hover span{animation:none;transform:scale(1.05);text-shadow:0 0 8px rgba(255,255,255,0.8);transition:all 0.3s ease}@keyframes pulseText{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes pulseButton{0%,100%{transform:scale(1)}50%{transform:scale(1.01)}}@keyframes starAnimation{0%{opacity:0;transform:scale(0.5)}50%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.5)}}@media(max-width:400px){#menu #logo{width:auto}}#game{display:none;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:20px;gap:20px;background-color:#000;overflow-y:auto;position:relative}.player{display:flex;flex-direction:column;gap:20px;width:100%;max-width:500px}#roundGameText{font-size:1.8rem;color:#daf73a;text-shadow:2px 2px 4px #000;text-align:center;margin-top:50px;margin-bottom:10px}section[id^="player"]{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px;border-radius:15px;box-shadow:0 4px 8px rgba(0,0,0,0.5);position:relative;overflow:hidden;cursor:pointer;transition:transform 0.3s ease,box-shadow 0.3s ease;color:#fff}#player1Btn,#playerData1,#player2Btn,#playerData2{border-width:2px;border-style:solid}#playerData1,#playerData2{display:none}section[id^="player"] span{font-size:1.4rem;font-weight:700}.live,.magicka{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.live p,.magicka p{font-size:1.2rem;text-shadow:1px 1px 3px #000;margin-bottom:5px}.live .box,.magicka .box{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:300px;height:30px;background-color:rgba(255,255,255,0.1);border:2px solid #4ef2e0;border-radius:10px;overflow:hidden}.live .box div,.magicka .box div{flex:1;height:100%;border-right:1px solid rgba(255,255,255,0.1);transition:background-color 0.3s ease}.live .box div:last-child,.magicka .box div:last-child{border-right:none}.live span,.magicka span{font-size:1rem;margin-top:5px}.btn{display:flex;gap:15px;margin-top:10px}.btn div{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;font-size:1.4rem;color:#fff;text-shadow:1px 1px 2px #000;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease;box-shadow:0 4px 8px rgba(0,0,0,0.5)}.btn div:active{transform:scale(0.9)}.macht{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%;max-width:400px;padding:15px;background:linear-gradient(135deg,#444444,#1a1a1a);border-radius:20px;box-shadow:0 4px 8px rgba(0,0,0,0.7);border:2px solid #4ef2e0;margin-bottom:80px}.macht p{font-size:1.5rem;color:#daf73a;text-shadow:2px 2px 4px #000;margin-bottom:10px}.macht .box{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:300px;height:30px;background-color:rgba(255,255,255,0.1);border:2px solid rgba(255,255,255,0.3);border-radius:10px;overflow:hidden;position:relative}.macht .box div{flex:1;height:100%;border-right:1px solid rgba(255,255,255,0.1);background-color:rgba(255,255,255,0.2);transition:background-color 0.3s ease}.macht .box div:last-child{border-right:none}.macht .btn{display:flex;justify-content:space-between;width:100%;gap:20px}.macht .btn div{font-size:1.4rem;color:#fff;background:linear-gradient(135deg,#fc44d0,#9784f9);padding:10px 30px;border-radius:15px;box-shadow:0 4px 8px rgba(0,0,0,0.5);cursor:pointer;text-shadow:1px 1px 2px #000;transition:transform 0.2s ease,box-shadow 0.2s ease}.macht #machtText{font-size:1.2rem;color:#fff;margin-top:10px;text-shadow:1px 1px 3px #000}.gameFooter{display:flex;justify-content:center;align-items:center;position:fixed;bottom:0;left:0;width:100%;padding:10px;background:rgba(0,0,0,0.8);border-top:2px solid #4ef2e0;z-index:10}#roundEndBtn{font-size:1.5rem;padding:10px 20px;background:linear-gradient(135deg,#fc44d0,#daf73a);border-radius:15px;color:#fff;cursor:pointer;text-shadow:1px 1px 2px #000;transition:transform 0.3s ease,box-shadow 0.3s ease}.live .btn{margin-bottom:20px}@media(max-width:400px){.macht{margin-bottom:100px}#roundGameText{font-size:1.5rem}#roundEndBtn{font-size:1.3rem}}#result{display:none;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:20px;background-color:#000;overflow-y:auto;position:relative}#gameWinner{font-size:2rem;color:#daf73a;text-shadow:2px 2px 4px #000;text-align:center;margin-bottom:20px;margin-top:30px}#result h3{font-size:1.6rem;color:#4ef2e0;text-shadow:1px 1px 3px #000;margin-top:20px;margin-bottom:10px;text-align:center}#result p{font-size:1.2rem;color:#fff;text-shadow:1px 1px 3px #000;text-align:center;margin-bottom:5px}.gameFooter{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;position:fixed;bottom:0;left:0;width:100%;background:rgba(0,0,0,0.8);border-top:2px solid #4ef2e0;z-index:10}#backButton,#nextTurnBtn{font-size:1.5rem;padding:10px 20px;background:linear-gradient(135deg,#fc44d0,#daf73a);border-radius:15px;color:#fff;cursor:pointer;text-shadow:1px 1px 2px #000;transition:transform 0.3s ease,box-shadow 0.3s ease;text-align:center;width:100%;max-width:300px}#resultRoundGameText{font-size:1rem;color:#fff;margin-top:10px;text-shadow:1px 1px 2px #000;text-align:center}@media(max-width:400px){#gameWinner{font-size:1.5rem}#result h3{font-size:1.3rem}#result p{font-size:1rem}}