:root{--bg-color:#f8f9fa;--bg-pattern-color:#fff;--primary-red:#ed1c24;--primary-red-shadow:#c0161c;--primary-teal:#00a651;--primary-teal-shadow:#008742;--secondary-teal:#e8f5e9;--accent-brown:#fbb03b;--text-brown:#1b264f;--text-dark:#1b264f;--poster-bg:#fff;--border-color:#e2e8f0}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-color);min-height:100vh;margin:0;font-family:Montserrat,sans-serif;overflow-x:hidden}.container{flex-direction:column;width:100%;max-width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.bg-pattern{opacity:.8;z-index:0;background-color:var(--bg-color);pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M100%25,0 L100%25,200 Lcalc(100%25 - 200px),0 Z' fill='%23F15A24' opacity='0.15' /%3E%3Crect x='calc(100%25 - 120px)' y='50' width='60' height='60' fill='%2300A651' opacity='0.2' transform='rotate(45 calc(100%25 - 90px) 80)' /%3E%3Cpath d='M0,100%25 L200,100%25 L0,calc(100%25 - 200px) Z' fill='%23ED1C24' opacity='0.15' /%3E%3Ccircle cx='80' cy='calc(100%25 - 80px)' r='40' fill='%23FBB03B' opacity='0.2' /%3E%3C/svg%3E");background-position:50%;background-size:cover;position:fixed;inset:0}.container>:not(.bg-pattern){z-index:1;position:relative}.poster-container{margin-top:10px;padding:24px;animation:.6s cubic-bezier(.175,.885,.32,1.275) both slideDown}.poster-area{background-color:var(--poster-bg);border:1px solid var(--border-color);height:400px;color:var(--text-brown);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 8px 24px #0000000f}.poster-area:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.poster-area:active{transform:translateY(0);box-shadow:0 4px 12px #0000000f}.poster-area svg{color:var(--accent-brown);margin-bottom:12px;transition:transform .3s}.poster-area:hover svg{transform:scale(1.1)}.poster-text{letter-spacing:1.5px;font-family:Outfit,sans-serif;font-size:14px;font-weight:700}.content-area{text-align:center;flex-direction:column;align-items:center;padding:0 30px 40px;animation:.6s cubic-bezier(.175,.885,.32,1.275) .2s both slideUp;display:flex}.title{color:var(--primary-red);letter-spacing:-1px;text-shadow:1px 1px #fff,-1px -1px #fff,1px -1px #fff,-1px 1px #fff;margin-top:10px;margin-bottom:10px;font-family:Montserrat,sans-serif;font-size:32px;font-weight:800}.title .version{font-style:italic;font-weight:800}.subtitle-badge{background-color:var(--secondary-teal);color:#0d3835;letter-spacing:1px;border:2px solid var(--primary-teal);border-radius:20px;margin-bottom:25px;padding:6px 18px;font-family:Outfit,sans-serif;font-size:11px;font-weight:800;box-shadow:0 4px 10px #68bdb366}.countdown-container{grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-bottom:30px;display:grid}.countdown-box{border:1px solid var(--border-color);background-color:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:12px 8px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #0000000d}.countdown-box:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000014}.countdown-value{color:var(--accent-brown);letter-spacing:-1px;margin-bottom:2px;font-family:Syne,sans-serif;font-size:32px;font-weight:800;line-height:1.1}.countdown-label{color:var(--text-brown);letter-spacing:1px;font-family:Outfit,sans-serif;font-size:11px;font-weight:700}.action-buttons{flex-direction:column;gap:16px;width:100%;display:flex}.btn{letter-spacing:.5px;color:#fff;cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 20px;font-family:Outfit,sans-serif;font-size:16px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #00000014}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.btn:active{transform:translateY(1px);box-shadow:0 2px 4px #00000014}.btn .icon{margin-right:4px}.btn-primary{background-color:var(--primary-teal)}.btn-primary:hover{background-color:#008742}.btn-secondary{background-color:var(--primary-red)}.btn-secondary:hover{background-color:#c0161c}.btn-tertiary{background-color:var(--accent-brown)}.btn-tertiary:hover{background-color:#e59a29}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseColor{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.next-artist-animated{animation:2s ease-in-out infinite pulseColor}@media (width<=480px){.poster-area{height:50vh}}@media (width>=1024px){.container{flex-direction:row;align-items:center;gap:60px;max-width:1200px;margin:0 auto;padding:60px 40px}.poster-container{flex:1;margin-top:0;padding:0}.poster-area{height:600px}.content-area{text-align:left;flex:1;align-items:flex-start;padding:0}.title{font-size:48px}.countdown-container{grid-template-columns:repeat(4,1fr)}.action-buttons{flex-direction:row}}.parking-list{flex-direction:column;gap:16px;width:100%;max-width:500px;margin:0 auto;display:flex}.parking-card{border:1px solid var(--border-color);text-align:left;background-color:#fff;border-radius:16px;flex-direction:column;gap:12px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #0000000d}.parking-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000014}.parking-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.parking-title{color:var(--primary-teal);font-family:Outfit,sans-serif;font-size:18px;font-weight:800}.parking-type{color:var(--text-brown);align-items:center;gap:4px;margin-top:4px;font-size:12px;font-weight:600;display:flex}.parking-status{letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border-radius:20px;padding:4px 10px;font-family:Outfit,sans-serif;font-size:11px;font-weight:800}.status-available{color:#2e7d32;background-color:#e8f5e9;border:1px solid #2e7d32}.status-full{color:#c62828;background-color:#ffebee;border:1px solid #c62828}.parking-desc{color:#555;font-size:13px;line-height:1.4}.btn-maps{background-color:var(--primary-teal);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:5px;padding:10px;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;text-decoration:none;transition:background-color .2s;display:flex}.btn-maps:hover{background-color:#027b86}.parking-popup-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.parking-popup-content{text-align:left;background:#fff;border:none;border-radius:20px;width:100%;max-width:400px;padding:24px;animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn;position:relative;box-shadow:0 20px 40px #00000026}.close-popup-btn{color:var(--primary-red);cursor:pointer;background:0 0;border:none;font-size:28px;font-weight:700;line-height:1;transition:transform .2s;position:absolute;top:15px;right:15px}.close-popup-btn:hover{transform:scale(1.2)}input,textarea,select{font-size:16px!important}button,.btn{min-width:44px;min-height:44px}@media (width<=768px){.container,.content-area,.poster-container{padding:16px}h1,.title{font-size:22px!important}h2{font-size:20px!important}h3{font-size:18px!important}.btn{padding:14px 18px;font-size:14px}.action-buttons{gap:12px}.countdown-container{gap:10px}.countdown-box{min-width:70px;padding:12px}.countdown-value{font-size:32px}.countdown-label{font-size:10px}.rundown-container{padding-top:8px}.rundown-item{margin-bottom:10px;padding:14px}.rundown-item .time{font-size:13px}.rundown-item .title{font-size:16px}.rundown-item .desc{font-size:12px}.parking-card{margin-bottom:10px;padding:14px}.parking-card-header h3{font-size:16px}.parking-card-body{font-size:13px}.parking-popup-content{width:90%;max-width:90vw;margin:20px;padding:20px}.parking-popup-header h2{font-size:20px}.zoom-controls{bottom:80px!important;right:12px!important}.zoom-btn{width:44px;height:44px;font-size:22px}.map-container{touch-action:pan-x pan-y pinch-zoom}}@media (width<=480px){.container,.content-area{padding:12px}h1,.title{font-size:20px!important}h2{font-size:18px!important}.btn{padding:12px 16px;font-size:13px}.countdown-box{min-width:65px;padding:10px 8px}.countdown-value{font-size:28px}.countdown-label{font-size:9px}.poster-area{height:300px!important}.rundown-item{padding:12px}.rundown-item .title{font-size:15px}.parking-popup-content{margin:12px;padding:16px}.zoom-controls{right:8px!important}.zoom-btn{width:40px;height:40px;font-size:20px}}@media (width<=360px){.countdown-box{min-width:60px;padding:8px 6px}.countdown-value{font-size:24px}.countdown-label{font-size:8px}.btn{padding:10px 14px;font-size:12px}}@media (height<=500px) and (orientation:landscape){.poster-area{height:200px!important}.countdown-box{min-width:55px;padding:8px}.countdown-value{font-size:24px}.countdown-label{font-size:8px}}