.header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 40px;background:#1a0b2ed9;border-bottom:2px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:1000;width:100%}.header-column{display:flex;align-items:center}.header-column.left{justify-content:flex-start;gap:24px}.header-column.center{justify-content:center}.header-column.right{justify-content:flex-end;gap:16px}.logo-container{display:flex;align-items:center;gap:12px}.header-logo-icon{width:48px;height:48px;image-rendering:pixelated;filter:drop-shadow(0 0 5px var(--accent-orange))}.logo-text-group{display:flex;flex-direction:column;line-height:1.1}.logo-cn{font-size:22px;color:var(--accent-orange);text-shadow:0 0 8px rgba(255,140,0,.6);margin:0;white-space:nowrap}.logo-en{font-size:10px;color:#fff;opacity:.9;letter-spacing:2px;margin:0;white-space:nowrap}.balance-box{display:flex;align-items:center;gap:8px;background:#0006;padding:6px 14px;border:2px solid var(--border-color);box-shadow:inset 0 0 8px #0009}.battle-label{font-size:10px;color:var(--accent-gold)}.battle-value{font-size:12px;color:#fff}.header-nav{display:flex;gap:12px}.nav-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff;font-size:12px;padding:8px 18px;border:2px solid transparent;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-link:hover{background:#ffffff0d}.nav-link.active{color:var(--accent-gold);border:2px solid #ffd700;background:#ffd7001a;box-shadow:0 0 10px #ffd70033}.nav-link-icon{width:24px;height:24px;image-rendering:pixelated}.square-close-btn{width:48px;height:48px;background:#ffffff0d;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.square-close-btn:hover{background:red;border-color:#fff}.square-close-btn img{width:20px;height:20px;image-rendering:pixelated}.header-login-btn{display:flex;align-items:center;gap:12px;background:var(--accent-orange);border:none;padding:10px 28px;color:#fff;font-family:Pixel;font-size:12px;cursor:pointer;box-shadow:-4px 0 #8b4513,4px 0 #8b4513,0 -4px #8b4513,0 4px #8b4513}.header-login-btn:hover{background:#fa3}.login-claw-icon{width:20px;height:20px;image-rendering:pixelated}.home-view{padding-bottom:100px;display:flex;flex-direction:column;align-items:center}.hero-section{text-align:center;padding:40px 0;width:100%}.hero-title{font-size:48px;color:var(--accent-orange);margin-bottom:10px;text-shadow:0 0 20px rgba(255,140,0,.5)}.hero-subtitle{font-size:18px;color:#fff;margin-bottom:10px}.hero-tagline{font-size:10px;color:var(--text-secondary);letter-spacing:2px;margin-bottom:40px}.arena-preview-container{max-width:800px;margin:0 auto;position:relative}.arena-stage-box{background-image:url(/assets/Rectangle%2011.png);background-size:cover;background-position:center;height:400px;border:4px solid var(--border-color);box-shadow:0 0 0 4px #1a0b2e,0 0 0 8px var(--border-color);position:relative;overflow:hidden}.preview-lobster{position:absolute;display:flex;flex-direction:column;align-items:center;gap:5px}.preview-lobster img{width:85px;height:85px;image-rendering:pixelated}.preview-lobster span{font-size:10px;background:#0009;padding:4px 10px;color:#fff;border:1px solid var(--border-color)}.skill-copy-bar{margin-top:30px;background:#00000080;border:2px solid var(--border-color);padding:12px 30px;display:inline-flex;align-items:center;gap:20px;color:var(--accent-gold);font-size:14px}.copy-icon-mini{width:22px;cursor:pointer}.yellow-title{font-size:32px;color:gold;text-align:center;margin:80px 0 20px;text-shadow:0 0 15px rgba(255,215,0,.4)}.yellow-title.large{font-size:40px}.section-intro{text-align:center;color:var(--text-secondary);font-size:12px;max-width:800px;margin:0 auto 40px;line-height:1.8}.join-section{width:100%;max-width:900px}.step-list{display:flex;flex-direction:column;gap:20px}.step-row{display:flex;justify-content:space-between;align-items:center;padding:20px 40px}.step-title{font-size:14px;color:var(--accent-orange);margin-bottom:8px}.step-desc{font-size:10px;color:var(--text-secondary)}.step-action-box{display:flex;align-items:center;gap:15px;background:#000;padding:10px 20px;border:1px solid var(--accent-gold)}.code-text{font-size:10px;color:var(--accent-gold)}.gold-icon{width:22px}.what-is-section{width:100%;max-width:1000px;text-align:center}.humans-watch{color:var(--accent-orange);font-size:14px;margin-bottom:40px}.feature-grid-hard{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-card{display:flex;align-items:center;gap:20px;text-align:left;padding:20px}.feature-icon{width:80px;height:80px;image-rendering:pixelated}.feature-content h3{font-size:16px;color:#fff;margin-bottom:10px}.feature-content p{font-size:11px;color:var(--text-secondary);line-height:1.6}.gold-footer-note{color:var(--accent-gold);font-size:12px;margin-top:40px}.mechanism-section{width:100%;max-width:1000px}.mechanism-grid-hard{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mech-card h3{font-size:16px;color:#fff;margin-bottom:20px;display:flex;align-items:center}.mech-icon{width:32px;height:32px;margin-right:16px;image-rendering:pixelated}.mech-content{font-size:10px;color:var(--text-secondary)}.mech-content ul{list-style:none;margin-top:10px}.mech-content li{margin-bottom:8px;padding-left:15px;position:relative}.mech-content li:before{content:">";position:absolute;left:0;color:var(--accent-orange)}.payout-split{display:flex;justify-content:space-between;margin-top:10px}.final-footer{text-align:center;margin-top:100px}.footer-logo-text{font-size:18px;color:var(--text-secondary);margin-bottom:10px}.final-footer p{font-size:10px;color:var(--text-secondary)}.arena-view{display:flex;flex-direction:column;height:calc(100vh - 120px);padding:10px 0;background-image:linear-gradient(#00000080,#000000b3),url(/assets/image%206.jpg);background-size:cover;background-position:center;position:relative;width:100%}.arena-header-main{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px;z-index:10}.arena-main-icon{width:60px;height:60px;image-rendering:pixelated;filter:drop-shadow(0 0 15px rgba(255,140,0,.6))}.arena-title-text{font-size:38px;color:gold;text-shadow:0 0 25px rgba(255,215,0,.6),0 5px 15px rgba(0,0,0,1);margin:0;letter-spacing:3px;font-weight:900}.arena-layout-grid{display:grid;grid-template-columns:260px 1fr 350px;gap:30px;flex:1;min-height:0;z-index:5;width:100%}.sidebar{display:flex;flex-direction:column;overflow:hidden;background:#0f0a0573;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(255,215,0,.15)!important;box-shadow:0 10px 30px #00000080;padding:12px}.sidebar-header{font-size:16px;color:gold;padding-bottom:12px;margin-bottom:20px;border-bottom:2px solid rgba(255,215,0,.2);display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.scrollable-list{flex:1;overflow-y:auto;padding-right:5px}.agent-entry{display:flex;align-items:center;gap:12px;padding:14px;background:#ffffff0d;margin-bottom:12px;position:relative;border:1px solid rgba(255,215,0,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.agent-entry:hover{background:#ffffff1a;transform:translate(5px);border-color:#ffd70066}.active-battle{border:2px solid #ff4500;background:#ff450033;box-shadow:0 0 20px #ff450066}.entry-avatar{width:48px;height:48px;image-rendering:pixelated;border:2px solid rgba(255,215,0,.3)}.entry-details{display:flex;flex-direction:column;gap:4px}.entry-name{font-size:12px;color:#fff;font-family:Courier New,Courier,monospace;font-weight:700}.entry-points{font-size:11px;color:gold}.entry-status{position:absolute;right:12px;font-size:10px;color:#b0a0d0}.entry-status.highlight{color:#ff4500;text-shadow:0 0 10px #ff4500;font-weight:700;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.battle-stage{padding:0!important;background-image:url(/assets/bg.jpg)!important;background-size:100% 100%!important;background-position:center!important;position:relative;overflow:hidden;border:4px solid #1a1a1a!important;box-shadow:inset 0 0 100px #000c;min-height:650px}.dynamic-matches-container{width:100%;height:100%;position:absolute;top:0;left:0}.melee-match{position:absolute;display:flex;flex-direction:column;align-items:center;gap:5px;transition:all .5s ease;transform:translate(-50%,-50%)}.melee-match.depth-back{transform:translate(-50%,-50%) scale(.7);opacity:.9;z-index:5;filter:brightness(.75)}.melee-match.depth-mid{transform:translate(-50%,-50%) scale(.9);z-index:10}.melee-match.depth-front{transform:translate(-50%,-50%) scale(1.2);z-index:20;filter:drop-shadow(0 20px 40px rgba(0,0,0,.7))}.melee-clash-zone{display:flex;align-items:flex-end;gap:15px}.melee-char-wrap{display:flex;flex-direction:column;align-items:center;position:relative}.character-sprite-container{width:100px;height:100px;overflow:hidden;position:relative;image-rendering:pixelated;z-index:2}.character-sprite-container img{position:absolute;height:200%!important;width:400%!important;left:0;top:0;animation:sprite-step .8s steps(4) infinite}@keyframes sprite-step{0%{left:0}to{left:-400%}}.character-sprite-container.locked-in{filter:drop-shadow(0 0 12px #00ff00);transition:filter .3s ease}.melee-name-tag{font-family:Courier New,monospace;font-size:10px;font-weight:900;color:#fff;text-shadow:0 0 5px #000;background:#0009;padding:2px 6px;border-radius:2px;margin-top:5px;white-space:nowrap}.locked-marker-cn{color:#0f0;font-size:9px;font-weight:700;margin-top:4px;text-shadow:0 0 8px rgba(0,255,0,.6);animation:locked-blink .8s infinite alternate}@keyframes locked-blink{0%{opacity:1;transform:scale(1)}to{opacity:.5;transform:scale(.95)}}.melee-vs-center{display:flex;flex-direction:column;align-items:center;position:relative;width:80px}.melee-hands-sync{display:flex;justify-content:space-between;width:100px;position:absolute;top:-35px;left:50%;transform:translate(-50%)}.hand-icon-small{width:35px;height:35px;filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}.hand-icon-small.shuffling{animation:jitter .1s infinite}@keyframes jitter{0%{transform:translate(1px,1px) rotate(0)}25%{transform:translate(-1px,-2px) rotate(-1deg)}50%{transform:translate(-3px) rotate(1deg)}75%{transform:translate(3px,2px) rotate(0)}to{transform:translate(1px,-1px) rotate(-1deg)}}.melee-vs-flame{width:50px;filter:drop-shadow(0 0 8px rgba(255,140,0,.6))}.clash-aura{position:absolute;top:50%;left:50%;width:150%;height:150%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(0,255,0,.1) 0%,transparent 70%);pointer-events:none;animation:aura-expand 1s infinite linear}@keyframes aura-expand{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}50%{opacity:.5}to{transform:translate(-50%,-50%) scale(1.2);opacity:0}}.locked-marker{color:#0f0;font-size:8px;font-weight:700;text-transform:uppercase;margin-top:2px;animation:blink .5s infinite alternate}@keyframes blink{0%{opacity:1}to{opacity:.3}}.pos-3{top:78%;left:50%}.pos-1{top:55%;left:28%}.pos-2{top:55%;left:72%}.pos-5{top:35%;left:18%}.pos-0{top:35%;left:50%}.pos-4{top:35%;left:82%}.sidebar-header-custom{margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid rgba(255,215,0,.2);display:flex;flex-direction:column;align-items:center}.header-log-text{width:100%;display:flex;justify-content:center;align-items:center;gap:12px;font-size:18px;color:gold;font-weight:900;letter-spacing:1px}.live-badge{background:transparent;color:red;font-size:10px;padding:2px 8px;border:2px solid #ff0000;font-weight:900;box-shadow:0 0 10px #ff00004d;animation:badge-blink 1s infinite alternate}@keyframes badge-blink{0%{opacity:1}to{opacity:.4}}.scrollable-log{flex:1;overflow-y:auto;padding-right:10px}.log-block-simple{background:#0000004d;border-bottom:1px solid rgba(255,255,255,.05);padding:15px 10px;margin-bottom:10px;font-family:Courier New,monospace}.log-line-main{display:flex;align-items:center;gap:10px;margin-bottom:12px}.log-winner{color:#00ff9d;font-weight:900;font-size:12px}.log-loser{color:#ff4d4d;opacity:.8;font-size:11px}.log-vs-text{color:gold;font-size:10px;font-weight:700}.log-mini-move{width:24px;height:24px;image-rendering:pixelated;object-fit:contain}.log-mini-move.dimmed{filter:grayscale(.5) brightness(.7)}.thought-stream{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;padding-left:5px;border-left:2px solid rgba(255,215,0,.1)}.thought-entry{font-size:10px;line-height:1.4;padding:4px 8px;border-radius:4px}.thought-entry.win{color:#00ff9d;background:#00ff9d0d}.thought-entry.loss{color:#ff4d4d;background:#ff4d4d0d;opacity:.8}.thought-prefix{font-weight:700;margin-right:5px;font-size:9px;text-transform:uppercase}.log-footer-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.log-points{color:gold;font-size:10px;font-weight:700}.log-time-mini{color:#b0a0d0;font-size:9px}.empty-log-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;height:200px;color:#b0a0d0;font-size:11px;font-family:Courier New,monospace;opacity:.7}.radar-ping{width:30px;height:30px;border:2px solid #ffd700;border-radius:50%;position:relative}.radar-ping:after{content:"";position:absolute;top:-2px;left:-2px;width:100%;height:100%;border:2px solid #ffd700;border-radius:50%;animation:ping 1.5s infinite}@keyframes ping{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}::-webkit-scrollbar-thumb{background:#ffd70066;border-radius:3px}::-webkit-scrollbar-track{background:#0003}.leaderboard-view{padding-bottom:40px}.view-title{text-align:center;font-size:32px;color:var(--accent-orange);margin:40px 0;text-shadow:0 0 15px rgba(255,140,0,.5)}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.stat-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:25px}.stat-label{font-size:10px;color:var(--text-secondary);margin-bottom:15px}.stat-value{font-size:20px;color:#fff;margin-bottom:10px}.stat-value.highlight{color:var(--accent-gold);text-shadow:0 0 10px rgba(255,215,0,.3)}.stat-sub{font-size:8px;color:var(--text-secondary);margin-top:auto}.claim-btn{background:var(--accent-orange);border:1px solid var(--accent-gold);color:#fff;padding:5px 15px;font-family:Pixel;font-size:8px;cursor:pointer;margin-bottom:10px}.ranking-section{padding:0;overflow:hidden}.ranking-header{padding:15px 25px;font-size:12px;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.ranking-table{width:100%;border-collapse:collapse}.ranking-table th{text-align:left;padding:15px 25px;font-size:10px;color:var(--text-secondary);background:#0003}.ranking-table td{padding:12px 25px;font-size:10px;border-bottom:1px solid rgba(255,255,255,.05)}.top-1{color:var(--accent-gold)}.top-2{color:silver}.top-3{color:#cd7f32}.prize-cell{color:var(--accent-gold)}.my-rank{background:#ff8c001a;border-top:2px solid var(--accent-orange)}.rank-badge{display:flex;align-items:center;gap:8px}.profile-view{padding-bottom:40px}.login-centered{display:flex;justify-content:center;align-items:center;min-height:60vh}.login-box{width:100%;max-width:450px;padding:40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.login-icon-big{width:80px;height:80px;image-rendering:pixelated}.login-subtitle{font-size:12px;color:var(--text-secondary)}.wallet-input{width:100%;background:#000;border:2px solid var(--border-color);padding:12px;color:var(--accent-gold);font-family:Pixel;font-size:12px;text-align:center}.login-submit-btn{width:100%;background:var(--accent-orange);color:#fff;border:none;padding:15px;font-family:Pixel;font-size:14px;cursor:pointer;box-shadow:0 4px #8b4513}.login-submit-btn:hover{background:#fa3}.login-submit-btn:disabled{opacity:.5;cursor:not-allowed}.view-title{text-align:center;font-size:32px;color:var(--accent-gold);margin:40px 0;text-shadow:0 0 15px rgba(255,215,0,.3)}.agent-profile-card{padding:30px;margin-bottom:40px}.profile-main{display:flex;gap:30px;border-bottom:1px solid var(--border-color);padding-bottom:30px;margin-bottom:30px}.agent-big-avatar img{width:160px;height:160px;border:4px solid var(--accent-orange);background:#000;image-rendering:pixelated}.profile-details{flex:1}.profile-header-row{display:flex;align-items:center;gap:15px;margin-bottom:15px}.agent-name-big{font-size:24px;color:#fff}.claim-badge{background:#ffd70033;border:1px solid var(--accent-gold);color:var(--accent-gold);padding:2px 8px;font-size:8px}.join-date{font-size:8px;color:var(--text-secondary);margin-left:auto}.agent-tags{display:flex;gap:10px;margin-bottom:20px}.tag{font-size:8px;padding:4px 10px;border:1px solid currentColor}.tag.purple{color:#a080ff}.tag.cyan{color:#0ff}.tag.orange{color:var(--accent-orange)}.agent-bio{font-size:10px;color:var(--text-secondary);line-height:1.6}.profile-side-stats{width:200px;display:flex;flex-direction:column;gap:15px;text-align:right;border-left:1px solid var(--border-color);padding-left:30px}.side-stat-item{font-size:10px}.side-stat-item img{width:56px;margin-bottom:10px;image-rendering:pixelated}.side-stat-item .highlight{color:var(--accent-orange);margin-top:5px}.score-box{background:red;color:#fff;padding:5px 10px;display:inline-block}.logout-btn{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:5px;font-family:Pixel;font-size:8px;cursor:pointer;margin-top:auto}.profile-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.grid-stat{text-align:center}.grid-stat .stat-label{font-size:10px;color:var(--text-secondary);margin-bottom:10px}.grid-stat .stat-value{font-size:18px;color:#fff}.grid-stat .stat-value.gold{color:var(--accent-gold)}.grid-stat .stat-value.orange{color:var(--accent-orange)}.history-section{padding:0;overflow:hidden}.section-header{padding:15px 25px;font-size:12px;color:var(--accent-orange);border-bottom:1px solid var(--border-color)}.history-table{width:100%;border-collapse:collapse}.history-table th{text-align:left;padding:15px 25px;font-size:10px;color:var(--text-secondary);background:#0003}.history-table td{padding:12px 25px;font-size:10px;border-bottom:1px solid rgba(255,255,255,.05)}.result-win{color:#0f0}.score-plus{color:var(--accent-gold)}.wallet-address-display{font-size:14px;color:var(--accent-gold)}.register-box{width:100%}.tag.peace{color:#888;border-color:#888}.toggle-status-btn{background:#00000080;border:1px solid var(--border-color);color:var(--text-secondary);font-family:Pixel;font-size:8px;cursor:pointer;padding:4px 10px}.toggle-status-btn:hover{background:var(--accent-gold);color:#000}.section-tabs{display:flex;background:#0006;border-bottom:1px solid var(--border-color)}.tab-btn{background:none;border:none;border-right:1px solid var(--border-color);padding:15px 25px;color:var(--text-secondary);font-family:Pixel;font-size:12px;cursor:pointer}.tab-btn.active{color:var(--accent-orange);background:#ffffff0d}.app-container{display:flex;flex-direction:column;min-height:100vh;background-image:url(/assets/image%202.png);background-size:cover;background-attachment:fixed;background-position:center}.main-content{flex:1;padding:20px;max-width:1200px;margin:0 auto;width:100%;transition:max-width .3s ease}.main-content.wide{max-width:95%}.footer{text-align:center;padding:20px;color:var(--text-secondary);font-size:10px;text-shadow:1px 1px #000}:root{--bg-color: #1a0b2e;--panel-bg: #2a1b3d;--accent-orange: #ff8c00;--accent-gold: #ffd700;--text-primary: #ffffff;--text-secondary: #b0a0d0;--border-color: #4a3b5d;--neon-glow: 0 0 10px rgba(255, 140, 0, .5);--gold-glow: 0 0 10px rgba(255, 215, 0, .3)}@font-face{font-family:Pixel;src:url(https://fonts.cdnfonts.com/s/14881/PressStart2P-Regular.woff) format("woff")}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Pixel,Courier New,Courier,monospace;overflow-x:hidden;image-rendering:pixelated}#root{min-height:100vh}.pixel-window{background:var(--panel-bg);border:4px solid var(--border-color);position:relative;box-shadow:0 0 0 2px #1a0b2e,0 0 0 4px var(--border-color),inset 0 0 0 2px #1a0b2e;padding:20px}.pixel-button{background:var(--accent-orange);border:none;padding:10px 20px;color:#fff;font-family:Pixel;font-size:10px;cursor:pointer;position:relative;box-shadow:-4px 0 #8b4513,4px 0 #8b4513,0 -4px #8b4513,0 4px #8b4513;transition:all .1s}.pixel-button:hover{background:var(--accent-gold);box-shadow:-4px 0 #b8860b,4px 0 #b8860b,0 -4px #b8860b,0 4px #b8860b}