:root{color:#f8fafc;background:#070b14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,a{font:inherit}.app-shell{position:relative;display:grid;min-height:100vh;place-items:center;overflow:hidden;padding:2rem 1rem 4.5rem;background:radial-gradient(circle at 16% 10%,rgba(255,153,0,.2),transparent 30rem),radial-gradient(circle at 86% 88%,rgba(41,120,255,.16),transparent 28rem),linear-gradient(145deg,#070b14,#111827 58%,#09101c)}.ambient{position:absolute;width:18rem;height:18rem;border:1px solid rgba(255,255,255,.08);border-radius:4.5rem;transform:rotate(24deg)}.ambient-one{top:-10rem;right:-5rem}.ambient-two{bottom:-12rem;left:-5rem}.quest-card{position:relative;z-index:1;width:min(100%,38rem);min-height:31rem;padding:clamp(1.5rem,5vw,2.5rem);border:1px solid rgba(255,255,255,.12);border-radius:2rem;background:#0d1422db;box-shadow:0 2rem 6rem #0000006b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.09)}.session-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;margin-top:1.25rem;padding:.8rem .9rem;border:1px solid rgba(52,211,153,.24);border-radius:1rem;color:#d1fae5;background:#10b98114}.session-dot{width:.62rem;height:.62rem;border-radius:50%;background:#34d399;box-shadow:0 0 0 .3rem #34d39921}.session-identity{display:flex;min-width:0;flex-direction:column;gap:.1rem}.session-identity strong{overflow:hidden;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.session-label{color:#86efac;font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.session-action{padding:.48rem .65rem;border:1px solid rgba(255,255,255,.16);border-radius:.7rem;color:#f8fafc;background:#ffffff0f;cursor:pointer;font-size:.76rem;font-weight:800}.brand-lockup{display:flex;min-width:0;align-items:center;gap:.85rem}.brand-logo{width:3.1rem;height:3.1rem;flex:0 0 auto;object-fit:contain}.brand-copy{display:flex;min-width:0;flex-direction:column;line-height:1.2}.brand-copy strong{overflow:hidden;font-size:.95rem;text-overflow:ellipsis;white-space:nowrap}.brand-copy small{margin-top:.18rem;color:#8995a8;font-size:.72rem}.product-pill{padding:.5rem .75rem;border:1px solid rgba(255,153,0,.35);border-radius:999px;color:#ffb547;background:#ff99001a;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.status-panel{display:flex;min-height:22rem;flex-direction:column;align-items:flex-start;justify-content:center;padding:2rem 0 .5rem}.eyebrow{margin:0 0 1rem;color:#ffad32;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1{max-width:20ch;margin:0;color:#fff;font-size:clamp(2rem,8vw,3.35rem);line-height:1.04;letter-spacing:-.045em}.status-error h1{font-size:clamp(1.75rem,7vw,2.7rem)}.support-copy{max-width:42ch;margin:1.4rem 0 0;color:#b7c1d2;font-size:1rem;line-height:1.7}.event-description{max-width:46ch;margin:1rem 0 0;color:#cbd5e1;line-height:1.6}.qr-link{display:block;align-self:center;margin-top:1.5rem;padding:.55rem;border:1px solid rgba(255,255,255,.2);border-radius:1rem;background:#fff;box-shadow:0 1.25rem 3.5rem #00000059;text-decoration:none}.qr-frame{display:grid;width:min(66vw,15.5rem);aspect-ratio:1;place-items:center;overflow:hidden;border-radius:.65rem;background:#fff}.qr-frame img{display:block;width:100%;height:100%;object-fit:contain}.scan-copy{align-self:center;max-width:34ch;margin:1rem 0 0;color:#aeb9ca;font-size:.9rem;line-height:1.55;text-align:center}.empty-qr{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.85rem;margin-top:1.5rem;padding:1rem;border:1px solid rgba(255,255,255,.1);border-radius:1rem;color:#b7c1d2;background:#ffffff0a;line-height:1.55}.empty-qr p{margin:0}.empty-qr-icon{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:.75rem;color:#ffb547;background:#ff99001c;font-size:1.4rem;font-weight:900}.primary-action,.secondary-action{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;margin-top:1.8rem;padding:.75rem 1.15rem;border-radius:.9rem;cursor:pointer;font-weight:800;text-decoration:none}.event-action{align-self:stretch}.primary-action{border:0;color:#111827;background:#f90}.secondary-action{border:1px solid rgba(255,255,255,.18);color:#f8fafc;background:#ffffff0f}.primary-action:focus-visible,.secondary-action:focus-visible,.session-action:focus-visible,.qr-link:focus-visible{outline:3px solid #fcd34d;outline-offset:3px}.primary-action:hover,.session-action:hover,.secondary-action:hover{filter:brightness(1.08)}.security-note{display:flex;align-items:center;gap:.65rem;margin-top:1.4rem;color:#a7f3d0;font-size:.88rem}.security-dot{width:.6rem;height:.6rem;flex:0 0 auto;border-radius:50%;background:#34d399;box-shadow:0 0 0 .35rem #34d39924}.loader{width:2.3rem;height:2.3rem;margin-bottom:1.5rem;border:3px solid rgba(255,255,255,.13);border-top-color:#f90;border-radius:50%;animation:spin .8s linear infinite}.page-footer{position:absolute;bottom:1.5rem;z-index:1;color:#778399;font-size:.76rem;text-align:center}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:520px){.app-shell{align-items:stretch;padding:0}.quest-card{width:100%;min-height:calc(100vh - 3.5rem);padding:1.35rem;border:0;border-radius:0 0 2rem 2rem}.brand-header{padding-bottom:1.3rem}.brand-logo{width:2.75rem;height:2.75rem}.brand-copy strong{font-size:.82rem}.brand-copy small{font-size:.65rem}.product-pill{padding:.4rem .6rem;font-size:.65rem}.status-panel{min-height:calc(100vh - 10rem);padding-top:1.5rem}.session-strip{margin-top:1rem}.session-action{max-width:6.5rem}.qr-frame{width:min(72vw,14.5rem)}.page-footer{bottom:1.1rem;width:100%;padding-inline:1rem}}@media(prefers-reduced-motion:reduce){.loader{animation-duration:1.8s}}
