.credits-cube-wrapper{position:fixed;top:60px;right:60px;z-index:2000;display:flex;flex-direction:column;align-items:center;gap:16px}.credits-label{font-family:sans-serif;font-size:11px;font-weight:600;letter-spacing:1px;color:var(--color)}.credits-container{perspective:300px;width:60px;height:60px}.credits-cube{width:60px;height:60px;position:relative;transform-style:preserve-3d;font-family:sans-serif;font-weight:700;font-size:.9rem;color:var(--color)}.credits-side{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--background-color);border:var(--color) solid 4px;box-shadow:0 2px 6px #ffffff45}.credits-front{transform:rotateY(0) translateZ(30px)}.credits-right{transform:rotateY(90deg) translateZ(30px)}.credits-back{transform:rotateY(180deg) rotate(180deg) translateZ(30px)}.credits-left{transform:rotateY(-90deg) translateZ(30px)}.credits-top{transform:rotateX(90deg) translateZ(30px)}.credits-bottom{transform:rotateX(-90deg) translateZ(30px)}:root{--color: #ffffff;--background-color: #064e3b}html{background:var(--background-color);color:var(--color);font-family:sans-serif}.round-btn{padding:10px 20px;border-radius:999px;border:none;background-color:var(--background-color);color:var(--color);cursor:pointer;font-size:16px;display:inline-flex;justify-content:center;align-items:center;white-space:nowrap}.round-btn:hover{opacity:.8}button{cursor:pointer;box-shadow:0 4px 12px #ffffff26}.sidebar-toggle{position:fixed;top:15px;left:15px;z-index:2000;font-size:40px;background:transparent;color:var(--color);border:none;cursor:pointer;box-shadow:none}.sidebar{position:fixed;top:0;left:0;height:100vh;width:260px;background:var(--color);color:var(--background-color);transform:translate(-100%);transition:transform .35s ease;padding:25px;z-index:1500;box-shadow:3px 0 10px #0006}.sidebar.open{transform:translate(0)}.sidebar-content{align-items:flex-start;gap:30px;display:flex;flex-direction:column;margin-top:60px;color:var(--background-color);font-size:18px;cursor:pointer;transition:color .2s}.sidebar-content .round-btn:hover{opacity:1}.sidebar-username{font-size:16px;opacity:.8}.about-btn{margin-top:auto}.text-box{max-width:700px;border:2px solid var(--color);padding:1rem;text-align:left;line-height:1.6;box-shadow:0 4px 12px #ffffff26}.about{margin-top:25px;display:flex;flex-direction:column;align-items:center;font-size:20px;gap:20px;text-align:center}.the-stack{margin-top:25px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.container{perspective:500px;width:200px;height:200px;margin:0 auto;display:flex;justify-content:center;align-items:center}.container.shake{animation:shake .5s}@keyframes shake{10%,90%{transform:translate(-4px)}20%,80%{transform:translate(6px)}30%,50%,70%{transform:translate(-10px)}40%,60%{transform:translate(10px)}}.cube{margin:auto;width:200px;height:200px;position:relative;transform-style:preserve-3d;font-family:sans-serif;font-weight:700;font-size:2rem;letter-spacing:1px;color:var(--color)}.side{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--background-color);border:var(--color) solid 15px;box-shadow:0 4px 12px #ffffff45}.front{transform:rotateY(0) translateZ(100px)}.right{transform:rotateY(90deg) translateZ(100px)}.back{transform:rotateY(180deg) rotate(180deg) translateZ(100px)}.left{transform:rotateY(-90deg) translateZ(100px)}.top{transform:rotateX(90deg) translateZ(100px)}.bottom{transform:rotateX(-90deg) translateZ(100px)}.home-container{min-height:100vh;gap:40px;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px;color:var(--color);text-align:center}.the-number{display:flex;flex-direction:column;align-items:center;gap:50px}.button-group{display:flex;gap:40px;justify-content:center;margin-top:25px}.login-hint{font-size:14px;opacity:.7}.login-hint-link{color:var(--color);text-decoration:underline}.login-hint-link:hover{opacity:.8}.increase-btn{background-color:var(--background-color)!important;color:var(--color)!important;border:2px solid var(--color)!important;border-radius:50%!important;width:70px!important;height:70px!important;padding:0!important;font-size:28px!important;display:flex!important;align-items:center!important;justify-content:center!important;touch-action:manipulation}.increase-btn:hover{background-color:var(--color)!important;color:var(--background-color)!important}.decrease-btn{background-color:var(--background-color)!important;color:var(--color)!important;border:2px solid var(--color)!important;border-radius:50%!important;width:70px!important;height:70px!important;padding:0!important;font-size:28px!important;display:flex!important;align-items:center!important;justify-content:center!important;touch-action:manipulation}.decrease-btn:hover{background-color:var(--color)!important;color:var(--background-color)!important}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px;color:var(--color);text-align:center}.auth-box{margin-top:60px;display:flex;flex-direction:column;align-items:center;gap:20px}.auth-form{display:flex;flex-direction:column;gap:16px;width:280px}.auth-form input{padding:10px 14px;border-radius:999px;border:2px solid var(--color);background:transparent;color:var(--color);font-size:16px}.auth-form input::placeholder{color:#fff9}.login-submit-btn{background-color:#fff;color:#064e3b}.login-submit-btn:hover{opacity:1}.signup-submit-btn{background-color:#fff;color:#064e3b}.signup-submit-btn:hover{opacity:1}.auth-error{color:#ff6b6b;font-size:14px}.auth-switch{color:var(--color);font-size:14px;opacity:.8}.auth-switch:hover{opacity:1}.credits-page{margin-top:25px;display:flex;flex-direction:column;align-items:center;font-size:20px;gap:20px;text-align:center;padding:0 20px}.credits-instructions{max-width:500px;font-size:16px}.wallet-box{display:flex;flex-direction:column;align-items:center;gap:16px}.copy-btn{background-color:#fff;color:#064e3b}.copy-btn:hover{opacity:1}.wallet-address{max-width:90vw;word-break:break-all;border:2px solid var(--color);border-radius:12px;padding:1rem 1.5rem;font-family:monospace;font-size:18px;box-shadow:0 4px 12px #ffffff26}.transactions-section{width:100%;max-width:900px;margin-top:10px}.transactions-table{width:100%;border-collapse:collapse;font-size:14px}.transactions-table th,.transactions-table td{border:1px solid var(--color);padding:.5rem .75rem;text-align:left}.transactions-table .tx-id{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:monospace;cursor:pointer}.transactions-table .tx-id:hover{text-decoration:underline}
