*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow-x:hidden}body{background:#0c0c0c;color:#ccc;font-family:Courier New,Courier,monospace}:root{--bg: #0c0c0c;--panel-bg: #111111;--border: #333333;--text: #cccccc;--text-bright: #ffffff;--cyan: #00cccc;--yellow: #cccc00;--magenta: #cc00cc;--red: #cc4444;--green: #44cc44;--blue: #4488cc;--dim: #666666}.app-shell{max-width:1100px;margin:0 auto;padding:1rem 1rem 3rem;font-family:Courier New,Courier,monospace;color:var(--text);position:relative}.connection-indicator{position:absolute;bottom:6px;right:8px;z-index:10}.connection-tag{display:inline-block;padding:2px 8px;font-size:.65rem;font-weight:700;letter-spacing:.08em;border-radius:3px;font-family:Courier New,Courier,monospace}.connection-tag.live{background:var(--green);color:#000}.connection-tag.connecting,.connection-tag.fallback{background:var(--yellow);color:#000}.connection-tag.error{background:var(--red);color:#000}.banner{border:1px solid var(--border);background:var(--panel-bg);padding:.75rem;margin-bottom:1rem;text-align:center}.banner-img{display:block;max-width:480px;width:100%;height:auto;margin:0 auto}.banner-sub{margin:.4rem 0 0;color:var(--dim);font-size:.8rem}.about-section{position:relative;border:1px solid var(--border);background:var(--panel-bg);padding:.75rem 1rem;margin-bottom:1rem;font-size:.8rem;line-height:1.5;color:var(--dim)}.about-section p{margin:0 0 .5rem}.about-section p:last-child{margin-bottom:0}.about-section a{color:var(--cyan);text-decoration:none}.about-section a:hover{text-decoration:underline}.map-section{border:1px solid var(--border);background:var(--panel-bg);padding:4px;margin-bottom:1rem}.map-viewport{overflow:hidden;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}.map-viewport:active{cursor:grabbing}.map-pan-area{will-change:transform}.map-grid{display:grid;gap:1px;background:#0a0a0a}.map-tile{position:relative;aspect-ratio:1.4 / 1;border:1px solid #222222;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#555;transition:border-color .1s;overflow:hidden;padding:0;font-family:Courier New,Courier,monospace}.map-tile:hover{border-color:var(--cyan);z-index:2}.map-tile.selected{border-color:var(--text-bright);z-index:3}.map-tile .tile-label{color:#00000073;font-size:.55rem;font-weight:700;letter-spacing:.05em;-webkit-user-select:none;user-select:none;pointer-events:none;text-shadow:0 0 2px rgba(0,0,0,.3)}.map-tile.selected .tile-label{color:#fffc}.map-tile .agent-indicator{position:absolute;top:2px;right:2px;color:#000;font-size:.55rem;font-weight:700;line-height:1;pointer-events:none}.tile-tooltip{position:absolute;background:#1a1a1a;border:1px solid var(--border);padding:6px 8px;font-size:.72rem;line-height:1.4;color:var(--text);z-index:1000;pointer-events:none;max-width:280px;white-space:pre-line}.tile-tooltip .tt-coords{color:var(--dim);font-size:.75em;margin-bottom:2px}.tile-tooltip .tt-name{color:var(--cyan);font-weight:700}.tile-tooltip .tt-agents{color:var(--yellow);margin-top:2px}.tile-tooltip .tt-npcs{color:var(--magenta);margin-top:2px}.tile-tooltip .tt-contents{color:var(--dim);margin-top:2px}.info-bar{border:1px solid var(--border);background:var(--panel-bg);padding:.5rem .75rem;margin-bottom:1rem;font-size:.8rem;min-height:2rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.info-bar .tile-name{color:var(--cyan);font-weight:700}.info-bar .tile-coords{color:var(--dim)}.info-bar .tile-type{color:var(--magenta)}.info-bar .tile-overview{color:var(--text)}.info-bar .tile-agents{color:var(--yellow)}.info-bar-empty{color:var(--dim)}.activity-section{border:1px solid var(--border);background:var(--panel-bg);padding:.75rem}.activity-title{color:var(--text-bright);font-size:.85rem;margin-bottom:.5rem}.activity-list{list-style:none;margin:0;padding:0;max-height:300px;overflow-y:auto}.activity-line{padding:2px 0;font-size:.78rem;line-height:1.4}.activity-time{color:var(--dim)}.activity-agent{color:var(--yellow)}.activity-message{color:var(--text)}.activity-empty{color:var(--dim);font-style:italic}@media(max-width:700px){.app-shell{padding:.5rem .5rem 2rem}.banner{padding:.5rem}.banner-img{max-width:100%}.banner-sub{font-size:.7rem}.about-section{font-size:.72rem;padding:.5rem .75rem}.map-section{padding:2px}.map-tile{font-size:.4rem;aspect-ratio:1 / 1}.map-tile .tile-label{font-size:.35rem}.map-tile .agent-indicator{font-size:.4rem}.tile-tooltip{font-size:.65rem;max-width:200px}.info-bar{flex-direction:column;align-items:flex-start;gap:.25rem;font-size:.72rem}.activity-section{padding:.5rem}.activity-line{font-size:.68rem}.activity-list{max-height:200px}.devlog-section{padding:.5rem .75rem}.devlog-post-body{font-size:.72rem}.devlog-post-title{font-size:.75rem}.devlog-post-date{font-size:.68rem}.connection-tag{font-size:.55rem}}.devlog-section{border:1px solid var(--border);background:var(--panel-bg);padding:.75rem 1rem;margin-bottom:1rem;margin-top:1rem}.devlog-heading{color:var(--text-bright);font-size:.85rem;font-weight:700;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.08em}.devlog-post{margin-bottom:1.5rem}.devlog-post:last-child{margin-bottom:0}.devlog-post-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.4rem}.devlog-post-title{color:var(--cyan);font-size:.85rem;font-weight:700}.devlog-post-date{color:var(--dim);font-size:.75rem}.devlog-post-body{font-size:.8rem;line-height:1.6;color:var(--text)}.devlog-post-body p{margin:0 0 .5rem}.devlog-post-body p:last-child{margin-bottom:0}.devlog-post-body strong{color:var(--text-bright)}.devlog-post-body a{color:var(--cyan);text-decoration:none}.devlog-post-body a:hover{text-decoration:underline}.feedback-footer{text-align:center;padding:1.25rem 1rem;font-size:.8rem;color:#666}.feedback-footer a{color:#888;text-decoration:none}.feedback-footer a:hover{color:#aaa}