*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#10b981,#059669);min-height:100dvh;color:#fff;overflow:hidden}#app{height:100dvh;display:flex;align-items:center;justify-content:center}.screen{display:none;width:100%;height:100%;padding:2rem;padding-top:max(2rem,env(safe-area-inset-top));padding-bottom:max(2rem,env(safe-area-inset-bottom))}.screen.active{display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container{width:100%;max-width:500px;text-align:center}.title{font-size:clamp(2.5rem,10vw,4rem);font-weight:700;margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.subtitle{font-size:clamp(1.2rem,5vw,1.8rem);margin-bottom:3rem;opacity:.9}.input-group{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.input-field{width:100%;padding:1.25rem 1.5rem;font-size:1.25rem;border:none;border-radius:1rem;background:#fffffff2;color:#1f2937;font-weight:600;text-align:center;outline:none;transition:all .2s ease}.input-field:focus{transform:scale(1.02);box-shadow:0 0 0 3px #ffffff4d}.input-field::placeholder{color:#9ca3af}.btn{width:100%;padding:1.25rem 2rem;font-size:1.25rem;font-weight:700;border:none;border-radius:1rem;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;min-height:60px}.btn:active{transform:scale(.98)}.btn-primary{background:#fff;color:#10b981;box-shadow:0 4px 15px #0003}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:#fff3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-flip{background:linear-gradient(135deg,#fcd34d,#f59e0b);color:#78350f;box-shadow:0 4px 15px #f59e0b66;font-size:1.5rem;margin-bottom:1rem}.btn-flip:disabled{opacity:.5;cursor:not-allowed;transform:none}.game-container{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%}.player-info{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:2rem}.player{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1}.player-name{font-size:clamp(1.2rem,5vw,1.8rem);font-weight:700;text-align:center;word-break:break-word}.player-side{font-size:clamp(.9rem,4vw,1.2rem);opacity:.8;background:#fff3;padding:.5rem 1rem;border-radius:.5rem}.vs{font-size:1.5rem;font-weight:700;opacity:.6;margin:0 1rem}.coin-container{flex:1;display:flex;align-items:center;justify-content:center;perspective:1000px;margin:2rem 0}.coin{width:clamp(200px,40vw,300px);height:clamp(200px,40vw,300px);position:relative;transform-style:preserve-3d;transition:transform .1s ease}.coin-face{position:absolute;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;box-shadow:0 10px 40px #0000004d}.coin-inner{width:90%;height:90%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(2rem,8vw,3rem);font-weight:700;text-shadow:0 2px 5px rgba(0,0,0,.3)}.heads{background:linear-gradient(135deg,#fcd34d,#f59e0b);color:#78350f}.heads .coin-inner{border:5px solid #F59E0B}.tails{background:linear-gradient(135deg,silver,gray);color:#1f2937;transform:rotateY(180deg)}.tails .coin-inner{border:5px solid #808080}@keyframes flip{0%{transform:rotateY(0) rotateX(0)}to{transform:rotateY(1800deg) rotateX(360deg)}}.coin.flipping{animation:flip 2s ease-out forwards}.coin.result-heads{transform:rotateY(0)}.coin.result-tails{transform:rotateY(180deg)}.result-container{min-height:100px;display:flex;align-items:center;justify-content:center;margin:1rem 0}.result-text{font-size:clamp(1.5rem,6vw,2.5rem);font-weight:700;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.3);animation:slideUp .5s ease-out;padding:0 1rem}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.button-group{width:100%;display:flex;flex-direction:column;gap:1rem}.footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.2);text-align:center;font-size:.875rem;opacity:.8}.footer p{margin-bottom:.5rem}.footer a{color:#fff;text-decoration:none;opacity:.8;transition:opacity .2s ease;display:block;margin-top:.5rem}.footer a:hover{opacity:1;text-decoration:underline}@media (max-width: 480px){.screen{padding:1rem}.player-info{margin-bottom:1rem}.vs{margin:0 .5rem}.button-group{gap:.75rem}}