:root{--orange:#ff5738;--cream:#fff5e6;--brown:#35170b;--panel:#512815;--muted:#d9c5b5}
.detail-icon{font-size:0}.detail-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#281107;color:var(--cream);font-family:Arial,sans-serif}body{background:radial-gradient(circle at 20% 15%,#694028 0 7%,transparent 22%),linear-gradient(160deg,#4a2514,#241006 70%);background-attachment:fixed}main{max-width:560px;margin:auto;padding:0 0 94px}.page{display:none;min-height:calc(100vh - 86px)}.page.active{display:block}.hidden{display:none!important}
.home-design{width:100%;overflow:hidden;background:#35170b}.hero-crop{position:relative;width:100%;height:69vw;max-height:386px;overflow:hidden}.hero-crop img,.lineup-crop img{display:block;width:100%;height:auto}.event-details{margin:0 4.25%;padding:14px;border:1px solid #97674c;border-radius:22px;background:#4c2819;display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-item{min-height:72px;display:flex;align-items:center;gap:10px;padding:8px;border-radius:14px;background:#3b1d12}.detail-icon{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:#693620;color:var(--orange);font-size:21px}.detail-item small{display:block;margin-bottom:4px;color:#d9bda9;font-size:9px;font-weight:800;letter-spacing:.12em}.detail-item strong{display:block;color:#fff;font-size:clamp(11px,3.2vw,16px);line-height:1.2}.home-actions{padding:12px 4.25%}.design-action{position:relative;width:100%;min-height:58px;border:0;border-radius:18px;background:linear-gradient(90deg,#ff5937,#ff4d2e);color:#fff;font-size:clamp(18px,5vw,27px);font-weight:900;display:flex;align-items:center;justify-content:center;padding:10px 12%;z-index:2}.design-action span{position:absolute;right:5%;font-size:1.5em;font-weight:400}.lineup-crop{position:relative;width:91.5%;height:40vw;max-height:224px;margin:0 4.25% 18px;overflow:hidden;border:1px solid #7d5039;border-radius:20px}.lineup-crop img{position:absolute;top:-102.5vw;left:0}@media(min-width:560px){.hero-crop{height:386px}.lineup-crop{height:224px}.lineup-crop img{top:-574px}}
.section-head{display:flex;align-items:center;gap:14px;padding:28px 20px 18px}.section-head h2{font-size:32px;margin:0;font-weight:900}.back{border:0;background:none;color:var(--cream);font-size:30px}.empty,.ticket,.mini-event,.scanner-box{margin:0 18px 18px;padding:24px;border:1px solid #8d6249;border-radius:24px;background:linear-gradient(145deg,#5a301cdd,#35190ddd);box-shadow:0 16px 40px #12070066}.empty{text-align:center;color:var(--muted);line-height:1.55}.empty strong{color:var(--cream)}.ticket{text-align:center}.ticket h2,.mini-event h3{font-size:34px;margin:10px 0;font-weight:900}.eyebrow,.mini-event span{font-size:11px;font-weight:900;letter-spacing:.18em;color:var(--orange)}.ticket #qr{background:white;padding:13px;margin:22px auto;width:min(250px,75vw);height:min(250px,75vw);border-radius:20px}.ticket #qr img{width:100%;height:100%}.ticket-name{font-weight:900;font-size:20px}.ticket p,.mini-event p,.hint{color:var(--muted)}.primary,.secondary{border-radius:16px;padding:15px 18px;width:100%;font-size:16px;font-weight:900}.primary{border:0;background:linear-gradient(90deg,#ff5937,#ff4d2e);color:white}.secondary{border:2px solid #f7dfca;background:transparent;color:var(--cream)}.mini-event .secondary{margin-top:12px}.scanner-box video{width:100%;min-height:220px;background:#160a05;border-radius:18px;margin-bottom:14px}.scanner-box input{width:100%;margin:16px 0 8px;border:1px solid #8d6249;background:#271107;color:#fff;border-radius:14px;padding:14px;font-size:15px}.success{color:#80e2a1;font-weight:800;padding:14px}.error{color:#ff8d7e;font-weight:800;padding:14px}
nav{position:fixed;z-index:20;bottom:0;left:0;right:0;display:flex;justify-content:center;background:#2b1309f5;border-top:1px solid #70432c;padding:8px 5px calc(8px + env(safe-area-inset-bottom));backdrop-filter:blur(16px)}nav button{flex:1;max-width:135px;border:0;background:none;color:#d8c4b4;font-weight:700;padding:4px 2px;display:flex;flex-direction:column;align-items:center;gap:3px}.nav-icon{width:38px;height:38px;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:25px;line-height:1}.nav-active{color:var(--orange)!important}.nav-active .nav-icon{background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:0 5px 18px #ff573866}#toast{position:fixed;z-index:30;left:20px;right:20px;bottom:94px;background:#fff3e4;color:#35170b;padding:14px;border-radius:14px;text-align:center;opacity:0;pointer-events:none;transition:.25s}#toast.show{opacity:1}