:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;font-weight:400;color:#333;background-color:#f8f9fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}p{margin:0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#667eea;color:#fff;cursor:pointer;transition:all .25s ease}button:hover{background-color:#5a6fd8;transform:translateY(-1px)}button:focus,button:focus-visible{outline:2px solid #667eea;outline-offset:2px}button:active{transform:translateY(0)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}#root{max-width:1280px;margin:0 auto;padding:1rem;text-align:left;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-header{text-align:center;margin-bottom:2rem;padding:2rem 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a}.app-header h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.app-header p{margin:0;font-size:1.1rem;opacity:.9}.park-list h2{font-size:1.8rem;margin-bottom:1.5rem;color:#333;text-align:center}.park-list-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.park-list-item{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .3s ease;border:1px solid #e0e0e0;display:flex;align-items:center;gap:1rem}.park-list-item:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026;border-color:#667eea}.park-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;flex-shrink:0}.park-content{flex:1;min-width:0}.park-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:1rem}.park-badges{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.park-name{margin:0;font-size:1.3rem;color:#333;font-weight:600;flex-shrink:0}.court-count{background:#e8f5e8;color:#2d5a2d;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500;white-space:nowrap;border:1px solid #c3e6c3}.official-website-badge{background:#e3f2fd;color:#1565c0;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500;white-space:nowrap;border:1px solid #90caf9;text-decoration:none;display:inline-block;transition:all .2s ease}.official-website-badge.clickable:hover{background:#1565c0;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #1565c04d;cursor:pointer}.official-website-link{color:#1565c0;text-decoration:none;margin-left:.5rem;padding:.2rem .5rem;border-radius:5px;transition:background-color .2s ease}.official-website-link:hover{background-color:#e3f2fd;text-decoration:none}.park-address{color:#666;font-size:.9rem;margin:0 0 .8rem}.park-description{color:#555;font-size:.95rem;line-height:1.5;margin:0}.park-arrow{color:#667eea;font-size:1.5rem;font-weight:700;flex-shrink:0;opacity:.7;transition:all .3s ease}.park-list-item:hover .park-arrow{opacity:1;transform:translate(5px)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto}.modal-content{background:#fff;border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px 16px 0 0}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600}.close-button{background:none;border:none;font-size:2rem;color:#fff;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-button:hover{background:#fff3}.modal-body{padding:2rem}.park-details p{margin:0 0 .8rem;line-height:1.6}.park-details strong{color:#333;font-weight:600}.maps-container{margin-top:2rem}.map-section{margin-bottom:2rem}.map-section:last-child{margin-bottom:0}.map-section h3{margin:0 0 1rem;font-size:1.2rem;color:#333;font-weight:600}.map-section iframe{border-radius:8px;box-shadow:0 2px 8px #0000001a}.map-actions{margin-top:2rem}.map-links{display:flex;gap:1rem;flex-wrap:wrap}.map-link{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:.95rem;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;min-width:140px;justify-content:center}.map-link:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003;text-decoration:none;color:#fff}.map-link.location{background:linear-gradient(135deg,#4285f4,#1a73e8)}.reservation-section{background:#fff;border-radius:8px;padding:1rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0}.reservation-section h4{font-size:1.1rem;margin-bottom:.8rem;color:#333;text-align:center}.reservation-content{display:flex;flex-direction:column;gap:1rem;text-align:center}.reservation-content p{color:#666;line-height:1.5;margin:0;font-size:.9rem}.reservation-link{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:6px;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;justify-content:center;align-self:center;min-width:120px}.reservation-link.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.reservation-link.primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d;color:#fff;text-decoration:none}@media (max-width: 768px){#root{padding:.5rem}.app-header{margin-bottom:1.5rem;padding:1.5rem 1rem}.app-header h1{font-size:2rem}.park-list-container{gap:.8rem}.park-list-item{padding:1rem;flex-direction:column;align-items:flex-start;gap:.8rem}.park-number{align-self:flex-start}.park-header{flex-direction:column;align-items:flex-start;gap:.5rem}.park-arrow{align-self:center;transform:rotate(90deg)}.park-list-item:hover .park-arrow{transform:rotate(90deg) translate(5px)}.modal-content{margin:.5rem;max-height:95vh}.modal-header{padding:1rem 1.5rem}.modal-body{padding:1.5rem}.map-section iframe{height:200px}.map-links{flex-direction:column;gap:.8rem}.map-link{width:100%}.reservation-section{padding:.8rem;margin-bottom:1rem}.reservation-section h4{font-size:1rem;margin-bottom:.6rem}.reservation-content{gap:.8rem}.reservation-content p{font-size:.85rem}.reservation-link{width:100%;min-width:auto;padding:.5rem 1rem;font-size:.85rem}}