*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0e1a;color:#e0e6f0;min-height:100vh}.app{max-width:1400px;margin:0 auto;padding:1rem}.app-header{text-align:center;padding:.75rem 0;border-bottom:1px solid #1e2a4a;margin-bottom:.75rem}.app-header h1{font-size:1.6rem;margin-bottom:.15rem;color:#7eb8f7}.app-header p{color:#4a6080;font-size:.85rem}.status-bar{display:flex;flex-wrap:wrap;gap:1rem;padding:.5rem 1rem;background:#0d1420;border:1px solid #1e2a4a;border-radius:6px;margin-bottom:.75rem;font-size:.82rem;align-items:center}.status-item{display:flex;align-items:center;gap:.4rem}.status-dot{width:9px;height:9px;border-radius:50%;background:#2a3a5a}.status-dot.online{background:#4caf50;box-shadow:0 0 6px #4caf50}.status-dot.offline{background:#f44336}.status-dot.authenticated{background:#2196f3;box-shadow:0 0 4px #2196f3}.app-main{display:grid;grid-template-columns:auto 300px;gap:1.25rem;align-items:start}@media(max-width:900px){.app-main{grid-template-columns:1fr}}.canvas-section{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.canvas-container{position:relative}.pixel-coords{position:absolute;bottom:-22px;left:0;background:#0d1420;padding:2px 8px;border-radius:4px;font-size:.75rem;font-family:monospace;color:#7eb8f7}.sidebar{display:flex;flex-direction:column;gap:.85rem}.info-section{background:#0d1420;padding:.85rem;border-radius:6px;border:1px solid #1e2a4a}.info-section h3{font-size:.82rem;color:#4a6080;margin-bottom:.6rem}.stat-item{display:flex;justify-content:space-between;padding:.35rem 0;border-bottom:1px solid #141e30;font-size:.8rem}.stat-item:last-child{border-bottom:none}.stat-item span{color:#4a6080}.stat-item strong{color:#a0c4e8}.color-palette{background:#0d1420;padding:.85rem;border-radius:6px;border:1px solid #1e2a4a}.color-palette h3{font-size:.82rem;color:#4a6080;margin-bottom:.6rem}.colors-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.color-swatch{width:30px;height:30px;border-radius:3px;cursor:pointer;transition:transform .1s;border:1px solid rgba(255,255,255,.1)}.color-swatch:hover{transform:scale(1.12)}.color-swatch.selected{transform:scale(1.18);box-shadow:0 0 8px #7eb8f799}.selected-color-info{margin-top:.6rem;font-size:.75rem;color:#4a6080}.activity-log{background:#0d1420;padding:.85rem;border-radius:6px;border:1px solid #1e2a4a}.activity-log h3{font-size:.82rem;color:#4a6080;margin-bottom:.5rem;position:sticky;top:0;background:#0d1420;z-index:1}.log-entries{display:flex;flex-direction:column;gap:3px;overflow-y:auto}.log-entry{display:flex;align-items:baseline;gap:5px;font-size:.76rem;padding:3px 4px;border-radius:3px}.log-entry .time{color:#2a3a5a;font-family:monospace;font-size:.68rem;white-space:nowrap}.log-entry .icon{font-size:.9rem}.log-entry .message{flex:1;line-height:1.3}.log-entry .user{color:#7eb8f7;font-family:monospace}.log-entry .coords{color:#b07af7;font-family:monospace}.log-entry .badge{font-size:.68rem;padding:1px 4px;border-radius:3px;margin-left:4px}.log-entry .badge.shield{background:#ffd70026;color:gold}.log-entry.place{background:#4caf5014}.log-entry.recolor{background:#2196f312}.log-entry.attack{background:#f443361a}.log-entry.gun-b-reclaim{background:#2196f31a}.log-entry.gun-b-attack{background:#ff98001a}.log-entry.gun-b-received{background:#ff980026;border-left:2px solid #ff9800}.log-entry.gun-b-expired{background:#6464641a;color:#555}.log-entry.shield-expired{background:#ffd70012}.log-entry.token-refunded{background:#4caf501f}.log-entry.system{color:#3a5070;font-style:italic}.gun-b-panel{background:#0d1420;padding:.85rem;border-radius:6px;border:1px solid #2a3a10}.app-footer{text-align:center;padding:.85rem;margin-top:1.5rem;border-top:1px solid #141e30;color:#2a3a5a;font-size:.75rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0e1a}::-webkit-scrollbar-thumb{background:#1e2a4a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#2a3a5a}