
:root{--tu-purple:#831E5F;--tu-green:#99BB1E;--tu-white:#fff;--tu-ink:#341029}
body{font-family:"Gibson","Avenir Next","Segoe UI",Arial,sans-serif}
#app{background:var(--tu-purple)}
#app:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(145deg,rgba(131,30,95,.34),transparent 42%),linear-gradient(to bottom,rgba(25,0,18,.25),transparent 35%,transparent 70%,rgba(40,5,29,.5))}
.topbar{z-index:30;background:linear-gradient(to bottom,rgba(76,10,53,.78),rgba(76,10,53,0));padding-bottom:28px}
.public-brand{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;min-width:0}.public-brand img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.public-brand>div{display:flex;flex-direction:column;min-width:0}.public-brand .eyebrow{color:#dfe9bd;opacity:1}.public-brand strong{font-size:13px;color:#fff;line-height:1.2}
#btnStart{background:var(--tu-green)!important;color:#263000!important;border:0!important;box-shadow:0 8px 22px rgba(0,0,0,.22)}.ghost{border-color:rgba(255,255,255,.35)!important}.admin-access{opacity:.72}
.marker .pin{background:var(--tu-green)!important;box-shadow:0 0 0 4px rgba(153,187,30,.22),0 4px 18px rgba(0,0,0,.4)}.marker .label{background:rgba(131,30,95,.9)!important;border:1px solid rgba(255,255,255,.3)!important}.marker .label strong{color:#fff}.marker .label small{color:#e6f1bd;opacity:1}
.hud{background:rgba(92,18,68,.78)!important;border-color:rgba(255,255,255,.2)!important}.hud small{color:#d6e3a9;opacity:1}.hud strong{color:#fff}
.message{background:rgba(131,30,95,.9)!important;border-color:rgba(255,255,255,.24)!important;box-shadow:0 10px 30px rgba(0,0,0,.2)}
#arDiagnostic{background:rgba(131,30,95,.82)!important;border-color:rgba(153,187,30,.6)!important}
@media(max-width:650px){.topbar{padding-left:12px;padding-right:12px}.public-brand img{width:46px;height:46px}.public-brand strong{font-size:11px}.public-brand .eyebrow{font-size:8px}.actions .admin-access{display:none}.actions #btnStart{padding:10px 11px;font-size:11px;white-space:nowrap}}

.marker .pin{width:72px!important;height:92px!important;background:transparent!important;transform:none!important;border-radius:0!important;box-shadow:none!important}.marker .pin img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(0,0,0,.35))}.marker{min-width:110px}.topbar #btnStart{display:none}@media(max-width:680px){.topbar{justify-content:center}.public-brand{display:none}.admin-access{display:none!important}}
