/* ============================================================
   UCI Student Housing WebTour · production UI layer · uci-ui
   Ported from the approved mockup v1.12 over the live Pano2VR
   player + skin. UWGB v029 machinery, UCI brand + flows.
   v013 (2026-10-02): round guided-tour arrows + 3-step tutorial
   Brand: blue #0064a4 · gold #ffd200 · navy #1b3d6d (live site CSS)
   ============================================================ */
.uci-ui{--b:#0064a4;--navy:#1b3d6d;--gold:#ffd200;--gink:#0f2c47;
  --glass:rgba(8,25,45,.66);--line:rgba(255,255,255,.3);
  --ui:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --disp:"Avenir Next","Futura","Segoe UI",sans-serif;
  font-family:var(--ui);color:#fff;font-size:15px;line-height:1.5}
.uci-ui *{box-sizing:border-box;margin:0;padding:0}
.uci-ui button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}
.uci-ui a{color:inherit}
.uci-ui button:focus-visible,.uci-ui a:focus-visible,.uci-ui [tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:4px}
.uci-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.uci-skip{position:fixed;left:10px;top:-60px;z-index:400;background:var(--gold);color:var(--gink);font-weight:800;padding:10px 16px;border-radius:6px;transition:top .2s}
.uci-skip:focus{top:10px}
.uci-hide{display:none!important}
[hidden]{display:none!important}
.uci-legacy-hide{display:none!important}

/* fade = opacity+visibility pair (Safari-safe), never display for chrome */
.uci-t{position:fixed;z-index:60;transition:opacity .45s,visibility .45s}
.uci-fade{opacity:0!important;visibility:hidden!important;pointer-events:none!important}

/* ---------- top bar ---------- */
#ucTop{top:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:12px 14px}
.uci-wordmark{font-family:var(--disp);font-weight:700;font-size:14px;letter-spacing:.02em;background:var(--glass);padding:9px 13px;border-radius:6px}
.uci-wordmark b{color:var(--gold)}
.uci-sp{flex:1}
/* doubled class: the .uci-ui button reset would strip the glass background */
.uci-chip.uci-chip,span.uci-chip{display:inline-flex;align-items:center;gap:7px;min-height:44px;min-width:44px;justify-content:center;background:var(--glass);border:1px solid var(--line);border-radius:22px;padding:8px 16px;font-weight:600;font-size:13.5px;position:relative}
.uci-chip.uci-chip:hover{border-color:#fff}
.uci-chip svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
#ucSaveCount{position:absolute;top:-6px;right:-6px;background:var(--gold);color:var(--gink);font-size:10.5px;font-weight:800;border-radius:9px;min-width:17px;line-height:17px;padding:0 5px;text-align:center;display:none}
#ucSaveCount.uci-show{display:block}
.uci-cta.uci-cta{background:var(--gold);color:#000;font-family:var(--ui);font-weight:800;font-size:13.5px;padding:10px 20px;border-radius:22px;min-height:44px;display:inline-flex;align-items:center;text-decoration:none}
.uci-cta:hover{filter:brightness(1.06)}

/* ---------- scene caption / nav ---------- */
#ucScene{left:14px;bottom:16px;background:var(--glass);padding:9px 14px;border-radius:8px;max-width:min(430px,62vw)}
#ucScene .uci-tag{display:block;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}
#ucScene h2{font-family:var(--disp);font-size:17px;font-weight:700}
#ucNav{left:50%;transform:translateX(-50%);bottom:16px;display:flex;gap:10px}
#ucNav button{display:inline-flex;align-items:center;gap:6px;background:var(--glass);border:1px solid var(--line);font-size:14px;font-weight:600;padding:11px 20px;border-radius:24px;min-height:44px}
#ucNav button:hover{border-color:#fff}

/* ---------- node-info card (bottom right): guide face + description + VO ---------- */
#ucInfo{right:16px;bottom:74px;width:min(320px,80vw);background:#fff;color:#16273b;border-radius:12px;padding:16px 18px 18px;box-shadow:0 14px 38px rgba(3,12,26,.45);z-index:61}
#ucInfo .uci-tag{display:block;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--b);margin:0 42px 2px 0}
#ucInfo h3{font-family:var(--disp);font-size:15px;letter-spacing:.04em;margin:0 42px 6px 0}
#ucInfo p{font-size:13px;line-height:1.55;color:#31435a;margin:0 10px 0 0;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}
#ucInfo p.uci-expand{display:block;max-height:46vh;overflow:auto}
#ucInfoFace{position:absolute;right:-10px;bottom:-14px;width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 6px 18px rgba(3,12,26,.4)}
#ucSndBtn{position:absolute;top:8px;right:8px;min-width:36px;min-height:36px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center}
#ucSndBtn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#ucSndBtn path:first-child{fill:currentColor}
#ucSndBtn .uci-soff{display:none}
#ucSndBtn.uci-muted .uci-son{display:none}
#ucSndBtn.uci-muted .uci-soff{display:block}
#ucSndBtn.uci-muted{background:#8195ab}
.uci-story-on #ucInfo{display:none!important}
.uci-popup-open #ucInfo{opacity:0;visibility:hidden;pointer-events:none}
.uci-mobile #ucInfo{bottom:84px;width:min(300px,76vw)}
.uci-mobile #ucInfo p{-webkit-line-clamp:3}

/* ---------- spin hint ---------- */
#ucSpin{left:0;right:0;top:0;bottom:0;display:grid;place-items:center;pointer-events:none;z-index:58}
#ucSpin .uci-card{background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:18px 24px 14px;text-align:center}
#ucSpin svg{display:block;margin:0 auto 6px;animation:ucDrift 2.4s ease-in-out infinite}
#ucSpin p{font-size:14px;font-weight:600}
@keyframes ucDrift{0%,100%{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}
@media (pointer:coarse) and (prefers-reduced-motion:reduce){#ucSpin svg{animation:none}}

/* ---------- overlays: landing / community selector / resume doors ---------- */
#ucLanding{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;background:#0a2440}
#ucLanding.uci-hide2{display:none}
#ucVid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.uci-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,20,40,.55),rgba(6,20,40,.28) 45%,rgba(6,20,40,.72))}
#ucLanding .uci-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;max-width:720px}
#ucLanding .uci-kick{font-family:var(--disp);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
#ucLanding h2{font-family:var(--disp);font-size:clamp(26px,5vw,40px);font-weight:700;margin-bottom:26px;text-shadow:0 2px 14px rgba(4,16,32,.6)}
/* the two audience doors are the landing's primary action (Eric 2026-09-16):
   big solid glass cards, gold accent rail, oversized names */
.uci-doors{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;width:100%}
#ucDoors .uci-door{flex:1 1 300px;max-width:400px}
.uci-door.uci-door{background:rgba(8,24,44,.78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.35);border-left:6px solid var(--gold);border-radius:14px;padding:24px 22px;text-align:left;color:#fff;box-shadow:0 14px 38px rgba(3,12,26,.45);transition:transform .2s ease,border-color .2s ease}
.uci-door.uci-door:hover{background:rgba(14,36,62,.88);border-color:var(--gold);transform:translateY(-3px)}
@media (prefers-reduced-motion:reduce){.uci-door{transition:none}.uci-door:hover{transform:none}}
#ucDoors .uci-door .t{font-size:clamp(20px,2.6vw,26px)}
.uci-door .t{font-family:var(--disp);font-weight:700;font-size:17px;display:block}
.uci-door .d{font-size:13.5px;opacity:.92;margin:6px 0 14px;display:block}
.uci-door .g{font-size:14px;font-weight:800;color:var(--gold)}
#ucStoryBtn.uci-door-x,#ucStoryBtn{margin-top:26px;background:none;color:#fff;font-weight:700;font-size:13.5px;padding:10px 20px;border:1.5px solid rgba(255,255,255,.55);border-radius:22px;min-height:44px;opacity:.92}
#ucStoryBtn:hover{border-color:var(--gold);color:var(--gold);opacity:1}
#ucLanding footer{position:absolute;bottom:12px;left:0;right:0;font-size:12px;opacity:.8}
#ucVidPause{position:absolute;right:14px;bottom:38px;z-index:2}
#ucSel,#ucResume{position:fixed;inset:0;z-index:210;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;background:radial-gradient(100% 80% at 30% 0%,#2b6a9e 0%,transparent 55%),linear-gradient(180deg,#1d4f7d 0%,#0a2440 85%)}
/* community chooser floats over the still-playing landing video (live-tour
   pattern): transparent overlay + blurred glass band, video visible around it */
#ucSel{background:none}
.uci-selpanel{background:rgba(8,25,45,.5);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:30px 34px 22px;max-width:1160px;width:100%;display:flex;flex-direction:column;align-items:center}
#ucLanding.uci-chooser .uci-inner,#ucLanding.uci-chooser footer,#ucLanding.uci-chooser #ucVidPause{visibility:hidden}
#ucSel.uci-hide2,#ucResume.uci-hide2{display:none}
#ucSel .uci-kick,#ucResume .uci-kick{font-family:var(--disp);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
#ucSel h2,#ucResume h2{font-family:var(--disp);font-size:clamp(22px,4vw,28px);font-weight:700;margin-bottom:24px}
/* one row always on desktop: tiles share the width equally (2 UG, 4 GF) */
.uci-commgrid{display:flex;gap:14px;width:100%;justify-content:center}
.uci-commgrid .uci-comm{flex:1 1 0;min-width:0;max-width:340px}
@media (max-width:700px){
  .uci-commgrid{flex-direction:column;overflow-y:auto;max-height:62dvh}
  .uci-commgrid .uci-comm{max-width:none;flex:none}
}
.uci-comm.uci-comm{background:rgba(255,255,255,.10);border:1px solid var(--line);border-radius:12px;padding:0;text-align:left;color:#fff;overflow:hidden;display:flex;flex-direction:column}
.uci-comm.uci-comm:hover{background:rgba(255,255,255,.17);border-color:#fff}
.uci-comm:hover .uci-ph img{transform:scale(1.05)}
.uci-ph{display:block;aspect-ratio:16/10;overflow:hidden;border-bottom:3px solid var(--gold);background:#12304f}
.uci-ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
@media (prefers-reduced-motion:reduce){.uci-ph img{transition:none}}
.uci-cbody{display:block;padding:12px 14px 14px}
.uci-comm .t{font-family:var(--disp);font-weight:700;font-size:16px;display:block}
.uci-comm .d{font-size:12.5px;opacity:.88;margin-top:3px;display:block}
.uci-back{margin-top:26px;font-size:13.5px;font-weight:700;color:var(--gold);min-height:44px;display:inline-flex;align-items:center}

/* ---------- menu panel (left drawer / mobile sheet) ---------- */
#ucMenu{position:fixed;z-index:220;top:0;bottom:0;left:-400px;width:min(370px,94vw);background:#fff;color:#16273b;display:flex;flex-direction:column;transition:left .3s ease;box-shadow:14px 0 34px rgba(4,18,36,.3)}
#ucMenu.uci-open{left:0}
.uci-mhead{background:var(--navy);color:#fff;padding:14px 16px 12px;position:relative}
.uci-mhead .uci-all{font-size:12px;font-weight:700;color:var(--gold);letter-spacing:.05em;min-height:32px;display:inline-flex;align-items:center}
.uci-mhead h2{font-family:var(--disp);font-size:19px;margin-top:2px}
.uci-x{position:absolute;top:8px;right:8px;min-width:44px;min-height:44px;font-size:18px;color:#fff;display:grid;place-items:center}
#ucMenu .uci-x{color:#fff}
#ucMenuList{flex:1;overflow-y:auto;list-style:none}
#ucMenuList li{border-bottom:1px solid #e2e8ef}
#ucMenuList button{display:flex;gap:12px;align-items:baseline;width:100%;text-align:left;padding:12px 18px;font-size:14.5px;color:#16273b;min-height:44px}
#ucMenuList button:hover{background:#eef2f6}
#ucMenuList .uci-i{font-variant-numeric:tabular-nums;color:#4a5d72;font-size:12px;width:20px;flex:none}
#ucMenuList li.uci-cur button{font-weight:700;box-shadow:inset 4px 0 0 var(--gold);background:#eef2f6}
.uci-mfoot{padding:12px 16px;border-top:1px solid #e2e8ef;display:flex;gap:10px}
.uci-mfoot .uci-ghost{flex:1;text-align:center;border:2px solid var(--b);color:var(--b);font-weight:700;font-size:13.5px;padding:10px 0;border-radius:6px;min-height:44px}
.uci-mfoot .uci-solid{flex:1;text-align:center;background:var(--gold);color:var(--gink);font-weight:800;font-size:13.5px;padding:10px 0;border-radius:6px;min-height:44px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
@media (max-width:700px){
  #ucMenu{top:auto;left:0;right:0;width:auto;bottom:-92dvh;height:84dvh;border-radius:16px 16px 0 0;transition:bottom .3s ease;box-shadow:0 -14px 34px rgba(4,18,36,.3)}
  #ucMenu.uci-open{bottom:0;left:0}
}
@media (prefers-reduced-motion:reduce){#ucMenu{transition:none}}

/* persistent desktop sidebar: pano chrome shifts right of the open menu */
body.uci-menu-on:not(.uci-mobile) #ucScene{left:calc(min(370px,94vw) + 14px)}
body.uci-menu-on:not(.uci-mobile) #ucSpin{left:min(370px,94vw)}

/* ---------- saved panel ---------- */
#ucSaved{position:fixed;z-index:225;top:0;bottom:0;right:-400px;width:min(360px,94vw);background:#fff;color:#16273b;display:flex;flex-direction:column;transition:right .3s ease;box-shadow:-14px 0 34px rgba(4,18,36,.3)}
#ucSaved.uci-open{right:0}
#ucSaved h2{font-family:var(--disp);background:var(--navy);color:#fff;padding:16px 60px 14px 18px;font-size:19px;position:relative}
#ucSavedList{flex:1;overflow-y:auto;list-style:none}
#ucSavedList li{display:flex;align-items:center;border-bottom:1px solid #e2e8ef}
#ucSavedList .uci-go{flex:1;text-align:left;padding:12px 6px 12px 18px;font-size:14.5px;color:#16273b;min-height:44px}
#ucSavedList .uci-go:hover{background:#eef2f6}
#ucSavedList .uci-rm{min-width:44px;min-height:44px;color:#4a5d72;font-size:17px}
#ucSavedList .uci-empty{padding:24px 20px;font-size:14px;color:#4a5d72;border:none}
#ucSaved .uci-mfoot{border-top:1px solid #e2e8ef}
@media (max-width:700px){
  #ucSaved{top:auto;left:0;right:0;width:auto;bottom:-92dvh;height:70dvh;border-radius:16px 16px 0 0;transition:bottom .3s ease}
  #ucSaved.uci-open{bottom:0;right:0}
}
#ucScrim{position:fixed;inset:0;z-index:215;background:rgba(6,18,34,.45);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
#ucScrim.uci-on{opacity:1;visibility:visible}

/* ---------- story mode ---------- */
#ucStory{inset:0;z-index:150}
#ucSegs{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:4px}
#ucSegs i{flex:1;height:4px;border-radius:2px;background:rgba(255,255,255,.35)}
#ucSegs i.uci-done{background:var(--gold)}
/* guided tour arrows (v013, PeekPeek arrow spec): always visible, solid
   white disc + brand chevron, dark soft shadow reads on sky and dark rooms */
.uci-arw.uci-arw{position:absolute;top:50%;width:56px;height:56px;margin-top:-28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:var(--b);box-shadow:0 4px 14px rgba(3,12,26,.45),0 1px 3px rgba(3,12,26,.35);transition:background .18s,color .18s,transform .18s,opacity .18s;z-index:2}
.uci-arw svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.uci-arw.uci-l{left:16px}.uci-arw.uci-r{right:16px}
@media (hover:hover){.uci-arw.uci-arw:hover:not(:disabled){background:var(--b);color:#fff;transform:scale(1.08)}}
.uci-ui .uci-arw:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:50%}
.uci-arw.uci-arw:disabled{opacity:.4;cursor:default;box-shadow:0 2px 8px rgba(3,12,26,.3)}
.uci-arw.uci-pulse{animation:ucPulse 1.2s ease-out 2}
@keyframes ucPulse{0%{box-shadow:0 4px 14px rgba(3,12,26,.45),0 0 0 0 rgba(255,210,0,.85);transform:scale(1)}40%{transform:scale(1.1)}100%{box-shadow:0 4px 14px rgba(3,12,26,.45),0 0 0 22px rgba(255,210,0,0);transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.uci-arw.uci-arw{transition:none}.uci-arw.uci-arw:hover:not(:disabled){transform:none}.uci-arw.uci-pulse{animation:none}}
.uci-mobile .uci-arw.uci-arw{width:44px;height:44px;margin-top:-22px}
.uci-mobile .uci-arw svg{width:22px;height:22px}
#ucStoryTools{position:absolute;top:22px;right:12px;display:flex;gap:8px}
#ucExit{min-width:44px;min-height:44px;border-radius:22px;background:var(--glass);border:1px solid var(--line);font-size:13.5px;font-weight:700;padding:0 16px}
#ucHelp{width:44px;height:44px;border-radius:50%;background:var(--glass);border:1px solid var(--line);font-size:18px;font-weight:800}
#ucExit:hover,#ucHelp:hover{border-color:#fff}
#ucCap{position:absolute;left:12px;right:12px;bottom:16px;max-width:540px;margin:0 auto;background:var(--glass);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
#ucCap .uci-tag{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--gold);text-transform:uppercase}
#ucCap h2{font-family:var(--disp);font-size:17px;margin:2px 0}
#ucCap p{font-size:13.5px;opacity:.94}
/* guided tour tutorial (v013): 3 steps, once per visitor, ? reopens it */
#ucTut{inset:0;z-index:160;background:rgba(4,16,32,.74);display:grid;place-items:center;padding:24px}
#ucTut .uci-box{width:min(360px,100%);text-align:center;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:16px;padding:26px 22px 20px;box-shadow:0 14px 38px rgba(3,12,26,.45)}
.uci-tico{height:84px;display:grid;place-items:center;margin-bottom:12px}
.uci-tico>svg{width:96px;height:60px;animation:ucDrift 2.4s ease-in-out infinite}
#ucTut h2{font-family:var(--disp);font-size:20px;line-height:1.3;font-weight:700;min-height:52px;display:grid;place-items:center}
.uci-tdots{display:flex;gap:7px;justify-content:center;margin:14px 0 18px}
.uci-tdots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35)}
.uci-tdots i.uci-on{background:var(--gold);width:22px;border-radius:4px}
.uci-trow{display:flex;gap:10px;justify-content:center}
.uci-tskip.uci-tskip{min-height:44px;padding:0 20px;border-radius:24px;border:1.5px solid rgba(255,255,255,.55);font-weight:700;font-size:14px}
.uci-tnext.uci-tnext{min-height:44px;padding:0 26px;border-radius:24px;background:var(--gold);color:var(--gink);font-weight:800;font-size:14px}
.uci-mini{display:flex;align-items:center;gap:8px}
.uci-mscreen{width:84px;height:56px;border-radius:8px;background:linear-gradient(160deg,#7fb2dc,#1b3d6d);border:1px solid rgba(255,255,255,.4)}
.uci-arw.uci-demo{position:static;margin:0;width:44px;height:44px}
.uci-arw.uci-demo svg{width:22px;height:22px}
.uci-arw.uci-demo.uci-off{opacity:.4}
.uci-mini2{display:flex;gap:8px}
.uci-pill{min-height:44px;min-width:44px;display:inline-grid;place-items:center;padding:0 14px;border-radius:22px;background:var(--glass);border:1px solid #fff;font-weight:700;font-size:14px}
@media (prefers-reduced-motion:reduce){.uci-tico>svg{animation:none}}
#ucEnd{inset:0;z-index:165;background:rgba(6,20,40,.9);display:grid;place-items:center;padding:28px}
#ucEnd .uci-box{max-width:460px;text-align:center}
#ucEnd .uci-tag{font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--gold);text-transform:uppercase}
#ucEnd h2{font-family:var(--disp);font-size:clamp(22px,4vw,30px);margin:8px 0 10px}
#ucEnd p{font-size:14.5px;opacity:.9;margin-bottom:22px}
.uci-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.uci-bigbtn{font-weight:800;font-size:14.5px;padding:13px 24px;border-radius:8px;min-height:48px;display:inline-flex;align-items:center;text-decoration:none}
.uci-go{background:var(--gold);color:var(--gink)}
.uci-alt{border:2px solid var(--gold);color:var(--gold)}
#ucLanding .uci-bigbtn.uci-alt,#ucLanding .uci-door{backdrop-filter:none}

/* ---------- nudge / toast ---------- */
#ucNudge{left:50%;transform:translateX(-50%);bottom:80px;z-index:230;background:#fff;color:#16273b;border-radius:12px;padding:16px 20px;max-width:360px;box-shadow:0 14px 40px rgba(4,18,36,.4)}
#ucNudge b{font-family:var(--disp)}
#ucNudge p{font-size:13.5px;color:#4a5d72;margin:4px 0 12px}
#ucNudge .uci-cta{font-size:13px;padding:9px 14px;min-height:40px}
#ucNudge .uci-ghost2{border:2px solid var(--b);color:var(--b);font-weight:700;font-size:13px;padding:9px 14px;border-radius:6px;min-height:40px}
#ucToast{position:fixed;left:50%;transform:translateX(-50%);bottom:76px;z-index:300;background:#fff;color:#16273b;font-size:13.5px;font-weight:600;padding:10px 18px;border-radius:22px;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;box-shadow:0 8px 22px rgba(4,18,36,.4)}
#ucToast.uci-on{opacity:1;visibility:visible}

/* story mode hides free-roam chrome hard */
.uci-story-on #ucScene,.uci-story-on #ucNav,.uci-story-on #ucChip360{display:none!important}
/* WP hotspot popup open: fade our chrome so the spotlight owns the screen */
.uci-popup-open #ucTop,.uci-popup-open #ucScene,.uci-popup-open #ucNav{opacity:0;visibility:hidden;pointer-events:none}

/* mobile compaction */
.uci-mobile .uci-chip .uci-txt{display:none}
.uci-mobile #ucTop{padding:10px}
.uci-mobile #ucScene{max-width:74vw}
.uci-mobile .uci-wordmark{font-size:12px;padding:8px 10px}