*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#1a0b2e;font-family:"Press Start 2P",cursive;overflow-x:hidden}.app-container{background-image:url(/background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative}.overlay{z-index:1;background:linear-gradient(#1a0b2eb3,#591c87cc);width:100%;height:100%;position:absolute;top:0;left:0}.content-box{z-index:2;text-align:center;background:#0009;border:4px solid #ff4500;border-radius:8px;width:100%;max-width:500px;padding:2.5rem 2rem;position:relative;box-shadow:0 0 20px #ff450080}.logo{width:100%;max-width:250px;margin-bottom:1.5rem;transition:transform .2s}.logo:hover{transform:scale(1.05)}.title{color:#fd0;text-transform:uppercase;margin-bottom:.8rem;font-size:1.2rem;line-height:1.4}.subtitle{color:#a8a8ff;margin-bottom:1rem;font-size:.65rem;line-height:1.6}.instruction-text{color:#a8a8ff;margin-bottom:1rem;font-size:.6rem;line-height:1.5}.pixel-button{cursor:pointer;text-transform:uppercase;border:4px solid;outline:none;width:100%;padding:12px 24px;font-family:"Press Start 2P",cursive;font-size:.8rem;transition:all .1s;position:relative;box-shadow:4px 4px #000}.pixel-button:active{box-shadow:none;transform:translate(4px,4px)}.pixel-button:disabled{opacity:.6;cursor:not-allowed}.twitter-btn{color:#fff;background-color:#1da1f2;border-color:#0d8ddb;margin-bottom:1rem}.twitter-btn:hover:not(:disabled){background-color:#4db6ff}.unlocked-content{animation:.5s ease-in-out fadeIn}.twitter-connected{color:#0f8;background:#00ff880d;border:2px dashed #0f8;margin-bottom:1.5rem;padding:15px;font-size:.7rem;line-height:1.6}.handle{color:#fff;font-weight:700}.logout-btn{color:#fff;background-color:#333;border-color:#111;margin-top:15px;padding:8px;font-size:.6rem;box-shadow:2px 2px #000}.logout-btn:hover{background-color:#555}.quest-container{text-align:left;background:#0006;border:2px dashed #a8a8ff;border-radius:5px;margin-bottom:1.5rem;padding:15px}.quest-title{color:#fd0;text-transform:uppercase;text-align:center;margin-bottom:15px;font-size:.7rem}.quest-item{background:#ffffff0d;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px;display:flex}.quest-item:last-child{margin-bottom:0}.quest-name{color:#fff;font-size:.6rem}.quest-btn{color:#fff;background-color:#591c87;border-color:#7e22ce;width:auto;padding:8px 12px;font-size:.5rem}.quest-btn:hover{background-color:#7e22ce}.quest-done{color:#0f8;text-shadow:0 0 5px #00ff8880;font-size:.6rem;font-weight:700}.wallet-form{flex-direction:column;gap:1.2rem;display:flex}.input-group{text-align:left}.input-group label{color:#ff4500;margin-bottom:10px;font-size:.65rem;display:block}.input-group input{color:#0f8;background-color:#0a0a0a;border:3px solid #333;outline:none;width:100%;padding:14px;font-family:Courier New,monospace;font-size:.9rem;font-weight:700}.input-group input:focus{border-color:#ff4500;box-shadow:0 0 10px #ff450080}.input-group input:disabled{color:#555;background-color:#222;border-color:#222}.submit-btn{color:#fff;background-color:#ff4500;border-color:#cc3700;margin-top:.5rem}.submit-btn:hover:not(:disabled){background-color:#ff6a00;box-shadow:0 0 15px #ff4500cc,4px 4px #000}.status-message{min-height:1.2em;margin:10px 0;font-size:.65rem;line-height:1.5}.warning{color:#fd0}.success{color:#0f8;text-shadow:0 0 5px #00ff8880}.footer{color:#fff6;z-index:2;letter-spacing:1px;font-size:.5rem;position:absolute;bottom:15px}@media (max-width:480px){.content-box{border-width:3px;padding:1.5rem}.title{font-size:1rem}.pixel-button{padding:10px 15px;font-size:.7rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.success-badge{color:#000;background-color:#0f8;border:4px solid #000;margin:20px 0;padding:15px;font-size:.7rem;animation:1.5s infinite pulse;box-shadow:4px 4px #000}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}