body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#fff;color:#2d3748;min-height:100vh;padding-bottom:80px;position:relative;text-align:center}.App-header{margin:0 auto;max-width:1200px;padding:20px}h1{color:#22c55e;font-size:2.5em;font-weight:700;margin-bottom:30px}h2{color:#16a34a;margin-bottom:20px}h2,h3{font-weight:600}h3{color:#15803d;margin-bottom:15px}.button{border:none;border-radius:5px;cursor:pointer;display:inline-block;font-size:16px;margin:10px 5px;padding:10px 20px;text-decoration:none;transition:all .3s}.button.primary{background-color:#22c55e;box-shadow:0 2px 4px #22c55e33;color:#fff;font-weight:600}.button.primary:hover:not(:disabled){background-color:#16a34a;box-shadow:0 4px 8px #22c55e4d;transform:translateY(-1px)}.button.secondary{background-color:#86efac;box-shadow:0 2px 4px #86efac33;color:#15803d;font-weight:600}.button.secondary:hover:not(:disabled){background-color:#4ade80;transform:translateY(-1px)}.button.warning{background-color:#fbbf24;color:#78350f;font-weight:600}.button.warning:hover:not(:disabled){background-color:#f59e0b}.button.large{font-size:18px;padding:15px 30px}.button:disabled{cursor:not-allowed;opacity:.5}input[type=number],input[type=text]{background-color:#f0fdf4;border:2px solid #86efac;border-radius:8px;color:#2d3748;font-size:16px;margin:10px 0;max-width:400px;padding:10px;width:100%}input[type=number]:focus,input[type=text]:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a;outline:none}label{color:#15803d;display:block;font-weight:600;margin-bottom:5px}.move-selector{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0}.move-button{background-color:#f0fdf4;border:2px solid #86efac;border-radius:10px;color:#15803d;cursor:pointer;font-size:16px;font-weight:600;padding:15px 20px;transition:all .3s}.move-button:hover:not(:disabled){background-color:#dcfce7;border-color:#22c55e;box-shadow:0 4px 8px #22c55e33;transform:translateY(-2px)}.move-button.selected{background-color:#22c55e;border-color:#16a34a;color:#fff}.move-button:disabled{cursor:not-allowed;opacity:.5}.game-container{margin:0 auto;max-width:800px;width:100%}.game-creator,.game-player,.game-status{background-color:#f0fdf4;border:2px solid #86efac;border-radius:12px;box-shadow:0 4px 6px #22c55e1a;margin-bottom:20px;padding:30px}.form-section{margin-bottom:20px;text-align:left}.account-info{align-items:center;background-color:#dcfce7;border:1px solid #86efac;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.account-info p{margin:0}.status-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:20px 0}.status-item{background-color:#dcfce7;border:1px solid #86efac;border-radius:8px;padding:10px;text-align:left}.status-item strong{color:#15803d;display:block;margin-bottom:5px}.status-item a{color:#22c55e;font-weight:600;text-decoration:none}.status-item a:hover{text-decoration:underline}.game-result{background-color:#22c55e;border-radius:12px;box-shadow:0 4px 12px #22c55e4d;margin:20px 0;padding:20px}.result-details{font-size:18px}.winner{color:#fff;font-size:24px;font-weight:700;margin:15px 0}.info-box{background-color:#dcfce7;border:1px solid #86efac;border-radius:8px;margin:20px 0;padding:15px;text-align:left}.info-box ul{margin:10px 0;padding-left:20px}.info-box li{margin:5px 0}.error-message{background-color:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#991b1b;margin:20px 0;padding:15px}.error-message p{margin:0}.tx-status{background-color:#dbeafe;border:1px solid #93c5fd;border-radius:8px;color:#1e40af;margin:20px 0;padding:15px}.tx-status p{margin:0}code{background-color:#dcfce7;border-radius:3px;color:#15803d;font-family:monospace;padding:2px 5px}.connect-section,.network-section{background-color:#f0fdf4;border:2px solid #86efac;border-radius:12px;box-shadow:0 4px 6px #22c55e1a;margin:20px 0;padding:30px}.footer{background-color:#f0fdf4;border-top:2px solid #86efac;bottom:0;box-shadow:0 -2px 8px #22c55e1a;color:#15803d;font-size:14px;font-weight:600;left:0;padding:20px;position:fixed;right:0;text-align:center}@media (max-width:768px){h1{font-size:2em}.move-selector{flex-direction:column}.move-button{width:100%}.status-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.387c3bf2.css.map*/