:root{--bg-color: #0a0514;--main-color: #836ef9;--main-glow: 0 0 15px rgba(131, 110, 249, .6), 0 0 30px rgba(131, 110, 249, .4);--neon: #baff29;--text-color: #d1d0c5;--sub-color: #595b5d;--border-color: rgba(131, 110, 249, .2);--error-color: #ca4754;--error-extra: #7e2a33;--bg-panel: rgba(20, 15, 35, .6);--font-ui: "Inter", sans-serif;--font-mono: "Fira Code", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-ui);min-height:100vh;display:flex;flex-direction:column;overflow:hidden;position:relative;padding-top:70px}.background-effects{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(131,110,249,.05) 0%,transparent 80%)}.grid-overlay{width:100%;height:100%;background-image:linear-gradient(rgba(131,110,249,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(131,110,249,.03) 1px,transparent 1px);background-size:50px 50px;opacity:.5}.glow-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.4;animation:float 20s ease-in-out infinite alternate}.glow-orb:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,#836ef9 0%,transparent 70%);top:-200px;right:10%}.glow-orb:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,#4a25a1 0%,transparent 70%);bottom:-150px;left:10%;animation-delay:-10s}@keyframes float{0%{transform:translate(0)}to{transform:translate(-50px,50px)}}.global-top-bar{position:fixed;top:0;left:0;width:100%;height:70px;display:flex;justify-content:space-between;align-items:center;z-index:100;border-bottom:1px solid var(--border-color);background:#0a0514b3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:0 2rem}.top-left-section{display:flex;align-items:center;height:100%;gap:2rem}.top-logo{display:flex;align-items:center;gap:.75rem}.monad-icon-small{width:24px;height:24px;color:var(--main-color);filter:drop-shadow(0 0 8px var(--main-color))}.top-logo h1{font-size:1.5rem;font-weight:800;letter-spacing:2px;color:#fff;text-shadow:var(--main-glow)}.top-stats-inline{display:flex;align-items:center;gap:1.5rem;font-family:var(--font-mono)}.inline-stat{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--sub-color);text-transform:uppercase}.inline-stat .highlight{color:var(--main-color);font-weight:700}.live-dot{width:8px;height:8px;background-color:var(--neon);border-radius:50%;box-shadow:0 0 8px var(--neon)}.top-wallet{height:100%;display:flex;align-items:center}.layout-wrapper{width:100%;height:calc(100vh - 70px);display:flex;z-index:1;padding:2rem;gap:2rem}.sidebar-column{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto}.sidebar-column::-webkit-scrollbar{width:0}.glass-panel,.sidebar-section{background:var(--bg-panel);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0003;transition:transform .2s ease,box-shadow .2s ease}.glass-panel:hover,.sidebar-section:hover{box-shadow:0 8px 32px #836ef91a;border-color:#836ef966}.sidebar-section h3{color:var(--sub-color);font-size:.85rem;letter-spacing:2px;margin-bottom:1.5rem;font-weight:700;text-transform:uppercase;font-family:var(--font-ui);display:flex;align-items:center;gap:.5rem}.sidebar-section h3:before{content:"";width:4px;height:12px;background:var(--main-color);border-radius:2px;box-shadow:var(--main-glow)}.contract-panel{display:flex;flex-direction:column;gap:1.25rem;font-family:var(--font-mono)}.panel-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.75rem;margin-bottom:-.5rem}.panel-header h3{margin-bottom:0}.status-dot{width:10px;height:10px;background-color:var(--neon);border-radius:50%;box-shadow:0 0 10px var(--neon)}.live-text{color:var(--neon);font-weight:700}.dim{color:var(--sub-color)}.address-box{background:#0000004d;border:1px solid rgba(131,110,249,.2);padding:1rem;border-radius:8px;color:var(--sub-color);font-size:.85rem}.address-box .highlight{color:var(--text-color)}.stats-row{display:flex;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:1.25rem}.stat-box{flex:1;display:flex;flex-direction:column;gap:.5rem}.stat-box.border-left{border-left:1px solid rgba(255,255,255,.05);padding-left:1rem}.stat-box .label,.type-section .label{color:var(--sub-color);font-size:.75rem;letter-spacing:1px}.stat-box .value{color:var(--main-color);font-weight:700;font-size:1.1rem;text-shadow:var(--main-glow)}.type-section .value{color:var(--text-color);margin-top:.5rem;font-weight:600}.verified-box{background:#baff291a;border:1px solid rgba(186,255,41,.3);color:var(--neon);padding:.75rem;display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.85rem;border-radius:8px}.action-buttons{display:flex;gap:.75rem}.action-btn{flex:1;background:#0000004d;border:1px solid rgba(131,110,249,.2);color:var(--text-color);padding:.75rem;font-family:var(--font-ui);font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:8px;transition:all .2s}.action-btn:hover{background:#836ef926;border-color:var(--main-color);box-shadow:var(--main-glow)}.explorer-btn{border-color:#00ffaa4d;color:#0fa}.explorer-btn:hover{border-color:#0fa;background:#00ffaa1a;box-shadow:0 0 10px #00ffaa4d}.source-box{background:#0000004d;border:1px solid rgba(131,110,249,.2);padding:1rem;color:var(--sub-color);font-size:.8rem;cursor:pointer;border-radius:8px;transition:all .2s;text-align:center}.source-box:hover{color:var(--text-color);border-color:var(--main-color)}.diff-options{display:flex;gap:.75rem}.diff-btn{flex:1;background:#0000004d;border:1px solid rgba(131,110,249,.2);color:var(--sub-color);padding:.75rem;border-radius:8px;font-family:var(--font-ui);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.diff-btn:hover{color:var(--text-color);border-color:#836ef980}.diff-btn.active{background:#836ef926;color:var(--main-color);border-color:var(--main-color);text-shadow:var(--main-glow);box-shadow:0 0 10px #836ef933}.center-column{flex:1;display:flex;flex-direction:column;position:relative;max-width:1000px;margin:0 auto}.center-top-bar{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem 0;gap:2rem}.center-logo-container{display:flex;align-items:center;gap:1rem}.monad-custom-logo{width:48px;height:48px;filter:drop-shadow(0 0 10px var(--main-color));border-radius:8px}.center-logo-container h1{font-size:2.5rem;font-weight:800;letter-spacing:3px;color:#fff;text-shadow:var(--main-glow)}.center-logo-container h1 .highlight{color:var(--main-color)}.top-game-stats{display:flex;gap:3rem;background:var(--bg-panel);padding:1rem 3rem;border-radius:20px;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #0003}.stat-box-small{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-box-small .val{font-size:2rem;color:var(--main-color);font-weight:800;font-family:var(--font-mono);text-shadow:var(--main-glow)}.stat-box-small .lbl{font-size:.75rem;color:var(--sub-color);letter-spacing:2px;font-weight:600}.game-main{flex:1;display:flex;align-items:center;padding:2rem 0;position:relative}.typing-test-container{width:100%;position:relative;font-size:2.2rem;line-height:1.6;font-family:var(--font-mono)}.caret{position:absolute;width:3px;height:2.5rem;background-color:var(--main-color);border-radius:2px;transition:left .1s ease-out,top .15s ease-out;box-shadow:var(--main-glow);animation:blink 1s infinite;z-index:5;margin-top:.5rem}.caret.hidden{display:none}.words-box{width:100%;height:180px;overflow:hidden;position:relative;mask-image:linear-gradient(to bottom,black 60%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 60%,transparent 100%)}.words-wrapper{display:flex;flex-wrap:wrap;align-content:flex-start;-webkit-user-select:none;user-select:none;transition:margin-top .2s ease}.word{margin:0 .6em .5em 0;color:var(--sub-color);display:flex;transition:color .1s ease}.letter{position:relative}.letter.correct{color:var(--text-color);text-shadow:0 0 5px rgba(255,255,255,.3)}.letter.incorrect{color:var(--error-color);text-shadow:0 0 8px rgba(202,71,84,.6)}.letter.incorrect.extra{color:var(--error-extra)}.letter.active:before{display:none}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}#hiddenInput{opacity:0;position:absolute;top:0;left:0;z-index:-999}.bottom-controls{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0}.controls-left{display:flex;flex-direction:column;gap:1rem}.prompt-text{color:var(--sub-color);font-size:1rem}.btn-group{display:flex;gap:1rem}.outline-btn{background:#0000004d;border:1px solid var(--border-color);color:var(--text-color);padding:.75rem 1.5rem;font-family:var(--font-ui);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.outline-btn:hover:not(.disabled){background:#836ef926;border-color:var(--main-color);box-shadow:var(--main-glow);color:#fff}.outline-btn.disabled{opacity:.5;cursor:not-allowed}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0514d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:2rem;border-radius:20px;border:1px solid var(--border-color)}.overlay.hidden{display:none}.connect-btn{background:transparent;border:1px solid var(--main-color);color:var(--text-color);padding:.75rem 1.5rem;border-radius:8px;font-family:var(--font-ui);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.connect-btn:hover{background:#836ef926;box-shadow:var(--main-glow)}.connect-btn.primary{background:var(--main-color);color:#fff;border:none;box-shadow:0 0 15px #836ef999}.connect-btn.primary:hover{background:#6a55d4;box-shadow:0 0 25px #836ef9cc}.stats-screen{display:flex;justify-content:space-around;width:100%;background:var(--bg-panel);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;padding:4rem 2rem;animation:fadeIn .4s ease forwards;box-shadow:0 8px 32px #0000004d}.stats-screen.hidden{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-group{text-align:center}.stat-label{font-size:1.2rem;color:var(--sub-color);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:2px;font-weight:600}.stat-value{font-size:3.5rem;font-weight:800;font-family:var(--font-mono)}.stat-value.highlight{color:var(--main-color);text-shadow:var(--main-glow);font-size:5rem}.info-row{display:flex;justify-content:space-between;margin-bottom:1.25rem;color:var(--sub-color);font-size:.9rem}.info-row .highlight{color:var(--text-color);font-weight:600}.leaderboard-list,.my-best-list{display:flex;flex-direction:column;gap:1.25rem}.leaderboard-item{display:flex;align-items:center;justify-content:space-between;color:var(--text-color);background:#0003;padding:.75rem;border-radius:8px;border:1px solid rgba(131,110,249,.1);transition:all .2s}.leaderboard-item:hover{border-color:#836ef94d;background:#836ef90d}.rank{color:var(--sub-color);width:24px;font-size:.85rem;font-weight:700}.player-info{display:flex;align-items:center;gap:.75rem;flex:1}.avatar{width:28px;height:28px;background:#836ef926;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;color:var(--main-color);border:1px solid rgba(131,110,249,.3);border-radius:6px}.score{color:var(--main-color);font-weight:800;text-shadow:var(--main-glow);font-family:var(--font-mono)}.empty-state{color:var(--sub-color);font-style:italic;text-align:center;padding:1rem 0}