*{margin:0;padding:0;box-sizing:border-box}body{background:#1e1e22;color:#e0e0e0;font-family:system-ui,sans-serif}#app{display:flex;flex-direction:column;height:100vh}header{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:#2a2a30;border-bottom:1px solid #3a3a42;flex-shrink:0}header h1{font-size:1.25rem;font-weight:600}.upload-btn{padding:.4rem 1rem;background:#4a90d9;border-radius:4px;cursor:pointer;font-size:.875rem}.upload-btn:hover{background:#5aa0e9}.clear-btn{padding:.4rem 1rem;background:#555;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;color:#eee}.clear-btn:hover{background:#666}.privacy-note{margin-top:1.5rem;font-size:.85rem;color:#999}.placeholder{width:100%;display:flex;align-items:center;justify-content:center;flex:1}main{flex:1;display:flex;overflow:hidden}main.empty{align-items:center;justify-content:center;overflow-y:auto}.welcome{max-width:560px;padding:2rem 1.5rem;text-align:center}.welcome h2{font-size:1.6rem;margin-bottom:.75rem}.welcome>p{color:#aaa;line-height:1.6;margin-bottom:1.5rem}.welcome code{background:#333;padding:.15rem .4rem;border-radius:3px;font-size:.85em}.info-box{text-align:left;background:#26262c;border:1px solid #3a3a42;border-radius:8px;padding:1rem 1.25rem;margin-bottom:1rem}.info-box h3{font-size:.95rem;margin-bottom:.5rem;color:#ccc}.info-box ul{padding-left:1.25rem;color:#aaa;line-height:1.7;font-size:.875rem}.info-box p{color:#aaa;font-size:.875rem;line-height:1.6}.info-box a{color:#6ab0f3;text-decoration:none}.info-box a:hover{text-decoration:underline}#floor-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}#toolbar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:#2a2a30;gap:.5rem}#floor-tabs{display:flex;gap:2px;flex-wrap:wrap}.floor-tab{padding:.3rem .8rem;background:#3a3a42;border:none;color:#ccc;border-radius:4px 4px 0 0;cursor:pointer;font-size:.8rem}.floor-tab.active{background:#4a90d9;color:#fff}.toolbar-right{display:flex;gap:4px;align-items:center;position:relative}.tool-btn{padding:.3rem .6rem;background:#3a3a42;border:none;color:#ccc;border-radius:4px;cursor:pointer;font-size:.8rem}.tool-btn:hover{background:#4a4a52}.dropdown-panel{position:absolute;top:100%;right:0;margin-top:4px;background:#2e2e36;border:1px solid #4a4a52;border-radius:6px;padding:.75rem 1rem;z-index:50;min-width:260px;font-size:.8rem}.dropdown-panel label{display:block;margin-bottom:.5rem;cursor:pointer;color:#ccc}.dropdown-panel input[type=checkbox]{margin-right:.4rem}.dropdown-panel h4{font-size:.75rem;color:#999;text-transform:uppercase;margin:.75rem 0 .4rem}.dropdown-panel h4:first-child{margin-top:0}.shortcut{color:#bbb;margin-bottom:.4rem}.shortcut kbd{background:#444;padding:.1rem .35rem;border-radius:3px;font-size:.75rem;font-family:inherit}#floor-viewport{flex:1;overflow:hidden;position:relative;cursor:grab}#floor-viewport:active{cursor:grabbing}#floor-viewport svg{position:absolute;top:0;left:0;transform-origin:0 0}#stats-panel{width:420px;overflow-y:auto;padding:1rem 1.5rem;background:#26262c;border-left:1px solid #3a3a42;flex-shrink:0}.team-card{margin-bottom:1rem;padding:.6rem;border-radius:6px;background:#2e2e36}.team-card h3{font-size:1.05rem;margin-bottom:.3rem;text-transform:uppercase}.team-card p{font-size:.9rem;color:#bbb;line-height:1.6}.tooltip{position:fixed;background:#222;border:1px solid #555;border-radius:4px;padding:.4rem .6rem;font-size:.75rem;pointer-events:none;z-index:100;max-width:200px}@media(max-width:900px){main{flex-direction:column}#stats-panel{width:100%;max-height:35vh;border-left:none;border-top:1px solid #3a3a42;display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem}.team-card{flex:1 1 calc(50% - .5rem);min-width:140px;margin-bottom:0}header{padding:.5rem 1rem}header h1{font-size:1rem}}@media(max-width:500px){.team-card{flex:1 1 100%}.team-card h3{font-size:.9rem}.team-card p{font-size:.8rem}#toolbar{padding:.4rem .5rem}.floor-tab{padding:.25rem .5rem;font-size:.7rem}}.help-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000b3;align-items:center;justify-content:center}.help-content{position:relative;background:#2a2a2e;border-radius:8px;padding:2rem;max-width:640px;max-height:80vh;overflow-y:auto;line-height:1.5}.help-content h2{margin-top:0}.help-content h3{margin-top:1.2rem;margin-bottom:.3rem;color:#8bb4e0}.help-content p{margin:.4rem 0;color:#ccc}.help-content ul{margin:.4rem 0;padding-left:1.2rem;color:#ccc}.help-content li{margin:.3rem 0}.help-content .shortcut{color:#ccc}.help-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:#999;font-size:1.5rem;cursor:pointer;line-height:1}.help-close:hover{color:#fff}