:root{--mecar-gold:#d5a541;--mecar-gold2:#f0d281;--mecar-bg:#070707;--mecar-card:#111;--mecar-line:#302713;--mecar-muted:#b9b5ac}.mecar-wrap{background:radial-gradient(circle at 50% 0,#21180a 0,#080808 35%,#050505 100%);color:#f7f3e9;border-radius:20px;overflow:hidden;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.mecar-wrap *{box-sizing:border-box}.mecar-hero{text-align:center;padding:60px 24px 52px;border-bottom:1px solid var(--mecar-line)}.mecar-logo{max-width:320px;width:70%;height:auto;display:block;margin:0 auto 16px;border-radius:8px}.mecar-kicker,.mecar-section-head>span{color:var(--mecar-gold2);text-transform:uppercase;letter-spacing:.16em;font-weight:700;font-size:12px}.mecar-hero h1{font-family:Georgia,serif;color:var(--mecar-gold2);font-size:clamp(36px,6vw,66px);margin:10px 0 8px}.mecar-event-meta{font-size:18px}.mecar-lead{max-width:780px;margin:18px auto;color:#d9d5cb;font-size:18px;line-height:1.7}.mecar-hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px}.mecar-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:10px;text-decoration:none!important;font-weight:800;border:1px solid var(--mecar-gold);transition:.2s;cursor:pointer}.mecar-btn-gold{background:linear-gradient(135deg,#bc8825,#f0d281);color:#0c0904!important}.mecar-btn-outline{background:transparent;color:var(--mecar-gold2)!important}.mecar-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.mecar-section{max-width:1180px;margin:0 auto;padding:52px 30px}.mecar-poster-section{text-align:center;padding-top:32px;padding-bottom:20px}.mecar-poster-section img{max-width:720px;width:100%;border:1px solid #4e3b15;border-radius:14px}.mecar-section-head{text-align:center;max-width:780px;margin:0 auto 30px}.mecar-section-head h2{font-family:Georgia,serif;font-size:38px;color:#fff;margin:8px 0}.mecar-section-head p{color:var(--mecar-muted);line-height:1.65}.mecar-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.mecar-category-card,.mecar-ticket-card,.mecar-form,.mecar-special-award{background:linear-gradient(180deg,#151515,#0e0e0e);border:1px solid #4c3a16;border-radius:16px}.mecar-category-card{padding:28px}.mecar-category-card h3{font-family:Georgia,serif;color:var(--mecar-gold2);font-size:28px;margin:10px 0}.mecar-category-card p,.mecar-category-card li{color:#d7d2c6;line-height:1.6}.mecar-category-card ul{padding-left:20px}.mecar-tag{display:inline-block;background:#2a2110;color:var(--mecar-gold2);border:1px solid #5d4619;padding:6px 10px;border-radius:99px;font-size:12px;font-weight:800}.mecar-how{border-top:1px solid #342a18;margin:20px 0;padding-top:16px}.mecar-how strong{color:#fff}.mecar-special-award{margin-top:22px;padding:18px 22px;display:flex;justify-content:space-between;gap:20px;align-items:center}.mecar-special-award strong{color:var(--mecar-gold2);font-family:Georgia,serif;font-size:20px}.mecar-special-award span{color:#aaa}.mecar-form{padding:28px}.mecar-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mecar-form label{display:flex;flex-direction:column;gap:8px;font-weight:700;color:#eee}.mecar-form input,.mecar-form select,.mecar-form textarea{width:100%;border:1px solid #52431f;background:#0a0a0a;color:#fff;border-radius:9px;padding:12px 13px;min-height:46px}.mecar-form input[type=file]{padding:10px}.mecar-form small{font-weight:400;color:#9f9b92}.mecar-upload-box{margin-top:24px;padding-top:22px;border-top:1px solid #342a18}.mecar-upload-box h3{color:var(--mecar-gold2);font-family:Georgia,serif}.mecar-check{flex-direction:row!important;align-items:flex-start;margin:24px 0;font-weight:500!important;color:#ccc!important}.mecar-check input{width:auto!important;min-height:auto;margin-top:4px}.mecar-btn-submit{border:0;font-size:16px}.mecar-ticket-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px}.mecar-ticket-card{padding:24px;text-align:center}.mecar-ticket-card span{color:#b9b3a5;font-size:12px;font-weight:800;letter-spacing:.1em}.mecar-ticket-card strong{display:block;color:var(--mecar-gold2);font-family:Georgia,serif;font-size:36px;margin:8px 0}.mecar-ticket-card h3{margin:0}.mecar-ticket-card p{color:#aaa}.mecar-ticket-card.is-featured{box-shadow:0 0 0 1px var(--mecar-gold),0 0 25px rgba(213,165,65,.1)}.mecar-payment-note{color:#aaa}.mecar-alert{max-width:1120px;margin:24px auto;padding:16px 18px;border-radius:10px;border:1px solid}.mecar-alert-success{background:#0e281b;border-color:#277b51;color:#d7f7e5}.mecar-alert-error{background:#321414;border-color:#8f3939;color:#ffdede}.mecar-alert-warning{background:#2b240f;border-color:#806d28;color:#fff0bd}@media(max-width:800px){.mecar-category-grid,.mecar-ticket-grid,.mecar-form-grid{grid-template-columns:1fr}.mecar-section{padding:38px 18px}.mecar-hero{padding:45px 18px}.mecar-special-award{flex-direction:column;align-items:flex-start}.mecar-section-head h2{font-size:30px}}

/* v0.2 — standalone microsite + stronger contrast */
html,body.mecar-standalone-page{margin:0!important;padding:0!important;background:#050505!important;color:#f7f3e9!important;min-height:100%;width:100%;scroll-behavior:smooth}
body.mecar-standalone-page{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
body.mecar-standalone-page .mecar-wrap{border-radius:0!important;min-height:100vh;width:100%;max-width:none;margin:0;box-shadow:none}
.mecar-wrap,.mecar-wrap p,.mecar-wrap li,.mecar-wrap span,.mecar-wrap label{color:#eee9df}
.mecar-wrap a{color:var(--mecar-gold2)}
.mecar-wrap strong{color:#fff}
.mecar-kicker,.mecar-section-head>span,.mecar-tag{color:#f4d57f!important}
.mecar-event-meta{color:#f3eee4!important}.mecar-event-meta strong{color:#f3d47b!important}
.mecar-lead{color:#e4dfd4!important}
.mecar-section-head h2{color:#fff!important;text-shadow:0 1px 0 #000}
.mecar-section-head p{color:#d5d0c5!important}
.mecar-category-card p,.mecar-category-card li{color:#e5dfd3!important}
.mecar-category-card li strong{color:#ffe3a0!important}
.mecar-how strong{color:#f5d77f!important}
.mecar-special-award span{color:#d9d2c6!important}
.mecar-form label{color:#f3eee5!important}
.mecar-form small{color:#c3bdb1!important}
.mecar-form input,.mecar-form select,.mecar-form textarea{background:#070707!important;color:#fff!important;border-color:#735c29!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.mecar-form input::placeholder,.mecar-form textarea::placeholder{color:#99938a!important;opacity:1}
.mecar-form select option{background:#090909;color:#fff}
.mecar-check{color:#e1dbd0!important}
.mecar-ticket-card h3{color:#fff!important}
.mecar-ticket-card p{color:#c9c2b6!important}
.mecar-ticket-card span{color:#d6c9ac!important}
.mecar-payment-note{color:#c7c0b4!important}
.mecar-btn-outline{border-color:#d5a541!important;color:#f3d57e!important;background:rgba(0,0,0,.25)!important}
.mecar-btn-outline:hover{background:rgba(213,165,65,.09)!important}

/* Branding placements */
.mecar-hero{padding-top:48px;background:linear-gradient(180deg,rgba(28,20,7,.78),rgba(8,8,8,.2))}
.mecar-logo{max-width:360px;width:min(76vw,360px);max-height:260px;object-fit:contain;border-radius:0!important;filter:drop-shadow(0 10px 28px rgba(213,165,65,.14))}
.mecar-poster-section{padding-top:34px!important;padding-bottom:34px!important}
.mecar-poster-section img{display:block;max-width:820px;width:min(100%,820px);height:auto;margin:0 auto;border:1px solid #6b501d;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 0 1px rgba(213,165,65,.08)}

/* Floating background music control */
.mecar-bg-audio{display:none}
.mecar-music-toggle{position:fixed;right:18px;bottom:18px;z-index:9999;display:flex;align-items:center;gap:8px;background:rgba(8,8,8,.92);color:#f6d77e;border:1px solid #b98a2f;border-radius:999px;padding:10px 14px;font:700 13px/1 Inter,system-ui,sans-serif;box-shadow:0 8px 32px rgba(0,0,0,.45);cursor:pointer;backdrop-filter:blur(10px)}
.mecar-music-toggle:hover{background:#181208}.mecar-music-toggle.is-playing{background:linear-gradient(135deg,#7e5716,#c99532);color:#090704;border-color:#e6c36a}
.mecar-music-icon{font-size:17px;color:inherit!important}.mecar-music-label{color:inherit!important}

/* Better spacing and legibility on mobile */
@media(max-width:800px){
  .mecar-hero{padding:34px 18px 38px!important}
  .mecar-logo{width:min(78vw,300px)}
  .mecar-event-meta{font-size:16px;line-height:1.6}
  .mecar-lead{font-size:16px;line-height:1.65}
  .mecar-category-card,.mecar-form,.mecar-ticket-card{padding:22px!important}
  .mecar-category-card h3{font-size:25px!important}
  .mecar-poster-section img{border-radius:12px}
  .mecar-music-toggle{right:12px;bottom:12px;padding:9px 12px}
}

/* v0.3 — public copy polish, welcome poster, normalized form inputs */
.mecar-autocaps{text-transform:uppercase}
.mecar-lowercase{text-transform:lowercase}
.mecar-no-transform{text-transform:none}
.mecar-ticket-card del{display:block;color:#9e9687;font-size:17px;margin-top:10px;text-decoration-thickness:2px}
.mecar-ticket-card.is-featured{border-color:#d5a541;background:linear-gradient(180deg,#1d170b,#111);box-shadow:0 0 0 1px rgba(213,165,65,.35),0 18px 50px rgba(0,0,0,.28)}
.mecar-ticket-card.is-featured span{color:#f4d57f!important}
.mecar-ticket-card.is-featured p b{color:#ffe3a0}
.mecar-order-summary{margin:22px 0 4px;border:1px solid #725820;background:#100d07;border-radius:12px;padding:17px 18px;display:grid;grid-template-columns:1fr auto;gap:4px 18px;align-items:center}
.mecar-order-summary>span{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#d7c493!important;font-weight:800}.mecar-order-summary>strong{font-size:26px;color:#f5d77f!important}.mecar-order-summary>small{grid-column:1/-1;color:#bfb8aa!important}

.mecar-welcome-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:18px;opacity:1;visibility:visible;transition:opacity .25s ease,visibility .25s ease}
.mecar-welcome-modal.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.mecar-welcome-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.92);backdrop-filter:blur(7px)}
.mecar-welcome-card{position:relative;z-index:2;width:min(92vw,660px);max-height:94vh;display:flex;flex-direction:column;align-items:center;background:#0b0b0b;border:1px solid #74591e;border-radius:18px;padding:12px 12px 16px;box-shadow:0 28px 90px rgba(0,0,0,.75),0 0 45px rgba(213,165,65,.08);overflow:auto}
.mecar-welcome-card img{display:block;width:auto;max-width:100%;max-height:76vh;object-fit:contain;border-radius:11px}
.mecar-enter-btn{margin-top:13px;width:min(100%,340px);font-size:15px}
.mecar-welcome-card small{display:block;text-align:center;margin-top:9px;color:#bfb7a8!important;font-size:12px;line-height:1.45}
body.mecar-modal-open{overflow:hidden!important}

/* Uploaded logo is always treated as the hero identity, not a background graphic. */
.mecar-logo{background:transparent!important;object-fit:contain!important}

@media(max-width:600px){
 .mecar-welcome-modal{padding:10px}.mecar-welcome-card{width:96vw;padding:9px 9px 14px;border-radius:14px}.mecar-welcome-card img{max-height:74vh}
 .mecar-order-summary{grid-template-columns:1fr}.mecar-order-summary>strong{font-size:24px}.mecar-order-summary>small{grid-column:auto}
}
