.map-container{flex:1;position:relative;min-height:400px}.map-empty{display:flex;align-items:center;justify-content:center;background:#ecf0f1;color:#7f8c8d;font-size:1.1rem}.sidebar{width:0;overflow:hidden;background:#fff;box-shadow:-2px 0 8px #0000001a;transition:width .3s ease;display:flex;flex-direction:column}.sidebar-open{width:400px}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0}.sidebar-header h2{font-size:1.5rem;color:#2c3e50;margin:0}.sidebar-close{background:none;border:none;font-size:2rem;color:#7f8c8d;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;line-height:1}.sidebar-close:hover{color:#2c3e50}.sidebar-content{flex:1;overflow-y:auto;padding:1.5rem}.sidebar-section{margin-bottom:2rem}.sidebar-section:last-child{margin-bottom:0}.sidebar-section h3{font-size:1.1rem;color:#34495e;margin-bottom:.75rem;font-weight:600}.sidebar-section p{color:#555;line-height:1.6;margin-bottom:.5rem}.sidebar-coordinates{font-family:monospace;font-size:.9rem;color:#7f8c8d}.sidebar-plays{display:flex;flex-direction:column;gap:1rem}.sidebar-play{padding:1rem;background:#f8f9fa;border-radius:4px;border-left:3px solid #3498db}.sidebar-play-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.sidebar-play-date{font-weight:600;color:#2c3e50}.sidebar-play-score{font-size:.9rem;color:#27ae60;font-weight:600}.sidebar-play-notes{color:#555;font-size:.95rem;margin:0;line-height:1.5}@media (max-width: 768px){.sidebar-open{width:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1000}}.app{display:flex;flex-direction:column;width:100%;height:100vh}.app-header{background:#2c3e50;color:#fff;padding:1rem 2rem;box-shadow:0 2px 4px #0000001a;z-index:1000}.app-header h1{font-size:1.5rem;margin-bottom:.25rem}.app-header p{font-size:.9rem;opacity:.9}.app-content{display:flex;flex:1;overflow:hidden}.app-loading,.app-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;font-size:1.2rem}.app-error{color:#e74c3c}.app-error-hint{margin-top:1rem;font-size:.9rem;color:#7f8c8d}@media (max-width: 768px){.app-header{padding:.75rem 1rem}.app-header h1{font-size:1.25rem}.app-content{flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100vh}