*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:Courier New,Monaco,Menlo,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:#0a0a0a;background-image:linear-gradient(0deg,transparent 24%,rgba(255,0,255,.05) 25%,rgba(255,0,255,.05) 26%,transparent 27%,transparent 74%,rgba(0,255,255,.05) 75%,rgba(0,255,255,.05) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(255,0,255,.05) 25%,rgba(255,0,255,.05) 26%,transparent 27%,transparent 74%,rgba(0,255,255,.05) 75%,rgba(0,255,255,.05) 76%,transparent 77%,transparent);background-size:50px 50px;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 0,transparent 2px);pointer-events:none;z-index:1;animation:scanline 8s linear infinite}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(100px)}}.container{width:100%;max-width:600px;padding:20px;z-index:2}.container,.main{position:relative}.main{background:#1a1a2e;border:2px solid #0ff;border-radius:0;padding:40px;box-shadow:0 0 20px rgba(0,255,255,.5),0 0 40px rgba(255,0,255,.3),inset 0 0 20px rgba(0,255,255,.1);text-align:center}.title{font-size:2.5rem;margin-bottom:10px;color:#0ff;font-weight:700;text-shadow:0 0 10px rgba(0,255,255,.8),0 0 20px rgba(0,255,255,.6),0 0 30px rgba(0,255,255,.4);letter-spacing:2px;text-transform:uppercase}.description{font-size:1.1rem;color:#f0f;margin-bottom:30px;text-shadow:0 0 10px rgba(255,0,255,.6)}.connectButton,.disconnectButton,.switchButton{background:#0a0a0a;color:#0ff;border:2px solid #0ff;padding:15px 30px;font-size:1.1rem;border-radius:0;cursor:pointer;font-weight:600;transition:all .2s;margin:10px;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 10px rgba(0,255,255,.5),inset 0 0 10px rgba(0,255,255,.1);position:relative;overflow:hidden}.connectButton:before,.switchButton:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.3),transparent);transition:left .5s}.connectButton:hover:before,.switchButton:hover:before{left:100%}.connectButton:hover,.disconnectButton:hover,.switchButton:hover{transform:translateY(-2px);box-shadow:0 0 20px rgba(0,255,255,.8),0 0 40px rgba(0,255,255,.4),inset 0 0 20px rgba(0,255,255,.2);color:#fff}.connectButton:active,.disconnectButton:active,.switchButton:active{transform:translateY(0)}.disconnectButton{background:#0a0a0a;border-color:#f0f;color:#f0f;margin-top:20px;box-shadow:0 0 10px rgba(255,0,255,.5),inset 0 0 10px rgba(255,0,255,.1)}.disconnectButton:hover{box-shadow:0 0 20px rgba(255,0,255,.8),0 0 40px rgba(255,0,255,.4),inset 0 0 20px rgba(255,0,255,.2);color:#fff}.walletInfo{margin-top:30px}.infoItem{background:#0a0a0a;border:1px solid #0ff;padding:15px;border-radius:0;margin:15px 0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 0 10px rgba(0,255,255,.3)}.infoItem strong{color:#0ff;text-shadow:0 0 5px rgba(0,255,255,.6)}.infoItem span{color:#f0f;font-weight:600;font-family:Courier New,monospace;text-shadow:0 0 5px rgba(255,0,255,.6)}.error{background:#0a0a0a;color:#ff0080;padding:15px;border-radius:0;margin:20px 0;border:2px solid #ff0080;box-shadow:0 0 15px rgba(255,0,128,.5);text-shadow:0 0 5px rgba(255,0,128,.8)}.wallet-buttons{gap:15px}.wallet-buttons,.wallet-selection{display:flex;flex-direction:column;align-items:center}.wallet-selection{width:100%}.wallet-buttons-row{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;width:100%}.wallet-button{flex:1 1;min-width:150px;max-width:200px}.game-section{margin-top:40px;padding-top:40px;border-top:2px solid #0ff;box-shadow:0 -2px 10px rgba(0,255,255,.3)}.tic-tac-toe{display:flex;flex-direction:column;align-items:center;gap:20px}.game-title{font-size:1.8rem;color:#333;margin-bottom:10px}.game-status{font-size:1.2rem;font-weight:600;color:#667eea;margin-bottom:10px}.board{flex-direction:column;background:#333;padding:5px;border-radius:10px}.board,.board-row{display:flex;gap:5px}.square{width:80px;height:80px;font-size:2.5rem;font-weight:700;border:none;background:#fff;border-radius:5px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.square:hover:not(:disabled){background:#f0f0f0;transform:scale(1.05)}.square:disabled{cursor:not-allowed}.square-x{color:#e74c3c}.square-o{color:#3498db}.reset-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 25px;font-size:1rem;border-radius:8px;cursor:pointer;font-weight:600;transition:transform .2s,box-shadow .2s;margin-top:10px}.reset-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(102,126,234,.4)}.reset-button:active{transform:translateY(0)}@media (max-width:600px){.main{padding:30px 20px}.title{font-size:2rem}.description{font-size:1rem}.square{width:70px;height:70px;font-size:2rem}.game-title{font-size:1.5rem}.game-status{font-size:1rem}}.game-2048{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:500px;margin:0 auto;min-width:300px}.game-header{width:100%;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.game-title-2048{font-size:2.5rem;color:#0ff;margin:0;font-weight:700;line-height:1;text-shadow:0 0 10px rgba(0,255,255,.8),0 0 20px rgba(0,255,255,.6);letter-spacing:3px}.game-subtitle{font-size:.9rem;color:#f0f;margin:5px 0 0;text-shadow:0 0 10px rgba(255,0,255,.6)}.score-container{display:flex;gap:10px}.score-box{background:#0a0a0a;border:2px solid #0ff;border-radius:0;padding:8px 16px;min-width:80px;text-align:center;box-shadow:0 0 10px rgba(0,255,255,.4)}.score-label{font-size:.75rem;color:#0ff;text-transform:uppercase;font-weight:600;margin-bottom:4px;text-shadow:0 0 5px rgba(0,255,255,.6)}.score-value{font-size:1.5rem;color:#f0f;font-weight:700;text-shadow:0 0 10px rgba(255,0,255,.8)}.game-message{padding:15px;border-radius:8px;font-weight:600;text-align:center;width:100%;margin-bottom:15px}.won-message{background:#edc22e;color:#f9f6f2}.game-over-message{background:#f65e3b;color:#f9f6f2}.save-status{padding:12px;border-radius:8px;text-align:center;font-weight:600;width:100%;margin-bottom:15px}.save-status.success{background:#4caf50;color:#fff}.save-status.error{background:#f44336;color:#fff}.grid-container{position:relative;width:100%;max-width:100%;background:#0a0a0a;border:2px solid #0ff;border-radius:0;padding:10px;box-shadow:0 0 20px rgba(0,255,255,.5),inset 0 0 20px rgba(0,255,255,.1);overflow:visible;margin-bottom:30px;min-height:300px}.grid-background{position:absolute;top:10px;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);grid-gap:10px;gap:10px;z-index:1}.grid-cell{background:rgba(0,255,255,.05);border:1px solid rgba(0,255,255,.2);border-radius:0}.grid{position:absolute;top:10px;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);grid-gap:10px;gap:10px;z-index:2}.tile{border-radius:6px;font-size:2rem;font-weight:700;display:flex!important;align-items:center;justify-content:center;transition:all .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:60px;min-width:60px;position:relative;z-index:10;overflow:visible;text-align:center;line-height:1}.tile-occupied{box-shadow:0 2px 8px rgba(0,0,0,.15);animation:appear .2s}@keyframes appear{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.game-controls{width:100%;display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:20px;padding-top:20px;border-top:2px solid #0ff;box-shadow:0 -2px 10px rgba(0,255,255,.3)}.controls-info{text-align:center;color:#f0f;font-size:.9rem;text-shadow:0 0 5px rgba(255,0,255,.6)}.button-grid{flex-direction:column;align-items:center}.button-grid,.button-row{display:flex;gap:5px}.control-button{width:60px;height:60px;font-size:1.5rem;background:#0a0a0a;color:#0ff;border:2px solid #0ff;border-radius:0;cursor:pointer;font-weight:700;transition:all .2s;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px rgba(0,255,255,.5);text-shadow:0 0 5px rgba(0,255,255,.8)}.control-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 20px rgba(0,255,255,.8),0 0 40px rgba(0,255,255,.4);color:#fff;background:rgba(0,255,255,.1)}.control-button:active:not(:disabled){transform:translateY(0)}.control-button:disabled{opacity:.5;cursor:not-allowed}.action-buttons{display:flex;gap:10px;width:100%;flex-wrap:wrap;justify-content:center}.action-button{padding:12px 24px;font-size:1rem;border:none;border-radius:0;cursor:pointer;font-weight:600;transition:all .2s;flex:1 1;min-width:150px;text-transform:uppercase;letter-spacing:1px}.reset-button-2048{background:#0a0a0a;border:2px solid #0ff;color:#0ff;box-shadow:0 0 10px rgba(0,255,255,.5);text-shadow:0 0 5px rgba(0,255,255,.8)}.reset-button-2048:hover{transform:translateY(-2px);box-shadow:0 0 20px rgba(0,255,255,.8),0 0 40px rgba(0,255,255,.4);color:#fff;background:rgba(0,255,255,.1)}.save-button{background:#0a0a0a;border:2px solid #0f0;color:#0f0;box-shadow:0 0 10px rgba(0,255,0,.5);text-shadow:0 0 5px rgba(0,255,0,.8)}.save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 20px rgba(0,255,0,.8),0 0 40px rgba(0,255,0,.4);color:#fff;background:rgba(0,255,0,.1)}.save-button:disabled{opacity:.5;cursor:not-allowed}.action-button:active:not(:disabled){transform:translateY(0)}@media (max-width:600px){.game-header{flex-direction:column;gap:15px}.score-container{width:100%;justify-content:space-between}.game-title-2048{font-size:2rem}.tile{font-size:1.5rem}.control-button{width:50px;height:50px;font-size:1.2rem}.action-button{min-width:120px;font-size:.9rem;padding:10px 20px}}