:root{--brand-red: #e1164c;--band-green: #69ae44;color:#1c1c1c;font-family:Avenir Next,Segoe UI,Helvetica,Arial,sans-serif;background:var(--brand-red)}body{margin:0}.stage{min-height:100dvh}.ticket{width:100%;min-height:100dvh;background:var(--brand-red);color:#fff;overflow:hidden}.ticket-bar{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;padding:6px 6px 0}.back{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#fff;width:36px;height:28px;padding:0;display:grid;place-items:center;cursor:pointer}.ticket-count{text-align:center}.ticket-count h1{margin:0 0 2px;font-size:15px;font-weight:600;letter-spacing:.01em}.pager{display:inline-block;width:6px;height:6px;border-radius:50%;background:#fff}.ticket-body{position:relative;padding:4px 16px 28px}.band{position:relative;height:136px;border-radius:6px;background:var(--band-green);display:grid;place-items:center}.card{position:relative;margin-top:12px;background:#fff;color:#2a2a2a;border-radius:8px;padding:20px 18px 22px}.qr{position:relative;flex:none;background:#fff;border-radius:2px;z-index:2}.qr-modules{position:absolute;top:21px;right:21px;bottom:21px;left:21px;width:calc(100% - 42px);height:calc(100% - 42px);shape-rendering:crispEdges}.qr-modules rect{fill:#111}.qr-clock{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;padding:0;background:#111;color:#fff;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:8px;font-weight:400;letter-spacing:.02em;line-height:1;text-align:center}.qr-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.qr-frame rect{animation:qr-sweep 4s linear infinite}@keyframes qr-sweep{0%{stroke-dashoffset:0}to{stroke-dashoffset:calc(var(--frame-length) * -1)}}.match{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:8px;margin-top:8px}.side{display:grid;justify-items:center;gap:10px;text-align:center}.side p{margin:0;font-size:14px;font-weight:600;color:#333}.vs{margin-top:14px;color:#8d8d8d;font-size:12px;font-weight:400}.crest-img{height:40px;width:auto;max-width:76px;object-fit:contain}.meta{display:flex;justify-content:center;align-items:center;gap:8px;margin:10px 0 0;color:#4a4a4a;font-size:13px}.meta svg{color:#8a8a8a}.places{display:flex;justify-content:center;gap:6px;margin-top:18px}.places div{background:#f3f1f2;border-radius:4px;padding:8px 6px 10px;text-align:center}.places span{display:block;color:var(--brand-red);font-size:11px;font-weight:700;letter-spacing:.08em;text-align:center}.places strong{display:block;margin-top:4px;font-size:19px;font-weight:500;letter-spacing:-.02em;text-align:center}.card hr{margin:26px 0 20px;border:0;height:1px;background:repeating-linear-gradient(90deg,#000 0 3px,transparent 3px 6px)}.card dl{margin:0;display:grid;gap:16px}.card dl div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.card dt{color:#666;font-size:11px;font-weight:500;letter-spacing:.06em}.card dd{margin:0;font-size:13px;font-weight:400;color:#555;text-align:right;display:flex;align-items:center;gap:5px;justify-content:flex-end}.card dd .star{color:var(--brand-red);flex:none}.send-card{position:relative;margin-top:28px;background:#fff;color:#2a2a2a;border-radius:8px;padding:16px 16px 14px}.send-card h2{margin:0 0 10px;font-size:16px;font-weight:700}.send-row{display:flex;gap:10px;align-items:flex-start;padding-right:34px}.send-icon{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#fde8ec;color:var(--brand-red)}.send-row p{margin:2px 0 0;font-size:13px;line-height:1.35;color:#555}.send-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:100%;margin-top:14px;padding:11px 16px;border-radius:6px;background:var(--brand-red);color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.send-more{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;position:absolute;right:-12px;top:48px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--brand-red);color:#fff;cursor:pointer;box-shadow:0 4px 10px #0003}@media(prefers-reduced-motion:reduce){.qr-frame rect{animation:none}}
